@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto');
html{height: 100%;}
html, body{    background:#f7f7ff !important;}
body {
	background:#f7f7ff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #5F5F5F;
	background:#fff !important;
    height: calc(100% - 60px);

}
.card,.card-bg,.form-control,.btn,.chosen-container-multi .chosen-choices{  border-radius: 10px!important;}
a{color: #242f57 !important;}
.toggled .main-page-bg {    border-radius: 0;}
/* Login page */
#wrapper .full-card { max-width: 519px;box-shadow: -3px 0.5px 3.5px 0 rgba(0, 0, 0, 0.16);border: 1px solid #adadad;margin: 40px;}
#wrapper .welcome-message p {font-size: 18px;color: #5F5F5F;text-align: left;}
#wrapper .card-inside{padding: 40px;}
#wrapper .top-logo{height: 140px; text-align: center; margin-bottom: 10px;}
#wrapper .top-logo img{height: 100%;}
#wrapper .welcome-message {    font-size: 18px;    line-height: 22px;    text-align: center;}
#wrapper .login_headlines {padding: 60px 0px 10px 0;}
#wrapper .login-title {margin-bottom: 0; font-size: 18px;color: #1d1d1d; font-weight:normal;}
#wrapper .lang-con li{float:left; list-style:none;}
#wrapper .lang-con li:first-child{margin-right:0;}
#wrapper .lang-con li:hover { border-bottom: 2px solid #000C66; cursor: pointer;}
#wrapper .lang-con li.active { border-bottom: 2px solid #000C66; cursor: pointer;}
#wrapper .form-group .ur-input {width: 100%; font-size: 18px;padding: 9px 7px;color: #aaa;height: auto;border: 1px solid #afafaf;border-radius: 10px !important;}
#wrapper .btn.btn-login {width: 100%;font-size: 18px;color: #fff;background: #000C66;border-radius: 5px;padding: 9px;margin: 40px 0 15px 0;box-shadow: 0 1.5px 3px 0 rgba(19, 174, 5, 0.56);}
#wrapper .user-acc a {font-size: 14px;font-style: normal; text-align: left;color: #000C66;}
#wrapper .footer-cr p {font-size: 14px;color: #AFAFAF;}
#wrapper .return-p a{color:#000C66}
.sidebar-menu li a i:last-child{margin-right: 0 !important}
.sidebar-menu>li.active a i.fa-angle-right:before { content: "\f107";}
#wrapper .lang-con li a img {    max-height: 30px;}
#wrapper .lang-con ul {    display: inline-block;    float: right; margin:0;}
#wrapper .lang-con ul li {    margin-right: 8px !important;    display: inline-block;}
#wrapper .lang-con ul li:last-child {    margin-right: 0 !important;}




/******* TOP HEADER SECTION************/
.fixed-top{background:#fff;}
.left-top-nav li{margin-right: 10px;}
.left-top-nav li:last-child{margin-right: 0}
.left-top-nav .alerts>a {background: #000C66; border-radius: 100%;  width: 40px;  height: 40px; text-align: center; padding-top: 12px;}
.left-top-nav .alerts a i {    color: #fff;}
.left-top-nav .alerts a .badge {    font-size: 10px;}

.profile.show:hover {    background: #000C66;border-radius: 30px 0 0 0;}
.profile.show .drop-show { background: #000C66; color: #fff;    top: 56px;    right: 15px;    border-radius:0px;    border: none;
    -webkit-box-shadow: 0 6px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54)!important;
    box-shadow: 0 4px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54)!important;}
.profile.show .drop-show a li {    color: #fff !important;}
.profile.show .drop-show a:hover li {    color: #333 !important;}
.profile.show .drop-show a li {    transition: all 0.3s;}








/* Dashboard */
#sidebar-wrapper {background: #fff !important;box-shadow:none !important;}
.language-flag {max-height: 40px; margin-right: 10px;}

li.language-flag.active {border-bottom: 2px solid #000C66;
    cursor: pointer;}

.language-flag a img {height: 30px;}
.right-nav-link a.nav-link{font-size: 16px!important;}
.right-nav-link a.nav-link .badge-up{font-size: 10px !important;}
.logo-icon { margin-top: 10px;}
.topbar-nav .navbar {-webkit-box-shadow: none !important;box-shadow: none !important;}
.main-page-bg{background:#F2F2F2;padding-top:14px!important; margin-top:60px; border-radius:30px 0 0 0;box-shadow:inset 5px 5px 30px rgba(0,0,0,0.1);}
.card-bg {background: #242f57;color: #fff;border-radius: 5px;margin-bottom:30px; box-shadow:0px 3px 6px rgba(0,0,0,0.16);}
.media-cont {padding-left: 10px;font-size: 14px;}
.media-cont h4 {font-size: 38px;font-weight: normal;color: #fff;}
.full-card-body {padding: 30px 0 10px 10px;}
.pdm-l {padding: 10px 22px;border-bottom: 1px solid #E4E4E4;margin-bottom: 20px !important;}
.mask td {border-top: none !important;}
.mask tr {border-bottom: 1px solid #E4E4E4;}
.mask tr:last-child {border-bottom: none;}
.brand-logo{border-bottom:none !important;}
.sidebar-menu {padding-top: 90px !important;}
.sidebar-menu li.side-header {padding: 15px;font-size: 18px;color: #000;border-left: 5px solid #242f57;border-bottom: 1px solid #e4e4e4;}
.sidebar-menu > li > a {border-left: none !important;color: #242f57 !important; font-size: 18px !important;border-bottom: 1px solid #e4e4e4;}
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {    color: #000 !important;border-left: 5px solid #242f57 !important;
    background: transparent !important;}
.sidebar-menu .sidebar-submenu > li > a {color: #242f57 !important;}
.sidebar-menu .sidebar-submenu > li > a:hover {color: #000 !important;}
.toggle-menu i { font-size: 25px !important;color: #5D5D5D !important;}
.bg-scooter {background: #fff;}
.right-nav-link a.nav-link {padding-right: 0.8rem !important;padding-left:0.8rem !important; font-size:20px;color:#ffffff;background:#242f57;border-radius:50%;
    margin-left: 10px;}
.right-nav-link a.nav-link-end {background:#fff;border-radius:50%;margin-left: 10px;color: #242f57 !important;font-size: 18px !important;}
.card-bg-3 {color: #242f57;background: #fff;border-radius: 5px;margin-bottom: 15px;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}
.card-bg-3 .full-card-body {padding: 10px 0 10px 10px;}
.card-bg-3 .media-cont.text-left {padding-top: 10px;}
.media-cont1 {padding-top:10px;font-size: 14px;}
.w-circle-icon-bg {height: 61px;width: 60px;background: #242f57;border-radius: 5px; text-align:center;}
.w-circle-icon-bg img { padding-top: 10px;}


.user-details .media .media-body .user-subtitle{color: #fff;}








/**** Basic Form Css *******/
.basic-form{box-shadow: 0px 0px 10px rgba(0,0,0,0.3); padding: 10px; margin: 50px auto; border-radius: 10px;}
.basic-form h2 {font-size: 20px; font-weight: 400; margin: 0 0 20px 0;}
.basic-form .form-control{border-radius: 10px;}
.basic-form input[type="button"],.basic-form input[type="submit"]{margin-top: 80px; background: #242f57!important; color: #fff; min-width: 200px; letter-spacing: 1px; transition: all 0.3s; border-radius: 10px; box-shadow: 0px 0px 10px #242f57; }
.basic-form input[type="button"]:hover,.basic-form input[type="submit"]:hover{box-shadow: 0px 5px 10px #242f57; }
.basic-form input[type="file"] {opacity: 12; border: 1px solid #ccc; position: absolute; z-index: 1; cursor: pointer; left: 0}
.basic-form .file {    height: calc(2.25rem + 2px);    line-height: 36px;    border: 1px solid #ced4da;   width: 100%;  border-radius: 10px;}
.basic-form .file span {    float: right;    color: #000C66;    font-size: 12px;    padding-right: 10px;}
.basic-form label.label {    float: left;    margin-right: 50px; height: calc(2.25rem + 2px);    line-height: 36px; color: #b4b4b4;}
.basic-form .radio_select{margin: 0; padding: 0;float: left;    width: calc(100% - 150px);}
.basic-form .radio_select li{list-style: none; float: left; display: inline-block; padding-right: 20px; position: relative; text-align: left; height: calc(2.25rem + 2px);    line-height: 36px;}
.basic-form .radio_select li input[type="radio"]{opacity: 0; position: absolute; width: 100%; left: 0; top: 0; height: 100%; cursor: pointer;}
.basic-form .radio_select li .radio_blk{border:1px solid #ccc; width: 10px; height: 10px; border-radius: 100%; float: left; margin-top: 12px; margin-right: 10px;}
.basic-form .radio_select li input[type="radio"]:checked ~ .radio_blk, .basic-form .radio_select li input[type="radio"]:hover ~ .radio_blk{background: #242f57;}
.basic-form .stpforms {text-align: center;}
.basic-form .stpforms select{color: #bbbec4; font-size: 12px;}
.basic-form .stpforms .cls{margin-top: 50px;}
.basic-form .progress{max-width: 400px; margin: 20px auto; border: 1px solid #000C66; border-radius: 50px; padding: 2px; background: #fff;}
.basic-form .progress .progress-bar {    border-radius: 100px;}


/******* Color ******/
.bg-success {    background-color: #000C66!important;}

/* sign-up-form*/
.sign-top-logo img{width: 200px;margin-bottom: 20px;}
.divInfoblock{ margin: 0 0 20px 0; border: 1px solid #dcdcdc; padding: 10px; border-radius: 10px;}
label {    font-size: inherit !important;    }
.lang-con li a {    padding: 0 !important;}


/******** Vikas Css *********/
/* Common Button Class ****/
.btns {width: 240px; height: 40px; text-align: center; transition: all 0.3s; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #fff; background: #000C66; border: 0; border-radius: 10px; box-shadow: 0px 3px 6px rgba(19,174,95,0.56); cursor: pointer;}
.btns:hover{    color: #333;/*    color: #fff;*/}
.form-control,.chosen-container-multi .chosen-choices{border-radius: 5px !important;    min-height: 40px !important; border-color: #AFAFAF; }
.form-control:focus{box-shadow: 0px 3px 6px rgba(19,174,95,0.56);    border-color: #000C66}
.infomsg{font-size: 12px;    color: #ef0202 !important;}
.table td, .table th{padding: 5px 10px !important;    border: 0 !important;    margin: 0;    box-sizing: border-box !important;}
.table p{margin-bottom: 0;}
.card .table td, .card .table th {padding-right: 1rem !important; padding-left: 1rem !important;}

li.nav-item.profile {min-width: 171px;}
li.nav-item.profile .user-profile{margin-right: 5px;}
li.nav-item.profile .dropdown-menu{margin: 0; padding: 0;     border: 1px solid #fff; border-top: 0;   box-shadow: 0px 3px 6px rgb(18, 174, 11, 0.76) !important;}
li.nav-item.profile li.dropdown-item {border-bottom: 1px solid #fff;padding: 0;}
li.nav-item.profile li.dropdown-item:last-child {    border-bottom: 0;}
li.nav-item.profile li.dropdown-item a{padding: 11px 20px;border-radius: 0;width: 100%;display: block; transition: all 0.3s;}
li.nav-item.profile li.dropdown-item a:hover{ background:#fff; color: #000C66 !important;}

.nav-item.profile.show>a {border: 1px solid #fff;}

ul.table_content {    margin: 0;    padding: 0;}
ul.table_content li {    list-style: none;    padding: 0;    font-size:16px; }
ul.table_content li h4 {    margin-bottom: 0px !important; list-style: none;  font-weight: normal;  padding: 15px;    font-size:18px;    color:#1d1d1d;    border-bottom: 1px solid #e4e4e4;}
ul.table_content li ul{margin:0; padding: 0 }
ul.table_content li a{color:#727272 !important;}
ul.table_content li ul li {    list-style: none; line-height: 16px;    padding: 8px 0 8px 35px;    font-size:16px;    border-bottom: 1px solid #e4e4e4;}
ul.table_content li ul li span{float: right; margin-right: 35px}

.nav-item.profile.show a {    background: #000C66;    border-radius: 30px 0 0 0;    color: #fff !important;}

.btn-group {box-shadow: none !important;}
.btn-group .btn-outline-primary {margin-right: 10px; border-radius: 10px; background: #000C66; color: #fff; border: 0; padding: 10px 25px; }
.btn-group .btn-outline-primary:hover{color: #333;    }


#wrapper{height: 97% !important}

.table-striped tbody tr{border-bottom: 1px solid #E4E4E4;}
.table-striped tbody tr:nth-of-type(odd), .table-hover tbody tr:hover{background: transparent !important;}
.dataTables_scroll, .table  {    border: 1px solid #E4E4E4;}
h4{font-size: 18px !important; font-weight: normal !important; margin: 0px 0 20px 0 !important; display: block !important;}
select.form-control {font-size: 12px; color: #bdbdbd;}


.mar-top20{margin-top: 20px;}
.nav-tabs-primary .nav-link.active, .nav-tabs-primary .nav-item.show>.nav-link {    border-color: #0bbf0e !important;    border-top: 3px solid #0bbf0e!important;    border-bottom: 0!important;}
.nav-tabs-primary.nav-tabs{border-color: #0bbf0e!important; }
.dataTables_wrapper.container-fluid.dt-bootstrap4 {    padding-left: 0;    padding-right: 0;}
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-blurred.ck-editor__editable_inline {    height: 200px;}
/*::-webkit-scrollbar {  background: transparent !important;  width: 10px;}

::-webkit-scrollbar-track {  background: rgba(0,0,0,0.5) !important;}
::-webkit-scrollbar-track-piece {  background: rgba(255, 255, 255, .05);}
::-webkit-scrollbar-thumb {  background: rgba(255, 255, 255, 0.45);}
#wrapper{height: 100% !important}*/
/*

td {
    max-width: 200px;
    word-break: break-word;
    word-spacing: normal;
    overflow-x: auto;
}
*/
.table th{min-width: 120px !important;    padding-right: 50px !important;    letter-spacing: 0 !important;    font-weight: normal !important;}
.table td {    white-space: normal !important;  font-weight: normal !important; vertical-align: top;  /*min-width: 220px;*/}
th {font-size: 18px !important; color: #000;text-transform: none !important;}
td {color: #727272 !important; font-size: 16px;}
.modal-header {    background: #0cbf0c;    border-radius: 5px 5px 0  0;}
.modal-header h4 {    color: #fff; margin:0 !important}
.modal-footer{justify-content: left; border-top:0}
/*label{display: block !important;}*/
td a {    margin-right: 5px;}
/***** pdf css ***/
.pdf-block{width: 100%;}
.pdf-block table th {vertical-align: top;font-weight: normal;font-size: 16px !important;width: 33%;}
.pdf-block table th:nth-child(2){text-align: center}
.pdf-block h3,.pdf-block h2{font-size: 24px; font-weight: normal}
.pdf-block p{font-size: 16px;}
.text-justify-div{margin:10px 0; text-align: justify}
.pdf_footer{margin:10px 0;}
.pdf-block p {    margin-bottom: 5px;}

/* input::placeholder {
    color: red;
  } */

  .chosen-container-single .chosen-single {
    padding: .375rem .75rem !important;
    height: 40px !important;
    color:black !important;
 }

 .chosen-container-single .chosen-single div {
    padding-top: 6px !important;
 }
.white-bg  img{padding-top: 10px;

width: 40px;}

.white-bg {

    height: 61px;
    width: 60px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #242f57;

}
.journey-well {padding: 50px 0 10px 0; font-family:'roboto'}
.journey-well h1{font-size:42px; font-weight:normal; color:#000; text-align:center;margin-bottom: 20px;}
.journey-well h4{font-size:22px; font-weight:normal; color:#707070; text-align:center;margin-bottom: 30px;}
.journey-well .inner-img { text-align: center;}
.journey-well .inner-img img {border:1px solid #E4E4E4;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);}
.btns { width: 240px; height: 40px;text-align: center;transition: all 0.3s; letter-spacing: 2px;text-transform: uppercase;font-size: 14px;font-weight: bold;
    color: #fff;background: #000C66;border: 0;border-radius: 10px; box-shadow: 0px 3px 6px rgba(19,174,95,0.56);cursor: pointer;}
.journey-well .btn-submit-well{margin-top:25px;}
.journey-well footer p{font-size:14px; color:#AFAFAF; text-align:center;padding-top:50px;}
.sn{width:65px;display:inline-block;}
.th-width-20{width:200px;}
.th-width-40{width:400px;}
.td-a-middle{vertical-align: middle !important;}
.top-head-title{padding:20px;}
.leftpdf h3, .rightpdf h3 {
    font-size: 24px;
    font-weight: normal;
}
.leftpdf p, .rightpdf p {
    font-size: 16px; font-weight: normal;
}

.border_btm{border-bottom: 1px solid #e4e4e4; padding-top: 10px; margin-bottom: 10px;}.card-body-35{padding-left:20px;}
.v_image {    max-width: 100%;    max-height: 70px; margin-bottom: 10px;}
th:before, th:after {    display: none !important;}
.blk{color:#333 !important;}
.card .table tr {    border-bottom: 1px solid #E4E4E4;}
#display_form_wrapper .dt-buttons{ display:none; }


.new-drop {    background: #ffffff;}
.new-drop li a {color: #242f57 !important; font-weight: 400; padding: 5px 10px; border-bottom: 1px dashed #ccc; display: block; transition: all 0.3s;}
.new-drop li a:hover {    background: #242f57;    color: #fff !important;}
.table thead th{min-width:auto !important;}

.logo-icon {
    margin: 0 auto !important;
    display: block !important;
    width: 60% !important;
}