body{
    /* font-family: 'poppins Regular'; */
    font-family: 'Roboto', sans-serif;
}

img{
    max-width: 100%;
}

a{
    transition: ease all 0.5s;
}

a:hover{
    text-decoration: none;
}

:focus{
    outline: none;
}

.timezone-picker {
    display: block !important;
}

.detail_options h2 span {
    font-weight: 700;
    font-size: 1.550em;
    color: #fff;
    margin: 0 0 10px 0;
}
/* === header start here === */

.header{
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;
    box-shadow: 0px 5px 6px #d7d6d6;
    position: relative;
    z-index: 9;
    background-image: url(../images/inner_banner_v2.png);
    background-repeat: repeat;
}

.header_top_section{
    background-color: #03359f;
    padding:  0;
}

.header_top_section ul{
    margin: 10px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
	box-shadow: 0px 5px 6px #828281;
}

.header_top_section li{
    list-style: none;
    background-image: url(../images/nav_border.png);
    background-repeat: no-repeat;
}

.header_top_section li:first-child{
    background-image: none;
}

.header_top_section li a{
    font-size: 0.938em;
    color: #fff;
    padding: 7px 30px;
    display: inline-block;
}

.header_top_section li a img {
    width: 17px;
    margin-right: 5px;
}

.header_top_section li a:hover{
    background-color: #d40030;
}

.header_top_section li a.active{
    background-color: #d40030;
}

.social_icon_top li{
    margin: 0 0 0 18px;
}

.social_icon_top li a img{
    width: 19px;
}

.header .navbar-collapse{
    flex-grow: 0;
}

.nav_custon_style{
    padding: 2px 0;
}

.nav_custon_style .nav-item {
    margin-left: 17px;
}

.nav_custon_style .nav-link{
    font-size: 1.125em;
    color: #1b1b41 !important;
    font-family: 'poppinssemibold';
}

.nav_custon_style .nav-link:hover{
    color: #d20032 !important;
}

.nav_custon_style .nav-item.nav_btn .nav-link{
    background-color: #d20032;
    border-radius: 5px;
    color: #fff !important;
    padding: .5rem 2rem;
    font-weight: 400;
}

.nav_custon_style .nav-item.nav_btn .nav-link:hover{
    background-color: #03359f;
}

.header_search{
    position: relative;
    background-color: #f2f2f2;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    width: 50%;
}

.header_search input{
    background: transparent;
    border: none;
    padding: 5px 40px 5px 10px;
    width: 100%;
}

.header_search img{
    position: absolute;
    right: 10px;
    top: 6px;
}

.logo_tagline{
    font-size: 15px;
    font-weight: 600;
    color: #242400;
    margin: 0 0 0 30px;
    text-transform: uppercase;
    text-align: center;
}



/* === header end here === */

/* === banner start here === */

.dk_none{
    display: none;
}

.banner_section{
    position: relative;
    text-align: right;
    padding: 50px 0;
	
}
.banner_section_inner{
    position: relative;
    text-align: right;
    padding: 0px 0;
	background-color: #fff7f5;
	margin-bottom: 50px;
	padding-top: 0px;
}

.banner_section img{
    width: auto;
}

.banner_text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    text-align: left;
}

.banner_text h1{
    font-size: 2.938em;
    color: #fff;
    margin: 0;
    font-family: 'poppinssemibold';
	text-align: center;
}
.banner_text h2{
    font-size: 2.938em;
    color: #000;
    margin: 0;
    font-family: 'poppinssemibold';
	text-align: center;
}

.banner_text h1 span{
    color: #d20032;
}

.banner_text p{
    font-size: 1.100em;
    color: #7f7f7f;
    margin: 0 0 40px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}



.banner_text a{
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px 25px;
    color: #d20032;
    font-size: 1.250em;
    font-family: 'poppins', sans-serif;
    font-weight: Regular;
	border: 1px solid #03359f;
}

.banner_text a:hover{
    background-color: #03359f;
    color: #fff;
}

.signin_text p{
    font-size: 1.000em;
    color: #7f7f7f;
    margin: 10px 0 2px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
	text-align: center;
}
/* === banner end here === */
.header .header_icon a{
    margin: 0 0 0 15px;
    font-size: 15px;
    font-weight: 600;
    color: #d50032;
    text-transform: uppercase;
    text-align: center;
}

.header .header_icon a img {
    width: 30px;
}

.body_heading{
    font-family: 'poppinssemibold';
    font-size: 2.813em;
    color: #03359f;
    margin: 50px 0 0 0;
    position: relative;
    text-align: center;
}

.heading_sub-heading{
    font-size: 0.875em;
    font-weight: 400;
    color: #7f7f7f;
    margin: 10px 0 30px 0;
    position: relative;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.featurd_card{
    padding: 0 20px;
    text-align: center;
    margin: 45px 0 0 0;
}

.featurd_card span{
    display: block;
    margin-bottom: 15px;
}

.featurd_card h5{
    font-size: 1.375em;
    font-weight: 700;
    color: #1b1b41;
    margin: 0 0 10px 0;
	text-transform: uppercase;
}

.featurd_card p{
    font-size: 0.875em;
    font-weight: 400;
    color: #71716f;
    margin: 0;
}

.benefits_section{
    background-color: #fff7f5;
    margin: 0px 0 0 0;
    padding-bottom: 60px;
}

.benefit_card{
    background-color: #fff;
    box-shadow: 0 0 6px #edebeb;
    border-radius: 5px;
    padding: 20px 5px;
}

.benefit_card span{
    display: inline-block;
    margin-right: 10px;
}

.benefit_card h6{
    font-size: 1.100em;
    font-weight: 700;
    color: #1b1b41;
    margin: 0 0 10px 0;  
    padding: 0 15px; 
    white-space: nowrap;
}

.benefit_card p{
    font-size: 0.875em;
    font-weight: 400;
    color: #7f7f7f;
    margin: 0;
    padding: 0 15px;
}

.benefit_card p a{
    color: #03359f;
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
}

.testimonials_slider {
    margin-bottom: 80px;
}

.testimonial_card{
    border: 3px solid #fac100;
    padding:15px;
    position: relative;
}

.testimonial_card p{
    font-size: 1.000em;
    font-weight: 400;
    color: #010100;
    margin: 0 0 40px 0;
    line-height: 26px;  
}

.testimonial_writer{
    background-color: #fff;
    position: absolute;
    bottom: -45px;
    left: 65px;
    padding: 0 25px;
}

.testimonial_writer span{
    margin-right: 15px;
}

.testimonial_writer p{
    font-size: 1.375em;
    color: #010100;
    font-weight: 700;
    margin: 18px 0 0 0;
}

.testimonial_writer p small{
    display: block;
    color: #888887;
    font-size: 0.875em;
}

.testimonials_slider .carousel-item{
    padding-bottom: 60px;
}

.testimonials_slider .carousel-indicators li{
    background: #555555;
    height: 10px;
    width: 9px;
    padding: 0 !important;
    border-radius: 50%;
    border: 0;
}

.testimonials_slider .carousel-indicators{
    bottom: -50px;
}

.register_section{
    background-color: #fff;
    padding:30px 0;
    margin-top: 0px;
}

.register_section h2{
    font-family: 'poppinssemibold';
    font-size: 2.813em;
    font-weight: 600;
    color: #03359f;
    margin: 0;
}

.register_section p{
    font-size: 0.875em;
    font-weight: 300;
    color: #7f7f7f;
    margin: 0;
}

.register_section a {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px 25px;
    color: #d20032;
    font-size: 1.15em;
    font-family: 'poppins', sans-serif;
    font-weight: 400;
    border: 1px solid #03359f;
    display: inline-block;
}

.register_section a:hover {
    background-color: #03359f;
    color: #fff;
}

.register_section h5{
    position: relative;
    margin: 50px 0 0 0;
    font-family: 'poppinssemibold';
    font-size: 1.375em;
}

.register_section h5::before{
    background-color: #eeeeee;
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
}

.register_section h5 span{
    display: inline-block;
    padding: 0 15px;
    background-color: #fff;
    margin: 0 0 0 100px;
    position: relative;
    color: #03359f;
}

.submit_case_form h3{
    font-family: 'poppinssemibold';
    color: #03359f;
    font-size: 1.625em;
    margin: 0 0 15px 0;
    padding: 50px 0 0 0;
}

.submit_case_form label{
    font-family: 'poppinssemibold';
    color: #010847;
    font-size: 0.938em;
    margin: 0;
}

.submit_case_form p{
    color: #999797;
    font-size: 0.813em;
    margin: 0;
}

.submit_case_form p a{
    color: #d20032;
    text-decoration: underline;
}

.submit_case_form p a:hover{
    color: #1b1b41;
}

.submit_case_form input[type="text"]{
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 10px 15px;
    background-color: #fff;
    margin: 0 0 15px 0;
}

.submit_case_form textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 10px 15px;
    background-color: #fff;
    margin: 0 0 15px 0;
}

.submit_case_form input[type="radio"]{
    float: left;
    margin: 2px 5px 0 0 !important;
}

.submit_case_form .custom-select{
    margin-bottom: 15px;
}

.submit_case_form{
    background-color: #eeeeee;
    padding: 0 30px;
    margin: 30px 0 35px 0;
}

.case_form_section{
    background-color: #fff7f5;
    margin: 70px 0 0 0;
    padding: 0 0 50px 0;
}

.contact_info_card{
    border: 1px solid #eceaea;
    border-radius: 5px;
    background-color: #f9f8f7;
    width: 31.5%;
}

.contact_info_card span{
    background-color: #d20032;
    border-radius: 5px;
    text-align: center;
    width: 90px;
    height: 80px;
    padding: 22px 0 0 0;
    margin: 0 15px 0 0;
}

.contact_info_card h5{
    color: #1b1b41;
    font-size: 0.875em;
    font-weight: 600;
    margin: 0;
}

.contact_info_card h4{
    color: #7f7f7f;
    font-size: 0.875em;
    font-weight: 300;
    margin: 0;
}

.contact_body_text{
    margin: 0 0 30px 0;
}

.contact_body_text span{
    display: inline-block;
    margin: 10px 30px 15px 0;
    float: left;
}

.contact_body_text h2{
    font-weight: 700;
    font-size: 2.500em;
    color: #03359f;
    margin: 0 0 10px 0;
}

.contact_body_text h4{
    font-weight: 700;
    font-size: 2.000em;
    color: #000;
    margin: 0 0 10px 0;
}

.contact_body_text p{
    font-weight: 400;
    font-size: 1.000em;
    color: #1a1a1a;
    margin: 0;
    text-align: justify;
}

.contact_info{
    margin: 0;
}

.contact_info > div{
    margin: 20px 0 0 0;
}

.contact_info h3{
    font-weight: 700;
    font-size: 1.250em;
    color: #636363;
    margin: 0;
    text-transform: uppercase;
}

.contact_info img{
    margin: 5px 0 0 0;
}

.contact_info p{
    font-weight: 400;
    font-size: 0.875em;
    color: #929292;
    margin: 0 0 0 15px;
}

.contact_info p strong{
    font-weight: 700;
    font-size: 1.125em;
    color: #929292;
    display: block;
}

.contact_us_form{
    background-color: #f9f9f9;
    /* border:1px solid #e7e7e7; */
    padding: 50px 30px;
    box-shadow: 0 0 6px #edebeb;
    margin: 30px 0 0 0;
    border-radius: 5px;
}

.contact_us_form label{
    font-family: 'poppinssemibold';
    font-size: 0.875em;
    color: #7f7f7f;
    margin: 0 0 5px 0;
    cursor: pointer;
}

.contact_us_form span{
    font-family: 'poppinssemibold';
    font-size: 0.875em;
    color: #7f7f7f;
    margin: 0 0 5px 0;
    cursor: pointer;
}

.contact_us_form span:hover{
    color: #000;
}

.contact_us_form input{
    width: 100%;
    padding: 10px 15px;
    background-color: #f2f2f2;
    font-size: 0.875em;
    color: #929292;
    border: none;
    height: 38px;
    margin: 0 0 20px 0;
	border-radius: 5px;
}

.contact_us_form textarea{
    width: 100%;
    padding: 10px 15px;
    background-color: #f2f2f2;
    font-size: 0.875em;
    color: #929292;
    border: none;
    height: 138px;
    margin: 0 0 20px 0;
	border-radius: 5px;
}

.multi_input > div:nth-child(1){
    width: 40%;
}

.multi_input > div:nth-child(2){
    width: 20%;
}

.multi_input > div:nth-child(3){
    width: 30%;
}

.contact_us_form button{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 5px 40px;
    font-size: 1.250em;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
}

.contact_us_form button:hover{
    background-color: #d20032;
    color: #fff;
}


.other_read button{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 5px 40px;
    font-size: 1.250em;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
}

.other_read button:hover{
    background-color: #d20032;
    color: #fff;
}

