@font-face{
    font-family:font1;
    src:url("../fonts/Roboto-Regular.ttf") format("truetype")
}
@font-face{
    font-family:font2;
    src:url("../fonts/Roboto-Medium.ttf") format("truetype")
}
body{
    /* background: #eee; */
    font-family: font1;
}
.p-0{
    padding: 0px;
}
.mandatory-field{
    color: red;
}
.p-10{
    padding: 0px 0px 0px 10px;
}
.font-bold{
  font-weight: bold;
}
.padding-right-20{
    padding-right: 20px;
}
.padding-top-20{
    padding-top: 20px;
}
.p-b-50{
    padding-bottom: 50px;
}
.error{
    color: red;
    font-size: 15px;
}
.common-form{
    text-align: center;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

}
.register{
    /* height: 570px; */
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
}
.common-form h1{
       text-align: CENTER;
    margin: 0px;
    font-size: 22px;
    text-transform: uppercase;
    padding: 8px 0px;
    background: #43acda;
    color: #fff;
    font-family: font2;
    margin-bottom: 20px;
}
.common-form h2{
    color: #00bcd4;
    text-align: center;
    text-transform: capitalize;
    font-size: 20px;
    font-family: font2;
    margin-top: 30px;
}
.submit{
    text-align: center;
    margin-top: 40px;
}
.submit input{
    background: #bd59d4;
    color: #fff;
    border: none;
    padding: 13px 49px;
    border-radius: 25px;
    width: initial !important;
    text-transform: uppercase;
    height: initial !important;
    cursor: pointer;
    padding-left: 49px !important;
    font-family: font2;
    font-size: 16px !important;
    border-bottom: none !important;
    box-shadow: 0 10px 30px 0 rgba(189,89,212,.5) !important;
}
.submit input:focus{
    outline: none;
}
.common-form .inner{
    background: #fff;
    padding: 18px 0px !important;
    padding-top: 0px !important;
}
.common-form .inner .left{
    text-align: left;
    padding-left: 35px;
}
.common-form .inner .left .block{
    /* padding-left: 25px; */
    padding-top: 20px;
}
.common-form input{
    border:none;
    border-bottom: 1px solid #ccc;
    width:100%;
    height: 34px;
}
.common-form select{
    width:100%;
    border: 1px solid #ccc;
    height: 40px;
    padding-left: 10px;
}
.common-form select:focus{
    outline: none;
}
.common-form input:focus{
    box-shadow: none;
    outline: none;
}
.common-form .inner label{
    font-family: font2;
}
.common-form .view_inner label{
    font-family: font2;
    position: relative;
    padding-left: 40px;
    text-align: left;
    margin-bottom: 5px;
}
.common-form .view_inner .topp{
    margin-top: 30px;
}
/* .common-form .view_inner label:before{
    position: absolute;
    left: 12px;
    top: 0px;
    content: "\f0a4";
    font-size: 20px;
    font-family: FontAwesome;
    color: #f60;
} */
.common-form .view_inner .left .row{
    /* border-bottom:1px solid #ddd; */
    margin-bottom: 10px;
}
.common-form .inner input[type="checkbox"]{
    width:14px;
    height: 14px;
    box-shadow: inset 2px 3px #aaa;
    /* margin-right: 4px; */
    margin-top: 4px;
}
.alintop-paadt7 span{
    margin-right:8px;
}
.common-form .inner input[type="radio"]{
    width:14px;
    height: 14px;
    /* margin-right: 8px; */
    margin-top: 4px;
}
.m-b-10{
    margin-bottom: 10px;
}
.m-b-15{
    margin-bottom: 15px;
}
.common-form input[type="radio"]{
    width:13px;
    height: 13px;
}
#login-page{
    background: url(../images/bg-01.jpg) center center;
    background-size: cover;
    position: relative;
}
#login-page .overlay{
    position: absolute;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(left,rgba(50, 183, 250, 0.4),rgba(185,0,255,0.4));
    /* height: 100%; */
    width: 100%;
}
.login-inner{
    background: #fff;
    margin-top:5%;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.18), 0 15px 12px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
    margin-bottom: 3%;
}
.login-inner h1{
    font-size: 27px;
    padding: 10px 0px;
    color: #000;
    text-align: center;
    font-family: 'Lobster', cursive;
    background-size: cover;
}
.login-inner form{
    padding: 30px;
}
.login-inner input,.login-inner select{
    border:none;
    height: 50px;
    padding-left: 10px;
    width: 100%;
    padding-left: 20px;
    border-radius: 25px;
    box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
    border:1px solid #bd59d473;
    font-size: 14px;
}
.login-inner input:focus,.login-inner select:focus{
    outline:none;
    width:100%;
    box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
}
.login-inner select{
    color: #666;
}
.login-inner label{
    color: #222;
    font-family: font2;
    text-align: center;
    margin: 0px;
    font-size: 15px;
}
.login-inner .one{
    padding: 10px 30px;
}
.or-option{
    text-align: center;
}
.or-option span{
    color: #43acda;
    font-family: font2;
    font-weight: 600;
    font-size: 20px;
}
#ui-datepicker-div{
           background: #fff;
    /*padding: 8px 17px;
    border: 1px solid #ddd;*/
    border-top: none;
    width: 252px;
    text-align: center;
    border: 1px solid #ccc !important;
    border-top: none !important;
}
.ui-datepicker-calendar{
    width: 250px;
}
.ui-datepicker-calendar a{
    color: #666;
    text-decoration: none;
    font-size: 14px;
}
.ui-datepicker-calendar thead{
    background: #607D8B;
    color: #fff;
}
.ui-datepicker-calendar thead tr th{
   font-weight: lighter;
   text-align: center;
   font-size: 14px;
   padding: 5px;
}
.ui-datepicker-calendar tr td{
    padding: 5px;
    text-align: center;
}
.ui-datepicker-calendar tr td:hover,.ui-datepicker-calendar tr td:hover a{
    background: #00bcd4;
    color: #fff;
}
.ui-datepicker-prev span,.ui-datepicker-next span{
    background: #00bcd4;
    padding: 0px 8px;
    margin-right: 10px;
    color: #fff;
}
#main-page{
    background: #eee;
}
.common-table{
    margin-top: 30px;
    margin-bottom: 30px;
}
.common-table table{
    background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.common-table table thead{
    background: #607d8b;
}
.common-table table thead th{
    font-weight: 100;
    text-align: center;
    padding: 10px;
    color:#fff;
    text-transform: uppercase;
    font-size: 16px;
    border-right:1px solid #ddd;
}
.common-table table td{
    padding: 10px 5px;
    border-right:1px solid #ccc;
    color:#666;
    text-align: center;
}
.common-table table td a{
    color:#f60;
    text-decoration: underline;
    margin-right: 5px;
    font-family: font2;
}
.ui-datepicker-title{
    padding: 10px 0px;
    color: #5f7c8b;
}
.ui-state-disabled:hover{
    background: none !important;
}
.start_page{
    text-align: center;
    padding: 0px 110px !important;
    margin-top: 10%;
    height: 265px;
}
.start_page .buttons{
    padding: 70px 15px !important;
}
.start_page a{
    background: #00bcd4;
    padding: 14px 20px;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    font-family: font1;
    font-size: 16px;
    margin-right: 10px;
    border-radius: 3px;
    display: block;
    margin-bottom: 22px;
    border-bottom: 3px solid #0995a7;
}
.logo{
    /* background: #FFD5C2; */
    /* background-size: cover; */
    /* padding: 20px; */
    text-align: center;
    position: relative;
    height: 90px;
    width: 160px;
    margin: auto;
}
.logo img{
    /* width: 173px; */
    /* margin: 14px auto; */
    /* margin-right: 16px; */
    position: absolute;
    top:0;
    left:0;
    right:0;
    max-width: 100%;
    max-height: 100%;
    margin:auto;
    background: #fff;
    padding: 10px;
}
.branch_page a{
    background: none;
    border:none;
    padding: 0px;
    color:#f60;
    text-decoration: underline;
}
.branch_page .inside{
    padding: 50px 35px !important;
}
.branch_page .inside label{
    font-size: 18px;
}
.branch_page .inside select{
    border:1px solid #ccc;
    height: 45px;
    padding-left: 10px !important;
    width: 100%;
}
.branch_page .inside select:focus{
    outline: none;
}
.branch_page .powered p{
    margin: 0px;
    padding: 10px 0px;
    background: #eee;
}
.branch_page .powered p a{
    text-transform: capitalize;
}
.register_page{
    margin-top:15px;
}
.m-t-20{
    margin-top:20px;
}
.m-b-20{
    margin-bottom:20px;
}
/*online_box*/
.online_box{
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}
.online_box a{
    color: #fff;
    background: #f60;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    text-decoration: none;
}
.online_box a i{
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
}
.flash{
    text-align: center;
    font-size: 17px;
    color: green;
    background: #c4e4cb;
    padding: 10px 0px;
}
.mainpage-bg{
padding: 0px;
background: #0992a5;
}
.mainpage-bg .left{
    background: #0992a5;
    height: 400px;
    padding: 100px 20px;
}
.mainpage-bg .right{
    background: #fff;
    padding: 0px;
}
.online_head{
    color: #fff;
    font-family: font2;
    text-transform: capitalize;
    text-align: center;
    font-size: 20px;
}
.powered{
    text-align: center;
}
.powered p{
    margin: 0px;
    padding: 15px 0px;
    font-size: 15px;
    color: #666;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.powered p a{
    color: #bd59d4;
    text-decoration: none;
    font-family: font2;
}
.down-app p{
    color: #666;
    font-size: 15px;
}
.login-inner .tt img{
    height: 28px;
    margin-top: 14px;
    position: absolute;
    background: #fff;
    top: 5px;
    padding-right: 10px;
}
.login-inner .tt .right{
    /* display: inherit; */
}
.register .heading{
    background: #00bcd4;
    padding: 10px;
    color: #fff;
    font-family: font2;
    font-size: 20px;
    margin: 0px;
    padding-top: 27px;
    text-transform: capitalize;
    word-spacing: 5px;
}
.ref_bg p{
margin:0px;
}
.ref_bg p span{
    color: #00bcd4;
    font-family: font2;
}
.ref_bg{
    margin-top: 30px;
}
.ref_bg p{
color: #666;
font-family: font1;
}
.ref_bg p span{
background: #e91e63;
color: #fff;
padding: 5px 10px;
}
.ref_bg .numb{
    color: #9c27b0;
    padding: 5px 0px;
    display: block;
}
.ref_bg p:before,.ref_bg p:after{
    display: none;
}
.app_status{
    text-align: center;
}
.app_status .le{
    color: #00bcd4;
    font-family: font2;
    font-size: 16px;
}
.grey{
    background: #eee;
    padding: 5px 10px 30px 10px;
    font-size: 15px;
}
.download-but{
    background: #00bcd4;
    color: #fff;
    font-family: font2;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 3px;
}
.download-but:hover{
    color: #fff;
    text-decoration: none;
}
.top-logo{
    position: relative;
    height: 95px;
}
.top-logo img{
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.login-logo img{
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 19px;
}
.logout{
    margin-top: 0px;
    text-align: right;
}
.logout a{
    background: #F44336;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 3px;
    text-decoration: none;
}
.head_bgg{
    background: #00bcd4;
}
.below_head{
    background: #00bcd44f;
    padding: 10px;
    color: #0a93a5;
    font-family: font2;
    text-transform: uppercase;
}
.below_head .inn{
    padding-left: 180px;
}

.result{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.18), 0 15px 12px rgba(0, 0, 0, 0.24);
    margin-top:3%;
    text-align: center;
    margin-bottom: 3%;
}
.result h2{
    /* font-family: 'Cookie', cursive;
    text-transform: lowercase; */
    margin: 20px 0px;
    color: #fff;
    background: blueviolet;
    position: relative;
    display: inline-block;
    padding:5px 20px;

}
.result h2:after{
    position: absolute;
    top: 0;
    left: -27px;
    border-top: 28px solid blueviolet;
    border-left: 28px solid transparent;
    content: '';
}
.result p:after{
    position: absolute;
    top: -23px;
    right: -48px;
    border-top: 28px solid blueviolet;
    border-left: 28px solid transparent;
    content: '';
    transform: rotate(180deg);
}
.result h2:before{
    position: absolute;
    bottom: 0;
    left: -27px;
    border-top: 28px solid blueviolet;
    border-left: 28px solid transparent;
    content: '';
    transform: rotate(90deg);
}
.result p:before{
    position: absolute;
    bottom: 15px;
    right: -48px;
    border-top: 28px solid blueviolet;
    border-left: 28px solid transparent;
    content: '';
    transform: rotate(-90deg);
}
.result .heading{
    text-align: center;
}
.result p{
    position: relative;
    margin: 0px;
}
.result h3{
    color: #e91e63;
    font-family: 'Oleo Script', cursive;
    font-size: 28px;
}
.result .inner h4{
    font-family: 'Cookie', cursive;
    color: #000;
    font-size: 30px;
    margin-top:30px;
}
.result table{
border:1px solid #aaa;
margin-top: 20px;
margin-bottom: 20px;
}
.result table thead tr td{
color: blueviolet;
font-family: font2;
padding: 8px 5px;
}
.result table tr td{
padding: 10px 5px;
border:1px solid #aaa;
}
.s-name{
    color: #e91e63;
    font-family: 'Oleo Script', cursive;
    text-transform: lowercase;
    font-size: 21px;
}

.u-name{
    color: #e91e63;
    font-family: 'Oleo Script', cursive;
    text-transform: u;
    font-size: 21px;
}

.login1 .overlay{
height: 100%;
}
.logout i{
    font-size: 20px;
    line-height: 40px;
}
.logout a{
    padding: 0px;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    border-radius: 100px;
    position: relative;
    top: -15px;
    right: -29px;
}
.logout a{
    float: right;
}
.powered p:before{
    display: none !important;
}
.powered p:after{
    display: none !important;
}


/* RESPONSIVE DESIGN */

@media(max-width:1199px){

}

@media(max-width:992px){
    .result h2:before,.result h2:after{display: none;}
    .result p:before,.result p:after{display: none;}
    .result .inner{width: 100%;overflow-x: auto;padding: 0px;}
}

@media(max-width:767px){

    .logo{width: -webkit-fill-available;}
    .logo img{top:11px;}
    .login-inner .one{padding: 10px 0px;}
    .result .inner{width: 100%;overflow-x: auto;padding: 0px;}
    .result table tr td{font-size: 14px;}
    .s-name{font-size: 20px !important;}
    .result h3{font-size: 26px;}
    .result h2{padding: 5px 10px;font-size: 30px;line-height: 33px;}
    .result h2:before,.result h2:after{display: none;}
    .result p{line-height: 33px;}
    #login-page{overflow-x: hidden;}
    .logout a{top: -7px;right: -4px;}
    .login1 .overlay{height: unset;}
}