@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}





body {
    font-family: 'Century Gothic', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, span, a {
        font-family: 'Century Gothic', Arial, sans-serif;
}
.cus-banner {
    padding: 0;
}
.cus-banner img {
    width: 100%;
    max-height: 100px;
}

.container-fluid.cus-bg {
    overflow-x: hidden;
}
.cus-form-left {
    background: #fff;
    height: auto;
    min-height: 400px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-radius: 10px;
    padding: 0;
}
.cus-form-right {
    /*background: url(../images/login-bg2.png);*/
    background: #fff;
    height: auto;
    min-height: 400px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-radius: 10px;
    padding: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.cus-formleft-content h1 {
    color: #333;
    font-weight: bold;
    font-size: 32px;
    line-height: 42px;
    margin-top: 20px;
}
.cus-formleft-content h3 {
    color: #666;
    font-weight: bold;
    font-size: 28px;
    margin-top: 0;
}
.cus-formleft-content img {
    max-width: 330px;
    margin: auto;
}
.cus-inputs {
  height: auto;
    min-height: 75px;
    display: inline-block;
}
.cus-input-labels label {
    color: rgba(13, 27, 62, 0.7);
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 13px;
}
.cus-input-values.cus-radio-list ul {
    padding: 0;
}
.cus-input-values.cus-radio-list ul li {
    display: inline-block;
    width: 32%;
}
.cus-input-values.cus-radio-list ul li input {
    width: auto;
    height: auto;
    min-height: 10px;
    margin-right: 5px;
}
.cus-input-values.cus-radio-list ul li {
    display: inline-block;
    width: auto;
    padding: 2px 5px;
}
.extend.cus-inputs {
    padding: 0;
}
.cus-input-values.cus-radio-list {
    margin-bottom: 25px;
}
.dt-button.buttons-excel.buttons-html5 {
    background: url('../images/excel.png');
    background-repeat: no-repeat;
    border: none;
    /* color: transparent; */
    background-size: 24px;
    padding-left: 28px;
    /* border: 1px solid; */
    background-position: 1%;
    font-weight: bold;
}
.dt-button.buttons-excel.buttons-html5:hover {
    background: url('../images/excel.png');
    background-repeat: no-repeat;
    border: none;
    /* color: transparent; */
    background-size: 24px;
    padding-left: 28px;
    /* border: 1px solid; */
    background-position: 1%;
}
.dt-button.buttons-print {
    background: url('../images/printer2.png');
    background-repeat: no-repeat;
    border: none;
    /* color: transparent; */
    background-size: 24px;
    padding-left: 28px;
    /* border: 1px solid; */
    background-position: 1%;
    font-weight: bold;
}
.dt-button.buttons-print:hover {
    background: url('../images/printer2.png') !important;
    background-repeat: no-repeat !important;
    border: none !important;
    /* color: transparent; */
    background-size: 24px !important;
    padding-left: 28px !important;
    /* border: 1px solid; */
    background-position: 1% !important;
}
.dt-button.buttons-pdf {
     background: url('../images/pdf2.png');
    background-repeat: no-repeat;
    border: none;
    /* color: transparent; */
    background-size: 24px;
    padding-left: 28px;
    /* border: 1px solid; */
    background-position: 1%;
    font-weight: bold;
}
.dt-button.buttons-pdf:hover {
    background: url('../images/pdf2.png') !important;
    background-repeat: no-repeat !important;
    border: none !important;
    /* color: transparent; */
    background-size: 24px !important;
    padding-left: 28px !important;
    /* border: 1px solid; */
    background-position: 1% !important;
}
.cus-tick-icon {
    position: absolute;
    right: 5px;
    top: 30px;
    width: auto;
}
img.cus-captcha-img {
    position: absolute;
    right: 15px;
    height: 30px;
    top: 1px;
}
.cus-input-values select, input {
    height: auto;
    min-height: 30px;
    padding: 7px 10px;
}
.cus-login-bttn {
    background: #ff4040;
    color: #fff;
    font-weight: bold;
    width: auto;
    min-width: 120px;
    margin-left: 15px;
}
.cus-procced-login {
    color: #ff4040;
    font-weight: bold;
    margin-right: 15px;
    vertical-align: middle;
    margin-top: 8px;
    display: inline-block;
}
.cus-footer {
    background: #07254F;
    color: #fff;
    padding: 10px 10px 0px 10px;
    font-weight: bold;
}
.cus-grid-outer .card {
    background: #fff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    width: 98%;
    margin: auto;
    border: 1px solid #ddd;
    margin-bottom: 18px;
    margin-left: 0;
    margin-right: 0 !important;
    width: 100%;
}
.cus-grid-outer .card-header {
    padding: 10px;
    border-bottom: 1px solid rgba(26, 54, 126, 0.125);
    margin-bottom: 10px;
    background: #49516F;
    color: #fff;
}
.cus-grid-table thead {
    background: #727CF5;
    color: #fff;
}
.cus-grid-table tbody tr:nth-child(even) {
    background: #fff !important;
}
.cus-grid-table tbody tr:nth-child(2n+1) {
    background: rgb(245, 245, 245, 0.5) !important;
}
.cus-grid-table thead tr th {
    padding: 8px 10px;
    color: #07254F;
    background: #d0e2fb;
    text-align: center;
    font-size: 14px;
}
.cus-grid-table tbody tr td {
    text-align: center;
    padding: 8px 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
}
.cus-submit-bttn {
    background: #FF3CA6;
    border: none;
    border-radius: 25px;
    width: auto;
    min-width: 100px;
    color: #fff;
    font-weight: bold;
}
.cus-submit-bttn:hover {
    background: #4D79F6;
    transition: 0.3s ease-in-out all;
}
.cus-submit-bttn2 {
    background: #4D79F6;
    border: none;
    border-radius: 25px;
    width: auto;
    min-width: 120px;
    color: #fff !important;
    font-weight: bold;
    margin: auto;
    padding: 10px;
}
.cus-submit-bttn2:hover {
    background: #FF3CA6;
    text-decoration: none;
    transition: 0.3s ease-in-out all;
}

.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    /*background: #fff;*/
    background: linear-gradient(87deg, #5E72E4 0, #0c428d 100%) !important;
}

.cus-update-icon {
    background: url('../images/update.png');
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-left: 25%;
    background-size: 24px;
    background-repeat: no-repeat;
}
.cus-grid-outer {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown.bootstrap-select.bs3 {
    width: 100% !important;
}
.bootstrap-select .dropdown-menu {
    min-width: 0 !important;
    width: 100%;
}

.bootstrap-select .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #ddd;
    transition: 0.3s ease-in-out all;
}
.bootstrap-select .dropdown-menu li a {
    white-space: break-spaces;
}
.cus-navbar .navbar-nav > li > a {
    /*color: #7c92a7;*/
    color: #fff;
    font-weight: bold;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.cus-navbar .dropdown-menu li a {
    padding: 10px 10px;
    font-size: 13px;
}
.cus-navbar .dropdown-menu {
    padding: 0;
}
.cus-navbar ul.nav li:hover > ul.dropdown-menu {
    display: block;
    box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
    border: 1px solid #f5f5f5;
    transform: scale(1);
}
.cus-navbar .dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: bold;
    line-height: 1.428571429;
    color: #6C758D;
    white-space: nowrap;
    text-align: left;
    padding-left: 20px;
}
.cus-navbar .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #6e92f7;
    transition: 0.3s ease-in-out all;
}

.sub_btn.cus-logout-bttn {
    background: url('../images/logout2.png');
    border: none;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 15% 50%;
    padding-left: 39px;
    padding-right: 10px;
    /* margin-right: 10px; */
    /* margin-top: 5px; */
    color: #fff;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 17px;
}
.sub_btn.cus-logout-bttn:hover {
    transition: 0.3s ease-in-out all;
    background: url('../images/logout-red.png');
    background-color: #fff; 
    border: none;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 16%;
    color: #7C8CE9;
}
.navbar-brand .cus-login-id {
    display: inline-block;
    width: 22px;
}
.navbar-brand .cus-login-id2 {
    display: none;
}
.navbar-brand:hover .cus-login-id2 {
    display: inline-block;
    width: 22px;
    transition: 0.4s ease-in-out all;
}
.navbar-brand:hover .cus-login-id {
    display: none;
}
.navbar-brand
.img-responsive.cus-loged-in {
    width: 22px;
    display: inline-block;
    margin-right: 6px;
}
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 16px;
    line-height: 20px;
}
.img-responsive.card-icon {
    display: inline-block;
    margin-right: 5px;
    width: 24px;
}
.card-header h4 {
    margin: 0;
    font-weight: bold;
}
.cus-grid-table .dataTables_filter {
    text-align: left !important;
}
.cus-grid-table .dataTables_filter input {
     border: 1px solid #ddd;
}
.cus-grid-table .dataTables_length {
    text-align: left !important;
}
.cus-grid-table .dataTables_length select {
    border: 1px solid #ddd;
    padding: 6px;
    margin-left: 4px;
}
.cus-grid-table .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #333333 !important;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.3em;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none !important;
}
.table-responsive.cus-grid-table caption {
    font-size: 15px;
    margin-bottom: 15px;
    background: #f6f6f6;
    width: auto;
    margin: auto;
    padding: 5px;
    border: 1px solid #ddd;
}
.cus-input-values input {
    width: 100%;
    border: 1px solid #ddd;
}
.card-body {
    display: inline-block;
    width: 100%;
}
.cus-grid-table tr td a {
    color: #727CF5;
    font-weight: bold;
    text-decoration: none;
}
.cus-forgot-pswrd {
    background: #fafafa;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border: 10px solid #fff;
}
.cus-feildset {
    padding: 0;
}
.img-responsive.cus-forgot-pswrd-img {
    max-width: 240px;
    margin: auto;
    margin-bottom: 20px;
}
ul.cus-login-id {
    text-align: right;
    width: auto;
    position: absolute;
    right: 16px;
    margin-left: 0;
    top: 8px;
}
ul.cus-login-id li {
  list-style: none;
}
ul.cus-login-id li img {
    width: 24px;
    display: inline-block;
}
ul.cus-uldept-select {
    padding: 0;
}
ul.cus-uldept-select li {
    display: inline-block;
    width: 49%;
}

