@charset "UTF-8";
@font-face {
    font-family: 'VodafoneExBd';
    src: url('fonts/VodafoneExBd.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'VodafoneLt';
    src: url('fonts/VodafoneLt.ttf') format('truetype');
    font-style: normal;
}

*{margin:0;padding:0;}
a:hover, a:focus{outline:none;border:none;text-decoration:none;}
ul{list-style:none;}
.lt{float:left;}

.VodafoneExBd{font-family:VodafoneExBd,Arial;}
.VodafoneLt{font-family:VodafoneLt,Arial;}
.vdf-red{color:#e60000;}
.c-white{color:#fff;}

body{background:#e0e0e0;font-family:VodafoneLt,Arial;}

.btn{padding:10px;margin-top:30px;}
.btn-transition{
	-webkit-transition: background ease 0.25s, color ease 0.25s;
    -moz-transition: background ease 0.25s, color ease 0.25s;
    -o-transition: background ease 0.25s, color ease 0.25s;
    transition: background ease 0.25s, color ease 0.25s;
}
.btn-vdf{background:#e60000;}
.btn-logout{position:absolute;top:0;right:30px;}
.btn-logout:hover{border:1px solid #e60000;}
.modal-btn{border-bottom:1px solid #e60000;color:#e60000;}
.modal-btn:hover{background:#e60000;}

input{border:1px solid #a8a8a8;padding:10px;width:60%;margin:5px 0;}
input:focus{border:1px solid #e60000;padding:10px;box-shadow:0 0 5px rgba(250,0,0,.3)}
table{width:100%;}
table thead tr{background:#e60000;}
table thead tr th,table tbody tr td{padding:10px;}
table tbody tr td{border-bottom:1px solid #e60000;}
table .btn{margin-top:0;padding:5px;}

.ventor-logo{margin-top:150px;}
.ventor-logo img{margin-right:25px;}
.logo{background:#e60000;border-radius:100%;width:200px;height:200px;margin:30px auto;}
.login-title{color:#333;margin-bottom:50px;}
.search-code-title{margin-bottom:15px;}
#drop-zone{padding-top:30px;}

/**** loader ****/
.is-loading {
    font-weight: 400;
    width:  40px;
    height:  40px;
    padding-top:  20px;
    text-align: center;
    margin:  0 auto;
    color:  #333;
}
.is-loading div {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    -webkit-transform: rotate(0);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(0);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(0);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(0);
    -o-transform-origin: 0 0;
    transform: rotate(0);
    transform-origin: 0 0;
}
.is-loading div b {
    -webkit-animation: spinner2 2s 0s ease-in-out infinite alternate;
    -moz-animation: spinner2 2s 0s ease-in-out infinite alternate;
    -o-animation: spinner2 2s 0s ease-in-out infinite alternate;
    animation: spinner2 2s 0s ease-in-out infinite alternate;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    text-align: left;
}
.is-loading div b.white {
    color:  #fff;
    text-shadow:  0px 0px 9px #fff;
}
.is-loading div.dgrey b {
    color:  #333;
    text-shadow:  0px 0px 9px #333;
}
.is-loading div b:after {
    content: "."}
.is-loading div b:nth-child( 8n+8) {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-transform: rotate(-360deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-360deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-360deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-360deg);
    -o-transform-origin: 0 0;
    transform: rotate(-360deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+7) {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-transform: rotate(-315deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-315deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-315deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-315deg);
    -o-transform-origin: 0 0;
    transform: rotate(-315deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+6) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-270deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-270deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-270deg);
    -o-transform-origin: 0 0;
    transform: rotate(-270deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+5) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-transform: rotate(-225deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-225deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-225deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-225deg);
    -o-transform-origin: 0 0;
    transform: rotate(-225deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+4) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-transform: rotate(-180deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-180deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-180deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-180deg);
    -o-transform-origin: 0 0;
    transform: rotate(-180deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-transform: rotate(-135deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-135deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-135deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-135deg);
    -o-transform-origin: 0 0;
    transform: rotate(-135deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-90deg);
    -o-transform-origin: 0 0;
    transform: rotate(-90deg);
    transform-origin: 0 0;
}
.is-loading div b:nth-child( 8n+1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-45deg);
    -o-transform-origin: 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 0;
}
@-webkit-keyframes spinner2 {
    to {
    -webkit-transform: rotate(720deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(720deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(720deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(720deg);
    -o-transform-origin: 0 0;
    transform: rotate(720deg);
    transform-origin: 0 0;
}
}@-moz-keyframes spinner2 {
    to {
    -webkit-transform: rotate(720deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(720deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(720deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(720deg);
    -o-transform-origin: 0 0;
    transform: rotate(720deg);
    transform-origin: 0 0;
}
}@-ms-keyframes spinner2 {
    to {
    -webkit-transform: rotate(720deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(720deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(720deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(720deg);
    -o-transform-origin: 0 0;
    transform: rotate(720deg);
    transform-origin: 0 0;
}
}@keyframes spinner2 {
    to {
    -webkit-transform: rotate(720deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(720deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(720deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(720deg);
    -o-transform-origin: 0 0;
    transform: rotate(720deg);
    transform-origin: 0 0;
}
}.is-loading.with-pad {padding-top: 100%}
/* checkbox cuwallet*/
#is_cuwallet {
	width: 10%;
}