@font-face {
    font-family: "Titillium-RegularUpright";
    src: url(../fonts/Titillium-RegularUpright.eot); /* IE9 Compat Modes */
    src: url(../fonts/Titillium-RegularUpright.eot?#iefix) format('embedded-opentype'); /* IE6-IE8 */
    src: url(../fonts/Titillium-RegularUpright.otf);

}

@font-face {
    font-family: "Titillium-SemiboldUpright";
    src: url(../fonts/Titillium-SemiboldUpright.eot); /* IE9 Compat Modes */
    src: url(../fonts/Titillium-SemiboldUpright.eot?#iefix) format('embedded-opentype'); /* IE6-IE8 */
    src: url(../fonts/Titillium-SemiboldUpright.otf);

}

@font-face {
    font-family: "Titillium-ThinUpright";
    src: url(../fonts/Titillium-ThinUpright.eot); /* IE9 Compat Modes */
    src: url(../fonts/Titillium-ThinUpright.eot?#iefix) format('embedded-opentype'); /* IE6-IE8 */
    src: url(../fonts/Titillium-ThinUpright.otf);

}


BODY
{
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color: #888888;
    background-color: White;
    background-position:center top;
}
.mobilisis
{    
    background-image: url('../pic/login/mobilisis.jpg');    
    background-position: center center;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pic/login/mobilisis.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pic/login/mobilisis.jpg', sizingMethod='scale')";
    color:White;
    background-color:#ffffff;    
}
.rasco
{    
    background-image: url('../pic/branding/rasco/background.jpg');
    background-position: center center;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pic/branding/rasco/background.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pic/branding/rasco/background.jpg', sizingMethod='scale')";    
    background-color:#2b2b2b; 
}
.logix4
{
    background-image: url('../pic/branding/logix4/logix_login.png');
}
.tisak
{
    background-image: url('../pic/branding/tisak/tisaklogin.gif');
}
.euromat
{
    background-image: url('../pic/branding/euromat/bg.jpg');
    background-repeat:repeat;
}
.hs
{
    background-image: url('../pic/branding/hr_sume/hs_login.png');    
}
.ina
{
    background-image: url('../pic/branding/ina/ina_login.gif');    
}
.ortec
{
    background-image: url('../pic/branding/ortec/ortec_login.png');    
}
.podravka
{
    background-image: url('../pic/branding/podravka/podravka_login.png');    
}
.taxi
{
    background-image: url('../pic/branding/taxi/login_taxi.jpg');    
}
.cloud
{
    background-image: url('../pic/branding/tcom/tcom_login.png');    
}
.cocacola
{
    background-image: url('../pic/branding/cocacola/login2.jpg');
    background-position:center 100px;
}
.fina
{
    background-image: url('../pic/branding/fina/fina_login.png');    
}
.mireo
{
    background-image: url('../pic/branding/mireo/mireo_login.png');    
}
.megamont
{
    background-image: url('../pic/branding/megamont/megamont_login.png');    
}
.pvp
{
    background-image: url('../pic/branding/slovenijatelekom/ts_login.png');    
    background-position:center 50px;
}
.magsense
{
    /* VERSION 1
    background-image: url('../pic/branding/magsense/magsense_login.png');
    background-position: bottom right;
    background-size: 100%;
    */
    /* VERSION 2 */
    background-image: url('../pic/branding/magsense/background_verzija1010.png');
    background-position: center center;
    background-size: 100% 100%;
}


.opacity
{
    background-color: #2b2b2b; /* for IE */
    filter: alpha(opacity=70); /* CSS3 standard */
    opacity: 0.7;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;    
}
.opacity_red
{
	background-color: #e5e5e5;
    color: #ff6666 !important; /* for IE */  
    font-family: Titillium-SemiboldUpright;  
}

INPUT
{
    padding: 5px 0px 5px 45px;
    border: 1px solid #dddddd; /*Applying CSS3 gradient*/ /*background: -moz-linear-gradient(center top , #2a2a2a,  #ffffff 1px, #2a2a2a 20px);     background: -webkit-gradient(linear, left top, left 20, from(#2a2a2a), color-stop(5%, #ffffff) to(#2a2a2a));     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#2a2a2a'); /*Applying CSS 3radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px; /*Applying CSS3 box shadow*/
    -moz-box-shadow: 2px 2px 2px #2a2a2a;
    -webkit-box-shadow: 2px 2px 2px #2a2a2a;
    box-shadow: 2px 2px 2px #2a2a2a;
    color:#545454;
    margin-top: 10px;
    font-weight: bold;    
}
INPUT:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 2px 2px 2px #7AA9DD;
    -webkit-box-shadow: 2px 2px 2px #7AA9DD;
    box-shadow: 2px 2px 2px #7AA9DD;
}
.un
{
    background: #ffffff url('../pic/mobile/user_login.png') no-repeat;
    background-position: left center;
}
.pass
{
    background: #ffffff url('../pic/mobile/password_login.png') no-repeat;
    background-position: left center;
}
.un_red
{
    background: #ffffff url('../pic/mobile/user_login.png') no-repeat;
    background-position: left center;
}
.un_red:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 2px 2px 2px #990000;
    -webkit-box-shadow: 2px 2px 2px #990000;
    box-shadow: 2px 2px 2px #990000;
}
.pass_red
{
    background: #ffffff url('../pic/mobile/password_login.png') no-repeat;
    background-position: left center;
}
.pass_red:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 2px 2px 2px #990000;
    -webkit-box-shadow: 2px 2px 2px #990000;
    box-shadow: 2px 2px 2px #990000;
}