.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
}  

form {
    display: inline-block;
    width: 100%;
}
  .cus-grid-table tbody tr th, td {
                    text-align: left;
                    padding: 10px;
}
.cus-labels label {
    color: #333);
    font-size: 13px;
}
.cus-tick-img {
    position: absolute;
    right: 18px;
    top: 4px;
}
.cus-checkbox-list input {
    height: auto;
    min-height: 15px;
    margin-right: 5px;
}
.cus-checkbox-list {
    margin-bottom: 3px;
    padding: 0;
}
.dummy-div {
    display: inline-block;
    width: 100%;
}
.form-group.cus-response {
    text-align: center;
    margin-top: 14px;
}
.cus-add-more-bttn {
    background-color: #3ac47d !important;
    color: #fff;
    border: none;
    padding: 5px 10px 5px 30px;
    border-radius: 3px;
    background: url('../images/add2.png');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 8%;
}
.cus-remove-row {
    background-color: #F44336 !important;
     color: #fff;
    border: none;
    padding: 5px 10px 5px 30px;
    border-radius: 3px;
    background: url('../images/close2.png');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 8%;
}
.cus-input-values textarea {
    width: 100% !important;
    height: auto;
    min-height: 90px;
    display: inline-block;
    margin-bottom: 15px;
}
.cus-labels {
    text-align: left;
}
.cus-input-values select {
    width: 100%;
    border: 1px solid #ddd;
}
.cus-inputs {
    padding: 0;
}
.select2-container {
    width: 100%;
    height: auto;
    /* padding: 5px; */
}
.cus-input-values .select2-choice {
    height: auto;
    min-height: 32px;
}