.btn-ouline-primary{
    font-family: 'poppinssemibold';
    border: 1px solid #1ca2ff;
    padding: 5px 0px;
    font-size: 12px;
    color: #1ca2ff;
    background-color: transparent;
    border-radius: 5px;
    margin-left: 2px;
    margin-bottom: 2px ;
    transition: all ease 0.5s;
    width: 92%;
}

.btn-ouline-primary:hover{
    color: #fff;
    background-color: #1ca2ff;
}

.btn-ouline-primary-selected{
    font-family: 'poppinssemibold';
    border: 1px solid #1ca2ff;
    padding: 5px 0px;
    font-size: 12px;
    color: #fff;
    background-color: #1ca2ff;
    border-radius: 5px;
    margin-left: 2px;
    margin-bottom: 2px;
    width: 92%;
    transition: all ease 0.5s;
}

.submit_btn_style{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 5px 40px;
    font-size: 1.250em;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
}

.submit_btn_style:hover{
    background-color: #d20032;
    color: #fff;
}

.reply_btn_style{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 5px 40px;
    font-size: 1.063em;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
}

.reply_btn_style:hover{
    background-color: #d20032;
    color: #fff;
}

/* ===== Decline popup css start ===== */

.update_job_pop .modal-header{
    background: #fff;
    border: 0;
}

.update_job_pop .modal-header .tick_box{
    text-align: center;
    margin: 30px auto 10px auto;
}

.update_job_pop .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #989595;
    opacity: unset;
}

.update_job_pop .modal-body h4{
    font-size: 2.188em;
    color: #7b7b7b;
    margin: 5px 0 20px 0;
    text-align: center;
    font-weight: 700;
}

.update_job_pop .modal-body h3{
    font-family: 'poppinssemibold';
    font-size: 2.938em;
    color: #7b7b7b;
    margin: 5px 0 20px 0;
    text-align: center;
    font-weight: 700;
}

.update_job_pop .modal-body h6{
    color: #7b7b7b;
    margin-right: 20px;
    font-size: 1.000em;
    text-align: center;
    font-weight: 500;
}

.update_job_pop .modal-body textarea {
    font-size: 14px;
    color: #464644;
    margin: 0 0 20px 0;
    line-height: 20px;
    border:1px solid #959595;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    height: 190px;
}

.state-btn-container {
    width: 100%;
    margin: 0 auto;
    font-size: 0; /** this removes the space between the divs **/
}
.state-btn {
    box-sizing: border-box; /** this adds the borders into the width **/
    color: #1ca2ff;
    display: inline-block;
    border: 1px solid #1ca2ff;
    width: 9.6%;
    margin: 0.2% 0.2%;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px 2px;
    cursor: pointer;
}

.state-btn-selected {
    box-sizing: border-box; /** this adds the borders into the width **/
    color: white;
    display: inline-block;
    background-color: #1ca2ff;
    width: 9.6%;
    margin: 0.2% 0.2%;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px 2px;
    cursor: pointer;
}

.state-btn-2 {
    box-sizing: border-box; /** this adds the borders into the width **/
    color: #1ca2ff;
    display: inline-block;
    border: 1px solid #1ca2ff;
    margin: 0.2% 0.2%;
    font-size: 11px;
    text-transform: capitalize;
    padding-left: 1px;
    cursor: pointer;
}

.state-btn:hover{
    color: white;
    background-color: #1ca2ff;
}

.btn_style_1{
    background-color: #515050;
    border-radius: 5px;
    font-size: 0.750em;
    font-weight: 600;
    color: #fff;
    border: 0;
    margin: 0;
    padding: 7px 30px;
    min-width: 110px;
}

.btn_style_2{
    background-color: #6bc76b;
    border-radius: 5px;
    font-size: 0.750em;
    font-weight: 600;
    color: #fff;
    border: 0;
    margin: 0;
    padding: 7px 30px;
    min-width: 110px;
}

.btn_style_3{
    background-color: #d20032;
    border-radius: 5px;
    font-size: 0.750em;
    font-weight: 600;
    color: #fff;
    border: 0;
    margin: 0;
    padding: 7px 30px;
    min-width: 110px;
}

.btn_style_1:hover, .btn_style_2:hover, .btn_style_3:hover{
    background-color: #000;
}

.login_page_form{
    border:1px solid #e0e0e0;
    max-width: 434px;
    margin: 80px auto;
    padding: 50px 30px;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0 3px 6px #eeeeee;
}

.login_page_form h1{
    font-family: 'poppinssemibold';
    font-weight: 700;
    color: #03359f;
    margin: 0;
    padding: 0;
    text-align: center;
}

.login_page_form .login_form{
    margin: 30px 0 0px 0;
    position: relative;
}

.login_page_form .login_form img{
    position: absolute;
    left: 15px;
    top: 10px;
}

.login_page_form .login_form input{
    border:1px solid #e0e0e0;
    width: 100%;
    padding: 2px 10px 2px 15px;
    height: 43px;
	border-radius: 4px;
	box-shadow: 0 3px 6px #eeeeee;
}

.login_page_form .submit_btn{
    background-color: #ffffff;
    border-radius: 5px;
    padding: 4px 25px;
    color: #d20032;
    font-size: 1.250em;
    font-family: 'poppins', sans-serif;
    font-weight: Regular;
    border: 1px solid #03359f;
}

.login_page_form .submit_btn:hover{
    background-color: #03359f;
    color: #fff;
}

.login_page_form .submit_btn.active{
    background-color: #03359f;
    color: #fff;
}

.login_page_form a{
    font-size: 0.875em;
    color: #1b1b41;
    font-weight: 400;
    margin: 0;
}
.other_link a{
    font-size: 0.875em;
    color: #003eb5;
    font-weight: 400;
    margin: 0;
	
}
.other_link a:hover{
    font-size: 0.875em;
    color: #1b1b41;
    font-weight: 400;
    margin: 0;
	
}

/* ==== Inner page css start here ==== */

.inner_heading{
    padding: 50px 0 0 0;
    text-align: center;
}

.inner_heading h3{
    font-weight: 800;
    font-size: 2.500em;
    color: #333;
    margin: 0 0 10px 0;
}

.body_tab_section{
    margin: 60px 0 0 0;
}

.body_tab_section .tab-content{
    background: #fff;
}

.table_header{
    padding: 10px 15px;
}

.body_tab_section .nav-tabs{
    background-color: #ebebeb;
}

.body_tab_section .nav-tabs .nav-item{
    border-right: 1px solid #d7d7d7;
    width: 14.28%;
    text-align: center;
}

.body_tab_section .nav-tabs .nav-item.width_auto{
    width: auto;
}

.body_tab_section .nav-tabs .nav-item:last-child{
    border-right: none;
}

.body_tab_section  .nav-link{
    color: #000;
    font-size: 14px;
    white-space: nowrap;
    transition: all ease .5s;
    padding: 0.7rem 2.57rem;
    border-radius: 0;
}

.body_tab_section .nav-tabs .nav-link:hover{
    background: #03359f;
    border-color: #03359f;
    color: #fff;
}

.body_tab_section .nav-tabs .nav-link.active{
    background: #03359f;
    border-color: #03359f;
    color: #fff;
}

.body_tab_section .nav-tabs .nav-item.show .nav-link{
    background: transparent;
    border-color: transparent;
    color: #000;
}

.body_tab_section .dropdown-menu{
    background-color: #f0f0ef;
    border: none;
    padding-top: 0;
}

.body_tab_section .dropdown-menu .dropdown-item{
    border-bottom:1px solid #a0a09c;
    font-size: 14px;
}

/* ========== Edit my Account css start ======== */

.inner_page_heading{
    position: relative;
    margin: 25px 0 20px 0;
}

.inner_page_heading::before{
    width: 100%;
    height: 1px;
    background-color: #979696;
    position: absolute;
    top: 18px;
    left: 0;
    content: "";
}

.inner_page_heading h1{
    font-family: 'poppinssemibold';
    color: #03359f;
    font-size: 1.375em;
    background-color: #ffffff;
    padding: 0 20px;
    position: relative;
    display: inline-block;
    margin: 10px 0 0 80px;
}

.inner_page_heading .main_btns{
    background-color: #ffffff;
    padding: 0 10px 0 20px;
    position: relative;
    display: inline-block;
    top: -5px;
}

.inner_page_heading .main_btns img {
    width: 25px;
    cursor: pointer;
}

.inner_page_heading .main_btns.right_btns{
    margin-right: 50px;
}

.inner_page_heading .main_btns a{
    background-color: #03359f;
    border-radius: 5px;
    font-size: 1.063em;
    font-weight: 500;
    color: #fff;
    border: 0;
    margin: 0 10px 0 0;
    padding: 7px 30px;
    white-space: nowrap;
}

.inner_page_heading .main_btns a.gray{
    background-color: #515050;
}

.inner_page_heading .main_btns a:hover{
    background-color: #d20032;
}

.inner_page_heading .main_btns a.active{
    background-color: #d20032;
}

.inner_page_heading .main_btns .trans-text{
    background-color: transparent;
    padding-right: 0;
    color: #1b1b41;
    margin: 7px 0 0 30px;
    font-size: 1.063em;
    font-weight: 500;
}

.my_coustomer_table table thead th{
    background: #cac9c9;
    padding: 15px 20px;
    font-size: 17px;
    border-right: 1px solid #d9d9d9;
    text-align: left;
    white-space: nowrap;
}

.my_coustomer_table tbody td{
    padding: 13px 20px;
    font-size: 14px;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}

.my_coustomer_table tbody tr:nth-child(even) td{
    background-color: #eeeeee;
}

.my_coustomer_table tbody td img{
    margin: 0 10px 0 0;
}

.my_coustomer_table .tr-bg {
    background: #e8e8e8;
}

.message_center_table{
    background: #fff;
}

.message_center_table tbody td{
    padding: 8px 30px;
}

.my_coustomer_table tbody td img.thumb{
    width: 40px;
    border: 1px solid #464646;
}

.my_coustomer_table tbody td:last-child{
    border-right: none;
}

.my_coustomer_table .edit_icon{
    white-space: nowrap;
}

.my_coustomer_table .edit_icon i {
    margin: 0 10px 0 0;
}

.pagenation_section{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0 80px 0;
}

.pagenation_section span{
    cursor: pointer;
    transition: all ease 0.5s;
}

.pagenation_section span:hover img{
    opacity: .7;
    transition: all ease 0.5s;
}

.pagenation_section nav{
    display: inline-block !important;
    background-color: #ebebeb;
    border-radius: 10px;
    padding: 5px 10px;
}

.pagenation_section .page-link{
    background-color: transparent;
    border: 0;
    color: #8c8c8c;
    border-radius: 50% !important;
    height: 25px;
    width: 25px;
    padding: 3px 0;
    text-align: center;
}



.pagenation_section .page-item{
    margin: 0px 2px;
}

.pagenation_section .page-item:hover .page-link{
    background-color: #03359f !important;
    border-radius: 50% !important;
    color: #fff;
    font-size: 15px;
}

.pagenation_section .page-item.active .page-link{
    background-color: #03359f !important;
    border-radius: 50% !important;
    color: #fff;
    font-size: 15px;
}

.case_info_form{
    border: 1px solid #959595;
    padding: 20px;
    margin: 15px 0 0 0;
}

.case_info_form label{
    margin: 10px 0 0 0;
}

.case_info_form .icon{
    position: relative;
}

.case_info_form .icon img{
    position: absolute;
    right: 11px;
    top: 11px;
}

.document_field{
    margin: 0;
    position: relative;
}

.submit_case_form .document_field input[type="text"] {
    padding-left: 60px !important;
}

.document_field .file_icon{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #999999;
    border-radius: 5px;
    padding: 11px 12px;
    cursor: pointer;
}

.document_field .add_more{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #999999;
    border-radius: 5px;
    padding: 12px 12px;
    cursor: pointer;
}

.document_field .add_more p{
    color: #fff;
}

.uploaded_files{
    display: flex;
}

.uploaded_files > div{
    display: inline-block;
    border: 1px solid #03359f;
    padding: 7px 25px;
    border-radius: 30px;
    margin: 0 20px 10px 0;
}

.uploaded_files > div h6{
    margin: 0;
    color: #999797;
    font-size: 0.813em;
    margin: 0;
}

.uploaded_files > div img{
    margin-right: 20px;
    cursor: pointer;
}

/* select start */

/*the container must be positioned relative:*/


.custom-select {
    width: 220px;
}



.custom-select {
    position: relative;
    height: auto;
    font-size:1.000em;
    padding: 0;
    width: 100%;
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element:*/
  }
  
  .select-selected {
    background-color: #fff;
  }

  .select-selected::before {
    position: absolute;
    content: "";
    background: transparent;
    height: 34px;
    width: 38px;
    right: 0;
    top: 0;
}
  
  /*style the arrow inside the select element:*/
  .select-selected:after {
    position: absolute;
    content: "";
    top: 19px;
    right: 13px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-color: #707070 transparent transparent transparent;
  }
  
  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #707070 transparent;
    top: 7px;
  }
  
  /*style the items (options), including the selected item:*/
  .select-selected {
    color: #787171;
    padding: 11px 15px;
    border: 0px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    border-radius:4px;
  }
  
  .select-items div {
    color: #787171;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    border-bottom:1px solid #999;
    border-top:none;
  }
  
  /*style items (options):*/
  .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius:4px;
    border:1px solid #999;
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }

