.payment_home_sec {
        padding:30px 0;
        margin-bottom: 150px;
    }
    /*.company_id_head_sec,.company_information_head_sec {
        border: 1px solid #ccc;
        margin: 40px 0;
    }*/
    .home_page_heading {
        color: #fff;
        font-size: 2.8vw;
        font-family: 'Playfair Display';
        font-weight: 600;
        text-align: center;
        margin-bottom: 50px;
    }
    .sub_head {
        background-color: #9ad9ea;
        display: inline-block;
        padding: 10px 30px;
        min-width: 40%;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        border: 1px solid #000;
    }
    .form_sec_03 {
        display: flex;
    }
    .lft_box {
        background-color: #9ad9ea;
        padding: 15px;
        width: 35%;
    }
    .lft_box h4 {
        margin: 0 0 0 0;
    }
    .card_det_inr .form_fields {
        display:block;
    }
    .SecurePaymentOptions 
    .card_det_wrap.SecurePaymentOptions .card_details .form_fields div {
        width: 100% !important;
    }
    .payment_form .form_wrap form .form_container label {
        min-width: 150px;
        display: inline-block;
        text-align: right;
        padding-right: 4px;
        font-weight: 400;
    }
    @media screen and (min-width:1025px) {
        .left_content_sec p {
            font-size:25px;
        }
        .SecurePaymentOptions {
            width:65%;
        }
    }
    @media screen and (min-width:501px) and (max-width:1024px) {
        .left_content_sec p {
            font-size:20px;
        }
        .home_page_heading {
            font-size: 4vw;
        }
    }
    @media screen and (max-width:500px) {
        .home_page_heading {
            font-size: 5vw;
        }
    }
    .left_content_sec p {
        color:#fff;
    }
    .company_id_sec {
        background:#fff;
        padding:40px;
        border-radius: 10px;
    }
    .company_id_label,.otp_label,.user_id_label {
        color:#fff;
        margin-bottom: 10px;
        font-weight: 700;
        font-size:20px;
    }
    .company_id,.email_otp {
        margin-bottom:20px;
    }
    .emp_id_error {
        color:#ff0000;
        text-align:center;
        margin: 10px 0;
        display:none;
    }
    .recaptcha {
        margin-bottom:15px;
        margin-top:15px;
    }
    .company_id_span,.otp_val_span,.user_id_span {
        color:#ff0000;
    }
    .card_det_inr .card_inline_content div {
        float: left;
        padding:0 5px;
    }
    .modal {
        color:#000;
    }
    .otp_validation_form_div {
        border: 1px solid #fff;
        padding: 40px 0;
        margin-bottom:20px;
    }
    /***payment form design ***/
     .payment_form .container { 
         padding-left:0;
         padding-right:0;
     }
     .payment_form button {
         color:#fff !important;
     }
         .payment_form .form_header {
            background-color: #9ad9ea;
            padding: 30px 0;
            border: 1px solid #000;
        }
        .payment_form h2 {
        font-weight: bold;
        font-size: 32px;
        color: #fff;
    }
    .payment_calculation_sec {
        border: 1px solid #ccc;
        padding:20px;
    }
    .company_id_head_sec .sub_head,.otp_val_head_sec,.company_information_head_sec .sub_head,.user_id_head_sec .sub_head {
        margin:0;
    }
    /*.company_id_cont_sec {*/
    /*    text-align: center;*/
    /*    padding: 20px 15px;*/
    /*}*/
    .company_information_cont_sec {
        display:inline-block;
        padding:20px;
        border: 1px solid #ddd;
        margin: 20px 0;
        width:100%;
        background: #fff;
        color: #000;
    }
    .payment_form .vc_column-inner {
        margin-bottom:10px;
    }
    .billing_information_heading {
        margin: 0 0px 10px 0px;
        font-weight: 600;
    }
    /*.payment_btn,.validation_btn {
        float:right;
    }*/
    /*.company_id_label {*/
    /*    line-height:3em;*/
    /*}*/
    .payment_form .scroll-box {
        width:auto;
    }
    .recaptcha_span,.recaptcha_span_mail,.recaptcha_user_span {
        color:#ff0000;
        position: relative;
        margin-left:10px;
    }
    .recaptcha_span_mail {
        color:#ff0000;
        position: relative;
        top: 0px;
        margin-left:10px;
    }
    .company_id_span,.otp_val_span,.user_id_span {
       color:#ff0000; 
       margin-left:10px;
    }
    @media screen and (min-width:500px) {
    .button_column {
        padding:0 !important;
    }
    }
    @media screen and (max-width:500px) {
        .payment_form .form_wrap {
            padding:0 15px;
        }
        .payment_form .vc_column-inner {
        	margin-bottom: 10px;
        	padding-left: 5px;
        	padding-right: 5px;
        }
    }
    #administrative_notes {
        margin:20px 0;
        background:#fff;
        color:#000;
    }
    .formstep-1 {
        border: 1px solid #ccc;
    }
    .formstep-1 .sub_head {
        margin-top: 0px;
        border: 0px;
    }
    .payment_form .form_wrap .form_container form label {
        text-align: left !important;
    }
    .payment_form .form_wrap form .form_container .form_fields div {
        float: left;
        width: 50%;
    }
    .condition-text {
        background: #fff;
        padding: 10px;
        margin-bottom: 5px;
        /* height: 110px; */
        height: 57px;
        overflow-y: scroll;
        margin-top: 5px;
        font-size: 12px;
    }
    .card_name_detail {
        display: inline-block;
        margin: 15px 0;
        width: 100%;
    }
    .card_name_detail label {
        min-width: 100px !important;
        text-align: left !important;
        display:inline-block;
        padding-right: 4px;
        float: left;
    }
    .card_name_detail label input { 
        width:auto;
    }
    #nohaoins {
        color: #e05b49;
        display:inline-block;
    }
    ul.pay-li {
        list-style: none;
        margin: 0px;
        margin-bottom: 20px;
        padding:0;
    }
    ul.pay-li li {
        border: 1px solid #e1e1e1;
        background: #fff;
        border-radius: 3px;
        font-size: 1em;
        margin-bottom: 10px;
        padding: 0px 10px;
        height: 38px;
        display: flex;
        list-style: none;
        padding-right: 0px;
    }
    .payment_form .form_wrap form .form_container  label {
        min-width: 150px;
        display: inline-block;
        text-align: right;
        padding-right: 4px;
        font-weight:400;
    }
    .card_details input[type="text"] {
        margin-bottom: 0;
    }
    ul.pay-li label {
        text-align: left!important;
        color: #999;
        float: left!important;
        width: 100%;
        line-height: 35px;
    }
    ul.pay-li li input {
        background-position: right center!important;
        width: 35%!important;
        font-size: 1em;
        line-height: 1.65;
        max-width: 100%;
        border: 0px;
    }
    .select_currency {
        width:30%;
    }
    .mobile_view_terms_section .lft_box {
        width: 100%;
        margin-bottom: 20px;
    }
    input[type="checkbox"], input[type="radio"] {
        margin-right: 0.4375em !important;
    }
    .nav-tabs>li>a {
        color:#fff;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
    }
    .nav>li>a:focus, .nav>li>a:hover  {
        color:#333;
    }
    .nav-tabs {
    /*    background: #9ad9ea;*/
        margin: 0;
        display:flow-root;
    }
    .tab_ul {
        background: #9ad9ea;
    }
    .payment_schedule_div {
        height:250px;
        overflow:scroll;
    }
    .recaptcha_span_pay {
        color: #ff0000;
        position: relative;
    }
    .service_agree_span, .payment_agree_span, .retention_agree_span,.required_span, .term_agree_span, .recaptcha_span_pay {
            color: #ff0000;
        }
        .ali_pay img{
            width:80%;
        }
    @media screen and (max-width:1300px) {
        .payment_form .form_wrap  form .form_container label {
        	font-size: 13px;
        	text-align:left !important;
        }
    }
    @media screen and (min-width:1201px) and (max-width:1300px) {
        .service_agree_span, .payment_agree_span, .retention_agree_span,.required_span, .term_agree_span {
            font-size:11px;
            color: #ff0000;
        }
    }
    @media screen and (min-width:800px) and (max-width:1200px) {
        .service_agree_span, .payment_agree_span, .retention_agree_span,.required_span, .term_agree_span {
            font-size:11px;
            color: #ff0000;
        }
    }
    @media screen and (min-width:768px) and (max-width:800px) {
        .payment_form .form_wrap  form .form_container .vc_col-sm-6 {
            width:100%;
        }
        .service_agree_span, .payment_agree_span, .retention_agree_span,.required_span, .term_agree_span {
            font-size:13px;
            color: #ff0000;
        }
    }
    @media screen and (max-width:768px) { 
        .payment_form .form_wrap {
            padding:0;
        }
        .service_agree_span, .payment_agree_span, .retention_agree_span,.required_span, .term_agree_span {
            font-size:13px;
            color: #ff0000;
        }
    }
    @media screen and (max-width:768px) {
        .form_sec_03 {
            display:flow-root;
        }
        .card_det_inr .form_fields {
            display:block;
        }
        .card_det_inr .form_fields div {
            width:100% !important;
        }
        .card_name_detail {
          display: grid;
        }
        .ali_pay img{
            width:200px;
        }
        ul.pay-li li {
            display:block;
            height:auto;
            padding:0 5px;
        }
        ul.pay-li li input  {
            width:100% !important;
            border:1px solid #ddd;
        }
        ul.pay-li label  {
            width:100% !important;
            min-width:unset !important;
        }
        .card_details_inner {
            padding: 0 0 20px 0 !important;
        }
        .select_currency {
            width: 100%;
        }
    }
    /*@media screen and (max-width:500px) {*/
    /*    .recaptcha .g-recaptcha iframe {*/
    /*        width:100% !important;*/
    /*    }*/
    /*}*/
    /*.logout_cust_sec {
        width:100%;
        display:inline-block;
        margin-bottom:10px;
    }*/
    .logout_customer {
        float:right;
        padding: 10px;
        font-weight: 700;
        text-decoration:none;
        cursor:pointer;
    }
    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    .nav-tabs {
        border-bottom: 1px solid #ddd;
    }
    .nav>li {
        position: relative;
        display: block;
    }
    .nav-tabs>li {
        float: left;
        margin-bottom: -1px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }
    .nav-tabs>li>a {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
    }
    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }
    .bootstrap-select>.dropdown-toggle { 
        border-radius:0 !important;
    }
    .bootstrap-select {
        width:100% !important;
    }
    .bootstrap-select>.dropdown-toggle:hover,.bootstrap-select>.dropdown-toggle:focus { 
        background:#e2e6ea !important;
    }
    .tab-content>.tab-pane {
        display: none;
    }
    .tab-content>.active {
        display: block;
    }
    .fade.in {
        opacity:0.85 !important;
    }
    .send_message_customer .mail_message_error {
        color:#ff0000;
    }
    .send_mail_customer,.get_payment_month,.back_payment_schedule,.back_company_info,.next_payment_process,.cancel_payment_process,.next_payment_schedule {
        background-color: #179e83;
        color:#fff;
    padding: .538em 1.077em;
    font-size: .923em;
        font-weight: 400;
        text-decoration:none;
        cursor:pointer;
    }
    .send_mail_customer:hover,.get_payment_month:hover,.back_payment_schedule:hover,.back_company_info:hover,.next_payment_process:hover,.cancel_payment_process:hover,.next_payment_schedule:hover {
         background-color: #11725e;
         color:#fff;
         text-decoration:none;
         cursor:pointer;
    }
    .applicable_month_icon,.applicable_month_icon1 {
        float:right;
        position:relative;
        top:8px;
    }
    .active_tab_button {
        float:right;
        margin:20px 0;
    }
    .view_unpaid_list {
        height:300px;
        overflow-y: scroll;
        margin-bottom: 20px;
    }
    .get_payment_month.disabled {
        opacity:0.5;
        cursor: not-allowed;
    }
    .administrative_notes_table {
        width:120%;
    }
    .nihaho_amount_sec {
        padding:15px 0;
    }
    .nihaho_amount_sec span {
        color:#ff0000;
        font-weight:600;
        font-size: 17px;
    }
    .nihaho_amount_sec i {
        color:green;
        font-weight:600;
        font-size: 17px;
    }
    .get_month_detail_error {
        color:#ff0000;
        display:none;
    }
    /*@media screen and (max-width:500px) {*/
    /*    .recaptcha_span_mail,.recaptcha_span,.recaptcha_span_pay {*/
    /*        display: contents;;*/
    /*    }*/
    /*}*/
    #payment_page {
        background:#fff;
        color:#000;
    }
    .pad0 {
        padding:0 !important;
    }
    .modal {
      top:50px !important;   
    }
    .modal-title {
        padding:1em;
    }
    /*.modal-header {*/
    /*    margin: 10px 10px !important;*/
    /*    padding: 2em 0 0 0;*/
    /*}*/
    /*.send_message_customer .modal-header,.view_unpaid_schedule .modal-header {*/
    /*    display:block !important;*/
    /*    padding:30px 30px 0 30px !important;*/
    /*}*/
    .modal-header .close {
        margin: 0 !important;
    }
    .paypal_modal img {
        width:100%;
    }
    .paypal_modal input {
        width:auto;
        float:right;
    }
    .company_id,.email_otp,.user_id {
        width:auto;
        margin-bottom:0;
    }
    .scroll-box {
        background:#fff;
        color:#000;
        padding:20px;
        height:180px;
        overflow-y:auto;
    }
    #user_management,#pmb {
        background: #fff;
        padding: 20px;
        color: #000;
        margin:20px 0;
    }
    #user_management .row,#pmb .row {
        margin-bottom:7px;
    }
    .upload_profile_image {
        border: none;
        padding-left: 0;
    }
    .activate_user {
        width:auto;
    }
    .setup_user,.save_profile {
        float:right;
    }
    .append_emp_name_row,.append_emp_id_row {
        max-height:400px;
        overflow-y:auto;
    }
    /*.add_emp_name_data,.add_emp_id_data {
        background: #f05a24;
        border: 1px solid transparent;
        padding: 15px 20px;
        color: #fff;
        border-radius: 15px !important;
        font-family: "Poppins", Sans-serif !important;
        font-weight: 500;
        letter-spacing: 1px;
        cursor: pointer;
        font-size: 17px !important;
    }
    .add_emp_name_data:hover ,.add_emp_id_data:hover,.add_emp_name_data:focus ,.add_emp_id_data:focus {
        background: #7fbea5 !important;
    }*/
    .applicable_month_icon {
        cursor:pointer;
    }
    .error_field,.error_field1 {
       float: right;
        color: rgb(255, 0, 0);
        text-align: right;
        display:none;
        width:100%;
    }
    
    /***file upload css start***/
    .file-upload {
    	border-radius: 3px;
    	background-color:rgba(0,0,0,0.3);
    	font-size: 14px;
    	color:white;
    	text-align: center; 
    }
    .file-upload input {
    	opacity: 0;
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	display: block;
    	cursor: pointer;
    }
    .file-preview img{
    	width:100%;
    	height: auto;
    }
    .file-preview .ibenic_file_preview {
    	position: relative;
    	width:150px;
    	height:150px;
    	overflow: hidden;
    }
    #ibenic_file_upload_preview {
        display:table;
        margin:0 auto;
    }
    .ibenic_file_delete {
    	padding:0;
    	text-align: center;
    	color:white;
    	background-color:red;
    	float:left;
    	float: right;
        position: relative;
        top: -30px;
    }
    .ibenic_file_delete i {
        color:#fff;
        font-size: 14px;
        padding: 5px;
    }
    /****file upload css end***/
    .success_msg1,.success_msg {
        color: #008000;
        width: 100%;
        border: 1px solid #008000;
        padding: 5px 10px;
        display: none;
        text-align: center;
        margin: 10px 0px;
        font-size: 20px;
    }
    .video_courses_menu2 {
        height:350px;
        overflow-x: hidden; 
        overflow-y:scroll;
    }
    /*.collapse {
        display: none;
    }
    .collapse.show {
        display:block;
    }
    .collapse.in {
        display: block;
    }*/
    .expan_collapse,.expan_collapse:hover {
        color: #ff0000;
        font-weight: 500;
        font-size: 17px;
        cursor:pointer;
    }
    .video_courses_menu2 .expan_collapse,.video_courses_menu2 .expan_collapse:hover {
        color: #000;
        font-weight: 500;
        cursor:pointer;
        margin-bottom: 15px;
    }
    .training_heading {
        background-color: #48A7DA;
        color: #fff;
        width: 100%;
    }
    .contact_user_table,.training_record_table {
        width:100%;
        margin-bottom:15px;
    }
    .side_menu_pmb {
        border: 1px solid #ff0000;
        padding: 10px 0;
        text-align:left;
    }
    .video_courses_menu,.video_courses_menu2,.video_courses_menu3,.video_courses_menu4 {
        padding:10px;
    }
    .video_courses_menu2 ul,.video_courses_menu3 ul {
        list-style:none;
        padding-left: 5px !important;
    }
    .video_courses_menu2 ul li,.video_courses_menu3 ul li {
        list-style:none;
    }
    
         /***vanila css start ****/
    .hidden-search {
    	display: none !important;
    }
    
    .vsb-menu{
      cursor:pointer;
      z-index:1000;
      display:none;
      position:absolute;
      border:1px solid #B2B2B2;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      box-shadow: 0 6px 12px rgba(0,0,0,.175);
      border-radius:4px;
      font-size : 11px;
      right:0;
      width:auto;
    }
    
    .vsb-js-search-zone{
    	position:absolute;
        z-index:1001;
    	width: 80%;
    	min-height:1.8em;
    	padding: 2px;
    	background-color: #fff;
    }
    
    .vsb-js-search-zone input{
    	border: 1px solid grey;
    	margin-left: 2px;
    	width: 96%;
    	border-radius: 4px;
    	height: 25px !important;
    }
    
    .vsb-main{
    	position: relative;
    	display: inline-block;
    	vertical-align: middle;
    	text-align:left;
    	width:100%;
    }
    
    .vsb-menu li{
    	display: list-item;
    	font-size: 12px;
    	background-color: #fff;
    	min-height:1.4em;
    	padding: 0.2em;
    }
    
    .vsb-menu li:hover {
    	background: linear-gradient(#f5f5f5, #e8e8e8);
    }
    
    .vsb-menu ul{
    	user-select:none;
    	list-style:none;
    	white-space: nowrap;
    	margin:0px;
    	margin-top:4px;
    	padding-left:10px;
    	padding-right:10px;
    	padding-bottom:3px;
    	color: #333;
    	cursor:pointer;
    	overflow-y:auto;
    }
    
    li.disabled{
    	cursor:not-allowed;
    	opacity:0.3;
    	background-color: #999;
    }
    
    .vsb-main button{
    	min-width: 70px;
    	border-radius: 0;
    	width: 100%;
    	text-align: left;
    	z-index: 1;
    	color: #333;
    	background: white !important;
    	border: 1px solid #e8e8e8 !important;
    	line-height:10px;
    	font-size:14px;
    	padding:12px 12px;
    	border-radius: 0 !important;
    }
    
    .vsb-main button.disabled{
    	cursor:not-allowed;
    	opacity:0.65;
    }
    
    .vsb-main .title {
    	margin-right: 6px;
    	user-select:none;
    }
    
    .vsb-main li:hover {
    	background: linear-gradient(#f5f5f5, #e8e8e8);
    }
    
    .vsb-main ul{
    	white-space: nowrap;
    }
    
    .vsb-menu li {
    	font-size: 14px;
    	background-color: #fff;
    	min-height:1.4em;
    	padding: 0.2em 2em 0.2em 1em;
    }
    
    .vsb-menu li.grouped-option {
    	font-weight: bold;
    	font-size: 15px;
    	padding-left: 5px;
    }
    
    .vsb-menu :not(.multi) li.active::before {
    	content: "";
    	display: inline-block;
    	font-size: inherit;
    	float:left;
    	margin-left:-16px;
    	transform: rotate(45deg);
    	height: 10px;
    	width:  5px;
    	border-bottom:  3px solid black;
    	border-right:  3px solid black;
    	border-radius:2px;
    }
    
    .vsb-menu .multi li {
    	font-size: 14px;
    	background-color: #fff;
    	min-height:1.4em;
    	padding: 0.2em 2em 0.2em 26px;
    }
    
    .vsb-menu .multi li.grouped-option {
    	font-weight: bold;
    	font-size: 15px;
    	padding-left: 5px;
    }
    
    .vsb-menu .multi li:not(.grouped-option)::before{
    	content: "";
    	display: inline-block;
    	font-size: inherit;
    	float:left;
    	font-weight:bold;
    	margin-left:-22px;
    	margin-right:2px;
    	border : 1px solid;
    	border-radius : 3px;
    	padding : 7px;
    	margin-top:2px;
    	color:black;
    }
    
    .vsb-menu .multi li.active::after {
    	content: "";
    	display: inline-block;
    	font-size: inherit;
    	color: #333;
    	float:left;
    	margin-left:-18px;
    	display: inline-block;
    	transform: rotate(45deg);
    	margin-top:4px;
    	height: 10px;
    	width:  6px;
    	border-bottom: 3px solid black;
    	border-right:  3px solid black;
    }
    
    .caret {
    	display: inline-block;
    	width: 0;
    	height: 0;
    	margin-left: 2px;
    	vertical-align: middle;
    	border-top: 4px dashed;
    	border-top: 4px solid;
    	border-right: 4px solid transparent;
    	border-left: 4px solid transparent;
    }
/*vannilla css end*/