/*new css*/
.cus-banner-div {
    background: #fff;
}
.cus-hry-banner {
    padding-left: 0;
    padding-right: 0;
}
.img-responsive.cus-hry-img {
    width: 75px;
    margin: auto;
    padding: 0px 3px;
}
.cus-hry-banner h2 {
    margin-top: 10px;
}
.cus-hry-banner h2 {
    margin-top: 10px;
    font-weight: bold;
    color: #2b3a8b;
}
.cus-hry-banner h4 {
    font-weight: bold;
}
.cus-topbar {
    background: #07254F;
    height: auto;
    min-height: 40px;
    border: none;
    margin-bottom: 20px;
}
/*html, body {
    background: rgba(243, 244, 250, 0.5) !important;
}*/
.cus-tabs .small-box {
    background: #d6e4f5;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    padding: 0px;
}
.inner-text h3 {
    color: #333;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
    font-weight: bold;
}
.inner-icon {
    text-align: right;
}
.icon-div {
    background: #fff;
    border-radius: 46px;
    height: 85px;
    width: 85px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
    background: linear-gradient(87deg, #ffffff 0, #f6f6f6 100%) !important;
    text-align: a;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    display: inline-block;
}
.img-responsive.tabs-icon {
    width: 48px;
    text-align: center;
    display: inline-block;
    margin: auto;
    margin-top: 12px;
}
.inner-text h2 {
    margin-top: 10px;
}
.cus-border-outer h3 {
    display: inline-block;
    margin-top: 0;
    padding-top: 10px;
    font-size: 20px;
    font-weight: normal;
    font-weight: bold;
}
.cus-border-outer {
    background: #07254F;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 20px;
}
.cus-outer-div {
    margin-top: 15px;
}
.cus-outer-div {
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 15px;
}
.cus-mobile-input {
    background: url('../images/mobile1.png');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 100%;
    border: 1px solid #ddd;
    padding-right: 25px;
    background-color: #fff;
}
.cus-otp-input {
    background: url('../images/otp_icon.png');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 98%;
    border: 1px solid #ddd;
    padding-right: 32px;
    background-color: #fff;
}
.btn.btn-primary.cus-get-otp {
    background: #5A73F7;
    border-color: #5A73F7;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    font-weight: bold;
    margin-bottom: 10px;
    min-width: 120px;
    padding: 8px 10px;
}
.btn.btn-primary.cus-get-otp:hover {
    background: #91A2F8;
    border-color: #5A73F7;
    color: #fff;
    transition: 0.3s ease-in-out all;
}
#showmsg {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    color: #525f7f;
}
.cus-formcenter-content {
    background: #fff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-radius: 8px;
    padding: 20px;
}
.cus-formcenter-content img {
    border: 1px solid #ddd;
    width: 100%;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
    border: 2px solid #999999;
}
.cus-page-grid2 tr td, th {
    border: 2px solid #999999;
    color: #757575;
}
.cus-table-heading {
    font-size: 16px;
    padding-top: 5px;
    font-weight: bold;
    color: #f5f5f5;
    /* text-transform: uppercase; */
}
.btn.btn-primary.cus-add-units {
    background-color: #91A2F8 !important;
    border-color: #5A73F7;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    padding: 5px 10px 5px 28px;
    background: url('../images/plus.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 4%;
    font-weight: bold;
    border-radius: 0;
}
.btn.btn-primary.cus-add-units:hover {
    background-color: #5A73F7 !important;
    border-color: #5A73F7;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    padding: 5px 10px 5px 28px;
    background: url('../images/plus.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 4%;
    transition: 0.3s ease-in-out all;
}
.btn.btn-primary.cus-login-bttn {
    background: #5A73F7;
    border-color: #5A73F7;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    margin-bottom: 15px;
    padding: 8px 10px;
}
.btn.btn-primary.cus-login-bttn:hover {
    background: #91A2F8;
    border-color: #5A73F7;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    margin-bottom: 15px;
    transition: 0.3s ease-in-out all;
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
    transition: 0.3s ease-in-out all;
}
.navbar-brand:hover {
    color: #333;
    transition: 0.3s ease-in-out all;
}
.cus-feildset fieldset {
    border: 2px solid #999999;
    margin-bottom: 30px;
}
.cus-feildset legend {
    width: 98%;
    background: #fff;
    text-decoration: none !important;
    margin-left: 1%;
    padding-left: 6px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 15px;
    color: #333;
    border: none;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.radio-inline input {
    margin-top: -3px;
}
/*//new css*/
.cus-outer-div {
    display: flex;
}
.cus-sign-up {
    color: #fff;
    /* text-decoration: underline; */
    margin-top: 15px;
    background: #fb6340;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #fb6340;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}

.cus-sign-up:hover {
    color: #fff;
    text-decoration: none;
    background: #fc8469;
    border: 1px solid #fb6340;
    transition: 0.3s ease-in-out all;
}
.cus-signup-heading {
    background: linear-gradient(180deg,#1F77E9 0,#0887C5 100%);
    height: auto;
    min-height: 140px;
    padding: 20px;
}
.cus-signup-heading h4 {
    color: #fff;
    font-size: 28px;
    margin-top: 0;
}
.cus-signup-outer {
    box-shadow: 0 50px 100px 0 rgba(12,0,46,.05);
    background: #fff;
    border: 10px solid #fff;
    margin-top: -60px;
    margin-bottom: 20px;
    padding: 0;
    display: inline-block;
}
.cus-signup-form {
    background: #FBFBFB;
}
.cus-signup-img {
    background: #FFFFFF;
}
.cus-fname {
    padding-left: 0;
}
.cus-lname {
    padding-right: 0;
}
.cus-signup-img h2 {
    color: #32325d;
    font-weight: bold;
    line-height: 34px;
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 20px;
}
.cus-usdet-heading h2 {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #32325d;
    margin-bottom: 20px;
    margin-top: 10px;
}
.cus-signup-img img {
    max-width: 80%;
    margin: auto;
    margin-top: 20%;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #7C8CE9;
    background-color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #7C8CE9;
    background-color: #fff;
    transition: 0.4s ease-in-out all;
}
.cus-banner-div {
    background: url(../images/background-banner.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.cus-footer-icon img {
    text-align: right;
    display: inline-block;
}
.cus-ul-list ul li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 10px;
}
.cus-ul-list ul li input {
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}
.cus-ul-list ul {
    padding: 0;
    margin-top: 8px;
}
.cus-state-div {
    background: #fff;
    padding: 0;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    margin-bottom: 8px;
}
.cus-state-div h3 {
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
}
    .img-responsive.cus-mobile-banner {
    display: none;
}
 .img-responsive.cus-desktop-banner {
    display: inline-block;
    width: 100%;
}
.cus-formcenter-content .carousel-indicators {
    bottom: 0px;
}
.cus-formcenter-content .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 15%;
}
.cus-formcenter-content .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 15%;
}
.cus-formcenter-content .carousel-control {
    opacity: 1;
}
.cus-formcenter-content .carousel-control {
    background-image: none;
    width: 10%;
}
.cus-formcenter-content .carousel-indicators li {
    width: 15px;
    height: 15px;
    border: 1px solid #333;
    border-radius: 15px;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #ddd;
}
.cus-aadharbttn {
    display: inline-block;
    width: 36%;
    padding: 7px 10px;
    min-height: 30px;
    margin-left: -5px;
    background: #91A2F8;
    border-color: #91A2F8;
    border-radius: 0;
}
.cus-aadharbttn:hover {
    background: #5A73F7;
    border-color: #5A73F7;
    transition: 0.3s ease-in-out all;
}
.cus-aadharno {
    display: inline-block;
    width: 60% !important;
    border-radius: 0;
}
.btn.btn-success.cus-continue:hover {
    background: #fff;
    border-color: #2dce89;
    color: #2dce89;
    transition: 0.3s ease-in-out all;
}
.btn.btn-success.cus-continue {
    background: #2dce89;
    border-color: #2dce89;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    font-weight: bold;
    margin-bottom: 10px;
    min-width: 120px;
    padding: 8px 10px;
    margin-left: 10px;
}
.form-group.cus-checkbox-list ul {
    padding: 0;
}
.form-group.cus-checkbox-list ul li {
    /* display: inline-block; */
    list-style: none;
}
.dropdown .caret {
    border-top: 4px solid #fff !important;
}
.dropdown.toggle .caret {
    border-top: 4px solid #333 !important;
}
.cus-inputs .dropdown .caret {
    border-top: 6px solid #333 !important;
}
.cus-doc-links {
    padding: 0;
}
.cus-doc-links li {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
/*.cus-doc-links a {
    color: #5A73F7;
    font-weight: bold;
    text-decoration: none;
}*/
.cus-doc-links .alert a {
    color: #fff;
    font-weight: bold;
}
.cus-doc-links .alert p {
    width: 80%;
    display: inline-block;
    margin-bottom: 0;
}
.cus-button-icons {
    width: 32px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
.cus-button-icons {
    width: 32px;
    display: inline-block;
}
.cus-doc-links .alert {
    padding: 8px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
    border-radius: 6px;
    height: auto;
    min-height: 60px;
}
.cus-doc-links .alert-primary {
    color: #333;
    border: 1px solid #ddd;
    background: #e8f0fd;
    margin-bottom: 0;
    font-weight: bold;
}
.cus-doc-links .alert-info {
    color: #fff;
    border: 1px solid #37d5f2;
    background: linear-gradient(87deg, #0eb9d8 0, #3fd8f3 70%) !important;
    margin-bottom: 0;
    font-weight: bold;
}
.cus-doc-links .alert-success {
    color: #fff;
    border-color: 1px solid #4fd69c;
    background: linear-gradient(87deg, #30cf8a 0, #6eddad 70%) !important;
    margin-bottom: 0;
    font-weight: bold;
}
.cus-doc-links .alert-danger {
    color: #fff;
    border: 1px solid #f75676;
    background-color: #f75676;
    margin-bottom: 0;
    font-weight: bold;
}
.cus-doc-links .alert-warning {
    color: #fff;
    border: 1px solid #fc7c5f;
    background-color: #fc7c5f;
    margin-bottom: 0;
    font-weight: bold;
}
.cus-doc-links a {
    display: inline-block;
    width: 100%;
}
#griv_table tr td {
    text-align: left;
    font-size: 14px !important;
    color: #757575 !important;
}
#griv_table_dashboard tr td {
    text-align: center;
    font-size: 14px !important;
    color: #757575 !important;
}
@media only screen and (max-width: 980px) {
    .cus-banner-div {
    background-size: cover;
}
      .cus-outer-div {
    display: inline-block;
}
    .cus-signup-img {
    display: none;
}
.icon-div {
        height: 72px;
        width: 72px;
    }
    .img-responsive.tabs-icon {
    width: 42px;
    }
    .inner-text h3 {
    font-size: 14px;
}
}

@media (max-width: 767px) {
      .cus-hry-banner h2 {
    font-size: 23px;
    text-align: center;
}
.cus-hry-banner h4 {
    text-align: center;
}
    .cus-navbar .dropdown-menu li {
    background: #fff;
    }
    .cus-navbar .dropdown-menu li a {
        background: #fff !important;
    }
.inner-text {
    z-index: 100000;
}
.inner-text h3 {
    font-size: 14px;
}
.inner-text h2 {
    font-size: 26px;
}
.cus-tabs {
    margin-bottom: 15px;
}
.inner-icon {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 10px;
}
.icon-div {
    height: 70px;
    width: 70px;
}
    .cus-fname {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 15px;
}
.cus-lname {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 15px;
}
.img-responsive.tabs-icon {
    width: 42px;
    text-align: center;
    display: inline-block;
    margin: auto;
    margin-top: 10px;
}
    .cus-navbar ul.nav li:hover > ul.dropdown-menu {
    display: none;
}

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
    
}
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
     display: block !important;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
  
}  
@media only screen and (max-width: 640px) {
    .cus-formcenter-content .carousel-indicators li {
    width: 12px;
    height: 12px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
}
.cus-desktop-banner {
    display: none !important;
}
.cus-mobile-banner {
    display: inline-block !important;
    width: 100% !important; 
}
    .cus-feildset legend {
    width: 96%;
    margin-left: 2%;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.table-responsive.cus-grid-table {
    padding: 0;
}
    .cus-forgot-pswrd {
    padding: 5px;
    border: 10px solid #fff;
}
.cus-usdet-heading h2 {
    font-size: 20px;
    margin-top: 10px !important;
}
.cus-footer-text {
    padding: 0;
}
.cus-footer-text span {
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 15px;
}
.cus-footer-icon {
    text-align: center;
    padding-bottom: 10px;
}

.cus-form-center {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px) {
    .cus-hry-banner h2 {
    font-size: 20px;
    text-align: center;
}
.cus-hry-banner h4 {
    text-align: center;
    font-size: 15px;
}
}