/* select end */

/* ==== Msg box css start ==== */


.schedule_interview_pop .modal-header{
    font-size: 1.000em;
    background: #03359f;
    color: #fff;
    padding: 7px 25px;
    border-radius: 10px 10px 0px 0;
}

.schedule_interview_pop .modal-header h4{
    font-family: 'poppinssemibold';
    font-size: 1.000em;
}

.schedule_interview_pop .modal-header h4 small{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.000em;
}

.schedule_interview_pop .modal-header-2{
    text-align: center;
}

.schedule_interview_pop .modal-header-2 h4{
    font-family: 'poppinssemibold';
    font-size: 1.200em;
    padding: 30px 0 20px 0;
}

.schedule_interview_pop .modal-content{
    border-radius: 15px;
    border: none;
}

.schedule_interview_pop button.close {
    opacity: 100%;
    width: 50px;
}

.popup_form input[type="text"]{
    width: 100%;
    border: none;
    border-bottom:1px solid #03359f;
    margin-bottom: 15px;
    background: #fff;
    font-size: 14px;
    padding: 7px 13px;
}

.popup_form input[type="text"]::placeholder {
    font-family: 'poppinssemibold';
    font-size: 1.000em;
    color: #03359f;
    opacity: 1; /* Firefox */
  }

.popup_form textarea{
    width: 100%;
    height: 150px;
    border:0px solid #d7d7d7;
    background: #fff;
    font-size: 14px;
    padding: 7px 13px;
}
 
.schedule_interview_pop .popup_form{
    position: relative;
}

.schedule_interview_pop .popup_form .mail_cc{
    position: absolute;
    right: 10px;
    top: 10px;
}

.schedule_interview_pop .popup_form .mail_reply{
    position: absolute;
    left: 10px;
    top: 5px;
}

.schedule_interview_pop .popup_form .mail_cc a{
    color: #515050;
}

.schedule_interview_pop .modal-footer button {
    background-color: #03359f;
    border: none;
    padding: 10px 40px;
    font-weight: 700;
    font-size: 1.125em;
    color: #fff;
    border-radius: 5px;
    margin: 0;
}

/* ==== Msg box css end ==== */

.coustomer_filter{
    margin: 0;
    padding: 0 10px;
}

.coustomer_filter li{
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

.coustomer_filter li:after{
    position: absolute;
    height: 15px;
    width: 1px;
    background: #000;
    content: "";
    right: -17px;
    top: 6px;
}

.coustomer_filter li:last-child:after{
    background: none;
}

.coustomer_filter li a{
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    color: #000;
    transition: all ease .2s;
    white-space: nowrap;
    font-weight: 600;
}

.coustomer_filter li a:hover{
    color: #ae7e39;
}

.coustomer_filter .custom-select {
    width: 200px;
    margin-right: 20px;
}

.coustomer_filter .select-selected{
    padding: 6px 10px;
}

.coustomer_filter .select-selected:after {
    top: 14px;
}

.coustomer_filter .select-selected.select-arrow-active:after {
    top: 7px;
}

.coustomer_filter .search_box{
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    position: relative;
}

.coustomer_filter .search_box input{
    border: none;
    padding: 6px 10px;
    border-radius: 0.25rem;
}

.coustomer_filter .search_box img{
    position: absolute;
    right: 10px;
    top: 10px;
}

.coustomer_filter .export_button{
    color: #515050;
    font-size: 0.813em;
    text-decoration: underline;
}

.coustomer_filter .export_button:hover{
    color: #1b1b41;
}

.coustomer_filter .filter_button {
    background-color: #03359f;
    border-radius: 5px;
    font-size: 1.063em;
    font-weight: 500;
    color: #fff;
    border: 0;
    margin: 0 10px 0 0;
    padding: 7px 30px;
    white-space: nowrap;
    display: inline-block;
}

.coustomer_filter .filter_button:hover{
    background-color: #d20032;
}

.add_profile_img{
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
}

.add_profile_img h6{
    color: #010847;
    font-size: 1.125em;
    font-family: 'poppinssemibold';
}

.check_account{
    display: flex;
}

.check_account input{
    float: left;
    margin: 2px 5px 0 0;
}

.check_account p{
    font-family: 'poppinssemibold';
    color: #03359f;
}

/* =====  popup css start ===== */

.application_decline .modal-header{
    /* background: #ff6961; */
    border: 0;
}

.application_decline .modal-header .tick_box{
    background: #fff;
    height: 180px;
    width: 180px;
    border-radius: 50%;
    text-align: center;
    color: #ff6961;
    font-size: 112px;
    margin: 0px auto;
}

.application_decline .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #989595;
    opacity: unset;
}

.application_decline .modal-body h4{
    font-size: 37px;
    color: #000;
    margin: 5px 0 20px 0;
    text-align: center;
    font-weight: 600;
}

.application_decline .modal-body h3{
    font-size: 47px;
    color: #7b7b7b;
    margin: 5px 0 20px 0;
    font-weight: 700;
    text-align: center;
}

