@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);
}
.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: #f60;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}
.submit{
    text-align: center;
    margin-top: 20px;
}
.submit input{
        background: #43acda;
    color: #fff;
    border: none;
    padding: 10px 49px;
    border-radius: 2px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
    width: initial !important;
    text-transform: uppercase;
    height: initial !important;
    cursor: pointer;
    padding-left: 49px !important;
    font-family: font2;
    font-size: 18px;
}
.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: 35px;
    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;
}
.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;
}
.common-form .inner input[type="checkbox"]{
    width:14px;
    height: 14px;
    box-shadow: inset 2px 3px #aaa;
    margin-right: 4px;
    margin-top: 4px;
}
.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/background.jpg);
    background-size: cover;
}
#login-page .overlay{
    position: absolute;
    left: 0;
    right: 0;
    /*background: rgba(255, 255, 255, 0.65);*/
    height: 100%;
    position: fixed;
}
.login-inner{
    background: #fff;
    margin-top:7%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.login-inner h1{
    background: url(../images/tri.jpg);
    font-size: 31px;
    text-transform: uppercase;
    padding: 25px 0px;
    color: #fff;
    text-align: center;
    font-family: font2;
    background-size: cover;
}
.login-inner form{
    padding: 30px;
}
.login-inner input{
    border:none;
    border-bottom: 1px solid #ccc;
    height: 40px;
    padding-left: 10px;
    width: 100%;
}
.login-inner input:focus{
    outline:none;
    width:100%;
}
.login-inner label{
    color:#6f6f6f;
    font-family: font2;
}
.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: 290px;
    text-align: center;
}
.ui-datepicker-calendar{
    width: 250px;
}
.ui-datepicker-calendar a{
    color: #666;
    text-decoration: none;
}
.ui-datepicker-calendar thead{
    background: #607D8B;
    color: #fff;
}
.ui-datepicker-calendar thead tr th{
   font-weight: lighter;
}
.ui-datepicker-calendar tr td{
    padding: 5px;
}
.ui-datepicker-calendar tr td:hover,.ui-datepicker-calendar tr td:hover a{
    background: #43acda;
    color: #fff;
}
.ui-datepicker-prev span,.ui-datepicker-next span{
    background: #43acda;
    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;
    margin-top: 15%;
}
.start_page .buttons{
    padding: 70px 15px !important;
}
.start_page a{
        background: #43acda;
    padding: 14px 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: font2;
    font-size: 17px;
    margin-right: 10px;
    border-radius: 2px;
    border-bottom: 5px solid #2782ab;
}
.logo{
    background: #FFD5C2;
    background-size: cover;
    padding: 20px;
    text-align: center;
}
.logo img{
    width: 173px;
    margin: 14px auto;
    margin-right: 16px;
}
.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;
}



/**/


/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.alintop label span{position:relative; top:5px;}
.alintop .row{margin-bottom:20px;}
.alintop-paadt7{padding-top:7px;}
.common-form .inner .left{padding-left:15px !important;}
.powered {background: #e4e4e4;padding: 15px;text-align: center; width: 100%;}
.powered p{margin: 0;}
.notess{color:#000; font-size: 12px; padding-bottom:5px; padding-right: 10px;}
.notes-top ul{padding-left: 100px; }
.notess-head{font-size:15px; color:#000; padding-left: 40px;}
.notess-head span{color:red;}
.notes-top{padding-bottom: 30px;}
span.logotxt{font-size: 20px; font-family: Merriweather; color: #0078B6;}
.neet-reg{text-align: center;border-bottom: 2px solid #ccc;padding: 10px;color: #000;font-size: 17px;}
.common-form .view_inner .left .row .list-unstyled{padding-bottom:25px;}


.download-but{color: #fff;background-color: #007bff;border-color: #007bff; display: inline;
font-weight: 400;text-align: center;border: 1px solid transparent;padding: .375rem .75rem;
font-size: 1rem;line-height: 1.5;border-radius: .25rem;float: right;
padding: 5px 20px;position: relative;
top: -10px;}
a.download-but:hover{text-decoration: none; color:#fff;}

.buttonspad{padding: 15px 15px 70px !important;}
.buttonspad a{border-bottom:none !important; margin-bottom: 5px; width: 220px; font-size: 12px; display: inline-block;}
.inner-bl label{
    display: inline-block;
    margin: 0px;
    width: 45%;
    float: left;
    word-break: break-word;
}
.inner-bl p{
    width: 42%;
    display: inline-block;
    margin:0px;
}
.inner-bl{
    display: inline-block;
    margin-bottom: 10px;
}
@media (max-width:992px){
  /* .common-form .inner .left{padding-left:35px !important;} */

}
@media(max-width:767px){
    .common-form .inner .left .block, .alintop label span{font-size: 15px !important;}
    .common-form .inner .left .block{padding-left:15px; padding-right: 15px;}
     .common-form .view_inner label{display: block;max-width: 100% !important;margin: 0px;margin-top: 15px;}
    .common-form .view_inner label::before{top: -4px !important;}

    span.logotxt{font-size: 15px;}
.logo img{width: 130px;}
      .common-form .inner .left .block, .alintop label span{font-size: 15px !important;}
    .common-form .view_inner label{display: inline-block;
        margin: 0px;}
    .common-form .view_inner label::before{top: -4px !important;}
    .neet-reg{font-size: 14px;;}
    .download-but{position: unset;font-size: 14px;padding: 5px 4px;}
    .inner-bl label{width: 45%;;}
}