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


body{font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #777777;
    background-color: #e9e9e9;}


.dropzone-container {
    padding: 10px;
    width: 99%;
    margin-left: 1%;
    text-align: center;
    border: 1px dashed #cccccc;
    background: #ecf0f5;
}

.fixed-heigth{height: 120px; line-height: 100px;}
.modal-header {background-color: #3f5b95;
    color: #fff;}

.modal-header .close{opacity: 1;
    color: #fff;}


h1,h2,h3,h4,h5,h6{font-weight:600;}
h1{font-size: 26px; color: #3f5b95}

h1 span{display: block; color: #333333; margin-top: 10px;}


.blue-text{color: #3f5b95 !important;}
.white-text{color: #fff !important;}

a{color: #3f5b95; font-weight: 600;}

#topNav{background-color: #3f5b95 !important; box-shadow: 0px 6px 10px rgba(0,0,0,0.1); padding: 10px 0px;}
.top-links {list-style: none; padding: 0px; margin-top: 12px;}
.top-links li{display: inline-block; border-right: 1px solid #fff; padding: 1px 10px;}
.top-links li:last-child{border-right: 0px solid #fff;}
.top-links li a{color:#fff !important;font-family: 'Open Sans', sans-serif; font-size: 13px;}

.company-name{font-size:35px; font-weight: 600; color: #fff;}
.company-name:hover{ text-decoration: none; color: #fff;}


.white-bg{background-color: #fff; border-radius: 5px; padding: 20px;}
.shadow{box-shadow: 0px 0px 3px rgba(0,0,0,0.1);}
.slick-dots li button:before{font-size: 75px; color: #fff;  opacity: 1;}
.slick-dots li.slick-active button:before{ color: #3f5b95; opacity: 1;}
.slick-prev, .slick-next{width: 50px; height: 50px;}

.slick-prev {
    left: 25px;
    z-index: 55;
}
.slick-next {
    right: 25px;
    z-index: 55;
}

label{font-size: 16px; font-weight: 600; color: #565656;}
.btn-group-lg>.btn, .btn-lg {
    font-size: 1.15rem;
}
.help-text{font-size: 12px; color: #969696;}
.btn-primary{background-color: #3f5b95; border:1px solid #3f5b95;}
.btn-primary:hover{background-color: #22355b;}
.form-control, .btn{padding: 0.600rem 0.75rem;}
.btn-sm{padding: 0.500rem 0.75rem; line-height: 1em;}

.bootstrap-filestyle >input[type=text]{

    margin-right: 10px;
    border-radius: 0.25rem !important;
}

/*.slick-slide img {
    border-radius: 5px;
}*/

.bootstrap-filestyle .form-control:disabled{background-color: #fff;}
#input02{left: 0px;}

.tabs_slider_content{user-select:auto;}
.tabs_slider-tabs a{border-radius: 5px; background-color: #fff; padding: 12px; font-size: 16px; color: #8f8f8f;
    margin-bottom: 16px; display: block; width: 99%}
.tabs_slider-tabs a.active a{background-color: #3f5b95; border: none; color: #fff; }
.tabs_slider-tabs a:hover{text-decoration: none;}
.tabs_slider-tabs .slick-slide{float: none; display: block; min-width: 100%}
.active-tab{background-color: #3f5b95 !important; border: none; color: #fff !important;}
.tabs_slider-tabs a h4 {font-size: 16px;}
.tabs_slider-tabs a h4 span{font-size: 12px; font-style: italic; display: block; margin-top: 5px; line-height: 1.2em}
.tabs_slider-tabs .step-ico{margin-right: 10px; background: url('../images/booth-setup/css_sprites.png'); display: inline-block; float: left;}
.tabs_slider-tabs .slick-slide:nth-child(1) .step-ico{ width: 48px; height: 42px;
    background-position: -10px -10px;}
.tabs_slider-tabs .slick-slide:nth-child(2) .step-ico{width: 47px; height: 42px;
    background-position: -10px -134px;}
.tabs_slider-tabs .slick-slide:nth-child(3) .step-ico{ width: 48px; height: 42px;
    background-position: -10px -258px;}
.tabs_slider-tabs .slick-slide:nth-child(4) .step-ico{ width: 48px; height: 42px;
    background-position: -10px -506px;}
.tabs_slider-tabs .slick-slide:nth-child(5) .step-ico{ width: 48px; height: 43px;
    background-position: -10px -630px;}
.tabs_slider-tabs .slick-slide:nth-child(6) .step-ico{ width: 48px; height: 42px;
    background-position: -10px -382px;}
.tabs_slider-tabs .slick-slide:nth-child(7) .step-ico, .tabs_slider-tabs .slick-slide:nth-child(8) .step-ico, .tabs_slider-tabs .finish{ width: 48px; height: 42px;
    background-position: -10px -753px;}
.tabs_slider-tabs .slick-slide:nth-child(7) .products{ width: 48px; height: 42px;
    background-position: -10px -382px !important;}

.tabs_slider-tabs .slick-slide:nth-child(1) .active-tab .step-ico{background-position: -10px -72px;}
.tabs_slider-tabs .slick-slide:nth-child(2) .active-tab .step-ico{background-position: -10px -196px;}
.tabs_slider-tabs .slick-slide:nth-child(3) .active-tab .step-ico{background-position: -10px -320px;}
.tabs_slider-tabs .slick-slide:nth-child(4) .active-tab .step-ico{background-position: -10px -568px;}
.tabs_slider-tabs .slick-slide:nth-child(5) .active-tab .step-ico{background-position: -10px -693px;}
.tabs_slider-tabs .slick-slide:nth-child(6) .active-tab .step-ico{background-position: -10px -444px;}
.tabs_slider-tabs .slick-slide:nth-child(7) .active-tab .step-ico{background-position: -10px -815px;}
.tabs_slider-tabs .slick-slide:nth-child(7) .active-tab .products{ width: 48px; height: 42px;
    background-position: -10px -444px !important;}

.step1-slider .slick-slide img{border-radius: 6px;}
.step1-slider .slick-list, .product__slider-main .slick-list{border-radius: 6px;}

.product__slider-main {
    margin-bottom: 15px;
}
.product__slider-main img {
    margin: 0 auto;
    border-radius: 6px;
}
.product__slider-thmb .slick-slide {
    opacity: 0.5;
    transition: all .3s ease;
    max-width: 118px;
    margin-right: 15px;
    position: relative;
}

.slick-slide.slick-active, .product__slider-thmb .slick-slide:hover {
    opacity: 1;

}

.product__slider-thmb .slick-active span{
    position: absolute; pointer-events: none; background: rgba(0,0,0,0.5);height: 100%; width: inherit; max-width: 118px;
    border-radius: 5px;
}

.product__slider-thmb .slick-active:before{    content: "\f058";
    font-family: 'FontAwesome';
    position: absolute;
    color: #fff;
    width: 15px;
    height: 30px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    z-index: 555;
    font-size: 20px;
}

.product__slider-main, .product__slider-thmb {
    display: none;
}

.product__slider-main .slick-slide{position: relative; background: white}
.product__slider-main .slick-slide span{border-radius: 6px; background-color: rgba(0,0,0,0.5); color: #fff; padding: 8px;
    position: absolute; left: 25px;
    bottom: 25px;}
.product__slider-main .slick-slide span a{color: #fff; text-decoration: none;
    display: block;}

.product__slider-thmb .slick-track{display: flex; justify-content: center; }

.datepicker td, .datepicker th{font-size: 13px;}
.padNone{padding:0px; }
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    line-height: 31px;
}
footer{background-color: #fff; padding-top: 20px; padding-bottom: 15px; margin-top: 30px;}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 320px) { }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    #tabs_slider .slick-track{width: 100% !important; left: 0 !important;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }




/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { }

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { .tabs_slider-tabs .slick-slide{float: left; min-width: auto;}

    .tabs_slider-tabs{background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 3px rgba(0,0,0,0.1);}
    .tabs_slider-tabs a{border-radius: 0px; border-right: 1px solid #ccc; text-align: center;}
    .tabs_slider-tabs .slick-slide:last-child a{border-right: 0px solid #ccc;}
    .tabs_slider-tabs .step-ico{float: none; display: none;}
    #tabs_slider{margin-bottom:15px;	}
    #tabs_slider .slick-list.draggable{padding: 0px 20px!important;}
    .tabs_slider-tabs a h4 {  text-align: left; font-size: 14px;}
    .tabs_slider-tabs a{ margin-bottom: 0px;}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {.hero{padding-top: 25%;}
    .slick-slide img {
        width: 100%;
    }
    .tabs_slider-tabs .step-ico{display: none;}
    .company-name{font-size:25px; color: #fff; }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {	}


.hide {display: none;}

.dropzone-container {padding: 10px;width: 99%;margin-left: 1%;text-align: center;border: 1px dashed #cccccc;background: #ecf0f5;}
.dropzone-container .dz-default {padding: 75px;width: 100%;text-align: center;border: 1px dashed #488888;background: #d3ecec;}
.dropzone-container .tb-dropzone {cursor: pointer;}

.content-time-0 .col-md-6:first-child {padding-left: 0;}
.content-time-0 .col-md-6:last-child {padding-right: 0;}

.carousel-item span {border-radius: 6px;background-color: rgba(0,0,0,0.5);color: #fff;padding: 8px;position: absolute;left: 40%;bottom: 25px;}
.carousel-item span a {color: #fff;text-decoration: none;display: block;}

.product__slider-main .slick-track {height: 365px !important;}
.product__slider-main .slick-slide span.selected{background: rgba(22, 78, 210, 0.5);}
.doc-viewer .delete {color: #ff0000;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}.nav > li > a {
     position: relative;
     display: block;
     padding: 10px 15px;
 }
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav > li {
    position: relative;
    display: block;
}
.nav > li {
    position: relative;
    display: block;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.content-video-edit hr {
    width: 100%;
    margin-left: 15px;
}

.row.content-video-edit:last-of-type hr,
.view-content:last-of-type hr {
    display: none;
}

/* fix long text content tabs links Ashfaq */
.content-tabs a{
    overflow-wrap: anywhere;
}

/*step5 lisiing toggle toggle */
.bsf-dropdown .bsf-dropdown-menu{
    /* right: 0; */
    /* left: unset !important; */
    border: 1px solid rgba(67, 73, 97, 0.1);
    box-shadow: 0px 5px 6px rgba(67, 73, 97, 0.08);
    border-radius: 6px;
    padding: 12px;
}
.bsf-dropdown .bsf-dropdown-menu li {
    padding: 4px 0;
}
.bsf-dropdown .bsf-dropdown-menu li a{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1B1F29;
}
.bsf-dropdown .bsf-dropdown-menu li i{
    margin-right: 8px;
}
.bsf-dropdown .dropdown-toggle::after {
    display: none;
}
.bsf-dropdown.show .btn-default{
    background-color: #3F5B95;
}

.bsf-dropdown.show .btn-default i{
    color: #ffffff;
}

.bsf-dropdown .btn-default ,.bsf-switch.btn-default{
    border: 1px solid #B5B8BE;
    border-radius: 6px;
}
.bsf-switch.btn-default {
    width: 36px;
}
.bsf-switch > input[type="checkbox"] {
    display: none;
}

.bsf-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    margin: 0px 0 4px -20px;
}

.bsf-switch > label::before {
    background: #B5B8BE;
    border-radius: 8px;
    content: '';
    height: 12px;
    margin-top: -8px;
    position: absolute;
    transition: all 0.4s ease-in-out;
    width: 20px;
}
.bsf-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 8px;
    left: 3px;
    margin-top: -6.2px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    width: 8px;
}
.bsf-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 1;
    background: #58B859;
}
.bsf-switch > input[type="checkbox"]:checked + label::after {
    left: 9px;
}

#add-item-modal .images-container {

    display: flex;
    flex-wrap: wrap;
}

#add-item-modal .upload__img-box {

    margin-top: 10px;
    margin-right: 10px;
}

#add-item-modal .img-bg {
    width: 150px;
    height: 150px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#add-item-modal .upload-delete-button {

    margin-left: 3px;
    cursor: pointer;
}

#add-item-modal .upload__img-delete:hover {

    font-size: 21px;
}