.application_decline .modal-body h6{
    color: #7b7b7b;
    margin-right: 20px;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.application_decline .modal-body textarea {
    font-size: 14px;
    color: #464644;
    margin: 0 0 20px 0;
    line-height: 20px;
    border:1px solid #959595;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    height: 190px;
}

.cancel_btn_style{
    background: #464648;
    color: #fff;
    font-size: 16px;
    padding: 8px 35px;
    border-radius: 5px;
    border: none;
    transition: all ease .5s;
}

.cancel_btn_style:hover{
    background: #999;
}

.save_btn_style{
    background: #002e79;
    color: #fff;
    font-size: 16px;
    padding: 8px 35px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 3px 6px #999;
    transition: all ease .5s;
}

.save_btn_style.pink{
    background: #e50000;
}

.save_btn_style:hover{
    background: #4a4a4a;
}

.green_btn_style{
    background: #e50000;
    color: #fff;
    font-size: 16px;
    padding: 8px 35px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 3px 6px #999;
    transition: all ease .5s;
}

.green_btn_style.green{
    background: #6bc76b;
}

.green_btn_style:hover{
    background: #4a4a4a;
}

.text_pop h6{
    font-family: 'poppinssemibold';
    font-size: 1.000em;
    color: #03359f;
}

.text_pop h6 small{
    font-family: 'Roboto', sans-serif;
    color: #515050;
    font-weight: 300; 
}

.text_pop p{
    font-size: 0.875em;
    color: #515050;
    font-weight: 300;
}

.question_form{
    margin: 0;
    position: relative;
}

.question_form input{
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 0.875em;
    color: #929292;
    border: 1px solid #dcdcdc;
    height: 38px;
    margin: 0 0 20px 0;
    border-radius: 5px;
}

.question_form textarea{
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 0.875em;
    color: #929292;
    border: 1px solid #dcdcdc;
    height: 138px;
    margin: 0;
    border-radius: 5px;
}

.customer_detaisl_header{
    font-size: 1.000em;
    background: #03359f;
    color: #fff;
    padding: 7px 25px;
}

/* =====  popup css end ===== */

.our_team_card{
    margin: 20px 0 10px 0;
}

.our_team_card img{
    width: 100%;
}

.our_team_card p{
    font-weight: 400;
    font-size: 1.000em;
    color: #929292;
    margin: 15px 0 0 0;
}

.upload_list_main{
    margin: 0;
}

.upload_list_form{
    background-color: #ececec;
    border-radius: 5px;
    padding: 15px;
    display: flex;    
    align-items: center;
}

.list_form {
    margin: 0 20px 0 0;
    width: 40%;
}

.list_form label{
    font-family: 'poppinssemibold';
    font-size: 0.875em;
    color: #000;
    margin: 0 0 5px 0;
}

.list_form input{
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 4px 15px;
    background-color: #fff;
    margin: 0;
}

.upload_list_form button{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 4px 30px;
    font-size: 1.000em;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
    margin: 27px 0 0 0;
}

.upload_list_form button:hover{
    background-color: #000;
}

.list_search_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

.list_search_row h3{
    font-weight: 700;
    font-size: 1.250em;
    color: #000;
    margin: 0;
    text-transform: uppercase;
}

.list_search_row label{
    font-family: 'poppinssemibold';
    font-size: 0.875em;
    color: #000;
    margin: 0 0 5px 0;   
}


.list_search_row button{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 4px 30px;
    font-size: 1.000em;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
    margin: 27px 0 0 0;
    white-space: nowrap;
}

.list_search_row button:hover{
    background-color: #000;
}

.list_search_row .select-selected {
    color: #787171;
    padding: 3px 15px;
}

.list_search_row .select-selected:after {
    top: 11px;
}

.list_search_row .select-selected.select-arrow-active:after {
    top: 4px;
}

.shopping_list_card{
    display: flex;
    justify-content: space-between;
    background-color: #ebebeb;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    padding: 10px;
    margin: 0 0 30px 0;
}

.shopping_list_card .list_cont{
    display: flex;
    align-items: center;
}

.shopping_list_card .list_cont span{
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 15px 15px;
    margin: 0 15px 0 0;
    box-shadow: 3px 3px 4px 0px #cecece;
}

.shopping_list_card .list_cont h3{
    font-weight: 700;
    font-size: 1.250em;
    color: #000;
    margin: 0; 
}

.shopping_list_card .list_btns{
    text-align: center;
}

.shopping_list_card .list_btns button{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 4px 30px;
    font-size: 1.000em;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
    margin: 27px 0 6px 0;
    box-shadow: 3px 3px 4px 0px #cecece;
    white-space: nowrap;
}

.shopping_list_card .list_btns button:hover{
    background-color: #000;
}

.shopping_list_card .list_btns a{
    font-family: 'poppinssemibold';
    font-size: 0.875em;
    color: #03359f;
    margin: 0 0 5px 0;
}

.shopping_list_card .list_btns a:hover{
    color: #000;
}

.edit_my_account{
    background-color: #eeeeee;
    padding: 20px 15px;
    margin: 0;
    display: flex;
}

.edit_my_account h5{
    font-weight: 700;
    font-size: 1.250em;
    color: #000;
    margin: 0;
}

.edit_account_left{
    width: 49%;
    padding: 0 15px 0 0;
    border-right: 1px solid #b1b1b1;
}

.checkbox_row{
    display: flex;
    justify-content: space-between;
    margin: 10px 0 20px 0;
}

.checkbox_row input[type="radio"] {
    float: left;
    margin: 7px 5px 0px 0;
}

.checkbox_row label{
    /* font-family: 'poppinssemibold'; */
    font-size: 0.815em;
    color: #7f7f7f;
    margin: 0;  
}

.edit_form_input {
    margin: 0 0 15px 0;
}

.edit_form_input label {
    /* font-family: 'poppinssemibold'; */
    font-size: 0.815em;
    color: #7f7f7f;
    margin: 0 0 5px 0;
}

.edit_form_input input[type="text"] {
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
}

.edit_form_input .select-selected {
    color: #787171;
    padding: 3px 15px;
}

.edit_form_input .select-selected:after {
    position: absolute;
    content: "";
    top: 11px;
}

.edit_form_input .select-selected.select-arrow-active:after {
    top: 6px;
}

.edit_form_input button{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 5px 40px;
    font-size: 1.000em;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    width: 100%;
    transition: all ease 0.5s;
}

.edit_form_input button:hover{
    background-color: #000;
}

.add_card_link{
    font-size: 12px;
    color: #03359f;
    text-decoration: underline;
}

.edit_account_right{
    width: 49%;
    padding: 0 0 0 15px;
}

/* ==========Create New Product css start here======== */

.w_bg{
    background: #fff !important;
  }

  .t_bg{
      background: transparent !important; 
  }

.new_coustomer_name{
    padding: 15px 0 0 0;
}

.new_coustomer_heading{
    position: relative;    
}

.heading_line_bg{
    background: #fff;
    position: relative;
    display: inline-block;
    padding: 0 30px;
    margin: 0 0 0 100px;
}

.new_coustomer_heading h1{
    font-size: 26px;
    color: #000;
    font-weight: bold;
    display: inline-block;    
    position: relative;
}

.new_coustomer_heading::before{
    background: #d7d7d7;
    height: 1px;
    width: 100%;
    position: absolute;
    content: "";
    top: 18px;
}

.add_new_btn{
    background: #002e79;
    color: #fff;
    font-size: 14px;
    padding: 6px 25px;
    border-radius: 5px;
    border: none;
    transition: all ease .5s;
    margin-left: 20px;
}

.add_new_btn:hover{
    background: #333;
}

.coustomer_form_wrapper{
    background: #f5f5f5;
    padding: 30px;
    margin: 20px 0 0 0;
}

.coustomer_form_wrapper h5{
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.checkbox_row span label{
    font-size: 15px;
    color: #000;
}

.coustomer_form_input {
    margin: 0 0 35px 0;
}

.measurements_form .coustomer_form_input {
    margin: 0 0 18px 0;
}

.coustomer_form_input label{
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.coustomer_form_input input[type="text"]{
    width: 100%;
    border: 1px solid #959595;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
}

.coustomer_form_input textarea{
    width: 100%;
    border: 1px solid #959595;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    height: 156px;
    color: #000;
}

.coustomer_form_input p{
    font-size: 12px;
    color: #999797;
}

.measurements_form{
    background: #efefef;
    padding: 15px;
}

.cancel_btn_style{
    background: #464648;
    color: #fff;
    font-size: 1.000em;
    padding: 8px 35px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 3px 6px #999;
    transition: all ease .5s;
}

.cancel_btn_style:hover{
    background: #999;
}

.save_btn_style{
    background: #002e79;
    color: #fff;
    font-size: 1.000em;
    padding: 8px 35px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 3px 6px #999;
    transition: all ease .5s;
}

.save_btn_style.pink{
    background: #e50000;
}

.save_btn_style:hover{
    background: #4a4a4a;
}

.review_img_drag{
    background: #fff;
    border: 1px solid #959595;
    border-radius: 5px;
    padding: 10px;
    margin: 0;
}

.review_img_drag > span{
    display: inline-block;
    width: 61px;
    margin-right: 30px;
    position: relative;
}

.review_img_drag span img{
    width: 100%;
    border: 1px solid #959595;
}

.img_remove {
    position: absolute;
    right: -9px;
    top: -15px;
    font-size: 20px;
    cursor: pointer;
}

.review_img_drag p{
    font-size: 14px;
    margin: 0;
}

/* ============Create New Product css end here========= */

/* ==== My order details css start ==== */

.create_order_wrapper{
    background-color: #f5f5f5;
}

.my_order_details{
    margin: 20px 0 0 0;
}

.my_order_details table{
    width: 100%;
}

.my_order_details table thead{
    background: #ebebeb;
}

.my_order_details table thead th{
    font-weight: 700;
    padding: 12px 20px;
    font-size: 16px;
    border: 0px solid #b7b6b6;
    color: #000;
    vertical-align: top;
    white-space: nowrap;
}

.my_order_details table thead th:last-child{
    border: none;
}

.my_order_details table thead th .add_btn{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
    margin: 0px 0 0 20px;
}

.my_order_details table thead th .add_btn:hover{
    background-color: #000;
}

.my_order_details table tbody td{
    padding: 8px 20px;
    font-size: 16px;
    color: #000;
    border: 0;
}


.my_order_details table tbody td input[type="text"]{
    width: 100%;
    border: 1px solid #959595;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
}

.my_order_details table tbody td .custom-select{
    width: 180px;
}

.my_order_details table tbody td p{
    margin-bottom: 0;
    padding: 6px 0;
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
}

.my_order_details table tbody td h4{
    margin-bottom: 0;
    padding: 6px 0;
    font-weight: 400;
    font-size: 13px;
    color: #999797;
    white-space: nowrap;
}

.my_order_details table tbody td .select-selected {
    padding: 4px 15px;
    white-space: nowrap;
}

.my_order_details .select-selected:after {
    top: 12px;
}

.my_order_details .select-selected.select-arrow-active:after {
    top: 4px;
}

.my_order_cards{
    background: #e6e6e6;
    padding: 20px 15px;
    width: 32.33%;
    margin: 0 1%;
}

.order_card_header{
    margin: 0 0 15px 0;
    border-bottom: 1px solid #a4a3a3;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order_card_header a{
    font-size: 12px;
    text-decoration: underline;
    color: #002e79;
}

.order_card_header h6{
    font-size: 12px;
    color: #002e79;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.my_order_cards h2{
    font-weight: 700;
    font-size: 17px;
    color: #000;
    margin: 0;
}

.my_order_cards .order_field{
    margin: 0 0 15px 0;
}

.my_order_cards .order_field label{
    font-weight: 700;
    font-size: 15px;
    color: #000;
}

.my_order_cards .order_field p{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
}

.my_order_cards .order_field h6{
    margin-bottom: 0;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    color: #999797;
}

.my_order_cards .order_field input[type="text"]{
    width: 100%;
    border: 1px solid #959595;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
}

.my_order_cards .order_field textarea{
    width: 100%;
    border: 1px solid #959595;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    height: 90px;
}

.my_order_cards .order_field a.link{
    color: #002e79;
    font-weight: 600;
    font-size: 14px;
    text-decoration: underline; 
}

.my_order_cards .order_field a.link:hover{
    color: #4a4a4a;
}

.send_btn{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 6px 7px 5px 7px;
    font-size: 12px;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
    margin: 0;
    box-shadow: 3px 3px 4px 0px #cecece;
    white-space: nowrap;
}

.send_btn:hover{
    background-color: #000;
}

.my_order_cards .customer_name{
    border-bottom: 1px solid #a4a3a3;
    padding-bottom: 15px;
}

.my_order_cards .customer_name img.customer_thumb{
    width: 46px;
}

.my_order_cards .customer_name h3{
    font-weight: 700;
    font-size: 17px;
    color: #000;
    margin: 11px 0 0 10px;
}

.my_order_cards .customer_name .send_msg_btn{
    background: #002e79;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 5px;
    border: none;
    transition: all ease .5s;
}

.my_order_cards .customer_name .send_msg_btn:hover{
    background: #333;
}

.price_detail_table{
    background-color: #fff;
    border: 1px solid #c5c5c5;
    padding: 15px;
    display: inline-block;
    margin: 0 15px 0 0;
    width: 210px;
}

.price_detail_table td:first-child{
    font-weight: 600;
    text-align: right;
    font-size: 13px;
    padding: 4px 19px 4px 9px;
}

.price_detail_table td:last-child{
    font-weight: 400;
    text-align: left;
    font-size: 13px;
}

.price_detail_table td input[type="text"]{
    width: 65px;
    border-radius: 3px;
    border: 1px solid #959595;
    padding: 1px 5px;
}

.reorder_table{
    width: 400px;
    margin: 0 auto;
}

.reorder_table td{
    padding: 5px 15px;
}

.reorder_table td p{
    font-weight: 700;
    padding: 0px;
    margin: 0;
    font-size: 16px;
    border: 0px solid #b7b6b6;
    color: #000;
}

.reorder_table td p small{
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

.reorder_table .custom-select {
    width: 220px;
}

.reorder_table .select-selected {
    padding: 5px 15px;
}

.reorder_table .select-selected:after {
    top: 14px;
}

.reorder_table .select-selected.select-arrow-active:after {
    top: 5px;
}

.customer_detail_dropdown{
    background: #eeeeee;
}

.customer_detail_dropdown .customer_info_box1{
    padding: 25px;
    width: 33.33%;
}

.customer_detail_dropdown .customer_info_box1 h4{
    font-size: 17px;
    color: #000;
    margin: 15px 0;
}

.customer_detail_dropdown .customer_info_box1 h4 a{
    color: #e50000;
    font-size: 12px;
    text-decoration: underline;
    font-weight: 400;
}

.customer_detail_dropdown .customer_info_box1 ul{
    margin: 0;
    padding: 0;
}

.customer_detail_dropdown .customer_info_box1 ul li{
    list-style: none;
    margin-bottom: 20px;
    line-height: 23px;
    font-weight: 400;
    font-size: 13px;
    color: #6d6d6d;
}

.customer_detail_dropdown .customer_info_box1 ul li span{
    display: inline-block;
    margin-right: 20px;
    float: left;
    margin-left: 13px;
}

.customer_detail_dropdown .customer_info_box1 ul li span img{
    width: 21px;
}

.customer_detail_dropdown .customer_info_box2{
    padding: 25px;
    width: 33.33%;
    border-left: 1px solid #b4b5b7;
}

.customer_detail_dropdown .customer_info_box2 h4{
    font-size: 17px;
    color: #000;
    margin: 0 0 15px 0;
}

.customer_detail_dropdown table td:first-child{
    font-weight: 700;
    font-size: 15px;
    color: #000;
    padding-right: 20px;
    padding-bottom: 8px;
}

.customer_detail_dropdown table td:last-child{
    padding-right: 0 !important;
    margin-bottom: 0;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    color: #6d6d6d;
}

.message_history_wrapper{
    border: 1px solid #000;
    margin: 20px 0 0 0;
}

.message_history_wrapper h2{
    background-color: #1e1e43;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    margin: 0;
    padding: 5px 20px;
}

.message_history_card{
    border-bottom: 1px solid #d9d9d9;
    margin: 0 15px;
    padding: 15px 0;
}

.message_history_card h5{
    font-weight: 700;
    font-size: 15px;
    color: #000;
}

.message_history_card h5 small{
    margin-bottom: 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    color: #999797;
}

.message_history_card p{
    margin-bottom: 0;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    color: #999797;
    line-height: 24px;
}

.customer_detaisl_header {
    background-color: #b3b3b3;
    padding: 5px 25px;
}

.customer_detaisl_header h6 {
    margin: 0;
    font-weight: 600;
    color: #000;
}

.customer_detaisl_header i{
    color: #212529;
}

.new_applications_dropdown {
    background: #e5e5e5;
    padding: 20px 0;
}

.new_applications_dropdown .message_area {
    padding: 15px 15px 0 15px;
    font-size: 15px;
}

.new_applications_dropdown .message_area label {
    font-weight: 700;
    margin: 0 0 5px 0;
}

.new_applications_dropdown .message_area p {
    font-size: 14px;
    margin: 0;
}

/* ==== Msg box css start ==== */


.msgbox_design .modal-header{
    background: #b3b3b3;
    color: #000;
    padding: 7px 15px;
    border-radius: 10px 10px 0px 0;    
}

.msgbox_design .modal-header h4{
    font-weight: 700;
    font-size: 20px;
}

.msgbox_design .modal-content{
    border-radius: 15px;
    border: none;
}

.msgbox_design button.close {
    opacity: 100%;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    top: 27px;
    position: absolute;
    right: 40px;
    padding: 0;
    color: #000;
    font-size: 28px;
}

.popup_form textarea{
    width: 100%;
    height: 250px;
    border:1px solid #cdcdcd;
    border-radius: 5px;
    background: #e8e8e8;
    font-size: 14px;
    padding: 7px 13px;
}

.popup_form label{
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

.popup_form2 textarea{
    width: 100%;
    height: 160px;
    border:1px solid #cdcdcd;
    border-radius: 5px;
    background: #e8e8e8;
    font-size: 14px;
    padding: 7px 13px;
}


/* ================ */

.faq_accordion{
    margin: 0 0 40px 0;
}

.faq_accordion .card{
    border: none;
    border-bottom: 1px solid #d7d7d7 !important;
}

.faq_accordion .card-header {
    background: transparent;
    border-bottom: none;
    padding: 15px 5px;
}

.faq_accordion .card-header .btn-link{
    font-family: 'poppinssemibold';
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #1e1e43;
    align-items: baseline;
    padding: 0;
}

.faq_accordion .card-header .btn-link:focus{
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.faq_accordion .card-header .btn-link:hover{
    text-decoration: none;
}

.faq_accordion .card-header .btn-link b{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 2.500em;
}

.faq_accordion  .card-body{
    padding: 0 5px;
}

.faq_accordion  .card-body p{
    display: flex;
    align-items: center;
    color: #1e1e43;
}

.faq_accordion  .card-body p b{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 2.500em; 
    margin-right: 10px;
}

/* ================ */

.faq_edit_card{
    background-color: #f5f5f5;
    padding-bottom: 40px;
}

.faq_edit_card .faq_edit_header{
    background-color: #e6e6e6;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq_edit_card .faq_edit_header h2{
    font-size: 1rem;
    font-family: 'poppinssemibold';
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #1e1e43;
    align-items: center;
    margin: 0;
}

.faq_edit_card .faq_edit_header h2 b{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 2.000em;
    margin: 0 10px 0 0;
}

.faq_edit_card .btn_box{
    display: flex;
}

.faq_edit_card .btn_box button{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 6px 20px;
    font-size: 12px;
    color: #fff;
    background-color: #03359f;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
    margin: 0px;
    white-space: nowrap;
    line-height: normal;
}

.faq_edit_card .btn_box button.gray{
    background-color: #363636;
}

.faq_edit_card .btn_box button:hover{
    background-color: #000;
}

.faq_edit_card .faq_edit_body{
    background-color: #fdfdfd;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: normal;
}

.faq_edit_card .faq_edit_body p{
    margin: 10px 0 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    color: #999797;
}

.faq_edit_card .faq_edit_body p strong{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 2.500em;
    margin: 0 20px 0 0;
    color: #1e1e43;
}

.faq_edit_card .faq_edit_footer{
    padding: 30px 0 0 15px;
}

.faq_edit_card .faq_edit_footer button{
    font-family: 'poppinssemibold';
    border: 1px solid #dddddd;
    padding: 10px 30px;
    font-size: 14px;
    color: #fff;
    background-color: #363636;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px #e7e7e7;
    transition: all ease 0.5s;
    margin: 0px;
    line-height: normal;
}

.faq_edit_card .faq_edit_footer button:hover{
    background-color: #000;
}


.inner_heading_2{
    background-image: url(../images/inner_banner_v2.png);
    background-repeat: repeat;
    padding: 30px 0;
    text-align: center;
	box-shadow: 0px 5px 6px #d7d6d6;
}

.inner_heading_2 h3{
    font-weight: 800;
    font-size: 2.500em;
    color: #333;
    margin: 0 0 10px 0;
}

.heading_line_bg{
    background: #fff;
    position: relative;
    display: inline-block;
    padding: 0 30px;
    margin: 0 0 0 100px;
}

.heading_search{
    position: relative;
    background-color: #fff;
    border: 3px solid #00339e;
    border-radius: 5px;
    width: 50%;
    margin: 0 auto 20px auto;
}

.heading_search input{
    background: transparent;
    border: none;
    padding: 5px 40px 5px 10px;
    width: 100%;
    color: #00339e;
}

.heading_search img{
    position: absolute;
    right: 10px;
    top: 6px;
}

.how_find{
    font-size: 1.125em;
    color: #d40030;
    font-weight: 700;
    margin: 0 0 5px 0;
    text-decoration: underline;
}

.machine_thumb_card{
    margin: 0;
}

.machine_thumb_card h2{
    font-weight: 800;
    font-size: 2.000em;
    color: #00339e;
    margin: 30px 0 20px 0;
    text-align: center;
}

.machine_thumb_box{
    border: 1px solid #b8c6e4;
    margin: 0 5px;
    cursor: pointer;
    width: 14%;
}

.machine_thumb_box span{
    text-align: center;
    display: block;
}

.machine_thumb_box_rd{
border: 1px solid #d40030;
    margin: 0 5px;
    cursor: pointer;
    width: 14%;
}

.machine_thumb_box:hover{
    border: 1px solid #d40030;
}

.machine_thumb_box.active{
    border: 1px solid #d40030;
}

.machine_thumb_box .info{
    background-color: #ebebeb;
    padding: 5px;
    color: #000;
}

.machine_thumb_box .info h6{
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.machine_thumb_box .info p{
    font-size: 10px;
    font-weight: 400;
    margin: 0;
}

.machine_thumb_box .info p strong{
    display: block;
	
}

/* .machine_thumb_box:hover .info{
    background-color: #00339e;
    color: #fff;
}

.machine_thumb_box.active .info{
    background-color: #00339e;
    color: #fff;
} */

.model_machin_style{
    width: 24%;
}

.model_machin_style > .machine_thumb_box{
    width: 100%;
    margin: 0;
}

.model_machin_style .btn_box{
    display: block;
}

.model_machin_style .btn_box button{
    font-family: 'poppinssemibold';
    border: 1px solid #ce1f29;
    padding: 6px 10px;
    font-size: 10px;
    color: #00339e;
    background-color: #fff;
    border-radius: 5px;
    transition: all ease 0.5s;
    margin: 0px;
    line-height: normal;
    width: 100%;
}

.model_machin_style .btn_box button.gray{
    border: 1px solid #707070;
    background-color: #707070;
    color: #fff;
}

.model_machin_style .btn_box button:hover{
    border: 1px solid #ce1f29;
    background-color: #ce1f29;
    color: #fff;
}

.machine_details_main{
    margin: 20px 0;
}

.machine_details_main h2{
    font-weight: 800;
    font-size: 1.700em;
    color: #313533;
    margin: 40px 0 30px 0;
    text-align: center;  
}

.machine_details .machine_img_box{
    width: 34%;
}

.machine_img_box .m_header ul{
    margin: 0;
    padding: 0;
    display: flex;
    background-color: #e5e5e5;
    justify-content: center;
}

.machine_img_box .m_header ul li{
    list-style: none;
    display: inline-block;
    font-size: 0.813em;
    color: #090a0a;
    position: relative;
    padding: 5px 14px;
    cursor: pointer;
    text-align: center;
}

.machine_img_box .m_header ul li::after{
    content: "";
    background-color: #c3c3c3;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
}

.machine_img_box .m_header ul li:last-child::after{
    display: none;
}

.machine_img_box .m_header ul li:hover{
    background-color: #00339e;
    color: #fff;
	
}

.machine_img_box .m_header ul li.active{
    background-color: #00339e;
    color: #fff;
}

.machine_img_box > span{
    border: 1px solid #b8c6e4;
    display: block;
}

.machine_content{
    border: 1px solid #b8c6e4;
    padding: 15px;
}

.machine_content > span{
    border: 1px solid #b8c6e4;
    display: block;
}

.machine_img_thumbs{
    margin: 15px 0 0 0;
}

.machine_img_thumbs span{
    border: 1px solid #c0cde7;
    display: block;
    width: 20%;
}

.machine_parts_main{
    width: 64%;
}

.machine_parts_main .tabcontent {
    display: none;
}

.machine_parts_main .qa_section{
    margin: 0 0 20px 0;
}

.machine_parts_main .qa_section p{
    font-weight: 700;
    font-size: 1.250em;
    color: #313533;
    margin: 0 0 5px 0;
}

.machine_parts_main .qa_section p span{
    font-weight: 400;
    color: #03359f;
    font-size: 0.900em;
}

.machine_parts_main .qa_section p small{
    display: block;
    font-size: 13px;
}

.machine_parts_main .qa_section a{
    font-weight: 700;
    font-size: 1.250em;
    color: #313533;
    margin: 0 0 5px 0;
}

.machine_parts_main .qa_section a:hover{
    color: #00339e;
}


.machine_parts_main h3{
    font-weight: 700;
    font-size: 1.250em;
    color: #313533;
    margin: 0;
}

.machine_parts_main h3 > span{
    color: #00339e;
	font-size: 1.00em;
}

.machine_parts_card{
    padding: 10px 5px;
    margin: 10px 0 10px 0;
    width: 49%;
    border: 1px solid transparent;
    border-bottom: 1px solid #b8c6e4;
}

.machine_parts_card:hover{
    background-color: #f5f5f5;
    border: 1px solid #b8c6e4;
    
}

.machine_parts_card.active{
    background-color: #f5f5f5;
    border: 1px solid #b8c6e4;
}

.machine_parts_card .part_img{
    border: 1px solid #c0cde7;
    display: inline-block;
    margin: 0 10px 0 0;
}

.machine_parts_card .part_img img {
    width: 75px;
}

.machine_parts2_card h6{
    color: #d40030;
    font-size: 1.813em;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 18px;
}
.machine_parts2_card h6 > span{
    color: #00339e;
	    font-size: 0.663em;
}

.machine_parts2_card h5 > span{
    color: #00339e;
	    font-size: 1.111em;
}


.machine_parts_card h6{
    color: #313533;
    font-size: 0.813em;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 18px;
}

.machine_parts_card h6 > span{
    color: #d40030;
}

.machine_parts_card .price h5{
    color: #313533;
    font-size: 1.000em;
    font-weight: 700;
    margin: 0;
}

.machine_parts_card .price input{
    width: 30px;
    border: 1px solid #626262;
    text-align: center;
    margin: 0 0 0 10px;
}

.machine_parts_card .btn_box{
    display: flex;
}

.machine_parts_card .btn_box button{
    font-family: 'poppinssemibold';
    border: 1px solid #ce1f29;
    padding: 6px 10px;
    font-size: 10px;
    color: #00339e;
    background-color: #fff;
    border-radius: 5px;
    transition: all ease 0.5s;
    margin: 0px;
    line-height: normal;
}

.machine_parts_card .btn_box button.gray{
    border: 1px solid #363636;
    background-color: #363636;
    color: #fff;
}

.machine_parts_card .btn_box button:hover{
    border: 1px solid #ce1f29;
    background-color: #ce1f29;
    color: #fff;
}

.accessories_section{
    margin: 0px 0 50px 0;
    background-image: url(../images/inner_banner_v2.png);
    background-repeat: repeat;
    padding: 30px 0;
    text-align: center;
	box-shadow: 0px 2px 9px 4px #d7d6d6;
}

.accessories_section h2{
    font-weight: 800;
    font-size: 2.000em;
    color: #00339e;
    margin: 30px 0 20px 0;
}

.accessories_section .accessories_box {
    margin: 0 5px;
    cursor: pointer;
}

.accessories_section .accessories_box span{
    display: block;
    border: 1px solid #99a7c5;
    margin: 0 0 15px 0;
    background-color: #fff;
}

.accessories_section .accessories_box:hover span{
    border: 1px solid #d40030;
}

.accessories_section .accessories_box h6{
    color: #03359f;
    font-size: 0.813em;
    font-weight: 700;
    margin: 0;
}

.contact_options{
    text-align: center;
    margin: 0 0 40px 0;
}

.contact_options span{
    display: block;
    margin: 0 0 20px 0;
}

.contact_options h3{
    font-weight: 700;
    font-size: 1.550em;
    color: #00339e;
    margin: 0 0 10px 0;
}

.contact_options h3 > span{
    color: #171100;
    display: inline-block;
    margin: 10px 0 0 0;
}

.contact_options p{
    color: #1f1d01;
    font-size: 0.813em;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 18px;
    min-height: 55px;
}

.contact_options button{
    font-family: 'poppinssemibold';
    padding: 10px 20px 8px 20px;
    font-size: 14px;
    color: #00339e;
    background-color: #fff;
    border: 1px solid #d40030;
    border-radius: 5px;
    transition: all ease 0.5s;
    margin: 0px;
    line-height: normal;
    text-transform: uppercase;
}

.contact_options button:hover{
    background-color: #d40030;
    color: #fff;
}

.machine_parts_popup{
    padding: 10px 5px 30px 5px;
    margin: 10px 0 10px 0;
    width: 100%;
    border: 1px solid transparent;
    border-bottom: 1px solid #b8c6e4;
}

.machine_parts_popup .part_img{
    border: 1px solid #c0cde7;
    display: inline-block;
    margin: 0 30px 0 0;
}

.machine_parts_popup .part_img img {
    width: 165px;
}

.machine_parts_popup h6{
    color: #313533;
    font-size: 1.200em;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 24px;
}

.machine_parts_popup h6 > span{
    color: #d40030;
}

.machine_parts_popup .price h5{
    color: #00339e;
    font-size: 1.200em;
    font-weight: 700;
    margin: 0;
}

.machine_parts_popup .price input{
    width: 30px;
    border: 1px solid #626262;
    text-align: center;
    margin: 0 0 0 10px;
}

.machine_parts_popup .price h4{
    color: #313533;
    font-size: 1.500em;
    font-weight: 700;
    margin: 0;
}

.machine_parts_footer{
    margin: 40px 0 20px 0;
    text-align: center;
}

.machine_parts_footer h5{
    color: #313533;
    font-size: 2.200em;
    font-weight: 400;
    margin: 0 0 10px 0;
    line-height: 24px;  
    text-align: center;
}

.machine_parts_footer h5 strong{
    display: inline-block;
    margin-left: 20px;
}

.machine_parts_footer button{
    font-family: 'poppinssemibold';
    padding: 10px 30px;
    font-size: 14px;
    color: #00339e;
    background-color: #fff;
    border: 1px solid #d40030;
    border-radius: 5px;
    transition: all ease 0.5s;
    margin: 30px 0;
    line-height: normal;
    text-transform: uppercase;
}

.machine_parts_footer button:hover{
    background-color: #d40030;
    color: #fff;
}

.schedule_interview_pop .modal-header-3 {
    text-align: center;
    margin: 10px 0 0 0;
}

.quantity_select{
    width: 143px;
}

.quantity_select .select-selected {
    padding: 5px 15px;
}

.quantity_select .select-selected:after {
    top: 12px;
}

.quantity_select .select-selected.select-arrow-active:after {
    top: 4px;
}

.nohover .btn_box button {
    padding: 8px 19px;
    font-size: 13px;
}

.nohover:hover{
    background-color: transparent;
}

.button_style_2{
    font-family: 'poppinssemibold';
    padding: 7px 30px;
    font-size: 14px;
    color: #d40030;
    background-color: #fff;
    border: 2px solid #00339e;
    border-radius: 5px;
    transition: all ease 0.5s;
    margin: 0px;
    text-transform: uppercase;
    display: inline-block;
}

.button_style_2:hover{
    background-color: #00339e;
    color: #fff;
}

.featured_videos_section > div{
    width: 33%;
}

.product_big_box{
    width: 60%;
    background-color: #f7f7f7;
    border: 1px solid #c8c8c8;
}

.product_big_style{
    display: flex;
    padding: 20px;
}

.product_big_style .pro_text h1{
    font-size: 2.250em;
    font-weight: 300;
    color: #050505;
    margin: 30px 0 0 0;
}

.product_big_style .pro_text h5{
    font-size: 1.400em;
    font-weight: 700;
    color: #d40030;
    margin: 20px 0;
    text-decoration: underline;
}

.product_big_style .pro_text h2{
    font-size: 1.400em;
    font-weight: 700;
    color: #03359f;
    margin:  0;
}

.product_small_box{
    width: 39%;
}

.product_small_style{
    background-color: #f7f7f7;
    border: 1px solid #c8c8c8;
    display: flex;
    padding: 20px;
    margin: 0 0 12px 0;
}

.product_small_box .pro_img{
    width: 30%;
}

.product_small_box .pro_text h1{
    font-size: 1.500em;
    font-weight: 300;
    color: #050505;
    margin:0;
}

.product_small_box .pro_text h2{
    font-size: 1.000em;
    font-weight: 700;
    color: #03359f;
    margin: 10px 0 0 0;
}

.side_bar_main{
    border: 1px solid #000339;
}

.side_bar_main h5{
    background-color: #000339;
    padding: 15px;
    color: #fff;
    font-size: 1.250em;
    font-weight: 700;
    margin: 0;
}

.side_bar_main .bar_scroll{
    height: 350px;
    overflow-y: auto;
}

.side_bar_main .bar_scroll.brand{
    height: 110px;
}

.side_bar_main .bar_scroll ul{
    margin: 20px 0 0 0;
    padding: 0 0 0 15px;
}

.side_bar_main .bar_scroll ul li{
    list-style: none;
    margin: 0 0 10px 0;
    color: #ababab;
    font-weight: 300;
}

.side_bar_main .bar_scroll ul li input{
    margin: 0 5px 0 0;
}

.banner_logos{
    display: flex;
    justify-content: space-between;
}

.banner_logos span{
    display: block;
    margin: 0 5px;
}

.replacement_parts_section{
    background: #fff;
    border: 1px solid #959595;
    border-radius: 5px;
    padding: 15px;
    margin: 0;
}

.replacement_parts_section p{
    font-size: 12px;
    color: #999797;
}

.replacement_parts_section .machine_parts_card .part_img{
    width: 27%;
}

.replacement_parts_section .machine_parts_card h6{
    font-size: 11px;
    line-height: 13px;
}

.replacement_parts_section .machine_parts_card .price h5{
    font-size: 13px;
}

.replacement_parts_scroll_1{
    overflow-y: auto;
    height: 245px;
}

.replacement_parts_scroll_2{
    overflow-y: auto;
    height: 180px;
}

.replacement_parts_scroll_3{
    overflow-y: auto;
    height: 100px;
    padding-right: 20px;
}

/* ==== product detail css start */

.product_details_box {
    padding: 30px;
    background-color: #e6e6e6;
}

.product_slider_left {
    width: 25%;
}

.product_slider_left .product_thumb span{
    cursor: pointer;
    margin: 0 4px;
}

.product_slider_left .product_thumb span img{
    max-width: 100%;
}

.product_detail_right{
    margin: 0;
    width: 71%;
}

.product_detail_right h1{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    border-bottom: 3px solid #ae7e39;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
}

.about_product {
    width: 100%;
}

.about_product > div{
    background: #fff;
    margin: 20px 0 0 0;
    padding: 12px 20px;
}

.about_product > div h3{
    font-size: 16px;
    color: #8e8d8c;
    margin: 0;
}

.about_product > div h3 strong{
    font-size: 20px;
	color: #000;
}

.product_detail_right .product_description{
    border-top: 1px solid #cfd0d2;
    margin: 35px 0 0 0;
    padding: 25px 0 0 0;
}

.product_detail_right .product_description h6{
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin: 0;
}

.product_detail_right .product_description p{
    font-size: 16px;
    margin-top: 7px;
}

/* ===== product detail css end */

.contact_support_pop  table thead{
    background-color: transparent;
    border-bottom: 1px solid #b8c6e4;
}

.contact_support_pop table tbody td .custom-select.quainty{
    width: 80px;
}

.contact_support_pop .machine_parts_card{
    width: 100%;
}

.contact_support_pop .machine_parts_card:hover{
    background-color: transparent;
}

.contact_support_pop .machine_parts_card h6{
    white-space: nowrap;
}

.contact_support_pop .machine_parts_card .price h5{
    color: #03359f;
}

.contact_support_pop .machine_parts_card .part_img{
    width: 70px;
}

.contact_support_pop.my_order_details table tbody tr{
    border-bottom: 1px solid #b8c6e4;
}

.contact_support_pop.my_order_details table tbody td{
    position: relative;
}

.contact_support_pop .remove_icon{
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #000;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.contact_support_pop .remove_icon img{
    width: 9px;
}

.submit_case_form .contact_support_pop textarea{
    height: 80px;
}

.contact_support_o{
    z-index: 99999999999;
}


/* ====== Checkout Page steps ======= */

.checkout_steps{
    position: relative;
}

.checkout_steps::after{
    background-color: #03359f;
    height: 2px;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 19px;
}

.checkout_steps ul{
    margin: 0;
    padding: 0 70px;
    display: flex;
    justify-content: space-between;
}

.checkout_steps li{
    list-style: none;
    text-align: center;
}

.checkout_steps li a{
    text-decoration: none;
    font-size: 18px;
    color: #03359f;
    font-weight: 500;
}

.checkout_steps li a span{
    display: inline-block;
    background-color: #d40030;
    height: 41px;
    width: 41px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 4px 0 0 0;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 99;
    transition: all ease 0.5s;
}

.checkout_steps li a:hover span{
    background-color: #03308f;
}

.checkout_steps li a.active span{
    background-color: #03308f;
}

.new_user ul{
    list-style: none;
    display: flex;
    padding: 0;
    margin: 30px 0 0 0;
    justify-content: center;
}

.new_user li{
    list-style: none;
}

.new_user li a{
    font-size: 14px;
    color: #2b2b7d;
}

.new_user li:last-child a{
    color: #d40030;
    text-decoration: underline;
}

.my_order_details .select-selected {
    padding: 4px 15px;
    white-space: nowrap;
}

.price_detail_table.review{
    border: none;
    background-color: transparent;
    margin: 0;
}

.price_detail_table.review table{ 
    margin: 0;
}

.review_address{
    padding: 20px 0 0 0;
    border-top: 0px solid #a4a3a3;
    display: flex;
    justify-content: space-between;
}

.review_address > div{
    padding: 0 40px 0 0;
    position: relative;
}

.review_address > div:last-child{
    padding: 0 0 0 40px;
}

.review_address > div::after{
    height: 100%;
    width: 1px;
    background-color: #a4a3a3;
    content: "";
    right: 0;
    top: 0;
    position: absolute;
}

.review_address > div:last-child:after{
    display: none;
}

.review_address > div h2{
    font-weight: 700;
    font-size: 17px;
    color: #1e1e43;
    margin: 0 0 10px 0;
} 

.review_address > div p{
    margin-bottom: 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    color: #999797;
}

.payment_field{
    position: relative;
}

.payment_field img{
    position: absolute;
    right: 0;
    bottom: 2px;
}

.payment_field input[type="radio"]{
    position: absolute;
    top: 10px;
    left: 7px;
}

.order_successfully{
    border: 1px solid #e0e0e0;
    margin: 30px 0 0 0;
    padding: 40px 0 0 0;
    text-align: center;
}

.order_successfully h3{
    color: #6bc76b;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.order_successfully h6{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    line-height: 30px;
}

.order_successfully h6 a{
    color: #d40030;
}

/* =======  accordion css start ====== */

.setting_product_main{
    margin: 0;
    padding: 11px 0;
    background-color: #fff;
}

.setting_product_main .product_img_s{
    border: 1px solid #959595;
    margin: 0 40px 0 0;
}

.setting_product_main .product_detail_s{
    margin: 0;
}

.setting_product_main .product_detail_s h5{
    font-size: 23px;
    color: #1e1e43;
    font-weight: 600;
    margin: 0;
}

.setting_product_main .product_detail_s a{
    background-color: #d40030;
    padding: 3px 19px;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 0 20px;
}

.setting_product_main .product_detail_s h2{
    font-size: 17px;
    color: #00339e;
    font-weight: 700;
    margin: 0 40px 0 0;
    text-align: center;
    position: relative;
    padding-right: 40px;
}

.setting_product_main .product_detail_s h2:last-child{
    margin-right: 0;
}

.setting_product_main .product_detail_s h2::after{
    height: 100%;
    width: 1px;
    background-color: #333;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
}

.setting_product_main .product_detail_s h2 strong{
    display: block;
    color: #393b4a;
    font-size: 22px;
    font-weight: 800;
}

.setting_product_main .setting_tags{
    text-align: center;
}

.setting_product_main .setting_tags h2{
    font-size: 17px;
    color: #00339e;
    font-weight: 700;
    margin: 15px 0 0 0;
    text-align: center;
    position: relative;
    padding-right: 30px;
}

.setting_product_main .setting_tags span{
    display: inline-block;
    border: 1px solid #4f5467;
    color: #393b4a;
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 700;
    margin: 15px 5px 0 5px;
}

.setting_product_detail{
    margin: 0 15px;
    padding: 15px;
    background-color: #fff;
}

.setting_product_detail h1{
    position: relative;
    font-size: 16px;
    font-weight: 800;
    color: #4f5467;
    margin: 0 0 10px 0;
}

.setting_product_detail h1 span{
    padding: 0 20px 0 0;
    background-color: #fff;
    display: inline-block;
    position: relative;
}

.setting_product_detail h1::before{
    height: 1px;
    width: 100%;
    background-color: #d9d9d9;
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
}

.setting_product_detail h1 span .top_arrow {
    position: absolute;
    bottom: -10px;
    left: 0;
}

.setting_product_form{
    margin: 0 0 25px 0;
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
}

.setting_product_form.w49{
    width: 49%;
}

.setting_product_form label{
    font-size: 13px;
    font-weight: 600;
    color: #20201f;
    margin: 0 10px 0 0;
    width: 30%;
    white-space: nowrap;
}

.setting_product_form p{
    font-size: 12px;
    font-weight: 600;
    color: #999797;
    margin: 0 20px 0 0;
    display: block;
}

.setting_product_form h5 span {
    font-size: 15px;
    font-weight: 700;
    color: #4f5467;
    padding: 0 15px 0 0;
}

.setting_product_form h5 img {
    margin-right: 10px;
    cursor: pointer;
}

.setting_product_form input[type="text"]{
    border:1px solid #e0e0e0;
    border-radius: 3px;
    font-size: 13px;
    width: 100%;
    height: 30px;
    padding: 0 10px;
}

.setting_product_form .input_w_1{
    width: 120px !important;
}

.setting_product_form .input_w_2{
    width: 130px !important;
}

.setting_product_form textarea{
    border:1px solid #e0e0e0;
    border-radius: 3px;
    font-size: 11px;
    width: 100%;
    height: 220px;
}

.setting_product_form .browse_btn{
    background-color: #00339e;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 3px;
    color: #fff;
}

.setting_product_form .image_slider_form{
    margin: 10px 0 0 0;
}

.setting_product_form .image_slider_form a{
    color: #999;
    font-size: 31px;
}

.setting_product_form .image_slider_form > div{
    margin: 0 5px;
}

.setting_product_form .image_slider_form > div span{
    display: inline-block;
    margin: 0 9px;
    position: relative;
}

.setting_product_form .image_slider_form .remove_icon{
    position: absolute;
    right: -3px;
    top: -3px;
}

.setting_product_form .image_slider_form .form_tag{
    background-color: #6e6e6e;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 3px;
    color: #fff;
}

.setting_product_form .image_slider_form .form_tag.active{
    background-color: #00339e;
}

.setting_product_form .form_checkbox{
    margin: 2px 0;
}

.setting_product_form .form_checkbox h6{
    font-size: 11px;
    font-weight: 600;
    margin: 0 10px 0 3px;
}

.setting_product_form .custom-select{
    font-size: 13px;
    font-weight: 600;
}

.setting_product_form .custom-select.w1{
    width: 140px;
}

.setting_product_form .custom-select.w2{
    width: 200px;
}

.setting_product_form .select-selected{
    height: 30px;
    border-radius: 3px;
    padding: 5px 10px;
}

.setting_product_form .select-items div{
    font-size: 11px;
    font-weight: 600;
    padding: 2px 5px;
}

.setting_product_form .select-selected:after{
    border: 7px solid transparent;
    border-color: #707070 transparent transparent transparent;
    top: 13px;
    right: 10px;
}

.setting_product_form table thead th{
    font-size: 15px;
    font-weight: 700;
    color: #4f5467;
    padding: 15px 15px;
    background-color: #efefef;
    border-bottom:1px solid #bbbbbb;
    vertical-align: middle;
}

.setting_product_form.purchasing_table thead th{
    background-color: #fff;
    border: none;
    text-align: center;
    font-weight: 500;
    padding-bottom: 5px;
}

.setting_product_form table tbody td{
    font-size: 16px;
    font-weight: 500;
    color: #20201f;
    padding: 15px 15px;
    background-color: #f4f4f4;
    border-bottom:1px solid #d2d2d2;
}

.setting_product_form table tbody tr:last-child td{
    border: none;
}

.setting_product_form.purchasing_table  table tbody td{
    border: 1px solid #dfdfdf;
    text-align: center;
}

.setting_product_form.purchasing_table  table tbody tr:last-child td{
    border: 1px solid #dfdfdf;
    text-align: center;
}

.setting_product_form .inventory_box{
    border:1px solid #b1b1b1;
    border-bottom: none;
    padding: 10px;
}

.add_reference_btn{
    margin-top: 60px;
}

.cross_references_table{
    margin: 0 0 0 30px;
}

.setting_form_mr{
    margin-right: 25px;
}


.setting_myaccordion {
    max-width: 100%;
    margin: 20px auto;
  }
  
  .setting_myaccordion .card {
    border: none;
    background: transparent;
    border-bottom: 1px solid #cccccc;
  }

  .setting_myaccordion .card:last-child{
      border: none;
  }
  
  .setting_myaccordion .card-header {
    border-bottom-color: #EDEFF0;
    background: #ebebeb;
  }

  .setting_myaccordion .card-body{
      margin: 0;
      padding: 15px;
      background-color: #fff;
  }
  
  .setting_myaccordion .fa-stack {
    font-size: 18px;
  }
  
  .setting_myaccordion .btn {
    width: 100%;
    font-weight: bold;
    color: #1e1e43;
    padding: 0;
    font-size: 19px;
  }
  
  .setting_myaccordion .btn-link:hover,
  .setting_myaccordion .btn-link:focus {
    text-decoration: none;
    box-shadow: none;
  }
  
  .setting_myaccordion li + li {
    margin-top: 10px;
  }

  .inventory_info_table{
      width: 100%;
      margin-top: 12px;
  }

  .inventory_info_table tr td:first-child{
      text-align: right;
  }

  .inventory_info_table tr td{
      padding: 10px 10px;
      font-size: 16px;
      color: #20201f;
      font-weight: 400;
  }

  .part_title_lable{
      width: 10% !important;
  }

  .part_title_input{
    width: 90% !important;
}

.table_icons{
    margin-right: 10px;
}

.table_icons span{
    margin-right: 5px;
    cursor: pointer;
}

.website_table_height{
    height: 160px;
}

.docs_resource_section h3{
    font-size: 13px;
    font-weight: 600;
    color: #20201f;
    margin: 0;
}

.docs_drag_area{
    display: flex;
    align-items: center;
    border: 1px solid #dfdfdf;
    padding: 5px 15px;
    margin: 10px 0 0 0;
}

.docs_drag_area p{
    font-size: 13px;
    color: #999;
    font-weight: 400;
    margin: 0;
}

.address_section{
    background-color: #dadce3;
    border: 1px solid #959595;
    border-bottom: none;
    padding: 10px;
}

.head_icons{
    position: relative;
}

.head_icons .arrow{
    position: absolute;
    bottom: -5px;
    left: -3px;
    width: 16px;
}

.head_icons .img{
    width: 10px;
}

.warehouse_select{
    width: 100px;
}

.warehouse_select_2{
    width: 70%;
}

.warehouse_select_3{
    width: 70px;
}

.search_icon{
    position: absolute;
    right: 10px;
    bottom: 5px;
    width: 15px;
}

.warehouse_lengh{
    width: 100px !important;
}

.customers_form_custom{
    width: 70%;
    position: relative;
}

.setting_product_form .customers_form_custom input[type="text"]{
    width: 100%;
    margin-right: 8px;
}

.setting_product_form .customers_form_custom .search_icon {
    right: 33px;
}

.setting_product_form .customers_form_custom .edit_icon{
    margin-top: 7px;
}

/* =======  accordion css end ====== */

.cross_reference_row > .setting_product_form {
    width: 20%;
    max-width: 20%;
    margin-right: 15px;
}

.address_section {
    background-color: #fff;
    border: 1px solid #959595;
    border-bottom: none;
    padding: 10px;
}

.customer_table {
    margin: 0;
    border: 1px solid #959595;
    background-color: #c1c2c9;
}

.customer_table table {
    width: 100%;
    margin: 0;
}

.customer_table tr th{
    background-color: #e0e0e0;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #20201f;
    border-right: 1px solid #959595;
    border-bottom: none;
}

.customer_table tr th:last-child{
    border-right: none;
}

.customer_table tr td{
    background-color: #f4f4f4;
    padding: 10px;
    font-size: 12px;
    color: #666;
    font-weight: 400;
    border-right: 1px solid #959595;
    border-bottom: none;
    border-top: none;
}

.customer_table tr:nth-child(even) td{
    background-color: #c1c2c9;
}

.customer_table tr td:last-child{
    border: none;
}

.head_icons .arrow2 {
    position: absolute;
    bottom: -16px;
    left: -69px;
    width: 16px;
    max-width: fit-content;
}

.search_icon_2 {
    position: absolute;
    right: 10px;
    bottom: 9px;
    width: 15px;
}

.part_card_hover{
    position: relative;
    cursor: pointer;
}

.part_card_hover:hover{
    opacity: 0.7;
}

.cross_part_icon{
    display: none;
}

.part_card_hover:hover .cross_part_icon{
    display: block;
    position: absolute;
    right: 6px;
    top: 0;
    width: 12px;
}

.accessories_imgs span{
    margin: 0 10px 0 0;
    position: relative;
}

.accessories_imgs .remove_icon{
    position: absolute;
    right: 1px;
    top: 1px;
    width: 12px;
    display: none;
    cursor: pointer;
}

.accessories_imgs span:hover{
    opacity: 0.7;
}

.accessories_imgs span:hover .remove_icon{
    display: block;
    opacity: 0.7;
}

.contact_options.co_bg{
    background-color: #f4f4f4;
    padding: 30px;
    margin-top: 5px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    min-height: 342px;
}

.contact_options.co_bg textarea{
    height: 115px;
}

.contact_options.co_bg button{
    background-color: #f4f4f4;
}

.contact_options.co_bg button:hover{
    background-color: #d20032;
}

.link_border{
    position: relative;
    padding: 0 10px 0 0;
    margin-right: 5px;
    color: #03359f !important;
}

.link_border::after{
    content: "";
    position: absolute;
    height: 12px;
    width: 1px;
    right: 0;
    top: 1px;
    background-color: #7f7f7f;
}

.link_border2{
    position: relative;
    padding: 0 10px 0 0;
    margin-right: 5px;
}

.link_border2::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 1px;
    right: 0;
    top: 3px;
    background-color: #7f7f7f;
}

.address_after::after{
    display: none;
}




/* ==== body end here ==== */
 

/* ============ complimentary_meeting css start ================== */

.dsk_d_none{
    display: none;
}


.complimentary_meeting{
    background-image: url(../images/fade_logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    box-shadow: 0px 0px 6px #333;
    padding: 10px;
    margin: 20px 0;
}

.meeting_info_card{
    margin: 0px 0 0 50px;
    background-image: url(../images/shadow_border.png);
    background-repeat: no-repeat;
    background-position: right -70px;
    padding: 70px 0 300px 0;
}

.meeting_info_card p{
    font-size: 20px;
    font-weight: 200;
    color: #858585;
    margin: 0;
}

.meeting_info_card .company_logo h6{
    font-size: 19px;
    font-weight: 700;
    color: #747474;
    margin: 10px 0 0 0;
}

.meeting_info_card .add_to_calendar{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0 0;
}

.meeting_info_card .add_to_calendar p{
    color: #0172be;
    margin: 0 10px;
    text-decoration: underline;
}

.meeting_info_card h1{
    font-size: 30px;
    font-weight: 300;
    color: #0172be;
    margin: 20px 0 0 0;
}

.meeting_info_card h1 strong{
    font-weight: 700;
    color: #747474;
    display: block;
}

.meeting_info_card h5{
    font-size: 18px;
    font-weight: 700;
    color: #adadad;
    margin: 20px 20px 0 0;
}

.meeting_info_card .meeting_time{
    margin: 20px 0 0 0;
}

.meeting_info_card .meeting_time h2{
    display: flex;
    font-size: 18px;
    font-weight: 700;
    color: #12a9ff;
    margin: 0 30px 0 0;
}

.meeting_info_card .meeting_time h2 span{
    margin-right: 10px;
}

.meeting_calendar_card .calendar_box{
    width: 70%;
}

.meeting_calendar_card .calendar_box h4{
    font-size: 30px;
    font-weight: 700;
    color: #6f6f6f;
    margin: 0 0 40px 0;
    text-align: center;
}

.meeting_calendar_card .time_zone{
    margin: 40px 40px 0 40px;
}

.meeting_calendar_card .time_date{
    margin: 70px 0 0 0;
    text-align: center;
    width: 40%;
}

.meeting_calendar_card .time_date h3{
    font-size: 20px;
    font-weight: 700;
    color: #adadad;
    margin: 0;
}

.meeting_calendar_card .time_date .time_scroll{
    overflow-y: scroll;
    height: 500px;
}

.meeting_calendar_card .time_date ul{
    margin: 15px 0 0 0;
    padding: 0;
    margin: 0 20px;
}

.meeting_calendar_card .time_date ul li{
    font-size: 16px;
    font-weight: 400;
    color: #00a2ff;
    list-style: none;
    padding: 10px 0;
}

.meeting_calendar_card .time_date ul li:hover{
    border: 1px solid #0471bb;
    background-color: #f3f2f2;
    cursor: pointer;
}

.meeting_calendar_card .time_date ul li.confirm_btn:hover {
    border: none;
    background: #fff;
}
.meeting_calendar_card .time_date ul li.confirm_btn{
    display: flex;
    padding: 0;
    justify-content: space-between;
}

.meeting_calendar_card .time_date ul li.confirm_btn a:first-child{
    background-color: #6f6f6f;
    color: #fff;
    width: 49%;
    display: inline-block;
    padding: 5px 0;
}

.meeting_calendar_card .time_date ul li.confirm_btn a:last-child{
    background-color: #00a2ff;
    color: #fff;
    width: 49%;
    display: inline-block;
    padding: 5px 0;
}

.complimentary_meeting .meeting_detail_form h4 {
    font-size: 30px;
    font-weight: 700;
    color: #6f6f6f;
    margin: 0 0 40px 0;
    text-align: center;
}

.complimentary_meeting .meeting_detail_form .meet_form{
    margin: 0 0 15px 0;
    position: relative;
}

.complimentary_meeting .meeting_detail_form .meet_form label {
    font-weight: 700;
    font-size: 15px;
    color: #000;
    display: block;
}

.complimentary_meeting .meeting_detail_form .meet_form input[type="text"] {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
}

.complimentary_meeting .meeting_detail_form .meet_form textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
}

.complimentary_meeting .meeting_detail_form .form_img img {
    position: absolute;
    left: 21px;
    top: 36px;
    width: 31px;
}

.complimentary_meeting .meeting_detail_form .form_img input[type="text"] {
    padding-left: 50px;
}

.complimentary_meeting .meeting_detail_form .meet_form p{
    margin: 0;
    font-size: 14px;
    color: #858585;
    font-weight: 400;
}

.schedule_btn{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #00a2ff;
    border: 1px solid #0471bb;
    border-radius: 3px;
    padding: 8px 20px;
}

.schedule_btn:hover{
    background-color: #0471bb;
    color: #fff;
}

.confirm_meeting_card{
    background-image: none;
    padding-bottom: 0;
}

.confirm_meeting_border{
    margin: 20px 0 0 0
}

.automated_scheduling{
    margin: 30px auto 50px auto;
    width: 70%;
}

.automated_scheduling label{
    font-size: 20px;
    font-weight: 700;
    color: #747474;
    margin: 0 0 10px 0;
    text-align: center;
    display: block;
}

.automated_scheduling .automated_scheduling_in{
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

.automated_scheduling .automated_scheduling_in input{
    width: 100%;
    border:none;
    background-color: #fff;
    padding: 7px 10px;
    font-size: 14px;
}

.automated_scheduling .automated_scheduling_in a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #00a2ff;
    border: 1px solid #0471bb;
    border-radius:0 3px 3px 0;
    padding: 8px 20px;
    white-space: nowrap;
    margin: -1px 0 0 0;
}

/* ---------- CALENDAR ---------- */
 
.calendar_area .calendar {
	text-align: center;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 3px #b2b2b2;
}

.calendar_area .calendar header {
	position: relative;
    background-color: #eeeeee;
    padding: 15px 0;
    border-radius: 10px 10px 0 0;
}

.calendar_area .calendar h2 {
	font-size: 30px;
    color: #7b7b7b;
    text-shadow: 0px 2px 2px #fff;
}

.calendar_area .calendar thead {
	font-weight: 600;
	text-transform: uppercase;
    background: #f3f2f2;
    color: #858585;
    font-size: 26px;
}

.calendar_area .calendar thead td {
    border-right: 1px solid #fff;
    font-weight: 400;
}

.calendar_area .calendar thead tr td:last-child{
    border:none;
}

.calendar_area .calendar tbody {
	color: #7c8a95;
    background-color: #fff;
    background:#fff; 
    background: -webkit-linear-gradient(#fff, #f0f0f0)!important; 
    background: -o-linear-gradient(#fff, #f0f0f0)!important; 
    background: -moz-linear-gradient(#fff, #f0f0f0)!important; 
    background: linear-gradient(#fff, #f0f0f0)!important;
}

/* .calendar_area .calendar tbody td:hover {
	border: 2px solid #00addf;
    background-color: #00addf;
    color: #fff;
    cursor: pointer;
} */

.calendar_area .calendar td {
	border-right: 1px solid #fff;
    padding: 10px;
	/* border-radius: 50%;
	display: inline-block;
	height: 4em; 
	line-height: 4em;*/
	text-align: center;
	/* width: 4em; */
}

.calendar_area .calendar td span {
    border-radius: 50%;
    color: #7c8a95;
    height: 40px;
    width: 40px;
    display: inline-block;
    padding-top: 7px;
    cursor: pointer;
}

.calendar_area .calendar td:hover span {
    background-color: #00a2ff;
    color: #FFF;
}

.calendar_area .calendar td.current-day span {
    background-color: #00a2ff;
    color: #FFF;
    cursor: pointer;
}

.calendar_area .calendar td.current-day span a{
    color: #fff;
}

.calendar_area .calendar tbody tr td:last-child{
    border:none;
}

/* .calendar_area .calendar tbody tr:last-child td:first-child{
    border-radius: 0 0 0 20px;
}

.calendar_area .calendar tbody tr:last-child td:last-child{
    border-radius: 0 0 20px 0;
} */

.calendar_area .calendar .prev-month,
.calendar_area .calendar .next-month {
	color: #cbd1d2;
}

.calendar_area .calendar .prev-month span,
.calendar_area .calendar .next-month span{
	color: #cbd1d2;
}

/* .calendar_area .calendar .prev-month:hover,
.calendar_area .calendar .next-month:hover {
	border: 2px solid #cbd1d2;
} */

/* .calendar_area .current-day {
	background: #00addf;
	color: #f9f9f9;
} */

.calendar_area .event {
	cursor: pointer;
	position: relative;
}

/* .calendar_area .event:after {
	background: #00addf;
	border-radius: 50%;
	bottom: 0.2em;
	display: block;
	content: '';
	height: .5em;
	left: 50%;
	margin: -.25em 0 0 -.25em;
	position: absolute;
	width: .5em;
}

.calendar_area .event.current-day:after {
	background: #f9f9f9;
} */

.calendar_area .btn-prev,
.calendar_area .btn-next {
	/* border: 2px solid #cbd1d2;
	border-radius: 50%;
	color: #cbd1d2;
	height: 2em;
	font-size: .75em;
	line-height: 2em; */
	margin: -1em;
	position: absolute;
	top: 50%;
	width: 2em;
}

/* .calendar_area .btn-prev:hover,
.calendar_area .btn-next:hover {
	background: #cbd1d2;
	color: #f9f9f9;
} */

.calendar_area .btn-prev {
	left: 3em;
}

.calendar_area .btn-next {
	right: 3em;
}

.react-calendar__navigation{
    position: relative;
    background-color: #eeeeee;
    border-radius: 10px 10px 0 0;
}

.react-calendar__navigation__arrow, .react-calendar__navigation__label{
    background: none;
    border: none;
}

.react-calendar__navigation__arrow{
    font-size: 40px;
    font-weight: bolder;
    color: #1ca2ff;
}

.react-calendar__navigation__label {
    font-size: 30px;
    color: #7b7b7b;
    text-shadow: 0px 2px 2px #fff;
}

.react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button{
    display: none;
}

.react-calendar__month-view__weekdays{
    font-weight: 600;
    text-transform: uppercase;
    background: #f3f2f2;
    color: #858585;
    text-align: center;
    font-size: 18px;
}

.MuiBox-root b {
    font-size: 14px;
}

.react-calendar__month-view__weekdays__weekday{
    border-right: 1px solid #fff;
    padding: 10px 0px;
}

.react-calendar__month-view__weekdays__weekday abbr {
    text-decoration: none;
}

.react-calendar__month-view__days, .react-calendar__year-view__months, .react-calendar__decade-view__years, .react-calendar__century-view__decades{
    color: #7c8a95;
    background-color: #fff;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #f0f0f0)!important;
    background: -o-linear-gradient(#fff, #f0f0f0)!important;
    background: -moz-linear-gradient(#fff, #f0f0f0)!important;
    background: linear-gradient(#fff, #f0f0f0)!important;
}

.react-calendar__month-view__days__day, .react-calendar__year-view__months__month, .react-calendar__decade-view__years__year, .react-calendar__century-view__decades__decade {
    border: none;
    border-right: 1px solid white;
    padding: 20px 0px;
    text-align: center;
    background: none;
}

.react-calendar__month-view__days__day abbr {
    border-radius: 50%;
    color: #7c8a95;
    height: 40px;
    width: 40px;
    display: inline-block;
    padding-top: 7px;
    cursor: pointer;
}

.react-calendar__month-view__days__day:hover abbr  {
    background-color: #00a2ff;
    color: #FFF;
}

.available_appt abbr {
    background-color: #00ffaa;
    color: #FFF;
}



/* ============ complimentary_meeting css end ================== */

/* ==== Media Querie start here ====*/

@media only screen and (max-width: 1024px) {

    body{
        font-size: 80%;
    }

    .document_field .file_icon {
        padding: 10px 12px;
    }

    .document_field .add_more {
        padding: 9px 12px;
    }

    .body_tab_section .nav-link {
        padding: 0.7rem 1.6rem;
    }

}

@media only screen and (max-width: 768px) {
    .header .navbar-collapse {
        text-align: center;
    }

    .body_tab_section .nav-link {
        padding: 0.7rem 0.38rem;
    }


}

@media only screen and (max-width: 767px) {



    .header .header_icon a img {
        width: 24px;
    }

    .md_none{
        display: none;
    }

    .dk_none{
        display: block;
    }

    .banner_text h1 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    .banner_text a {
        padding: 7px 15px;
        font-size: 1.00em;
    }

    .social_icon_top{
        display: none !important;
    }

    .navbar-light .navbar-brand img {
        width: 70px;
    }

    .header_top_section ul {
        justify-content: center;
        margin: 3px 0;
    }

    .benefits_section {
        margin: 0px 0 0 0;
    }

    .testimonial_card {
        margin-bottom: 70px;
    }

    .testimonial_writer{
        left: 35px;
    }

    .testimonials_slider .carousel-item {
        padding-bottom: 0;
    }

    .contact_info_card {
        width: 100%;
        margin-bottom: 15px;
    }

    .submit_case_form p {
        margin: 5px 0 0 0;
        font-size: 1.000em;
    }

    .submit_case_form label {
        font-size: 1.100em;
    }

    .register_section h2{
        margin-top: 15px;
    }

    .banner_text {
        text-align: center;
        position: relative;
    }
		.banner_section {
    position: relative;
    text-align: right;
    padding: 50px 0;
}
  .footer  {
        text-align: center;
    }

    .document_field .add_more {
        padding: 7px 12px;
    }

    .uploaded_files{
        display: inline-block;
    }

    .inner_page_heading h1{
        margin-left: 0;
    }

    .inner_page_heading .main_btns.right_btns {
        margin-right: 0;
    }

    .inner_page_heading .main_btns a {
        padding: 7px 10px;
    }

    .submit_case_form {
        padding: 0 15px;
    }

    .submit_case_form h3 {
        padding: 20px 0 0 0;
    }

    .body_tab_section .nav-tabs .nav-item {
        width: 50%;
        border: 1px solid #d5d2d2;
    }

    .body_tab_section .nav-link {
        padding: 0.7rem 1rem;
    }

    .nav_custon_style .nav-item {
        margin-left: 0;
    }

    .coustomer_filter .table_header{
        width: 100%;
    }

    .coustomer_filter .custom-select{
        width: 100%;
    }

    .coustomer_filter .search_box{
        margin: 10px 0;
    }

    .footer h3 {
        margin: 10px 0 5px 0;
    }

    .header_top_section li a {
        padding: 7px 15px;
    }

    .them_2{
        width: 100%;
        justify-content: center;
    }

    .upload_list_form{
        display: block;
    }

    .list_form {
        margin: 0;
        width: 100%;
    }

    .upload_list_form button {
        margin: 15px 0 0 0;
    }

    .list_search_row {
        display: block;
    }

    .edit_my_account {
        display: block;
    }

    .edit_account_left {
        width: 100%;
        padding: 0;
        border-right: 0px solid #b1b1b1;
    }

    .edit_account_right {
        width: 100%;
        padding: 0;
        margin: 20px 0 0 0;
    }

    .checkbox_row input[type="radio"] {
        margin: 3px 5px 0px 0;
    }

    .edit_my_account .cancel_btn_style{
        margin: 0 0 15px 0 !important;
        padding: 8px 20px;
    }

    .my_order_cards {
        width: 100%;
        margin: 0;
    }

    .customer_detail_dropdown .customer_info_box1, .customer_detail_dropdown .customer_info_box2 {
        width: 100%;
        border: none;
    }

    .contact_body_text h4 {
        margin: 10px 0 10px 0;
    }

    .body_tab_section .nav-tabs .nav-item.width_auto{
        width: 50%;
    }

    .faq_edit_card .faq_edit_header {
        display: block;
    }

    .faq_edit_card .btn_box{
        margin-top: 10px;
    }

    .machine_thumb_box {
        margin: 0 0 20px 0;
        cursor: pointer;
        width: 100%;
        text-align: center;
    }
    


    .machine_details .machine_img_box {
        width: 100%;
    }

    .machine_parts_main {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .machine_parts_card {
        width: 100%;
    }

    .accessories_section .accessories_box {
        margin: 0 0 30px 0;
    }

    .accessories_section .accessories_box span {
        margin: 0 0 5px 0;
    }

    .accessories_section .accessories_box h6 {
        font-size: 14px;
    }

    .contact_options p {
        min-height: auto;
    }

    .product_big_box {
        width: 100%;
    }

    .product_small_box {
        width: 100%;
        margin-top: 12px;
    }

    .featured_videos_section > div {
        width: 100%;
        margin-bottom: 12px;
    }

    .model_machin_style {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .product_slider_left {
        width: 100%;
    }

    .product_detail_right {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .product_details_box {
        padding: 10px;
    }

    /* ============ complimentary_meeting media css start ================== */

    .mob_d_none{
        display: none;
    }

    .dsk_d_none{
        display: block;
    }

    .meeting_info_card {
        margin: 0;
        padding: 0px 0 30px 0;
        text-align: center;
    }

    .meeting_info_card h5 {
        margin: 20px 0px 0 10px;
        display: flex;
        align-items: center;
        font-size: 16px;
    }

    .meeting_calendar_card .calendar_box {
        width: 100%;
    }

    .meeting_calendar_card .calendar_box h4 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .meeting_calendar_card .time_zone {
        margin: 20px 0px 0 0px;
    }

    .meeting_calendar_card .time_date {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .meeting_info_card h1 {
        font-size: 27px;
    }

    .meeting_info_card h5 span img{
        width: 25px;
    }

    .meeting_info_card h5 span{
        margin-right: 5px;
    }

    .calendar_area .calendar h2 {
        font-size: 16px;
    }

    .calendar_area .calendar {
        border-radius: 5px;
    }

    .calendar_area .calendar header {
        border-radius: 5px 1px 0 0;
    }

    .calendar_area .btn-prev img, .calendar_area .btn-next img{
        width: 10px;
    }

    .calendar_area .calendar thead td{
        font-size: 14px;
        padding: 5px 0;
    }

    .calendar_area .calendar td{
        padding: 0;
    }

    .calendar_area .calendar td span {
        height: 35px;
        width: 35px;
    }

    .calendar_area .calendar table{
        background-color: #f0f0f0;
    }

    .meeting_info_card .meeting_time h2 {
        margin: 0 0px 0 10px;
        text-align: left;
        font-size: 16px;
    }

    .complimentary_meeting .meeting_detail_form h4 {
        font-size: 19px;
        margin: 0 0 10px 0;
    }

    .automated_scheduling {
        margin: 0px auto 50px auto;
        width: 100%;
    }

    .back_arrow img {
        width: 30px;
    }

    .automated_scheduling label {
        font-size: 14px;
    }



    /* ============ complimentary_meeting media css end ================== */

}






/* ==== Media Querie end here ====*/