.un_rasco
{
    background: #ffffff url('../pic/mobile/user_login2.png') no-repeat;
    background-position: left center;
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    
    height:35px !important;
}
.un_rasco:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}
.pass_rasco
{
    background: #ffffff url('../pic/mobile/password_login2.png') no-repeat;
    background-position: left center;
        -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    
    height:35px !important;
}
.pass_rasco:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}

.send_mail_input
{
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    
    height:28px !important;
}
.send_mail_input:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}

.btn
{
    padding: 0px; /* fallback */
    background-color: #7AA9DD; /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#7AA9DD)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #ffffff, #7AA9DD); /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #ffffff, #7AA9DD); /* IE 10 */
    background: -ms-linear-gradient(top, #ffffff, #7AA9DD); /* Opera 11.10+ */
    background: -o-linear-gradient(top, #ffffff, #7AA9DD);	
	cursor:pointer;
}
.btn_red
{
    padding: 0px; /* fallback */
    background-color: #990000; /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#990000)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #ffffff, #990000); /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #ffffff, #990000); /* IE 10 */
    background: -ms-linear-gradient(top, #ffffff, #990000); /* Opera 11.10+ */
    background: -o-linear-gradient(top, #ffffff, #990000);	
	cursor:pointer;
	color:#2b2b2b;
}
.btn_red:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 2px 2px 2px #990000;
    -webkit-box-shadow: 2px 2px 2px #990000;
    box-shadow: 2px 2px 2px #990000;
}

.btn_rasco
{
    padding: 0px; /* fallback */
    background-color: #ffffff; /* Safari 4-5, Chrome 1-9 */
	cursor:pointer;
	color:#2b2b2b;
	    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    height:40px  !important;
    
}
.btn_rasco:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}
.btn_rasco:hover
{
    background-color: #e1e1e1; /* Safari 4-5, Chrome 1-9 */
}

.btn_rasco2
{
    padding: 0px; /* fallback */
    background-color: #ffffff; /* Safari 4-5, Chrome 1-9 */
	cursor:pointer;
	color:#2b2b2b;
	    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    height:34px  !important;
    
}
.btn_rasco2:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}
.btn_rasco2:hover
{
    background-color: #e1e1e1; /* Safari 4-5, Chrome 1-9 */
}
.un_magsense
{
    background: #808284;
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    color:#FFFFFF;
    
    height:35px !important;
}
.un_magsense:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}
.pass_magsense
{
    background: #808284;
	-moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    color:#FFFFFF;
    
    height:35px !important;
}
.pass_magsense:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}

.btn_magsense
{
    padding: 0px; /* fallback */
    background-color: #0095D9; /* Safari 4-5, Chrome 1-9 */
	cursor:pointer;
	color:#FFFFFF;
	-moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
    height:40px  !important;
    
}
.btn_magsense:focus
{
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0px 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}
.btn_magsense:hover
{
    background-color: #00385D; /* Safari 4-5, Chrome 1-9 */
}
.un_magsense::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFFFFF;
}
.pass_magsense::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFFFFF;
}

.center100
{
    width: 100%;
    text-align: center;    
    margin-top: 20px;
}

.default_table
{	
	width: 100%;
	border: 0px;	
	font-family: Arial;
	font-size: 12px;
	color:White;
	background-color:transparent;
}

/* unvisited link */
span a:link    {
    color: #ffffff;
    text-decoration:none;
}

/* visited link */
span a:visited {
    color: #ffffff;
    text-decoration:none;
}

/* mouse over link */
span a:hover   {
    color: #ffffff;
    text-decoration:none;
}

/* selected link */
span a:active  {
    color: #888888;
    text-decoration:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}