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

body {
    /*padding-top: 90px;*/
    font-family: 'Montserrat', sans-serif !important;
    background: #ededed !important;
    /*background-color: #f1f1f1;
    font-family: 'Trebuchet MS', sans-serif;*/
}

body.home-index {
    padding-top: 0px;
}

.formobile{
    display: none !important;
}


@media (max-width: 768px) {
    body{
        /*padding-top: 51px;*/
    }
}

/* Position panel */

.navbar-header{
    position: relative;
    z-index: 2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    border-radius: 4px !important;
    display: inline-block !important;
    margin-left: 5px !important;
    padding: 4px 7px !important;
    margin-top: 5px !important;
    border: 0px !important;
    background-color: #f75145 !important;
    color: white !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white !important;
    border-right: 0px !important;
}
.info-modal-dialog .info-content{
    background: #efefef;
}

@media (min-width: 768px){
    .login{float:right; }
    .login a{float:left; color:#fff; margin:5px; font-size:10px;}
    .navbar-inverse{background: #08101d; opacity: 1; border: none; }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ padding-top:3px; }
    .navbar-inverse .navbar-nav>li a{text-align:center; color: #fff;}
    .nav .glyphicon{content: "\e021"; border: 1px solid #fff; padding:10px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:0 auto; text-align: center;}
    .menu-text{ margin-left:10px; }
    .navbar-inverse .navbar-nav>.active>a{background: none !important;}
    .fuar-background{background: url(../images/fuar-img.jpg); height:597px;}
    .item-back{background-color: #ffffff; padding:50px;}
    .thumbnail{-webkit-box-shadow: 0px 0px 15px 1px rgba(20,65,184,0.5); -moz-box-shadow: 0px 0px 15px 1px rgba(20,65,184,0.5); box-shadow: 0px 0px 15px 1px rgba(20,65,184,0.5);  }
    .thumbnail>.img-height>img { margin-top:20px; display: inline;}
    .thumbnail>.img-height{height:145px; margin:0 auto;  text-align: center; }
    .caption>h3{font-size: 16px; font-style: normal; color:#003075; text-align: center;font-weight:bold; }
    .caption>p{color:#767676; height: 28px; text-align: center; line-height:15px; max-height: 30px !important; margin-bottom: 15px!important;}
    .form-back{background:url(../images/iletisim-back.jpg) center; height: 570px;}
    .form-back h3{color:#ffffff; }
    .iletisim-textbox{width:100% !important; float: left;  margin-bottom:50px; margin-top:50px; background:#ffffff; opacity: 0.8; color:#ff0000; font-size:16px;  }
    .iletisim-textarea{ float: left; margin-right:10px; margin-bottom:20px; background:#ffffff; opacity: 0.8; color:#ff0000; font-size:16px; height: 150px; }
    .col-xs-4{padding-left:0;}
    .iletisim-back{    background: #09182a; position: relative;}
    .iletisim-text{float:left; color:#fff; font-size:12px; margin-top:20px; }
    .iletisim-text span{color:#ffffff; font-size:12px; font-weight:bold; margin-right:10px;}
    .iletisim-text > div{color:#ffffff; font-size:14px; margin-top:5px; margin-bottom:0;  }
    .glyphicon-phone-alt{color:#fff; }
    .glyphicon-envelope{color:#fff;}
    .glyphicon-bullhorn{color:#fff;}




    .footer-link{ float:right; color:#fff; font-size:12px; margin-top:10px;}
    .footer-link a{ color:#fff; font-size:12px;}
    .footer-link li{ margin:10px 0;}

    .footer-sosyal{margin:0 auto; width:100%; text-align: center; padding:10px;}
    .footer-sosyal a{ }


    .firma-back{background:#09182a; padding:20px;}
    .firma-link{ margin:0 auto; text-align: center;}

    .modal-body{background:rgb(248, 228, 230); border:1px solid #b7323f; color:rgb(85, 85, 85);}
    .modal-header{background:#b7323f; border:1px solid #b7323f; color:rgb(85, 85, 85);}

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
        background: transparent;
    }

    .navbar-inverse .dropdown-menu > li > a{
        color: #333;
    }

}





@media (max-width: 768px){
    .container>.navbar-header{background:#09182a;}
    .navbar-brand img{ max-height: 60px; }
    .login{float:right; }
    .login a{float:left; color:#fff; margin:5px; font-size:10px;}
    .nav .glyphicon{content: "\e021"; border: 1px solid #fff; padding:10px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:0 auto; text-align: center;}
    .menu-text{ margin-left:10px; }
    .navbar-inverse .navbar-nav>.active>a{background: none !important;}
    .fuar-background{background: url(../images/fuar-img.jpg); height:597px;}
    .item-back{background-color: #ffffff; padding:50px;}
    .thumbnail{-webkit-box-shadow: 0px 0px 15px 1px rgba(20,65,184,0.5); -moz-box-shadow: 0px 0px 15px 1px rgba(20,65,184,0.5); box-shadow: 0px 0px 15px 1px rgba(20,65,184,0.5);  }
    .thumbnail>.img-height>img { margin-top:20px; display: inline;}
    .thumbnail>.img-height{height:130px; margin:0 auto;  text-align: center; }
    .caption>h3{font-size: 14px; font-style: italic; color:#003075; text-align: center;}
    .caption>p{font-size: 12px; font-style: italic; color:#003075; text-align: center;}
    .form-back{background:url(../images/iletisim-back.jpg) center; height: 570px;}
    .form-back h3{color:#ffffff; }
    .iletisim-textbox{width:100% !important; float: left;  margin-bottom:50px; margin-top:50px; background:#ffffff; opacity: 0.8; color:#ff0000; font-size:16px;  }
    .iletisim-textarea{ float: left; margin-right:10px; margin-bottom:20px; background:#ffffff; opacity: 0.8; color:#ff0000; font-size:16px; height: 150px; }
    .col-xs-4{padding-left:0;}
    .iletisim-back{background:#09182a; position:relative;}
    .footer-sosyal img {
        width:30px;
    }

    .iletisim-text{float:left; color:#fff; font-size:12px; margin-top:20px; }
    .iletisim-text span{color:#ffffff; font-size:12px; font-weight:bold; margin-right:10px;}
    .iletisim-text h1{color:#ffffff; font-size:14px; margin-top:5px; margin-bottom:0;  }
    .glyphicon-phone-alt{color:#fff; }
    .glyphicon-envelope{color:#fff;}
    .glyphicon-bullhorn{color:#fff;}


    .footer-link{ float:left; color:#fff; font-size:12px; margin-top:10px;}
    .footer-link a{ color:#fff; font-size:12px;}
    .footer-link li{ margin:10px 0;}

    .footer-sosyal{margin:0 auto; width:100%; text-align: center; padding:10px;}
    .footer-sosyal a{ }


    .firma-back{background:#09182a; padding:20px;}
    .firma-link{ margin:0 auto; text-align: center;}

    .modal-body{background:rgb(248, 228, 230); border:1px solid #b7323f; color:#fff;}
    .modal-header{background:#b7323f; border:1px solid #b7323f; color:#fff;}

}
.select2-dropdown{
    box-shadow: 0px 5px 20px -6px rgb(43 43 43 / 28%) !important;
    border: 0px !important;
}
.register-modal-content select{
    padding: 6px 12px !important;
    -webkit-appearance:none;
}
.register-modal-content select:hover{
    cursor:pointer;
}
.select2-selection:hover{
    cursor:pointer !important;
}
.select2-search__field:hover{
    cursor:pointer !important;
}

.no-border + .select2-container--default .select2-selection--multiple{
    border: 0px !important;
    border-bottom: 1px solid #ededed !important;
    border-radius: 8px !important;
    display: inline-block;
    width: 100%;
    line-height: 30px;
}
.no-bottom-border + .select2-container--default .select2-selection--multiple{
    border-bottom: 0px !important;
}
.no-border > .select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 0px !important;
    border-bottom: 1px solid #ededed !important;
}
.navbar-brand>img {
    max-height: 100%;
}
@media(max-width:768px) {
    .navbar-brand img{ max-height: 40px; }
}
.navbar-brand {
    padding:5px 15px;
}
.home-video {
    width: 100%;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
}

.home-video video {
    display:block;
    width:100%;
}
.home-holes {
    height:120vh;
    position: relative;

}
.hole-selector-content{
    position: relative;
    width: 100%;
    height: 60px;
    background: #f5f8fc;
}
/*.dragg{*/

/*    left: 0px;*/
/*    right: 0px;*/

/*}*/
.home-holes .holes-container {
    background: #fff;
}
.section-title {
    border-top: 1px solid #E9EEFD;
    border-bottom: 1px solid #E9EEFD;
    margin: 0;
    padding: 10px 0;
    line-height: 17px;
    font-size: 20px;
    color: ;
    text-align: center;
    top: 0;
    width: 100%;
}
.section-title-relative {

}
.pt-50 {

    padding-bottom:30px;

}
#companies {
    /*    padding-top:50px;*/
    /*margin-bottom: 20px;*/
}
.hole-active{
    background: #4172ed !important;
    color: white !important;
}
.hole-btn:hover{
    cursor:pointer;
}
.hole-menu .left{
    width: 10px;
    height: 200px !important;
    background: #fff;
    border-radius: 0px 10px 10px 0px;
    float: left;
    box-shadow: 0px 3px 16px 0px rgb(135 135 135 / 20%);
}
.hole-menu .right{
    margin-left: 5px;
    position: absolute;
    top: 50%;
    height: auto;
    overflow-y: auto;
    /* IE and Edge */
    /* Firefox */
    transform: translate(0, -50%);
    padding: 0 10px;
    max-height: 300px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.right::-webkit-scrollbar {
    display: none;
}


.hole-menu .hole-btn{
    width: auto;
    border-radius: 15px;
    text-align: center;
    margin-top: 6px;
    padding: 1rem;
    color: #4172ed;
    font-weight: 700;
    background: white;
}
.hole-menu{
    z-index: 40;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.hole-stands {
    display: none;
    position: relative;
    padding: 0;
    width: 95%;
    float: right;
    margin-top: 50px;
}
.hole-stands-active{
    display: block;
}
.pb-50 {
    padding-bottom:50px;
}
.section {
    overflow: hidden;
    position: relative;
    background-color: #F5F8FC !important;
}
.followMeBar {
    border: 0px !important;
    z-index: 2;
    padding: 20px 0;
}
.followWrap{
    height: auto !important;
    position: relative;
    width: 100%;
    z-index: 11;
    background: #ffffff3d;
}
/* ANASAYFA taglarin takibi icin */
/*.followMeBar.fixed {*/
/*    display: none;*/
/*    position: fixed;*/
/*    top: 89px;*/
/*    width: 100%;*/
/*    box-sizing: border-box;*/
/*    z-index: 12;*/
/*    border: 0px;*/
/*    background-color: #f9f9f982;*/
/*}*/
.section-title-hide{
    display: none;
}
.followMeBar.fixed.absolute {
    position: absolute;
}
.holes-container {
    background:#fff;
    position:absolute;
    /*height:calc(100% - 50px);*/
    height:100%;
    width:100%;
}
.hole {
    opacity:0;
    position:absolute;
    width:100%;
    z-index:0;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    top:50%;
    transform:translateY(-50%);
    zoom:0.9;
}
.hole.active {
    z-index:1;
    opacity:1;
}
.hole .hole-background {
    width: auto;
    max-width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
}
.hole-selector {
    margin:auto;
    padding:0;
    list-style:none;
    position:absolute;
    right:0;
    left: 0;
    bottom:10px;
    text-align: center;
    z-index:15;
}
.hole-selector li {
    display: inline-block;
    margin-left:15px;
}
.hole-select{
    width: auto;
    padding: 1rem;
    border-radius: 20px;
    background: white;
}

/*.hole-selector li a {*/
/*    display:block;*/
/*    background:rgba(206, 47, 46,.7);*/
/*    color:#fff;*/
/*    padding:0 10px;*/
/*    line-height:36px;*/
/*    text-decoration:none;*/

/*    transition:all .3s ease-in-out;*/
/*    -webkit-transition:all .3s ease-in-out;*/
/*    -moz-transition:all .3s ease-in-out;*/
/*}*/
.filterGroup{
    height: 50px !important;
    margin-bottom: 5px !important;
}
.filter-content{
    width: 65% !important;
    margin: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.bag-filter-content{
    display: flex;
    justify-content: flex-end;
}
.search-area-top{
    display: none;
    position: absolute;
    z-index: 15;
    left: 0;
    right: 0;
    bottom: 0;
    width: 65%;
    height: 10px;
    margin: auto;
    border-radius: 10px 10px 0px 0px;
    background: white;
}
.filterGroupDDown .dropdown-menu .btn.is-checked{
    color: #4172ed !important;
}
/*.search-area-bottom{*/
/*    position: relative;*/
/*    z-index: 15;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    margin-top: 10px !important;*/
/*    height: 10px;*/
/*    margin: auto;*/
/*    background: white;*/
/*    border-radius: 0px 0px 10px 10px;*/
/*}*/
.filterGroup .dropdown,
.filterGroup .quicksearch,
.filterGroup .btn{
    height: 100% !important;
    border-radius: 10px;
}

.select2.quicksearch + .select2-container {
    height: 100% !important;
    border-radius: 10px;
}

.select2.quicksearch + .select2-container .select2-selection {
    height: 100% !important;
    border-color: #f2f2f2 !important;
    border-radius: 10px!important;
    background-color: white !important;
    min-height: 50px;
}

/*.select2.quicksearch + .select2-container .select2-selection input {*/
/*    position: relative;*/
/*    top: 9px;*/
/*}*/

/*.hole-selector li.active a,*/
/*.hole-selector li a:hover {*/
/*    background:rgba(206, 47, 46, 1);*/
/*}*/
.hole-stand {
    position:absolute;
    z-index:14;
}
.hole-stand a {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:100% 100%;
}
.tipso_title {
    line-height:30px;
}
.tipso-content {
    line-height: 1.4em;
    font-size: 12px;
}
.company-logo {
    display:block;
    margin:0 auto 10px auto;
    max-width:80%;
}
.forgetPass-modal{
    min-width: 40%;
}
.resetpassModal .control-label{
    float: left !important;
    width: 40% !important;
    display: inline-block !important;
    text-align: left !important;
}
.resetpassModal .modal-dialog{
    min-width: 40%;
}
.resetpassModal .company-content {
    padding: 0px 20px;
}
.resetpassModal .col-md-6{
    float: right !important;
    display: inline-block !important;
    width: 60% !important;
}
.onepage-pagination {
    background: rgba(255,255,255,.5);
    padding-right: 5px !important;
}
.resetpassModal .control-label{
    float: left !important;
    width: 40% !important;
    display: inline-block !important;
    text-align: left !important;
}
.resetpassModal .col-md-6{
    float: right !important;
    display: inline-block !important;
    width: 60% !important;
}

@media screen and (min-width:768px) and (max-width:992px) {
    .nav>li>a {
        padding-left:5px;
        padding-right:5px;
    }
}

.scrollable::-webkit-scrollbar {
    width: 8px;
}
.scrollable {
    padding-right:3px;
    overflow-y:auto;
}
/* Track */
.scrollable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Handle */
.scrollable::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 0;
    background: rgba(79, 76, 68, .8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.scrollable::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(79, 76, 68,.4);
}


/**
 * Todo: test this changes
 */
.stand-background {
    /*height: 100% !important;
    width:100% !important;
    display:block;
    position:relative;*/
    width: auto;
    max-width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
   /* max-height: 100%;*/
}
.company-sections {
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    padding: 50px;
}
.company-section-button {
    display:block;
    max-width:100%;
    margin:0 auto;
    text-align:center;
    font-size:20px;
    margin-bottom:15px;
    color:#db3444;
    text-decoration:none !important;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.company-section-button:hover {
    color:#db3444;
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
}
.company-section-button .ct-icon {
    display:block;
    margin:0 auto;
    width:150px;
    height:150px;
    background:#db3444;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position:relative;
}
.company-section-button .ct-icon span {
    position:absolute;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    font-size:36px;
    color:#fff;
}

.company-content {
    margin-bottom: 10px;
    /*background: #f1f1f1;*/
}
.company-content h5 {
    color: rgb(65 114 237);
    margin: 0;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 700;
    background: #f3f3f3;
    padding: 20px 15px;
    border-radius: 8px;
}
.company-content-image {
    max-width:100%;
    border-radius: 6px;
    max-height: 300px;
    display:block;
    margin:0 auto 0 auto;
}
.entry-content {
    font-size: 12px;
    color: #4d4d4d;
    padding: 10px 5px 5px 5px;
    line-height: 2em;
    width: 100%;
    overflow-x: auto !important;
}
.entry-content p{
    color: #201d1d;
    font-size: 14px;
    display: block;
}
.panel-heading .accordion-toggle {
    display:block;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.company-products {

}
.company-products ul {
    margin:0;
    padding:0;
    list-style:none;
}
.company-products ul li {
    margin:0 0 2px 0;
}
.company-products ul li a {
    /*background: rgba(9, 24, 42, 0.7);*/
    padding: 5px 8px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    height: 60px !important;
    line-height: 50px !important;

}
/*.company-products ul li a:hover {*/
/*    background: rgba(9, 24, 42, 1);*/
/*}*/
.company-products ul li a span {
    float:right;
    margin-top:2px;
}
.company-products ul li a:after {
    content:" ";
    clear:both;
    display:block;
}
.application-box {
    background: #ddd;
    text-align: center;

    border: dashed 1px #aaa;
    color:#4d4d4d;
}
.application-box h4 {
    color: #b7323f;
    margin: 0 0 15px 0;
    font-size: 20px;
}
.application-box h4{
    color: #4172ed;
    margin: 0px !important;
    min-height: 50px;
    line-height: 50px;
}
.application-box a {
    margin-top:0px;
    margin-bottom: 10px;
    width: fit-content;
    background: #4172ed;
    color: white;
    white-space: break-spaces !important;
}
.company-download .grid-content{
    display: grid;
    grid-template-columns: 5% 90% 5%;
}
.company-download .download-icon {
    font-size: 35px;
    margin: auto;

}

.align-center {
    text-align:center;
}
.loading-overlay.loading-theme-light {
    z-index:6300 !important;
}
.back-link {
    position: absolute;
    right: 50px;
    margin-top: 0;
    color: #fff;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.back-link:hover {
    color:rgba(255, 255, 255, 0.6);
    text-decoration:none;
}
.modal-header .close {
    margin-top:1px;
}
.application-box form {
    text-align:left;
    color:#4d4d4d;
}
.gallery-grid-item{
    position: relative;
}
.gallery-image {
    box-shadow: 0px 0px 9px 0px #aaaaaa6b;
    border-radius: 6px;
}
.gallery-image a {
    display:block;
    position:relative;
}
.gallery-image a img {
    display:block;
    margin:0;
    width:100%;
    border-radius: 6px;
}
gallery-image:hover{
    box-shadow:   box-shadow: 0px 3px 16px 0px rgb(135 135 135 / 20%);
}
.gallery-image a:before {
    content:" ";
    width:100%;
    height:100%;
    position:absolute;
    opacity:0;
    background:rgb(0 0 0 / 44%);
    border-radius: 6px;
    top:0;
    left:0;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.gallery-image a:hover:before {
    opacity:1;
}
.gallery-image a:after {
    content:"\e015";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #ffffffd6;
    top: 50%;
    left: 50%;
    background: #00000052;
    border-radius: 50%;
    font-size: 30px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    opacity:0;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.gallery-image a.type-video:after {
    content: "\e072";
}
.gallery-image a:hover:after {
    opacity:1;
}
.fancybox-thumbs>ul>li {
    border-color:#db3444;
}
.fancybox-thumbs {
    background:#db3444;
}
.companyinfo-header {
    margin: -15px -15px 0 -15px;
    background: #cf2637;
    color: white !important;
    padding-top:15px;
    color:white !important;
    padding-bottom:15px;
}
.companyinfo-header .companyinfo-logo {
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
}
.companyinfo-header .companyinfo-line {
    padding-bottom: 3px;
    font-size: 14px;
    margin-bottom: 10px;
}
.companyinfo-header .companyinfo-slogan {
    font-size: 16px;
    margin-bottom: 10px;
}
.companyinfo {
    color:#4d4d4d;
    font-size:12px;
    padding:15px 0;
}
.companyinfo-header a {
    color: #2a3253 !important;
}
.companyinfo-heading {
    color: #cf2637;
    padding: 0;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 500;
}
.companyinfo-contact ul {
    margin:0;
    padding:0;
    list-style:none;
}
.companyinfo-contact ul li {
    margin-bottom:0;
    font-size: 14px;
}
.companyinfo-social {
    margin:0;
    padding:0;
    list-style:none;
    display: inline-block;
    text-align: right;
    display: block;
}
.companyinfo-social li {
    max-width:30px;
    display: inline-block;
}
.companyinfo-social li a {
    display:block;
}
.companyinfo-social li a img {
    width:100%;
}
.app-table {
    border:1px solid #4d4d4d !important;
}
.app-table td,.app-table th {
    border:1px solid #4d4d4d !important;
}
.app-table td{
    text-align:left;
}
.applications-pagination a {
    margin-top:0 !important;
}
.company-download {
    margin-bottom: 10px;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 12px #e2e2e2;
    text-align: left;
}
.company-download a {
    display: block;
    min-height: 50px;
    width: 100% !important;
    max-width: 100% !important;
    text-decoration: none !important;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.company-download a:hover {
    /*background: #f1f1f1;*/
}
.company-download a span.download-icon {
    position:relative;
    float: left;
    width:40px;
    height:40px;
    top: 4px;
    margin-right: 10px;
    background:#4172ed;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    text-align:center;
    font-size:22px;
    color:#fff;
}
.download-content{
    position: relative;
    height: 100%;
}
.company-download a span.download-icon span {
    line-height: 38px;
}
.company-download a span.download-title {
    color: #4172ed;
    font-size:16px;
    line-height:25px;
    display:block;
    max-width: 100%;
    overflow: auto;
    word-wrap: break-word;
}
.logo img{
    max-width: 250px !important;
}
.company-download a span.download-desc {
    font-size:11px;
    color:#666;
    line-height:15px;
    display:block;
    max-width: 100% !important;
    overflow: auto;
    word-wrap: break-word !important;
}
.stand-tt-title {
    display:block;
    text-align:center;
    font-size:20px;
    border-bottom:solid 1px #ccc;
}
.stand-tt-content {
    text-align:center;
    font-size:14px;
    margin-top:10px;
}
.stand-tt-logo {
    display:block;
    margin:0 auto;
    width:100%;
    max-width:120px;
}
.img-height img {
    max-height:100%;
}
.company .caption>h3 {
    margin-top: 10px;
    height: 40px;
    margin-bottom: 0px;
}
.company .caption>h3 a{
    color: #1e1e1e;
}
.dragg {
    position:absolute;
}
@media (max-width: 851px){
    .followMeBar.fixed {
        top:50px;
    }
    .company-content-types ul li a {
        width: 40px;
        height: 40px;
    }
    .company-content-types ul li a span {
        font-size:16px;
    }
}
@media (max-width: 468px){
    .company-content-types ul li a {
        width: 30px;
        height: 30px;
    }
}

@media (min-width:851px) {

    .company-content-types ul li {

        margin: 0 5px;
        display:inline-block;
        position: relative;

    }
    .company-content-types ul li a.cvAddStand{
        display: block;
    }
    .company-content-types ul li a.cvAddStand span.cvText{
        color: #fff;
        font-size: 14px;
        width: 115px;
        white-space: initial;
        position: absolute;
        transform: translate(27px, -17px);
    }
    .company-content-types ul li a span {
        position:absolute;
        left:50%;
        top:50%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        font-size:20px;
        color: #fff;
    }
    .company-content-types ul li a:hover {
        transform:scale(1.2);
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
    }
}
@media (max-width:851px) {
    .company-content-types ul {
        display:block;
        margin:0;
        padding:0;
        list-style:none;
        margin-bottom: 100px;
        font-size:0px;
        padding-top: 10px;
        text-align:center;
    }
    .company-content-types ul::-webkit-scrollbar {
        width: 0px;
    }
    .company-content-types ul li {
        margin: 5px 0.25%;
        display:inline-block;
        width: 46% !important;
        border-radius: 10px;
        box-shadow: 0px 11px 20px -10px #ababab;
    }
    .company-content-types ul li a{
        font-size:14px;
        display:block;
        width:100%;
        height:34px;
        background:#db3444;
        position:relative;
        transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        text-align:left;
        color:#fff;
        text-decoration:none !important;
        line-height:45px;
        border-radius: 8px;
    }
    .company-content-types ul li a span {
        float: left;
        font-size: 20px;
        height: 30px;
        width: 30px;
        position: relative;
        display: inline-block;
        line-height: 30px;
        color: #4e5771;
        margin: 1px 2px;
        top: 6px;
        left: 2px;
        text-align: center;
    }

    .company-content-types ul li a.cvAddStand{
        display: flex;
        justify-content: flex-start;
    }
    .company-content-types ul li a.cvAddStand span.cvText{
        color: #fff;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }

    .company-content-types ul:after {
        content:" ";
        clear:both;
        display:table;
    }
}
@media (max-width:550px) {
    .company-content-types ul li {
        width:100%;

    }
}
@media (min-width:851px) {
    .firmaylagorus span {
        font-size:20px;
        display:block;
    }
    .firmaylagorus {
        position: absolute;
        bottom: 10%;
        left: 50px;
        z-index: 1000;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: center;
        line-height: 14px;
        background: rgba(195, 0, 17,0.8);
        /* overflow: hidden; */
        -webkit-box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
        -moz-box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
        box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
        font-size: 14px;
        color: #fff !important;
        text-decoration:none !important;
        padding-top: 10px;
        transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
    }
    .firmaylagorus:hover {
        background: rgba(195, 0, 17,1);
    }
}
@media (max-width:851px) {
    .firmaylagorus span {
        margin-right: 5px;
    }
    .firmaylagorus {
        position: absolute;
        bottom: 3%;
        left: 50%;
        z-index: 1000;
        width: auto;
        line-height: 20px;
        background: rgba(195, 0, 17,0.8);
        -webkit-box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
        -moz-box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
        box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
        font-size: 14px;
        color: #fff !important;
        text-decoration:none !important;
        padding:3px 5px;
        transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        border-radius: 8px;
        padding: 5px 10px;
    }
    .firmaylagorus:hover {
        background: rgba(195, 0, 17,1);
    }
}


/*up*/
/*.modal-content{*/
/*    border-radius: 10px 10px 0 0;*/
/*    background-color: transparent;*/
/*}*/
.modal-header {
    background-color: #ff3146;
    border-radius: 10px 10px 0 0;
}
.modal-header .close{
    color: #fff;
    opacity: 1;
    font-size: 28px;
    margin-top: -3px;
}
.modal-body,
.modal-body .application-box{

    background-color: #fff;
    border: none;
}
.modal-body .form-control{
    height: 40px;
    border-radius: 8px;
    border-color: #db3444;
    box-shadow: none;
}
.form-horizontal .control-label{
    width:100%;
    padding-top: 10px;
}

.form-group .btn{
    border-radius: 15px;
    padding: 5px 25px;
    outline: none !important;
}



.modal .modal-dialog .modal-content .modal-header{
    background-color: #fff !important;
    border-radius: 0;
    border: none;
}
.loginModal .registerModal .modal-dialog .modal-content .modal-header h4{
    margin-top: 0;
    font-size: 32px;
    color: #42aad7 ;
    font-weight: 700;
    text-align: left;
    margin-top: 15px;
}
.modal .modal-dialog .modal-content .modal-header h4{
    margin-top: 0;
    font-size: 32px;
    color: #4172ed !important ;
    font-weight: 700;
    text-align: left;
    margin-top: 15px;
}
.modal .modal-dialog .modal-content .modal-header button.close{
    position: absolute;
    top: 5px;
    right: 0;
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    opacity: 1;
    color: #0b77f1 ;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
}
.modal .modal-dialog .modal-content .modal-body{
    border-radius: 0;
    background-color: #fff;
    border-radius: 10px;
}

.form-group .btn.btn-danger{
    width: auto;
    color: #ffffff;
    transition: all 300ms linear;
    background-size: 200% 200%;
    -moz-box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    border-radius: 10px;
    border: none;
    padding: 8px 25px;
    font-weight: 700;
    font-size: 14px;
}

.form-group .btn.btn-danger:hover{
    background-position: right center;
}
.dropdown-menu{
    border: 0px !important;
}
.choose{
    color: #9b9b9b !important;
}


.form-group .btn.btn-warning{
    background-color: #51ffe0;
    background-image: linear-gradient(326deg, #51ffe0 0%, #0765a5 74%);

    transition: all 300ms linear;
    background-size: 200% 200%;
    -moz-box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
    box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);

    border-radius: 10px;
    border: none;
    padding: 12px 25px;
    font-weight: 700;
    color: #fff;
    display: block;
    font-size: 14px;
}

input[type=checkbox], input[type=radio]{
    margin: 3px 0 0 ;
}
.form-group .btn.btn-warning:hover{
    background-position: right center;
}


.form-group #forgetPassBtn{
    margin: 0 0px;
    padding: 0;
}

/*up 1604*/
.company .thumbnail{
    box-shadow: 0px 0px 15px 1px rgba(231, 231, 231, 0.5);
    -moz-box-shadow: 0px 0px 15px 1px rgba(231, 231, 231, 0.5);
    -webkit-box-shadow: 0px 0px 15px 1px rgba(231, 231, 231, 0.5);
    border-radius: 0;
    border: 1px solid #EDF1FC !important;
}
.company .thumbnail:hover{
    border: 1px solid #EDF1FC;
}
.company .thumbnail .img-height{
    position: relative;
    display: flex;
    width: 80%;
    border-bottom: 1px solid #efefef;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
}
.company .thumbnail  .img-height a{
    height: 100% !important;
}
.company .thumbnail  .img-height a > img{
    max-width: 230px;
    max-height: 100%;
    object-fit: contain !important;
    border-radius: 0px !important;
}
.company .caption > h3{}

/*footer*/
.footer-link ul li{
    list-style: none;
    text-align: right;
    margin: 5px 0;
}
.footer-link ul li a{
    position: relative;
    border-bottom: 1px solid #fff;
    font-size: 13px;
    font-weight: 700;
}
.footer-link ul li a:before{
    content: "";
    position: absolute;
    right: -15px;
    top: 5px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    transform: rotate(45deg);
}

.iletisim-text > div a{
    color: #fff;
    font-weight: 700;
}
.iletisim-text > div a:hover{
    color: #fff;
}





/*up 1604 bootstrap settings*/
.btn-primary{
    background-color: #42aad7;
    border-color: #42aad7;
    font-style: normal;
}

/*global settings*/
a,
button{
    outline: none;
    text-decoration: none;
}

a:active,
a:focus,
a:hover,
button:active,
button:focus,
button:hover{
    text-decoration: none;
    outline: none;
}



.alert {
    padding: .7143rem 1.071rem;
    margin-bottom: 1.429rem;
    border-radius: 2px;
    border: 1px solid transparent;
    color: #FFF
}

.alert.alert-square {
    border-radius: 0
}

.alert .close {
    position: relative
    color: #fff;
}

.alert.alert-dismissable,
.alert.alert-dismissible {
    padding-right: 2.5rem
}

.alert.alert-dismissable .close,
.alert.alert-dismissible .close {
    top: -2px;
    right: -20px;
    color: inherit
}

.alert.alert-primary {
    background-color: #2196F3;
    border-color: #2196F3
}

.alert.alert-secondary {
    background-color: #323a45;
    border-color: #323a45
}

.alert.alert-success {
    background-color: #64DD17;
    border-color: #64DD17
}

.alert.alert-info {
    background-color: #29B6F6;
    border-color: #29B6F6
}

.alert.alert-warning {
    background-color: #FFD600;
    border-color: #FFD600
}

.alert.alert-danger {
    background-color: #ef1c1c;
    border-color: #EF5350
}



@media (min-width: 768px) {
    ul.loginNav{
        position: absolute;
        right: 0;
        top : 0;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    ul.loginNav:before{
        content:"";
        position: absolute;
        left: 50%;
        top : -75px;
        z-index: -1;
        transform: translateX(-50%);
        width: 350px;
        height: 120px;
        border-radius: 0 0 50% 50%;
        background: rgba(6,27,54,1);
        background: -moz-linear-gradient(top, rgba(6,27,54,1) 0%, rgba(6,27,54,1) 71%, rgba(5,41,95,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,27,54,1)), color-stop(71%, rgba(6,27,54,1)), color-stop(100%, rgba(5,41,95,1)));
        background: -webkit-linear-gradient(top, rgba(6,27,54,1) 0%, rgba(6,27,54,1) 71%, rgba(5,41,95,1) 100%);
        background: -o-linear-gradient(top, rgba(6,27,54,1) 0%, rgba(6,27,54,1) 71%, rgba(5,41,95,1) 100%);
        background: -ms-linear-gradient(top, rgba(6,27,54,1) 0%, rgba(6,27,54,1) 71%, rgba(5,41,95,1) 100%);
        background: linear-gradient(to bottom, rgba(6,27,54,1) 0%, rgba(6,27,54,1) 71%, rgba(5,41,95,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061b36', endColorstr='#05295f', GradientType=0 );
    }
    ul.loginNav li{
        margin: 10px 15px;
    }
    ul.loginNav li a{
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    ul.loginNav li a span.glyphicon-user{
        padding: 5px;
        background: #1666e8;
        border-radius: 50%;
    }

    ul.loginNav li .svg-icon{
        margin-right: 10px;
        width: 26px;
        height: 26px;
        fill: #03a9f4;
        border: 1px solid #dddddd;
        border-radius: 10px;
        padding: 3px;
        transition: all .1s;
    }

    ul.loginNav li a:hover .svg-icon{
        transform: scale(1.1);
        border-color: #03a9f4;
    }

    ul.loginNav li a span.menu-text{
        font-size: 13px;
    }

    ul.loginNav li.langSelect{
        display: flex;
        position: absolute;
        left: -85px;
    }

    ul.loginNav li.langSelect a{
        margin: 0 3px;
        border: none;
        background: #fff;
        border-radius: 50%;
        opacity: 0.2;
        transition: all .2s;
    }

    ul.loginNav li.langSelect  a.active,
    ul.loginNav li.langSelect  a:hover{
        opacity: 1;
    }

    ul.loginNav li.langSelect  a:hover .svg-icon{
        transform: none;
        border-color: none;
    }

    ul.loginNav li.langSelect .svg-icon{
        margin: 0;
        border: none;
    }

    .modal-dialog{
        margin: 100px auto 25px;
    }

    .navbar-inverse a.navbar-brand{
        margin-top: 3px;
    }
    .navbar-inverse{
        min-height: 90px;
    }
    .navbarWrap{
        position: relative;
    }

    .navbarWrap ul.navbar-nav{
        margin: 48px 0 0;
    }
    .navbarWrap ul.navbar-nav li > a{
        padding: 0 10px;
    }
    .navbarWrap ul.navbar-nav li > a span.glyphicon{
        display: flex;
        width: 32px;
        height: 32px;
        justify-content: center;
        align-items: center;
        display: none;
    }
    .navbarWrap ul.navbar-nav li > a span.menu-text{
        margin-left: 0;
        margin-top: 5px;
        display: block;
        position: relative;
        font-size: 14px;
    }
    .navbarWrap ul.navbar-nav li > a span.menu-text:before{
        content:"";
        position: absolute;
        left: 0;
        bottom: -3px;
        width: 100%;
        height: 1px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 30%, rgba(255,255,255,0.52) 53%, rgba(255,255,255,0.45) 77%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(30%, rgba(255,255,255,0.46)), color-stop(53%, rgba(255,255,255,0.52)), color-stop(77%, rgba(255,255,255,0.45)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 30%, rgba(255,255,255,0.52) 53%, rgba(255,255,255,0.45) 77%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 30%, rgba(255,255,255,0.52) 53%, rgba(255,255,255,0.45) 77%, rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 30%, rgba(255,255,255,0.52) 53%, rgba(255,255,255,0.45) 77%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 30%, rgba(255,255,255,0.52) 53%, rgba(255,255,255,0.45) 77%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        transform: scale(0);
        transition: all .2s;
    }
    .navbarWrap ul.navbar-nav li > a:hover span.menu-text:before{
        transform: scale(1);
    }
    .navbarWrap ul.navbar-nav li > a span.caret{
        display: none;
    }

    .navbar-nav > li > .dropdown-menu{
        margin-top: 15px;
        border: none;
        border-radius: 0;
        padding: 0;
    }
    .navbar-nav > li > .dropdown-menu li > a{
        text-align: left;
        padding: 10px 15px;
    }
    .navbar-nav > li > .dropdown-menu .divider{
        margin: 0;
    }
}

@media (max-width: 768px) {
    ul.loginNav{
        margin: 15px 0 25px;
        padding: 0;
        list-style-type: none;
        display: flex;
        justify-content: center;
    }
    ul.loginNav li{
        margin: 0 15px;
    }
    ul.loginNav li a{
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    ul.loginNav li a span.glyphicon{
        padding: 5px;
        background: #1666e8;
        border-radius: 50%;
    }
}
.modal-language-icon{
    position: absolute;
    text-align: center;
    z-index: 4;
    width: 100%;
    margin-top: -20px;
}
.modal-dragdrop-svg{
    margin-left: 26px;
}
.modal-lng-svg{
    position: absolute;
    margin: auto;
}
.langSelectInner {
    text-align: center;
    margin-bottom:20px;
    font-size: 12px;
}

.langSelectInner a {
    opacity: 0.5;
    transition: all .2s;
}

.langSelectInner a.active,
.langSelectInner a:hover {
    opacity: 1;
}

ul.loginNav li.langSelect{
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}
ul.loginNav li.langSelect a{
    margin: 0 3px;
    border: none;
    background: #fff;
    border-radius: 50%;
    opacity: 0.2;
    transition: all .2s;
}


ul.loginNav li.langSelect  a.active,
ul.loginNav li.langSelect  a:hover{
    opacity: 1;
}
ul.loginNav li.langSelect  a:hover .svg-icon{
    transform: none;
    border-color: none;
}
ul.loginNav li.langSelect .svg-icon{
    margin: 0;
}

/*up1904*/
.extraMain{
    padding: 70px 0;
}


.titleBox{
    border-bottom: 1px solid #ccc;
    margin: 25px 0;
    padding-bottom: 5px;
}
.titleBox h2{
    font-size: 24px;
    display: inline;
    margin: 0;
    position: relative;
}
.titleBox h2:before{
    content:"";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #db3444;
}

.tabWrap p.errResult{
    text-align: center;
    padding: 50px 0;
    font-size: 16px;
}


/*avatar uplad*/
.avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
    content: "\e167";
    font-family: 'Glyphicons Halflings';
    color: #757575;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    font-size: 16px;
}



/*tabs update 1904*/
.modal-body .nav-tabs > li > a{
    color: #555;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{

}


.loading-overlay.loading-theme-dark{
    z-index: 999999;
}
.caller-title {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    color:#4172ed;
    font-size: 26px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    font-weight: 700;
    margin-top: 70px;
}

.caller-title:before {
    content: "\e046";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: -56px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 36px;
}

.caller-name {
    text-align: center;
    font-size: 30px;
    color: #000;
}
.caller-company {
    text-align: center;
    font-size: 14px;
    color: #666;
}
.caller-actions {
    margin-top: 30px;
    margin-bottom: 30px;
}


.caller-actions .row{
    display: flex;
    justify-content: center;
}
.caller-actions .row .col-xs-6{
    width: auto;
}

.caller-actions .btn{
    border-radius: 8px;
    padding: 10px 25px;
    border: none;
    font-weight: 700;
    outline: none;
}
.caller-actions .btn.btn-danger{
    background-color: #9b0007;
}
.caller-actions .btn.btn-danger:hover{
    background-color: lighten(#9b0007, 10%);
}
.caller-actions .btn.btn-success{
    background-color: #00a05a;
}
.caller-actions .btn.btn-success:hover{
    background-color: lighten(#00a05a, 10%);
}
.call-sources {
    margin-top: 15px;
}

.call-sources .row{
    display: flex;
    padding: 0 12px;
}
.call-sources .row .col-xs-12{
    padding: 0 2px;
}

.call-sources select.form-control{
    height: 30px;
    padding: 0 3px;
}

.campanyWrapper .topTitle h2{
    font: normal normal normal 27px/25px Montserrat;
    letter-spacing: 0px;
    /* font-size: 18px; */
    background-color: #fff;
    color: #131313cc;
    margin: 0;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600;
    padding-top: 75px;
    text-align: center;
}
.topTitle h2 {
    font-size: 18px;
    background-color: #fff;
    color: #4172ed;
    margin: 0;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600;
    padding-top: 45px;
    text-align: center;
}

.formWrap { padding: 25px 0; background-color: #fff; }
.formWrap .formBox .btn.btn-primary { background-color: #cf2637; border: none; }
.formWrap .formBox .btn.btn-primary:focus, .formWrap .formBox .btn.btn-primary:active, .formWrap .formBox .btn.btn-primary:hover { background-color: #de4a59; }
.formWrap .formBox form { display: flex; }
.formWrap .formBox form .formInput { width: 100%; position: relative; }
.formWrap .formBox form .formInput .form-control { height: 46px; border: 1px solid #cf2637; border-radius: 10px; padding-left: 40px; box-shadow: none; }
.formWrap .formBox form .formInput i { position: absolute; color: #c73140; font-size: 20px; top: 12px; left: 10px; }
.formWrap .formBox form button { margin-left: 10px; border-radius: 10px; width: 80px; }
.formWrap .formPagination{ display: flex; justify-content: center; margin-top: 10px; }
.formWrap .formPagination .btn.btn-primary { border-radius: 0; margin: 0 5px;}

.seminiarWrap{ min-height: 100vh; }
.seminiarList .seminiarBox {
    background-color: #ffffff;
    margin: 20px 0;
    box-shadow: 0 20px 60px rgba(0,0,0,.07);
    border-radius: 8px;
    color: #3a3a3a !important;
    border-radius: 30px;
    height: auto;
}
.seminar-img-content{
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    border-radius: 30px 30px 0px 0px;
}
.seminar-img-content img{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100% !important;
    /*margin-top: -80px;*/
    background-color: #f3f3f3;
    border-radius: 30px 30px 0px 0px;
    transition: transform 0.5s ease-out;
}
.seminar-img-content:hover img{
    filter: brightness(100%);
    transform: scale(1.1);
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.seminar-description-content {
    border-radius: 0px 0px 30px 30px ;
    padding: 20px;
    position: relative;
}
.seminar-date{
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: 600;
    color: #383838;
}
.seminar-description{
    font-size: 24px;
    font-weight: 400;
    color: #383838;
    margin-bottom: 5px;
    font-family: "Montserrat", Sans-Serif;
}
.seminar-description a{
    color:#383838 !important;
    font-size: 17px;
}
.speakers-title{
    color: #aeaeae;
    font-size: 16px;
    font-family: "Montserrat", Sans-Serif;
    margin-bottom: 10px;
}
.seminar-speakers img{
    width: 49px !important;
    height: 49px !important;
    border-radius: 50%;
}
.speakers-list{
    height: 53px;
    max-width: 100%;
}
.speaker-plus{
    text-align: center;
    line-height: 50px;
    background: #f3f3f3;
    color: #000;
    font-size: 16px;
    font-family: "Montserrat", Sans-Serif;
    width: 50px;
    border-radius: 50%;
    display: inline-block;
}
.speakers-salary{
    position: absolute;
    right: 20px;
    top: 0;
    padding: 8px 10px;
    transform: translateY(-50%);
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
    border-radius: 6px;
    background: #4172ed;
    color: white !important;
    font-weight: 700;
    color: #383838;
}
.speakers-salary:hover{
    cursor:pointer;
}

.seminiarList .seminiarBox .semRow { display: flex; flex-wrap: wrap; }
.seminiarList .row:before,
.seminiarList .row:after { display: block !important;}
.seminiarList .seminiarBox .semImgDate {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 72px;
    position: relative;
    min-height: 116%;
    border-radius: 5px;
    /*background: #8989896b;*/
    margin: -8% 10px;
}
.seminiarList img {
    width: 100%;
    height: auto;
}
.seminiarList .seminiarBox .semImgDate span.semDate {
    position: absolute;
    left: -30px;
    top: 50%;
    background-color: #fff;
    border-radius: 10px;
    transform: translateY(-50%);
    text-align: center;
    color: #4172ed;
    padding: 5px;
    box-shadow: 0px 0px 12px 6px rgb(58 58 58 / 12%);
}
.seminiarList .seminiarBox .semImgDate span.semDate strong { display: block; font-size: 38px; line-height: 34px; }
.seminiarList .seminiarBox .semImgDate span.semDate span { display: block; font-size: 13px; }
.seminiarList .seminiarBox .semContent { padding: 25px 25px 35px 0; position: relative; }
.seminiarList .seminiarBox .semContent span { display: block; color: #7a7a7a; }
.seminiarList .seminiarBox .semContent span.semName { font-weight: 700; font-size: 16px; }
.seminiarList .seminiarBox .semContent span.semDesc { margin: 15px 0; }
.seminiarList .seminiarBox .semContent a.semLink {
    font-size: 16px;
    width: auto;
    color: white;
    display: inline-block;
    height: 35px;
    line-height: 19px;
    float: right;
    margin-bottom: 10px;
    padding: 8px;
    background: #4172ed;
    border-radius: 5px;
}
.twolines-etc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.speakers-modal-dialog .modal-body{
    padding-top: 0px !important;
}
.speaker-title{
    text-align: center;
}
.semName:hover{
    cursor: pointer;
}
.speaker-img-content{
    text-align: center;
    margin-top: 20px;
    min-height: 240px !important;
    border-right: 1px solid #ededed;
}
.speaker-img-content:last-child{
    border-right: 0px !important;
}
.speaker-info{
    text-align: left;
    margin-top: 15px !important;
}
.speaker-img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    object-fit: cover;
}
.speakers-modal-dialog{
    width: 50% !important;
}
.seminiarList .seminiarBox .semContent span.semLink a { color: #fff; text-decoration: underline; }
.seminiarList .seminiarBox .semContent span.semLink a:hover { text-decoration: none; }
.seminiarList .seminiarBox .semContent span.semTime {
    font-size: 13px;
    position: absolute;

    bottom: 10px;
    font-weight: 400;
}
@media (max-width: 991px) { .seminiarList .seminiarBox { background-color: #ffffff; margin: 25px 0; }
    .seminiarList .seminiarBox .semRow { display: flex; flex-wrap: wrap; }
    .seminiarList{padding: 0px !important;}
    .topTitle{padding-top: 30px !important;}
    .seminiarList .seminiarBox .semImgDate { position: relative; background: none; margin: 15px 15px 0; }
    .seminiarList .seminiarBox .semImgDate i { display: none; }
    .seminiarList .seminiarBox .semImgDate span.semDate { display: block; position: relative; left: 0; top: 0; transform: none; }
    .seminiarList .seminiarBox .semContent { padding: 15px; } }


.extraMain { background-color: #F0F2F7; min-height: calc(100vh - 0px); }
.extraMain ul.tabNavs { margin-bottom: 25px; }

.extraMain ul.nav.tabNavs > li > a:focus, .extraMain ul.nav.tabNavs > li > a:hover { text-decoration: none; background-color: transparent; }
.extraMain ul.nav-pills.tabNavs > li.active > a,
.extraMain ul.nav-pills.tabNavs > li.active > a:focus,
.extraMain ul.nav-pills.tabNavs > li.active > a:hover {
    color: #4E5771;
    font-weight: 700;
    background-color: transparent;
}


tabWrap .profileBox .addCVButton .upload-btn-wrapper { position: relative; overflow: hidden; display: block; }
.tabWrap .profileBox .addCVButton .btn { color: #4172ed; background-color: #fff; padding: 12px 20px; border-radius: 8px; font-size: 14px; font-weight: 700; display: inherit; margin: 0 auto; }
.tabWrap .profileBox .addCVButton .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; }



.tabWrap form .formGroup span.formIcon { position: absolute; left: 0px; width: 60px; display: block; background: #fff; height: 110%; border: 1px solid #cf2637; display: flex; justify-content: center; align-items: center; border-radius: 0 5px 5px 0; }
.tabWrap form .formGroup span.formIcon i.glyphicon { display: block; background: #cf2637; padding: 7px; border-radius: 50%; color: #fff; }
.tabWrap form .btn.btn-primary { background-color: #4172ed; width:15%; border: none; border-radius: 6px; padding: 10px 25px; font-size: 16px; font-weight: 700; }
.tabWrap form .btn.btn-primary:focus, .tabWrap form .btn.btn-primary:active, .tabWrap form .btn.btn-primary:hover { background-color: #4172ed; }


.cvFormBox form.form-horizontal .control-label { color: #cf2637; font-weight: 400; text-align: left; }
.cvFormBox form .form-control { border-radius: 8px; border: 1px solid #cf2637; }
.cvFormBox form .form-control:focus, .cvFormBox form .form-control:active { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(207, 38, 55, 0.5); }
.cvFormBox form .formGroupThree label.control-label { padding-top: 25px; }
.cvFormBox form .formGroupThree label.inLabel { padding-top: 0; }
.cvFormBox h2.fieldTitle { font-size: 22px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px; }



@media (max-width: 991px) { .extraMain ul.tabNavs { margin-bottom: 0px; margin-top: 25px; }
    .tabWrap form .formGroup span.formIcon { border-radius: 5px; } }

.tabWrap form .formGroup span.formIcon { left: 0; width: 50px; }
.cvFormBox form .formGroupThree label.control-label { padding-top: 15px; }
.tabWrap form .formGroup { flex-wrap: wrap; }
.tabWrap form .formGroup label.formlabel { margin-top: 10px; margin-bottom: 0; }
.tabWrap form .formGroup .form-control { height: 34px; } }




.modal .modal-dialog .modal-content .modal-body{
    border-radius:0 0 10px 10px;
}


.modal .modal-dialog .modal-content .modal-header h4{
    text-align: center;
    color: #4172ed !important;
    font-size: 26px;
    font-weight: 900;
}
.noLoginText a:focus,
.noLoginText a:hover{
    color: white !important;
    text-decoration: none !important;
}
.loginModal .modal-dialog .modal-content .modal-header h4{
    text-align: center;
    color: #4172ed !important;
    font-size:22px !important;
    font-weight: 900;
    z-index: 99999;
}
.registerModal .modal-dialog .modal-content .modal-header h4{
    text-align: center;
    color: #4172ed !important;
    font-size:22px !important;
    font-weight: 900;
    z-index: 99999;
}
.modal .modal-dialog .modal-content .modal-header p{
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}
.modal .modal-dialog .modal-content .modal-header{
    border-radius: 10px 10px 0 0;
}
.modal .modal-dialog .modal-content .modal-header button.close{
    color: #000;
    font-size: 32px;
}



/*Popup*/

.qtip.qtip-youtube{
    background: url('/fair/images/popup-bg.png') 0 0 no-repeat transparent;
    width: 380px !important;
    max-width: 380px;
    height: 240px;
    background-size: 100% 100%;
    border: none;
    box-shadow: none;
    margin-top: 20px;
    position: absolute;
}

.qtip .stand-tt-title{
    border: none;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 30px;
    padding: 0 50px;
}

.qtip .stand-tt-content{
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    background: #fff;
    width: 200px;
    margin: 0 auto;
    height: 110px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    border-radius: 10px;
    align-items: center;
    padding: 5px;
    overflow: hidden;
}

.qtip .qtip-content .stand-tt-slogan{
    text-align: center;
    padding: 0 45px;
    font-style: italic;
    margin: 5px 0 10px;
}


.qtip img.stand-tt-logo{
    width: auto;
    max-width: 180px;
    max-height: 110px;
}

.registerForm .form-group {
    margin: 10px 0 !important;
}


.loginModalContent{
    background: #fff;
    padding: 0 70px;
}

.loginModalContent .modalFormGroup{
    position: relative;
    margin:auto;
}
.loginModalContent .modalFormGroup .form-control{
    /* padding-left: 65px; */
    border: none;
    box-shadow: none;
    height: 50px;
    font-size: 14px;
    background: #f8f8f9;
    margin-bottom: 0px !important;
    color: #565656;
}
.loginModalContent .modalFormGroup span.glyphicon{
    position: absolute;
    left: 0;
    top: 3px;
    background: #B4BCD0;
    padding: 15px;
    border-radius: 50%;
    color: #fff;

}
.loginModalContent .modalFormGroup hr{
    margin: 5px 0;
    border-top: 1px solid #B4BCD0;
}

#registercontent.loginModalContent .modalFormGroup input.form-control{
    height: 50px;
}
#registercontent.loginModalContent .modalFormGroup input.form-control ~ span.glyphicon{
    top: 0px;
}
.loginModalContent .modalFormGroup.mCusModal .checkbox{
    margin-left: 15px;
}

.loginModalContent .modalFormGroup.mCusModal{
    margin-bottom: 5px;
    font-size: 13px;
    margin-bottom: 5px;
    text-align: left;
    color: #B4BCD0;
}
.loginModalContent .modalFormGroup.mCusModal #forgetPassBtn{
    width: 100%;
    text-align: center;
    color: #4172ed;
    background: transparent !important;
    font-size: 13px;
    box-shadow: none;
    white-space: initial !important;
}
.loginModalContent .modalFormGroup.mCusModal #forgetPassBtn:hover{
    color: #4172ed !important;
}
button.modalBtnPrimary{
    margin-top: 15px;
    height: 50px;
    font-size: 16px;
    min-width: 150px;
    color: white;
    background-color: #4172ed !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1001a', endColorstr='#820000', GradientType=0 ) !important;
}

.noLoginText{
    text-align: center;
    color: #B4BCD0;
}
.noLoginText a{
    display: inline-block;
    height: 40px;
    width: auto !important;
    line-height: 40px;
    background: #2A3253;
    color: white;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
}
.left-cv {
    /*

    position: absolute;
    z-index: 1000;
    top: 10px;
    left: 10px;
    */
}



@media (max-width: 574px) {
    .loginModalContent{
        padding: 0 15px;
    }
    .loginModalContent .modalFormGroup input.form-control{
        height: 50px;
        padding-right: 0;
    }
    .noLoginText a{
        margin-top: 10px;
    }
}




.hole-selector li{
    padding-top: 8px;
    margin-left: 10px;
    position: relative;
    box-shadow: 0px 4px 8px 0px #8a8a8a2e;
}
.hole-selector li a{
    font-weight: 700;
    font-size: 15px;
    color: #4172ed;
    border-radius: 8px;
}
.hole-selector li.active{
    background: #4172ed ;
}
.hole-selector li.active a{
    color: white ;

}
.accessibility-dark-contrast li.focus{
    color: black !important;
}
.accessibility-dark-contrast li.active{
    color: black !important;
}
.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}
@media (max-width: 574px) {
    .hole-selector{
        width: 65%;
        height: 45px;
        justify-content: center;
        right: 0;
        top: 0;
        bottom: 0;
        list-style-type: none;
        white-space: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .hole-selector::-webkit-scrollbar {
        display: none;
    }
    .hole-selector li{
        margin: 0 5px;
    }
    .hole-selector li a{
        /*padding: 0 10px;*/
        font-weight: 700;
        font-size: 12px;
        border-radius: 8px;
    }
}
a:focus, a:hover{
    text-decoration: none !important;
}
.company .thumbnail{
    border-radius: 10px;
}
.company .thumbnail:hover{
    border: 1px solid #c60013;
}

.company .thumbnail .caption > p{
    font-size: 13px;
}
.company .thumbnail .caption > .capt-btn{

    width: 80%;
    margin: auto;
}
.company .thumbnail .caption > .capt-btn > a {
    width: 100%;
    margin-bottom: -32px !important;

}
.company .thumbnail .caption a.btn-primary{
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    background: #4172ed !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1001a', endColorstr='#820000', GradientType=0 ) !important;
}
.company .thumbnail .caption a.btn-primary:hover{
    transform: scale(1.05);
}

.chatModalBox.modal .modal-dialog .modal-body{
    border-radius: 10px;
}

.modal{
    z-index: 99999;
    margin: 0;
    position: absolute !important;
    /*top: 50% !important;*/
    /*-ms-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    height: fit-content;
}
.modal-backdrop{
    z-index: 99998;
}

#nSeminerModal{
    z-index: 999999;
}

#nSeminerModal  .modal-dialog .modal-content .modal-body{
    border-radius: 10px;
}

.modalDetailBox .textBox h2{
    text-align: center;
    color: #db3444;
    font-size: 26px;
    font-weight: 900;
}
.semImgSt{
    width: 100%;
}

.seminerImg img{
    width: 100%;
}

.seminerLink{
    text-align: center;
    margin-top: 15px;
}
.seminerLink a.btn{
    margin-top: 15px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    border: none;
    padding-top: 14px;
    border-radius: 13px;
    width: 200px;
    background: #4172ed;
}

#nModalDesign{
    z-index: 999999;
}


.company-content-types ul li a.cvAddStand{
    /*animation: 1s .2s fadeIn both infinite;*/
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}


.register-row{
    max-height: 80px !important;
    overflow: auto;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{
    margin-left: 0px !important;
}
.hole-stand-item .caption{
    height: 122px;
}
.search-hole-stand-item .caption{
    height: 122px;
}
.registerMultiCheck .radio-inline{
    width: 100%;
    padding-left: 36px !important;
}
#rateBtn{
    position: absolute;
    top: 1rem !important;
    right: 3.6rem !important;
}
#rateBtn:hover{
    cursor: pointer;
}
#rateModalBtn{
    width: 25px;
    height: 25px;
    padding: 4px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.chat-container .btn-info {
    color: #fff !important;
    background-color: #f45e00 !important;
    border-color: #f45e00 !important;
}
#rateBtn .glyphicon{
    left: 1px !important;
}

/* update1704 */
.modal{
    text-align: center;
}
@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: auto;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    font-family: "Montserrat", sans-serif !important;
    margin-top: calc(50% - 42%);
}

.modal-header p {
    color: #a5acbd !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
.resetpassModal .form-group{
    margin: 0px !important;
}
@media (min-width: 768px) {
    .modal-dialog{
        margin: 15px auto;

    }
}

@media screen and (max-width: 768px) {
    .modal .modal-dialog{
        width: 100%;
        padding: 10px;
        margin: 0;
        margin-top: calc(50% - 37%);
    }
    .modal .modal-dialog .modal-body{
        border-radius: 0;
    }
}
.form-horizontal .form-group{
    margin: 10px;
}
.modal-footer{
    display: inline-block;
    width: 100%;
    padding: 0px;
    text-align: left;
    border-top: 0px;
}
@media only screen and (max-width: 800px){
    .modal-dialog-widthLarge .form-group {
        width: 47%;
    }
}
@media only screen and (min-width: 450px) {

    .register-modal{
        height: auto !important;
    }
    .modal-dialog-widthLarge {
        width: 60% !important;
    }

    .modal-dialog-widthLarge .form-group {
        width: 47%;
    }

    .modal-dialog-widthLarge .loginModalContent {
        padding: 0 10px !important;
    }

    .modal-dialog-widthLarge .loginModalContent .modalFormGroup {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .modal-dialog-widthLarge .modal-footer .form-group {
        width: 100%;
    }
}

/************************************************** fChat-1 END*/

.chatModalBox.fChat-1 .modal-content{
    box-shadow: none !important;
    border: none !important;
    border-radius: 0;
    background: rgba(0,0,0,0.8);
}
.chatModalBox.fChat-1 .modal-body{
    padding: 0;
    background: transparent;
}
.chatModalBox.fChat-1.modal .modal-dialog .modal-content .modal-body{
    background: transparent;
}
@media screen and (min-width: 769px) {
    .chatModalBox.fChat-1 .modal-dialog{
        width: 768px;
    }
}

.chatModalBox.fChat-1 button.call-camera-settings{
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 9;
    border-radius: 50%;
    background: rgba(255,255,255,0.7);
    color: #333;
    border: none;
    transition: all .2s;
}
.chatModalBox.fChat-1 button.call-camera-settings:hover{
    opacity: 1;
}


.put-it-down{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
    background: rgba(255,255,255,0.7);
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #333;
}

.chatModalBox.fChat-1 .call-sources{
    display: none;

    position: absolute;
    left: 15px;
    top: 55px;
    background: #fff;
    z-index: 8;
    width: 200px;
    border-radius: 8px;
    padding: 10px;
    margin-top: 0;
}
.chatModalBox.fChat-1 .call-sources.show{
    display: block;
}

.chatModalBox.fChat-1 .call-sources .call-sources-setting-row{
    margin: 5px 0;
}

.chatModalBox.fChat-1 .call-actions{
    width: auto;
    margin: 10px 0;
    padding: 8px 10px;
    background: rgba(255,255,255,0.7);
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%);
}


/*asagi indir*/
.body-put-it-down .modal-backdrop{
    display: none;
}
.fChat-1-put-it-down{
    display: block;
    /* width: 400px !important;
    height: 200px !important;
    right: 50px;
    left: auto;
    top: 100px; */

    width: 360px !important;
    height: 200px !important;
    left: 0;
    right: auto;
    bottom: 0;
    top: auto;

    padding: 0 !important;
}
.fChat-1-put-it-down.chatModalBox.fChat-1 .modal-dialog{
    width: 350px;
    height: auto;
    margin: 0;
    padding: 0;
}
.fChat-1-put-it-down .videoContainer .frame{
    /* width: 300px; */
    /* height: 169px; */
}

@media screen and (max-width: 768px) {
    .chatModalBox.fChat-1{
        padding: 0 !important;
    }
    .chatModalBox.fChat-1 .modal-dialog{
        padding: 0;
    }
    .chatModalBox.fChat-1 .call-actions{
        bottom: 0;
    }
    .chatModalBox.fChat-1 .call-sources{
        top: 10px;
        left: 50px;
    }
    .fChat-1-put-it-down.chatModalBox.fChat-1 .modal-dialog{
        width: 100%;
    }

    .fChat-1-put-it-down{
        width: 100% !important;
        height: 120px !important;
        right: auto;
        left: auto;
        top: 0;
        bottom: auto;
        position: fixed;
    }
}

.chatModalBox.fChat-1 .vidyo-rendering-container .media-grid .video-display-name-wrapper .video-display-name{
    padding: 5px 15px 15px !important;
    width: auto !important;
    font-size: 14px !important;
}





/************************************************** fChat-2*/

@keyframes play {
    0% {
        transform: translateX(-50%) scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(233, 0, 43, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(233, 0, 43, 0.4), 0 0 0 20px rgba(233, 0, 43, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(233, 0, 43, 0.4), 0 0 0 30px rgba(233, 0, 43, 0.2);
    }
}
.chatModalBox.fChat-2 .caller-title{
    margin-top: 100px;
}
.chatModalBox.fChat-2 .caller-title:before{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto 0;
    top: -100px;
    animation: play 2s ease infinite;
}


.chatModalBox.fChat-2 .modal-content{
    border-radius: 150px;
}

.chatModalBox.fChat-2 .celler-request-actions{
    margin-bottom: 25px;
}
.chatModalBox.fChat-2 .modal-dialog .modal-body{
    /* border-radius: 150px; */
}


@media screen and (max-width: 768px) {
    .chatModalBox.modal .modal-dialog{
        width: 100%;
        padding: 10px;
        margin: 0;
    }
    .chatModalBox.modal .modal-dialog .modal-body{
        border-radius: 10px;
        margin-top: 50px;
    }
    .hole-stands .container{
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
}

/************************************************** fChat-2 END*/






/*up3004*/


.flex-sett {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
}

.campanyWrapper{
    min-height: calc(100vh - 55px);
    background-color: white;
}
.date-content{
    /*background: #f5f5f5;*/
    border-radius: 9px;
}
.seminiar-container .badge {
    display: inline-block;
    padding: .75em;
    font-size: 1.5em;
    margin: 0px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.seminiar-container .badge-primary{
    background: transparent;
    color: #007bff;
}
.dsc-content{
    text-align: center;
    width: 100%;
}
.campanyWrapper .description{
    width: 100%;
    text-align: center;
    color: #8a8a8a;
}
.campanyList{
    background-color: white;
    padding: 50px 0;
}
.campanyCard {
    margin-bottom: 30px;
    box-shadow: 0px 0px 20px #cacaca;
    border-radius: 10px;
}
.campanyCard .campanyImage{
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    height: 300px;
}
.campanyCard .campanyImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .9s;
}


.campanyCard:hover .campanyImage img{
    transform: scale(1.05)
}

.campanyCard span{
    display: block;
    color: #09182a;
}
.campanyCard span.campanyName{
    font: normal normal normal 19px/30px Montserrat;
    letter-spacing: 0px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.campanyCard span.campanyDesc{
    font: normal normal normal 14px/25px Montserrat;
    letter-spacing: 0px;
    margin-bottom: auto;
}

.campanyCard .campanyContent{
    padding: 15px;
    background-color: #fff;
    min-height: 176px;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.campanyCard .campanyContent a.btn{
    font: normal normal normal 14px/25px Montserrat;
    letter-spacing: 0px;
    background: #4172ed;
    border: none;
    box-shadow: none;
    font-size: 16px;
    margin-top: 25px;
    transition: all .2s;
    padding: 10px;
}


/*.campanyCard .campanyContent a.btn:hover{*/
/*    transform: scale(1.05)*/
/*}*/

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

    .campanyList .campanyCard .semRow .col-md-4,
    .campanyList .campanyCard .semRow .col-md-8 {
        width: 100%;
    }

    .campanyCard .campanyImage{
        overflow: hidden;
        height: 250px;
    }
}


.iletisim-back .iletisim-text{ margin: 0 !important}

.iletisim-back .footer-link ul{ margin: 0; padding: 0 ; display: flex;
    list-style: none;}

.iletisim-back .footer-link ul li a{ margin: 0 15px;}
.iletisim-back .footer-link ul li a::before { right: auto; left: -15px;}


.svg-icon {
    width: 20px;
    height: 20px;
    margin: 0;
}
.svg-icon.fill-white{
    fill: #fff;
}
.svg-icon.fill-black{
    fill: #000;
}

.footer-sosyal .social-media-link{
    display: none;
    justify-content: center;
    margin-top: 20px;
}
.footer-sosyal .social-media-link a{
    background: #97a2c0;
    width: 33px;
    height: 33px;
    border-radius: 17px;
    padding: 7px;
    margin-right: 5px;
}

.footer-sosyal p a{ color: #fff; text-decoration: underline; }

.virtual-bag-form .btn {
    background: transparent !important;
    color: white;
    height: 100%;
    width: 100%;
    border: 0px;
    padding: 10px;
    outline: none;
    cursor: pointer;
}
.extra-stand-modal-body .panel-body{
    border-top: 1px solid #efefef !important;
    display: grid;
    grid-template-columns: 90% 10%;
    background: #9292921a;
}
.extra-stand-modal-body .entry-content{
    grid-column: 1;
}
.extra-stand-modal-body .virtual-bag-form{
    grid-column: 2;
    margin-right: auto;
    margin-left: auto;
}
.entry-content span,
.entry-content p,
.entry-content strong {
    background: transparent !important;
}

.tab-pane .grid,
.download-modal-body .grid{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-top: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.download-modal-body{
    padding: 0px !important;
}
.download-modal-body .card{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #fff;
    border: 0px;
    border-radius: 5px;
    padding: 0px;
    /* padding-bottom: 15px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.download-modal-body .card .card-img{
    padding: 10px;
}
.card-body {
    text-align: center;
    overflow: hidden;
    background: #31406B;
    color: white;
    padding: 15px 10px;
}
.card-body a{
    color:white !important;
    font-weight: 700;
}

.stand-rate-modal-dialog .top-message,
.stand-rate-modal-dialog .bottom-message{
    color: #8a8a8a;
}
.stand-rate-modal-body{
    text-align: center;
    padding-top: 0px;
}
.stand-rate-modal-body .form-control{
    height: auto;
    border-radius: 8px;
    background: #f7f7f7;
    box-shadow: none;
    padding: 15px;
    border: 0px !important;
}
.stand-rate-modal-dialog .modal-footer{
    border-top: 0px !important;
    text-align: center;
}
.stand-rate-modal-dialog #ratingSubmitBtn{
    background: #4172ed;
    border: 0px;
    border-radius: 8px;
    padding: 10px 50px;
    font-weight: 500;
    margin: auto;
    min-width: 0px;
    margin-bottom: 20px;
}
.stand-rate-modal-dialog .alert{
    margin-bottom: 0px;
}
.tab-pane .card{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #fff;
    border: 1px solid #ededed !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;
    padding: 0px !important;
    border: 1px solid #eaeaea;
}
.bag-container .card{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: #0a0f14;
    border-radius: 5px;
    padding: 20px;
    padding-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.download-modal-body .card {
    box-shadow: 0px 0px 50px -4px rgb(0 0 0 / 26%);
}
.bag-container .card .card-img,
.tab-pane  .card .card-img,
.download-modal-body .card .card-img{
    position: relative;
    cursor: pointer;
}
.tab-pane .card .card-img img{
    width: 100%;
    height: 125px !important;
    image-rendering: -webkit-optimize-contrast;
    object-fit: contain !important;
    display: block;
}

.bag-container .card .card-img img{
    width: 100%;
    height: 99px;
    image-rendering: -webkit-optimize-contrast;
    object-fit: cover;
    display: block;
}
.download-modal-body .card .card-img img {
    margin: auto;
    width: 100%;
    height: 150px;
    object-fit: contain;
    display: block;
}
.bag-container .car .card-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    height: 100%;
    width: 100%;
    display: none;
    z-index: 999;
}
.download-modal-body .footer{
    position: relative;
    bottom: 0;
    width: 100%;
    height: 45px;
}
.application-row th,td{
    border-top: 0px !important;
    color: #5d5d5d;
}
.application-row{
    height: 40px;
    border-bottom: 1px solid #efefef;
}
.application-row:hover{
    cursor: pointer;
}
.file-content {
    background: white;
    border-radius: 8px;
    padding: 15px;
}
#imagePreview{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.bag-card-header{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    margin-top: 0px;
}
.bag-card-dsc{
    font-size: 12px;
    font-weight: 400;
    color: white;
    word-break: break-all;
    white-space: normal;
}
.bag-delete:hover{
    cursor: pointer;
}
.bag-delete{
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-left: 10px;
}
.bag-container .card .card-img:hover .overlay{
    display: block;
}
.bag-short-content{
    float: right;
    justify-content: center;
    width: 35%;
    align-self: center;
    text-align: right;
}
.bag-short-content p{
    color: #9599b3 ;
    display: inline-block;
}
.selected-bag-short p{
    color: #4172ed !important;
}
.selected-bag-short .group-icon path{
    fill: #4172ed !important;
}
.selected-bag-short .affs,
.selected-bag-short .afc{
    fill:  #4172ed !important;
}

.filter-short-by-line:hover .bag-short-tag{
    cursor:pointer;
    text-decoration: unset !important;
    color:#4172ed !important;
}
.filter-short-by-stand:hover .aff {
    fill: #4172ed !important;
}
.filter-short-by-line:hover .afc {
    fill: #4172ed !important;
}

@media only screen and (max-width: 768px) {
    .bag-container {

        grid-template-columns: 1fr 1fr;
    }
}

.d-none {
    display: none !important;
}

.d-block {
    display: block;
}

.text-black {
    color: #000 !important;
}

.choose{
    white-space: inherit !important;
}
.extraDynamicFields {
    font-size:10px;
    margin-right: 85px;
}
.extraDynamicFields .extraDynamicFieldsItem {
    padding-left:10px;
    float:left;
    position:relative;
}
.extraDynamicFields .extraDynamicFieldsItem:before {
    display:block;
    position:absolute;
    left:0px;
    text-align:center;
    content:"•";
    width:10px;
}
.extraDynamicFields .extraDynamicFieldsItem:first-child {
    padding-left:0;
}
.extraDynamicFields .extraDynamicFieldsItem:first-child:before {
    display:none;
}
.extraDynamicFields:after {
    display:block;
    height:0;
    clear:both;
    content:" ";
}

/* ----------- NEW DESIN -------- */

/* profile picture area and tab menu */
.table-condensed{
    table-layout: fixed;
}
.table-condensed td,.table-condensed th{
    word-break: break-word;
}
.profile-menu-tab{
    width: 100%;
    height: 60px;
    background: white;
    text-align: center;
    margin-top: 7px;
    font-size: 14px;
    border-radius: 8px;
}
.profileBox .active a{
    text-decoration: unset !important;
}

.tabWrap .profileBox .profileStatus p {
    color: #4E5771;
    text-align: center;
    margin: 10px 0;
    font-weight: 700;
    font-size: 16px;
}


.form-group .phoneMask{
    width: 100% !important;
}
.radio-line-content{
    padding-left: 12px !important;
}
#tab_myprofile .iti{
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

.iletisim-back{
    position: relative;
    width: 100%;
    bottom: 0px;
    border-top: 5px solid #97A2C0;
    background: #31406B;
}
.tabmenu-icon{
    width: 25%;
    display: inline-block;
    float:left;
    height:100%;
}
.icon-text-content{
    margin-top: 12px;
}
.icon-text-content p{
    color: #bdc1ce;
    font-size: 10px;
}
.icon-text-content svg{
    width: 20px;
    height: 20px;
}
.long-topmenu-content{
    line-height: 60px;
}
.icon{
    width: 45px;
    height: 45px;
    margin-left: 10px;
    margin-right: 10px;
}

.reservation-top-menu{
    width: 100%;
    height: 65px;
    margin-left: 0px !important;
}

.reservation-tab-btn:hover{
    cursor: pointer;
    text-decoration: unset !important;
}
.tab-pane .active{
    display: block !important;

}
.tab-pane .row{
    margin: 0px !important;
    /*margin-top: 10px !important;*/

}


.reservation-calendar,.reservation-messages{
    background: transparent !important;
}
.notification-icon{
    width: 50px;
    height: 40px;
    position: relative;
    border-right: 1px solid #ededed;
}
.notification-text{
    width: 88%;
    padding-left: 10px;
}
.notification-rejected{
    color:red !important;
}
.notification-hour{
    width: 120%;
    line-height: 40px;
    font-size: 13px;
    color: #888888;
    float: right;
    font-weight: 200;
}
.notification-img-div{
    width: 35px !important;
    height: 35px;

}
.notification-approved{
    color: #2DBC01 !important;
}
.reservation-notification-row{
    border-bottom: 1px solid #E4E8F2;
    width:100% !important;
}

/* --- ISTUTIONS CSS ---- */

.etc{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.etc-two-line{
    width: 100%;
    /* white-space: nowrap; */
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    line-height: 1.1;
    text-overflow: ellipsis;
    min-height: 80px;
}

.stand-etc{
    width: 73%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* INSTUTION ROW */
.date-row{
    width: 100%;
    height: 58px;
    font-family: "Montserrat", sans-serif;
    border-bottom: 1px solid #F0F2F7;
    font-size:13px;
    color: #A3AABF;
}
.date-row:hover{
    cursor:pointer;
    color:#2A3253 !important;
    text-decoration: underline !important;
}
.date-active-row{
    color:#2A3253 !important;
    text-decoration: underline !important;
}
.date-row-column-1,.date-row-column-2,.date-row-column-3,.date-row-column-4{
    padding: 5px;
}
.date-row-column-1{
    width: 8%;
    height: 100%;
    border-right: 1px solid #F0F2F7;
    float: left;
}
.date-row-column-2, .date-row-column-3{
    width: 22%;
    height: 100%;
    float: left;
    border-right: 1px solid #F0F2F7;
}
.date-row-column-4{
    width: 47%;
    height: 100%;
    float: left;
}
.date-institutions-logo-div {
    width: 44px;
    position: relative;
    height: 44px;
    border: 1px solid #F0F2F7;
    border-radius: 5px;
    margin: auto;
}
.date-active-row .date-row-column-2,
.date-active-row .date-row-column-3{
    text-decoration-line: underline !important;
}
.date-institutions-logo{
    position: absolute; /*Can also be `fixed`*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 0px;
    max-width: 40px;
    height: auto;
    line-height:44px
}
.date-person-list-name{
    padding-left: 10px;

}
.date-person-list-name, .date-institution-list-name,.date-institution-list-city,.date-person-list-city{
    line-height: 45px;
    /*color: #A3AABF;*/
}
.date-person-list-title,.date-institution-list-title{
    color: #ADADAD;
    font-size: 10px;
}
.date-person-list-icon, .date-institution-list-icon{
    z-index: 5;
    position: relative;
    line-height: 50px;
    float: right;
    margin-right: 5px;
    transform: rotate(-90deg);
}
.date-institution-list-icon path.c{
    fill: #d7dadf !important;
}
.date-cursor-down path.ab{
    fill: #2A3253 !important;
}
.date-cursor-down{
    transform: rotate(0deg);
}

/* END ROW */
.date-personlist-content{
    display: none;
    max-height: 300px;
    max-width: 100%;
    background-color: white;
    padding: 10px;
    border-bottom: 1px solid #f0f2f7;
    overflow-x: hidden;
    overflow-y: auto;
}
.date-person-row{
    width: 100%;
    display: grid;
    grid-template-columns: 30% 25% 45%;
    font-family: Montserrat;
    font-size: 12px;
    background: #F7F9FD;
}
.date-person-row:hover{
    cursor: pointer;
}
.date-person-image{
    width: 30px;
    margin-top: 7px;
    margin-left: 5px;
    margin-right: 10px;
    height: 30px;

    border: 1px solid #D2D6E3;
    border-radius: 23px;
    float: left;
}
.date-person-row-column-1,.date-person-row-column-2,.date-person-row-column-3{
    padding: 5px;
    padding-right: 0px !important;
}
.date-person-row-column-1{
    width: 100%;
    height: 100%;
    border: 1px solid white;
    float: left;
}
.date-person-row-column-2 {
    width: 100%;
    height: 100%;
    float: left;
    border: 1px solid white;
}
.date-person-row-column-3{
    width: calc(100% - 10px);
    height: 100%;
    float: left;
    text-align: right;
    display: grid;
    justify-content: center;
    grid-template-columns: 50% 50%;
    grid-gap: 5px;
}
.date-person-list-createDate,.date-person-list-sendMsg{
    position: relative;
    height: 35px;
    background-color: #4172ed;
    color: white;
    float: right;
    align-self: center;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
    font-weight: 700;
}
.date-person-list-button-div{
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    line-height: 11px;
}
.date-person-list-button-icon{
    vertical-align: middle;
    margin-right: 4px;
}
.date-person-list-button-text{
    font-size: 11.5px;
    display: inline-block;
    max-width: 120px !important;
    width: auto !important;
    overflow: inherit !important;
}

.date-img-responsive{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
}
.FullaBooked{
    width: 35%;
    background-color: #4E5771;
}
.FullaBookedRow{
    background-color: #FFF7F7
}
.date-searchbox-container{
    width:100%;
    line-height:50px;
    margin-bottom: 10px;
}
.date-rows-container{

    border: 1px solid #F0F2F7;
    border-bottom: 0px !important;
    border-radius: 5px;
}
.date-searchbox{
    height: 45px;
    line-height: 45px;
    width:100%;
    padding-left: 20px;
    border-radius: 6px;
    color: #808080;
    font-size:13px;
    border: 1px solid #F0F2F7;;
}
.date-searchbox::placeholder{
    color: #B4BCD0;
}
.date-searchbox:focus{
    outline: none;
}
.reservation-institutions .active,
.reservation-calendar .active,
.reservation-messages .active{
    font-weight: 700;
    text-decoration-line: underline !important;
}


/* --- END ISTUTIONS CSS ---- */

.date-filter-tab .date-calendar-tab-randevu{
    height: 43px;
    color: #9CA6C1;
    background: #f0f2f7;
    border-radius: 5px;
    font-size: 13px;
    line-height: 43px;
    font-weight: 600;
    float: left;
    margin: 10px;
    position: relative;
}
.date-filter-tab .date-calendar-tab-randevu:hover{
    cursor: pointer;
}
.date-calendar-container{
    height: auto !important;
    background-color: white;
    padding-top: 15px;
}
.date-calendar-list {
    width:100%;
    height: auto;
    padding: 0px 10px 10px 10px;

}
/*.calendar-row{
    height:65px;
    border: 1px solid #F0F2F7;
}*/

.date-calendar-list .calendar-row{
    /*height: 65px;*/
    width: 100%;
    border: 1px solid #F0F2F7;
    margin-bottom: 3px;
    font-size:14px;
    color: #6E7484;
    border-radius: 6px;
}
.column1,.column2,.column3,.column4,.column5,.column6{
    border-right:1px solid #F0F2F7;
}
.column6{
    text-align:center;
}
.column6 .calendar-row-header {
    padding: 0px 5px 0px 5px !important;
}
.calendar-row-btn{
    float: left;
    width: 39px;
    height: 39px;
    font-size: 12px;
    border-radius: 4px;
    background-color: #f0f2f7;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.calendar-row-btn button{
    width: 100%;
    height: 100%;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}
.calendar-row-btn button svg{
    width: 16px;
    height: 20px;

}
.calendar-row-waiting-btn{
    background-color: #c4cada !important;
}
.calendar-row-waiting-btn:hover{
    cursor:none;
}
.calendar-row-accepted-btn{
    background-color: #EDFFE8 !important;
}
.calendar-row-btn:hover{
    cursor: pointer;
}
.calendar-profile-info-container{
    width: 100%;
    padding: 20px;
    background: white;
    display: flex;
    flex-direction: column;
}
.calendar-social-icon:hover{
    cursor: pointer;
}
.calendar-info-header{
    color: #4E5771;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-bottom: 1px solid #E4E8F2;
}
.calendar-info-body{
    margin-top: 10px;
    margin-bottom: 25px;
}
.calendar-info-left{
    width:50%;
    float: left;
}
.calendar-line{
    width: 100%;
    height: 1px;
    background: #e4e8f2;
    float: left;
    margin-top: 14px;
}
.calendar-social-icons{
    height: auto;
    float: right;
}
.calendar-SocialMedia-text{
    float: left;
    font-size: 13px;
    color: #9EA9C9;
    margin-top: 5px;
}
.calendar-social-link
{
    width:27px;
    height: 27px;
    border-radius: 20px;
    background-color: #7584B2;
}
.calendar-info-right{
    width:50%;
    float: right;
}
.calendar-social-icon{
    display: inline-block;
    border-radius: 20px;
    width: 27px;
    height: 27px;
    position: relative;
    background-color: #7584B2;
}
.calendar-info-lbl{
    width: 40%;
    color: #4E5771;
    overflow: hidden;
    display: inline-block;
}
.claneder-info-right{
    width: 50%;
    float: right;
}
.calendar-info-text{
    width: 100%;
    color: #BABABA;
    display: inline-block;
}
.column1,.column3{
    position: relative;
    width:65px;
}
.column2{
    width: 264px;
    padding-left: 5px;
}
.column5{
    width: 100px;
    text-align: center;
}
.column4{
    width:140px;
    padding-left: 10px;
}
.notification-list{
    font: normal normal normal 15px/30px Montserrat;
    letter-spacing: 0px;
}
.calendar-row-btn button {
    border: 0px;
    max-width: 100%;
    background: transparent;
}
.calendar-row-header{
    font-weight: 600;
}
.calendar-row-text{
    font-size: 13px !important;
    font: normal normal normal 14px/18px Montserrat;
    letter-spacing: 0px;
}

.date-calendar-tab-text{
    float: left;
    margin-left: 5px;
    margin-right: 10px;
}
.date-calendar-tab-icon{
    float: left;
    margin-left: 10px;
}
.calendar-tab-select .date-calendar-tab-text{
    color:#4E5771;
}
.calendar-tab-select .date-calendar-tab-icon path{
    fill:#4E5771;
}
.date-calendar-image{
    width: 48px !important;
    height: 48px;
    border-radius: 30px;
}

/* modal */
.calendar-reservation-edit-modal{
    z-index: 1000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;

}
.calendar-reservation-modal-content{
    width: 40% !important;
    min-height: 490px;
    background: white;
    margin-top: 90px !important;
    position: relative;
    margin: auto;
}
.reservation-notifications-content{
    background-color:white;
    padding: 20px;
    width:100%;
}
.notification-header{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    font-weight:600;
    width:100%;
    color:#2A3253;
    border-bottom: 1px solid #E4E8F2;
}

/* ----------- END NEW DESIN -------- */



/*  GLOBAL */

/* parent must have the css style --> position:relative */
.vertical-center{
    display: block;
    top: 50%;
    position: relative;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vertical-and-horizontal-center{
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.inline{
    display: inline-block;
}


/* HANEEN CSS */

.date-meeting {
    margin: 0 auto;
    border: 1px solid #F2F4F3;
    padding-top: 15px;
    margin-bottom: 10px;
}

nav.date-nav {
    background-color: #fff;
    border-color: #F2F4F3;
    color: #3F4249;
    border-radius: 0px;
    border: 0px;
    border: 1px solid #F2F4F3;
    margin: auto;
    margin-top: 10px;

}

.date-nav a {
    border-right: 1px solid #F2F4F3;
}

.date-nav a:hover,
.date-nav a:active,
.date-nav a:focus {

    text-decoration: revert !important;
    color: #7b7a7a !important;
}

.date-navbar-header {
    width: 7rem;
}

nav.date-nav ul.date-list li a {
    color: #000;
}

nav.date-nav ul.date-list li:last-child a {
    border-right: none;
}


.date-header {
    width: 100% !important;

}
.date-header img{
    width: 40px !important;
    height: 40px !important;
    position: relative;
    margin: auto;
}
.date-header tr{
    border-radius: 6px;
}

.date-header tr,
.date-header tr td {
    border: solid 1px #F2F4F3;

}

.date-header tr td a {
    color: #000;
}

.date-header tr td:nth-child(1) {
    width: 7%;
    padding: 5px;
}

.date-header tr td:nth-child(2) {
    width: 25%;
    padding: 10px;
}

.date-header tr td:nth-child(3) {
    width: 18%;
    text-align: left;
    padding: 10px;
}

.date-header tr td:nth-child(4) {
    width: 12%;
    padding: 10px;
    border-right: none;
}

.date-header tr td:nth-child(5) {
    text-align: right;
    padding: 15px;
    border-left: none;
}
.calendar-row-table{
    padding-right: 0px !important;
    height: 100% !important;
}
.calendar-row-table tr{
    border-bottom: 1px solid #f0f2f7;
    padding: 5px 0;
}
.messages-modal-dialog{
    border-radius: 10px;
    background: white;
    border: 0px;
}

.messages-modal-dialog .form-control{
    height: 40px;
    border-radius: 8px;
    border: 0px;
    padding-left: 20px;
    box-shadow: none;
    outline: none !important;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex>[class*='col-'] {
    display: flex;
    flex-direction: column;
}


.date-calender {
    margin-bottom: 15px;
}

.date-image {
    border: 1px solid #F2F4F3;
    height: 100%;
    display: flex;
    text-align: center;
    border-radius: 6px;
}
.noti-content{
    position: absolute;
}
.noti-text{
    border-radius: 100%;
    width: 20px;
    margin-left: 10px;
    background: #00000066;
    height: 20px;
    color: white;
    line-height: 20px;
    display: inline-block;
}
.date-today .col-md-2{
    padding: 0px !important;
}
.date-today .col-md-7{
    padding: 0px;
}
.date-calendar .date-today{
    margin-top: 10px !important;
}

.date-image img {
    height: 15rem;
    width: 15rem;
    border-radius: 100%;
    text-align: center;
    border: 1px solid #F2F4F3;
    margin: auto;
    padding: 5px;

}

.date-info {
    border: 1px solid #F2F4F3;
    border-radius: 6px;
}
.date-info .calendar-info-lbl{
    width: 100%;
    font-weight: 500;
    word-break: break-word;
}

.date-info .calendar-info-text {
    width: 100%;
}


.date-calender a:hover {
    text-decoration: unset !important;
}

.date-user-name {
    display: inline-block;
}

.date-alarm-icon {
    vertical-align: middle;
}

button.left-btn {
    background-color: #f0f2f7;
    border: 0px;
    border-radius: 5px;
    padding: 0.6rem 1.2rem;
    font-weight: bold;
    color: #6b6868;
    padding: 10px;
    color: #3e4d78;
}

button.right-btn {
    background-color: #f0f2f7;
    border: 0px;
    border-radius: 5px;
    padding: 0.6rem 1.2rem;
    font-weight: bold;
    color: #6b6868;
    padding: 10px;
    color:#3e4d78;
}

button.today-btn {
    background-color: #f0f2f7;
    border: 0px;
    border-radius: 5px;
    font-weight: bold;
    padding: 10px;
    color:#3e4d78;
}
.date-institutions-book-container{
    width:100% !important;
    font-family: "Montserrat",sans serif;
}
.date-info .calendar-line{
    max-width: 50% !important;
    margin-left: 20px;
}

button.list-btn,
button.day-btn {
    background-color: #f0f2f7;
    border: 0px;
    border-radius: 5px;
    font-weight: bold;
    padding: 10px;
    width: 80px;
    margin-top: 10px;
    color: #3e4d78;
    margin-bottom: 10px;
}
.header-btn{
    margin-top: 10px;
}
.date-center-dev .col-md-3{
    padding-right: 0px !important;
}

button.day-btn {
    background-color: #f0f2f7;
    border: 0px !important;
    border-radius: 6px;
    font-weight: bold;
    padding: 10px;
    color: #3e4d78;
}

span.today-date {
    padding: 10px;
}

.disabled{
    display: none!important;
}

.date-info h2 {
    text-transform: uppercase;
    font-size: 18px;
}

.date-info .date-border {
    color: #F2F4F3;
    margin: auto;
    margin-right: 2%;

}

.date-info button {
    float: right;
    background-color: #4172ed;
    border: none;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
    width: auto;
    min-width: 40%;
    line-height: 35px;
    height: 35px;
    margin: 9px;
    margin-right: 0px;

}

.date-details p {
    color: #C8C8C8;
    display: inline-block;
    margin-left: 20px;
}

.date-details {
    margin-top: 27px;
}

.date-details table {
    width: 100%;
}

.date-center-dev {
    background: white;
    display: grid !important;
    grid-template-columns: 25% 75%;
    grid-gap: 10px;
    width: calc(100% - 50px);
    margin: 0px 20px !important;
}
.date-center-dev-d{
    margin: 20px;
}

.date-details tr {
    line-height: 3rem;
}


.date-details table th {
    width: 18%;
}

.date-details table td {
    color: #C8C8C8;
}

.date-hr-border {
    border-top: 2px solid #CECFD1;
    width: 100%
}
.stand-prev-btn a,
.stand-next-btn a{
    color: white;
    font-weight: 600;
}
.stand-prev-btn:hover a,
.stand-next-btn:hover a{
    color: white;
    font-weight: 600;
}
.date-social {
    margin-top: 1rem;
    /*margin-top: 20px;*/
}

.date-social h5 {
    color: #C8C8C8;
}

.date-icons {
    margin-top: 0.7rem;

}

.date-icons a {
    background-color: #9EA7C8;
    border-radius: 15px;
    padding: 5px;
    color: #fff;
}


.date-icons a:hover {
    color: #fff;
}

.date-days {
    margin-bottom: 1rem
}
.selected{
    border: 1px solid #c1c1c1 !important;
    color: #6b6b6b !important;
    font-weight: 600 !important;
}

.date-days p {
    background-color: #f0f2f7;
    width: 100%;
    padding: 10px;
    color: #3e4d78;
    border-radius: 6px;
}

.date-days button {
    border: none;
    background-color: #f0f2f7;
    width: 12rem;
    height: 6rem;
    margin-bottom: 5px;
    border-radius: 6px;
    color: #62676d;
}

.date-days button:hover,
.date-days button:active {
    color: #62676d;
    font-weight: 600;

}


.date-day button {
    border: 1px solid #F2F4F3;
    background-color: #fff;
    float: right;
    width: 80px;
    height: 42px;
    margin-top: -5px;
    font-weight: 700;
}

.date-calender-content {
    padding: 0px 20px;
    /*padding: 1rem;*/
}
.slots{
    padding-top: 20px;
}

.date-days button {
    margin: 0.2rem .2rem;
}

#date-error-message {
    color: #fd5252;
    margin-top: 10px;
}

button.date-red {
    border: 2px dashed red;
    border-radius: 10px;
    color: red;
    font-weight: bold;
    position: relative;
    overflow: unset !important;
}

button.date-red:hover {
    color: red;
    cursor: unset !important;
}

button[data-tooltip].date-red:hover:after {
    content: attr(data-tooltip);
    font-family: Arial;
    position: absolute;
    top: 5rem;
    left: 10rem;
    padding: .57rem;
    width: 80px;
    border: 1px solid red;
    border-radius: 10px;
    color: red;
    background-color: #fff;
    z-index: 99999999999;
}

button.date-yellow {
    border: 2px dashed #ffca28;
    border-radius: 10px;
    color: #ffca28;
    font-weight: bold;
    position: relative;
    overflow: unset !important;
}

button.date-yellow:hover {
    color: #ffca28;
    cursor: unset !important;
}

button[data-tooltip].date-yellow:hover:after {
    content: attr(data-tooltip);
    font-family: Arial;
    position: absolute;
    top: 5rem;
    left: 10rem;
    padding: .57rem;
    width: 80px;
    border: 1px solid #ffca28;
    border-radius: 10px;
    color: #ffca28;
    background-color: #fff;
    z-index: 99999999999;
}

button[data-tooltip].date-green:hover:after {
    content: attr(data-tooltip);
    font-family: Arial;
    position: absolute;
    top: 5rem;
    left: 10rem;
    padding: 0.6rem;
    width: 130px;
    border: 1px solid green;
    border-radius: 10px;
    color: #3F4249;
    background-color: #fff;
    z-index: 99999999999;
}


button[data-tooltip].date-grey:hover:after {
    content: attr(data-tooltip);
    font-family: Arial;
    position: absolute;
    top: 5rem;
    left: 10rem;
    padding: 0.8rem;
    width: 90px;
    border: 1px solid #3F4249;
    border-radius: 10px;
    color: #3F4249;
    background-color: #fff;
    z-index: 100;
}

button.date-grey {
    margin-bottom: 5px ;
    border-radius: 6px;
    color: #A3AABF;
    position: relative;
    overflow: unset !important;
}

button.date-green {
    border: 2px dashed green;
    border-radius: 10px;
    color: green;
    position: relative;
    overflow: unset !important;
}

button.date-green:hover {
    color: green;
    cursor: unset !important;
}

@media only screen and (max-width: 600px) {
    .date-info button {
        width: 35%;
        font-size: 10px;
    }
}
.undoCv{
    border: 0px;
    /*transition: color .5s ease;*/
    transition: background .3s ease;
}
.undoCv:hover{
    background: #4172ed;
    color: white;
}
.table-condensed.table > thead > tr > th{
    border-bottom: 0px !important;
    font-weight: 600 !important;
}
.table-condensed.table > thead > tr {
    background: #f3f3f3 !important;
    border-bottom: 1px solid #eaeaea !important;
    color: #333333 !important;
}
.table-hover>tbody>tr:hover{
    background-color: #f5f5f559 !important;
}
.eye-button{
    color: white;
    padding: 8px 10px;
    border-radius: 7px;
    display: inline-block;
    align-self: center;
    background: #4172ed !important;
}
.eye-button:hover{
    color: white !important;
    background: #2f5dd0 !important;
}
/* ------------ STAND ----------*/

/*MOBILE AND DESKTOP*/
.msg-content-date{
    text-align: center;
    font-size: 10px;
    color: #a2a2a2;
    margin-bottom: 10px;
}
.file-thumb{
    margin-left: 0px !important;
}

@media only screen and (max-width: 1220px) {
    .stands-button-area{
        max-width: 39% !important;
    }
}
.zoom,
.zoom-bag{
    transition: transform .2s; /* Animation */
}
.zoom:hover {
    transform: scale(0.99);
}
.zoom-bag:not(.added-to-bag):hover{
    transform: scale(0.95);
}
.application-box .btn:hover{
    color: white !important;
}
.info-modal-body{
    padding-top: 0px !important;
}
.title-content h4{
    text-align: center;
    color: #4172ed !important;
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 10px;
}
.download-modal-content .companyinfo-slogan{
    font-size: 23px !important;
}
.panel{
    box-shadow: 0px 0px 0px transparent !important;
}
/* DESKTOP */
@media only screen and (min-width: 851px) {
    .company-products-add-bag p{
        margin: 0 0 0 !important;
    }
    .company-content-types{
        background: transparent !important;
        /*box-shadow: inset 0px -69px 54px 30px rgba(78,87,113,0.41);*/
    }
    .company-content-gradient{
        text-align: center;
        width: 100%;
        height: 100;
        box-shadow: inset 0px -58px 39px -2px #4e5771c7;
    }
    .stand-prev-btn{
        display: inline-block;
        color: white;
        font-weight: 500;
        font-size: 16px;
        line-height: 66px;
        bottom: 39px;
        position: relative;
    }
    .stands-button-area{
        /*max-width: 55%;*/
        width: 80%;
        height: 100px;
        margin: auto;
        display: inline-block;
        overflow: hidden;
        /*margin-top: 10px;*/
        /*overflow-x: scroll;*/
        /*overflow-y: hidden;*/
        /*white-space: nowrap;*/
    }
    .stand-next-btn{
        display: inline-block;
        color: white;
        font-weight: 500;
        font-size: 16px;
        line-height: 66px;
        bottom: 39px;
        position: relative;
    }
    .company-content-types ul li a{
        font-size:14px;
        display:block;
        width:50px;
        height:50px;
        transition: all .3s;
        background: #ffffff30;
        border-radius: 50%;
        position:relative;

    }
    .company-content-types ul::-webkit-scrollbar {
        width: 0px;
    }
    .company-content-types ul {
        display: block;
        margin: 0;
        padding: 0;
        padding-top: 30px;
        list-style: none;
        font-size: 0px;
        margin-bottom: 10px;
        text-align: center;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        height: 100px;
        /*padding-bottom: 34px;*/
        /*margin-bottom: 29px;*/
    }
    .company-content-types ul li a:hover{
        background: #4172ed;
        cursor: pointer !important;
    }
    .tipso_style{
        border-bottom: 0px !important;
    }
    .modal .close{
        color: #8e8e8e !important;
    }

    /*  ***** INFO MODAL *****  */
    .info-modal-dialog{
        width: 60% !important;
    }
    .info-modal-dialog .companyinfo-header{
        background: transparent !important;
        margin: 0px !important;
        color: #2A3253 !important;
        display: grid;
        grid-gap: 10px;
        width: calc(100% - 10px);
        grid-template-columns: 50% 50%;
    }
    .info-modal-dialog .companyinfo-heading,
    .info-modal-dialog .companyinfo-slogan,
    .download-modal-body .companyinfo-slogan{
        color: #4172ED !important;

    }
    .info-modal-dialog .companyinfo-description,
    .download-modal-body .companyinfo-description{
        color: #b3b1b1;
        font-size: 12px;
    }
    .panel-default{
        border: 0px;
    }
    .panel-default>.panel-heading{
        color: #4172ED !important;
        /*height: 50px !important;*/
        background-color: transparent !important;
        border-color: #ddd;
    }
    .panel-title{
        margin-top: 0;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit;
    }
    .download-modal-body .download-modal-content-2{
        max-height: 380px !important;
        padding-bottom: 20px;
        padding-top: 0px !important;
        overflow: auto;
        padding: 15px;
    }
    .info-modal-dialog .info-content{
        background: #f7f7f7 !important;
        padding: 14px;
        border-radius: 6px;
    }
    .info-modal-dialog .companyinfo{
        /*border-top: 1px solid #efefef !important;*/
        /*border-bottom: 1px solid #efefef !important;*/
        margin: 0px;
    }
    .info-modal-dialog .footer{
        position: relative;
        bottom: 0;
        height: 110px;
        display: flex;
        align-items: baseline;
        width: 100%;
        align-content: space-between;
        justify-content: center;
    }
    .info-modal-dialog .info-text{
        color: #9ca6c1 !important;
    }
    .info-modal-dialog .companyinfo-logo{
        height: 70px;
    }
    .info-modal-dialog .info-logo-content{
        width: 100%;
        text-align: center !important;
    }
    .info-modal-dialog .info-social-media,
    .download-modal-dialog .info-social-media
    {
        width: fit-content;
        display: inline-block;
        float: right;
        margin-top: 5px;
        padding-bottom: 15px;
        flex: 0 0 25%;
    }
    /* messges modal */
    .messageModal-grid{
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .messages-modal-dialog{
        width: 900px !important;
    }
    .messages-modal-title{
        font-weight: 600 !important;
    }
    .messages-modal-subtitle{
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
    }
    .messages-modal-lbl .form-control{
        border: 0px !important;
        padding: 0px;
        color: #4f5871 !important;
        resize: none;
        border-radius: 0px !important;
        background: #f8f8f9;
    }
    .messages-modal-lbl .form-control:focus{
        border: 0px !important;
        color: #B4BCD0;
    }
    .messages-modal .messages-modal-btn{
        /*blue*/
        background: #4172ED;
        color: white;
        width: 30%;
        height: 50px;
        font-size: 14px;
        font-weight: 600;
        margin-top: 15px;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px rgb(102 175 233 / 0%);
    }
    .messages-modal-lbl-title{
        color: #4E5771 !important;
        font-weight: 600;
    }
    /*extra stand modal */

    .extra-stand-modal-dialog{
        width: 75% !important;
    }
    .company-products-rows{
        width: 100%;
        position: relative;
        height: auto;
    }
    .company-products-row{
        width: 100%;
        position: relative;

    }
    .company-products-bag-icon{
        max-height: 100% !important;
        height: 100% !important;
    }
    .company-products-text-content{
        max-height: 100% !important;
        height: 100% !important;
    }
    .company-products-text-content:hover{
        cursor:pointer;
    }
    .company-products-text-content{
        width: 100%;
        background: transparent !important;
        border: 1px solid #efefef9e !important;
        box-shadow: 0px 0px 7px #e6e6e69c;
        border-radius: 12px;
        color: #4172ED !important;
        display: inline-block;
        float: left;
        padding-left: 25px;
        font-weight: 600;
        line-height: 41px;
        padding-left: 25px;
    }
    .company-products-bag-icon{
        margin-left: 5px;
        width: 7% ;
        display: inline-block;
        float: right;
        border-radius: 12px;
        background: #333b52ad;
    }
    /*.company-products-bag-icon:hover{*/

    /*    background-color: #41965c85 !important;*/

    /*}*/
    .virtual-bag-form .btn:hover{
        background: transparent !important;

    }
    .extra-stand-modal-body{
        border-radius: 0px !important;
        padding: 20px !important;
        max-height: 470px !important;
        overflow: hidden !important;
        overflow-y: auto !important;
        border: 0px !important;
    }
    .extra-stand-modal-body .panel-group{
        overflow-y: auto !important;
        max-height: 395px !important;
        margin-bottom: 0px;
        padding: 10px;
    }
    .panel-group .panel{
        margin-top: 10px !important;
        border-color: #efefef !important;
        border-radius: 8px !important;
    }
    .extra-stand-modal-body .panel-group::-webkit-scrollbar{
        width: 0px;
    }
    .extra-stand-modal-footer{
        width: 100%;
        /*height: 90px;*/
        padding: 20px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        border: 0px !important;
        text-align: left !important;
        color: #4172ED;
        border-radius: 0 0 10px 10px;
        position: relative;
        background: #fff;
        min-height: 20px;
    }
    .extra-stand-modal-footer h4{
        border-top:1px solid #B4BCD040;
        /*padding-top: 25px;*/
        margin-bottom: 0px !important;
        height: 55px;
        line-height: 55px;
        font-weight: 600;
    }
    .extra-stand-modal-body .gallery-grid{
        display: grid;
        grid-template-columns: 24% 24% 24% 24%;
        grid-gap: 1.2%;
    }

    .extra-stand-modal-body .row{
        width: 100%;
        margin: auto;
    }
    .extra-stand-modal-subtitle{
        color: #B4BCD0;
        font-size: 13px;
    }
    .bag-button-added{
        border: 1px solid #B2FF9B ;
        background: #41965c85 !important;
    }
    .added-to-bag{
        background: #41965c85 !important;
    }
    .added-to-bag-btn{
        width: 158px !important;
    }
    .added-to-bag-active{
        display: block !important;
        font-weight: 600;
    }
    .company-products-add-bag:focus{
        outline:0px !important;
    }

    .bag-button-text{
        display: none;
        color: white;
        float: left;
        margin-left: 20px;
        font-width: 600;
    }
    .company-products .bag-button-icon svg{
        width: 25px;
        height: 25px;
        margin-bottom: 0px;
        /*float: left;*/

    }
    /* GALLERY */
    .gallery-bag-button{
        position: absolute;
        top: 0;
        margin: 5px!important;
        height: 40px;
        border-radius: 12px;
        padding: 0px;
        background: #333b52ad;
    }


    .hide-for-mobile{
        display: block;
    }

    .navbar-content{
        position: fixed;
        top: 0;
        height: 0px;
        background: transparent;
        width: 100%;
        z-index: 999;

    }
    .nav-btn{
        float: right;
        margin-right: 15px !important;
        width: auto;
        height: 35px;
        border-radius: 0px 0px 18px 18px;
        background: white;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.16);
    }
    .nav-btn .content{
        display: none;
        height: 100%;
        line-height: 36px;
    }
    .disabled-person,
    .mainpage-btn,
    .profile-btn,
    .language-btn{
        width: 47px;
        height: 35px;
        padding: 8px 15px;
        display: inline-block;
        border-radius: 0px 0px 18px 18px;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.16);
    }
    .nav-btn:hover{
        cursor: pointer;
    }
    .profile-btn-content{
        width: auto;
        margin-right: 10px;
        float: right;
        padding: 0px !important;
    }
    .mainpage-btn-content{
        width: auto;
        margin-right: 15px;
        padding: 0px;
        float: right;
    }
    .menu-item{
        display: inline-block;
        float: left;
        margin-left: 15px;
    }
    .menu-item div,
    .menu-item a {
        color: #B4BCD0 !important;
        text-decoration: none !important;
        display: inline-block;
        height: 33px;
        z-index: 9999;
    }
    .navbar-svg{
        margin-bottom: -3px;
        margin-right: 5px;
    }
    .show-for-mobile{
        display: none;
    }
    .language-btn-content{
        height: auto !important;
        width: 47px;
        padding: 0px;
        padding-left: 10px;
        padding-top: 21px;
        margin-top: -20px;
        background: white;
        border-radius: 0px 0px 18px 18px;
    }
    .language-btn-content a{
        display: inherit;
    }
    .bag-container h3{
        font-size: 16px;
        width: 100% !important;
        grid-column-start: 1;
        grid-column-end: 5;
        padding-bottom: 15px;
        color: #7d7d7d;
        margin-top: 0px;
        border-bottom: 1px solid #d3d3d3;

    }
    .table-content{
        background: white;
        border-radius: 9px;
        padding: 20px;
    }
    .application-row th,
    .application-row td{
        font-size: 14px;
        font-family: 'Montserrat',Sans-Serif !important;
        font: normal normal normal 14px/18px Montserrat;
        letter-spacing: 0px;
        font-weight: 400;
    }
    .filter-short-by-stand:hover .affs,
    .filter-short-by-stand:hover .bag-short-tag {
        fill: #4172ed !important;
        color: #4172ed !important;
        cursor:pointer;
        text-decoration: unset !important;
    }
    .date-calender-content{
        max-height: 400px !important;
        overflow: auto !important;
    }
    .date-institutions-logo{
        max-width: 41px !important;
        max-height: 41px !important;
    }
    .mobile-menu-content{
        display: none !important;
    }
    .logo-content{
        position: absolute;
        top: 10px;
    }
    .navbar-brand{
        float: left;
        height: 50px;
        padding: 0px !important;
        font-size: 18px;
        margin-left: 50px;
        line-height: 20px;
    }
    .registerMultiCheck{
        max-height: 80px;
        overflow: auto;
        width: 100%;
        margin-left: 12px;
    }

    .loginModalContent .modal-footer{
        border-top: 0px !important;
        padding: 0px !important;
    }
    .loginModalContent .custom-check-circle{
        text-align: left;
        margin-left: 30px;
    }
    .register-modal-dialog{
        margin-bottom: 0px !important;
    }
    .hole-stand-item{
        margin-top: 20px !important;
        max-width: 90%;
    }
    .search-hole-stand-item{
        margin-top: 20px !important;
        max-width: 90%;

    }
    .hole-content{
        min-height: 650px;

    }
    .hole-stands-filtering{
        display: none;
        min-height: 480px !important;
    }
    .search-section-title{
        margin: 0;
        padding: 10px 0;
        line-height: 31px;
        font-size: 20px;
        color: #4172ED;
        text-align: center;
        top: 0;
        width: 100%;
        height: 50px;
    }
    .searchResultItems{
        position: relative;
    }
    .search-result-empty-info{
        text-align: center;
        color: #9d9d9d;
        font-size: 18px;
        font-weight: 500;
        display: none;
    }
    .standsGrid{
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        padding-bottom: 80px;
        height: 100%;
    }
    .hole-select a{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .card-img .virtual-bag-form{
        position: absolute;
    }
    .download-modal-content .virtual-bag-form,
    .extra-stand-modal-content .virtual-bag-form{
        background: #80808047 ;
        width: 40px;
        height: 40px;
        border-radius: 6px;
    }
    .company-products .virtual-bag-form{
        width: 60px;
        height: 60px;
    }
    .link-modal .virtual-bag-form{
        background: #333b52ad;
        width: 40px;
        height: 40px;
        border-radius: 6px;
    }
    .hole-tooltip{
        width: max-content;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
        height: 30px;
        color: white;
        font-weight: 500;
        background: #4172ed;
        line-height: 30px;
        border-radius: 5px;
        position: absolute;
        display: none;
        left: 50%;
        transform: translate(-50%, -10px);
        bottom: 30px;
    }
    .search-hole-name{
        margin: 10px 10px 0px 10px;
        font-size: 12px;
        color: #898989;
        background: white;

    }
    .entry-content{
        max-height: 400px;
        overflow: auto;
    }

    .info-company-logo .entry-content{
        max-height: 200px;
        overflow: auto;
    }
    .surver-radio-answer{
        display: inherit !important;
        padding-left: 35px !important;
    }
    .save-button-surveys{
        background-color: #4172ed !important;
        border: 0px !important;
        width: 25%;
        margin:20px;
        height: 40px;
    }
    .survey-btn-content{
        text-align: center;
    }
    .landing-form .select2-selection__choice{
        overflow: hidden;
        max-width: 100%;
        white-space: pre-wrap;
        text-align: right;
    }

}
.extra-stand-modal-body{
    border-radius: 0px !important;
    padding: 20px !important;
    padding-top: 0px !important;
    max-height: 480px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    border: 0px !important;
}
/* ======== DESKTOP END ========= */
@media screen and (max-width: 1024px){
    .seminiarList .seminiar-container{
        padding: 50px 60px !important;
    }
}
/* ======== MOBILE ========== */
@media only screen and (max-width: 851px) {

    .company-download{
        margin-top: 5px;
    }
    .extra-stand-modal-body .row{
        width: 100%;
        margin: auto;
        padding-top: 10px;
    }
    .gallery-grid{
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 10px;
    }
    .stand-background{
        height: auto !important;
    }
    .search-input{
        width: 50% !important;
    }
    .home-fair-area .main{
        margin-top: 55px;
    }
    .home-index .main{
        margin-top: 55px;
    }
    .home-holes{
        max-height:250px!important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice{
        white-space: normal;
        max-width: 100%;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
        list-style: none;
        line-height: 1.7 !important;
        padding: 5px !important;
    }
    .stands-next-prev-content{
        height: 40px;
        line-height: 40px;
    }
    .stand-prev-btn{
        float: left;
        color: white;
        margin-left: 8px;
        font-weight: 500;
    }

    .stand-next-btn{
        float: right;
        color: white;
        margin-right: 8px;
        font-weight: 500;
    }
    .bag-container h3{
        font-size: 15px;
        width: 100% !important;
        grid-column-start: 1;
        grid-column-end: 3;
        border-bottom: 1px solid #d3d3d3;

    }
    .info-company-logo .entry-content{
        max-height: 200px;
        overflow: auto;
    }
    .hole-tooltip{
        display: none !important;
    }
    .company-products .company-products-add-bag{
        display: inline-block;

    }
    .added-to-bag{
        background: #41965c85 !important;
    }
    .company-products-row{
        position: relative;
    }
    .company-products-text-content {
        width: 100% !important;
        background: transparent !important;
        border: 1px solid #efefef !important;
        border-radius: 12px;
        color: #4172ED !important;
        display: inline-block;
        float: left;
        padding-left: 25px;
        font-weight: 600;
        line-height: 41px;
        padding-left: 25px;
    }
    .download-modal-content .virtual-bag-form,
    .extra-stand-modal-content .virtual-bag-form{
        position: absolute;
        background: #80808047 ;
        width: 40px;
        height: 40px;
        border-radius: 6px;
    }
    .bag-button-icon{
        float: left;
        margin: 0px !important;
    }
    .download-modal-body .card .card-img img {
        margin: auto;
        width: 100%;
        height: 150px;
        object-fit: contain;
        display: block;
    }
    /*.company-products .virtual-bag-form{*/
    /*    background: transparent !important;*/
    /*}*/
    .link-modal .virtual-bag-form{
        position: absolute;
        background: #333b52ad;
        top: 5px;
        right: 5px;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 6px;
    }
    .link-modal .virtual-bag-form .btn{
        padding: 8px !important;
    }
    .link-modal .bag-button-icon svg{
        width: 15px;
        height: 15px;
    }

    .hole-content{
        min-height: 650px;
    }
    .mobile-search-item{
        left: 0px !important;
    }
    .hole-stands-filtering{
        display: none;
        min-height: 480px !important;
    }
    .search-section-title{
        margin: 0;
        padding: 10px 0;
        line-height: 31px;
        font-size: 20px;
        color: #4172ED;
        text-align: center;
        top: 0;
        width: 100%;
        height: 50px;
    }
    .search-result-empty-info{
        text-align: center;
        color: #9d9d9d;
        font-size: 18px;
        font-weight: 500;
        display: none;
    }
    .searchResultItems{
        position: relative;
    }

    .show-for-mobile{
        display: block;
    }

    .hide-for-mobile{
        display: none !important; ;
    }
    .mobile-footer{
        position: fixed;
        bottom: 0px !important;
        width: 100%;
        height: 66px;
        margin-bottom: -1px !important;
        border-top: 10px solid #97a2c0;
        background: #31406b;
        z-index: 999;
    }
    .mobile-footer .left-btn{
        float: left;
        text-align: center;
        width: 50%;
        line-height: 66px;
    }
    .mobile-footer .right-btn{
        float: right;
        width: 50%;
        text-align: center;
        line-height: 66px;
    }
    .mobile-footer a:focus{
        color: white !important;
    }

    .mobile-footer a{
        font-weight: 400;
        font-size: 14px;
        display: inline-block;
        color: white;
        margin-left: 5px;
    }
    .mobile-footer a:hover{
        color: white !important;
    }
    .right-btn .footer-icon{
        margin-left: 18px;
    }
    .left-btn a{
        margin-right: 15px;
    }
    .hole-stand-item{
        margin-top: 20px !important;
        max-width: 100%;
        margin-bottom: 35px !important;
    }
    .search-hole-stand-item{
        margin-top: 20px !important;
        max-width: 100%;
        margin-bottom: 35px !important;

    }
    .hole-stand-item:nth-child(1){
        margin-top: 0px !important;
    }
    .search-hole-stand-item:nth-child(1){
        margin-top: 0px !important;
    }
    .mobile-menu-icon{
        float: right;
        margin-right: 10px;
    }
    .language{
        display: inline-block;
        float: right;
        margin-top: 8px;
        margin-right: 10px;
    }
    .mobile-menu-content{
        z-index: 1050;
        position: fixed;
        right: -340px;
        max-width: 90% !important;
        display: none;
        top: 0px !important;
        width: 340px !important;
        border-radius: 50px 0px 0px 50px;
        height: 100%;
        background: #050B1C;
        color: white;
        padding: 30px;
        text-align: left;
        box-shadow: -4px -1px 20px -8px #000000;
    }
    .accordion-search-area{
        padding-right: 0px !important;
        margin-bottom: 20px !important;
    }
    .accordion-search-area .search-input{
        width: 100% !important;
    }
    .virtual-bag-form{
        right: 12px;
        top: 12px;
    }
    .panel-body{
        position: relative;
    }
    .panel{
        border: 1px solid #edededd6 !important;
        margin-bottom: 7px !important;
    }
    .panel>.panel-heading{
        background: white !important;
        border-radius: 5px;
        box-shadow: 0px 3px 8px #ededed8f !important;
        height: 40px;
        line-height: 40px;
    }
    .entry-content{
        padding: 10px 10px 0px 10px !important;
    }
    .mobile-menu-content a:focus{
        color: white !important;
    }
    .mobile-navbar-content{
        position: fixed;
        top: 10px;
        right: 0px;
        z-index: 999;
        width: 100%;
        top: 0px !important;
        padding: 10px;
        background: #31406b;
    }
    .navbar-profile .design{
        width: 111%;
        height: 50px;
        margin-top: -20px;
    }
    .navbar-profile a{
        color: white;
        font-weight: 600;
        font-size: 18px;
    }
    .mobile-login{
        border-bottom: 1px solid #B4BCD0;
        height: 35px;

    }
    .mobile-register{
        height: 35px;
        line-height: 35px;
    }
    .menu-content{
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .menu-content .menu-item{
        color: white;
        text-align: left;
        line-height: 35px;
        height: 50px;
        font-weight: 400;
    }
    .menu-content .menu-item a{
        font-weight: 400 !important;
        margin-left: 10px;
    }
    .menufooter{
        position: absolute;
        text-align: center;
        width: 90%;
        height: 50px;
        line-height: 50px;
        opacity: 0.3;
        border-top: 1px solid #B4BCD0;
        bottom: 0px;
    }
    .bottom-item{

        bottom: 70px;
        position: absolute;
    }
    .bottom-item a{
        font-weight: 400;
        margin-left: 10px;
    }
    .navbar-profile .username{
        font-size: 23px;
        font-weight: 700;
    }
    .navbar-profile .email{
        color: #9a9a9a !important;
    }
    .profilepicture img{
        width: 60px;
        height: 60px;
        border-radius: 30px;
        margin-bottom: 10px;
    }
    .hole-stands{
        margin-bottom: 66px !important;
    }
    .pt-50{
        max-height: 606px !important;
        overflow: auto;
    }
    .date-calender-content{
        height: 350px;
        overflow: auto;
    }
    .book-send-btn{
        width: 60% !important;
    }
    .date-days p{
        color: #646771 !important;
    }
    .close-modal{
        font-size: 15px;
        float: right;
        color: #646771 !important;
    }
    .language-btn-content{
        max-width: 30px;
        margin-top: 7px;
        display: none;
        padding: 0px !important;
    }
    .hideoverflow{
        overflow: hidden !important;
    }
    .noti-text{
        position: absolute;
        top: 4px;
        left: 6px;
    }
    .profile-menu-reservation{
        width: 100% !important;
        margin-top: -5px;
    }
    .navbar-brand{
        padding: 0px !important;
        height: 0px !important;
    }
    /*stands*/
    .company-content-types{
        width: 100%;
        height: auto;
        bottom: 0;
        left: 0;
        border-top: 10px solid #97a2c0;

    }
    .company-content-types ul li a{
        font-size: 14px;
        display: block;
        background: white;
        position: relative;
        color: #4E5771 !important;
        font-weight: 600;
        width: 100%;
        height: 45px;
        text-align: left;
        text-decoration: none !important;
        line-height: 45px;
        border-radius: 8px;
        transition: all .3s;
    }
    .company-content-types ul li{
        margin: 6px;
    }
    .company-content-types ul li a span {
        color: #4e5771;
    }
    .companyinfo-header{
        margin: -15px -15px 0 -15px;
        background: white;
        padding-top: 15px;
        color: #414141 !important;
        padding-bottom: 15px;
        display: grid;
        grid-template-columns: 100%;
        margin: 0px !important;
        width: 100%;
        grid-gap: 20px;
        padding-bottom: 0px !important;
    }
    .download-modal-content .footer,
    .info-modal-body .footer
    {
        position: relative;
        bottom: 0;
        width: 100%;
        height: auto;
    }

    .info-social-media{
        height: 60px !important;
    }
    .info-modal-dialog .companyinfo-heading,
    .info-modal-dialog .companyinfo-slogan,
    .download-modal-body .companyinfo-slogan{
        color: #4172ED !important;
    }
    .info-modal-dialog .companyinfo-description,
    .download-modal-body .companyinfo-description{
        color: #b3b1b1;
        font-size: 12px;
    }
    .info-logo-content{
        text-align: center;
    }
    .info-logo-content img{
        vertical-align: middle;
        width: 50%;
        margin-bottom: 10px;
    }
    .companyinfo-header{
        padding-bottom: 0px !important;
    }
    .modal-body .form-control{
        border-color: #d7d7d7 !important;
    }
    .messages-modal-btn{
        background: #4172ed;
        color: white;
        width: 35%;
        margin-top: 10px;
        height: 42px;
        font-size: 16px;
        font-weight: 500 !important;
    }
    .tab-pane .grid, .download-modal-body .grid{
        grid-template-columns: 1fr 1fr;
    }
    .bag-card-header{
        color: #626262 !important;
    }
    .download-modal-body .download-modal-content{
        max-height: 380px !important;
        padding-bottom: 20px;
        overflow: auto;
    }
    .extra-stand-modal-body{
        border-radius: 0px !important;
        padding: 20px !important;
        padding-top: 0px !important;
        max-height: 480px !important;
        overflow: hidden !important;
        overflow-y: auto !important;
        border: 0px !important;
    }
    .extra-stand-modal-body .panel-group{
        overflow-y: auto !important;
        max-height: 400px !important;
        margin-bottom: 0px;
    }
    .extra-stand-modal-body .panel-group::-webkit-scrollbar{
        width: 0px;
    }
    .gallery-bag-button{
        position: absolute;
        top: 0;
        margin: 5px!important;
        height: 40px;
        border-radius: 12px;
        padding: 0px;
        background: #333b52ad;
    }
    .bag-button-text{
        display: none;
    }
    .extra-stand-modal-footer{
        width: 100%;
        padding: 20px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        border: 0px !important;
        text-align: left !important;
        color: #4172ED;
        border-radius: 0 0 10px 10px;
        position: relative;
        background: #fff;
        min-height: 20px;
    }
    .extra-stand-modal-footer h4{
        border-top:1px solid #B4BCD040;
        /*padding-top: 25px;*/
        /*margin-bottom: 5px;*/
        font-weight: 600;
        height: 40px;
        line-height: 40px;
    }
    .loginNav{
        position: absolute;
        bottom: 65px;
    }
    .reservation{
        text-align: center;
    }
    .reservation .mobile-booking-text{

        color: #767676;
    }
    .reservation .icon{
        display: inline-block;
    }
    .semContent{
        margin-top: 25px !important;
    }
    .seminiarList{
        padding-bottom: 90px !important;

    }
    .seminiarList .seminiarBox .semImgDate span.semDate{
        display: block;
        position: relative;
        left: 0;
        top: -44px;
        width: 110px;
        transform: none;
    }
    .seminiarList .seminiarBox .semImgDate span.semDate strong{
        display: block;
        font-size: 38px;
        line-height: 34px;
        float: left;
        margin-left: 10px;
    }
    .seminiarList .seminiarBox .semImgDate span.semDate span{
        display: block;
        font-size: 16px;
        margin-top: 12px;
    }
    .panel-body{
        padding: 0px !important;
        -webkit-font-smoothing: antialiased !important;
    }

    .home-stand-view .section, .home-conference-view .section {
        margin-top: 48px !important;
    }
    .hiddenformobile{
        display: none !important;
    }
    .formobile{
        display: inline-block !important;
    }
    .home-video{
        margin-top:53px;
    }
    .footer a:focus,
    .footer a:hover{
        color:  white !important;
    }

}


/*  Iphone 6/7/8 Plus  */
@media screen and (max-width: 414px) {
    .hole-selector{
        width: 58% !important;
    }
    .footer a:focus,
    .footer a:hover{
        color:  white !important;
    }
    .companyinfo-header .companyinfo-line{
        padding-bottom: 3px;
        font-size: 14px;
        overflow: hidden;
        word-wrap: break-word;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
        list-style: none;
        line-height: 1.7 !important;
        padding: 5px !important;
    }
    .panel-body{
        padding: 0px !important;
    }
    .stand-background{
        height: auto !important;
    }
}
/*   Iphone 6/7/8   */
@media screen and (max-width: 375px) {
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
        list-style: none;
        line-height: 1.7 !important;
        padding: 5px !important;
    }
    .footer a:focus,
    .footer a:hover{
        color:  white !important;
    }
    .hole-selector{
        width: 66% !important;
    }
    .companyinfo-header .companyinfo-line{
        padding-bottom: 3px;
        font-size: 14px;
        overflow: hidden;
        word-wrap: break-word;
    }
    .panel-body{
        padding: 0px !important;
    }
    .stand-background{
        height: auto !important;
    }

}
/*   Moto G4  */
@media screen and (max-width: 360px) {
    .hole-selector{
        width: 67% !important;
    }
    .companyinfo-header .companyinfo-line{
        padding-bottom: 3px;
        font-size: 14px;
        overflow: hidden;
        word-wrap: break-word;
    }
    .footer a:focus,
    .footer a:hover{
        color:  white !important;
    }
    .panel-body{
        padding: 0px !important;
    }
    .stand-background{
        height: auto !important;
    }
}
/*   Iphone 5 / 5S  */
@media screen and (max-width: 320px) {
    .hole-selector{
        width: 60% !important;
    }
    .companyinfo-header .companyinfo-line{
        padding-bottom: 3px;
        font-size: 14px;
        overflow: hidden;
        word-wrap: break-word;
    }
    .panel-body{
        padding: 0px !important;
    }
    .footer a:focus,
    .footer a:hover{
        color:  white !important;
    }
    .stand-background{
        height: auto !important;
    }

}
/*  Surface Duo  */
@media screen and (max-width: 540px) {
    .seminiarList{
        margin-top: 45px;
    }
    .stands-button-area{
        width: 45%;
    }
    .footer a:focus,
    .footer a:hover{
        color:  white !important;
    }

    .hole-selector{
        width: 63% !important;
    }
    .companyinfo-header .companyinfo-line{
        padding-bottom: 3px;
        font-size: 14px;
        overflow: hidden;
        word-wrap: break-word;
        margin: 0px;
    }
    .companyinfo{
        padding: 0px;
    }
    .landing-form .select2-container{
        width: 100% !important;
    }
    .stand-background{
        height: auto !important;
    }

}

/* ----------   TABLET   ---------- */
@media screen and (max-width: 851px) and (min-width: 500px) {

    .stand-background{
        height: auto !important;
    }
    .chat-button{
        right: 0;
        left: 0;
        margin: auto;
    }
    .footer a:focus,
    .footer a:hover{
        color:  white !important;
    }
    .chat-button-content{
        right: 0;
        left: 0;
        margin: auto;
    }

    .hole-stand-item:nth-child(1){
        margin-top: 20px !important;
    }
    .hole-stand-item{
        margin-right: 5px;
    }
    .standsGrid {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        padding-bottom: 80px;
        height: 100%;
    }
    .company-content-types{
        position: static !important;
        margin-bottom: 100px !important;
        display: inline-block !important;
    }
    .visible-sm{
        display: inline-block !important;
    }
    .hidden-sm{
        display: block !important;
    }
    .formobile{
        display: inline-block !important;
    }
    .hiddenformobile{
        display: none !important;
    }
    .mobile-stand-btn-content{
        position: static !important;
        margin-bottom: 100px !important;
        display: inline-block !important;
    }
    .seminars-col{
        width: 50% !important;
    }

}


.select2-selection__rendered li{
    list-style: none;
    max-width: 100% !important;
    white-space: initial !important;
    line-height: 20px !important;
}
.form-control:focus{
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgb(255 255 255 / 0%) !important;
}
.swal-overlay--show-modal .swal-modal{
    background: white !important;
    box-shadow: 0px 0px 20px #56565678 !important;
    border-radius: 10px;
}
.swal-button--danger:not([disabled]):hover{
    background-color: #4172ed !important;
}
.swal-button--danger{
    background-color: #4172ed !important;
}
.swal-button--danger:focus{
    box-shadow:0 0 0 1px #fff, 0 0 0 3px rgb(165 43 43 / 0%) !important;
}

.home-seminars{
    width: 100%;
    height: 100%;
    position: relative;
    background: white !important;
}
.panel-title {
    height: auto !important;
}
.accordion-search-area{
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}
.search-input{
    border-bottom: 10px;
    background: #f3f3f3;
    display: inline-block;
    height: 37px;
    width: 30%;
    border:0px;
    border-radius: 5px 0px 0px 5px;
    padding-left: 15px;

}
.search-input:focus{
    outline: 0px;
    color: #4a4a4a;
}
.search-content{
    display: inline-block;
    background: #4172ed;
    height: 37px;
    padding: 8px 19px 8px 14px;
    margin-left: -4px;
    border-radius: 0px 5px 5px 0px;
}
.login-modal-body{
    padding-top: 0px !important;
}
.login-modal-content .modal-footer,
.register-modal-content .modal-footer{
    border-top: 0px !important;
}
.custom-check-circle{
    text-align: left;
}
.select2-container--default{
    margin-bottom: 5px !important;
}
.modalFormGroup select,
.modalFormGroup textarea{
    margin-bottom: 15px;
}
.checkbox .form-control{
    width: 90%;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.link-modal iframe {
    width: 100%;
    height: 400px;
}
.modal{
    background: transparent !important;
}
.navbar-content{
    background: transparent !important;
}
.chat-content{
    background: transparent !important;
}
svg:not(:root) {
    background: transparent !important;
}
html>body.accessibility-bright-contrast>:not(img):not(video)
{
    background: initial !important;
}

/*html>body.accessibility-bright-contrast>:not(.accessibility) :not(img):not(video) {*/
/*    background: initial !important;*/
/*}*/
/*html>body.accessibility-bright-contrast>:not(.accessibility){*/
/*    background: #fff !important;*/
/*}*/

.single-content-nav-btn
{
    top: 0%;
    position: absolute;
    color: #000;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 5px;
    background: #7d7d7d6b;
}

.single-content-nav-btn:hover
{
    cursor: pointer;
}

.single-content-next-btn
{
    right: 41;
    padding-left: 8px;
}

.single-content-previous-btn
{
    left: 46px;
    padding-left: 6px;
}

.single-content-nav-btn i
{
    color: #000;
}

.book-meeting-modal{
    display: none !important;
}
.modal .close span{
    color: #7b7b7b !important;
    font-weight: 200 !important;
}
.calendar-info-header{
    font-size: 18px;
}
button{
    overflow: hidden !important;
}
.book-send-btn{
    overflow: hidden;
}
/* ==== Mobile L ===== */
@media screen and (max-width: 425px) {
    .tabmenu-icon {
        width: 100%;
        position: relative;
        display: flex !important;
        float: left;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .icon-text-content {
        margin-top: 0px;
    }
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: auto !important;
    }
    .info-modal-dialog .info-content{
        background: #efefef;
        padding: 10px;
        border-radius: 6px;
    }
    .companyinfo-header{
        grid-gap: 10px !important;
    }
    .info-logo-content img{
        width: 25%;
    }
    .messages-modal-lbl .form-control{
        background: #f8f8f9 !important;
    }
    .bag-container .card, .tab-pane .card, .download-modal-body .card{
        padding: 0px !important;
    }
    .download-modal-body .card .card-img img{
        height: 100px !important;
    }
    .profile-menu-tab{
        overflow:  hidden !important;
    }
    .mobile-booking-text{
        color: #bdc1ce !important;
        font-size: 10px;
    }
    /*.profile-menu-tab:nth-child(5),*/
    /*.profile-menu-tab:nth-child(6){*/
    /*    width: 100% !important;*/
    /*}*/
    .profile-menu-tab:nth-child(5) .mobile-booking-text,
    .profile-menu-tab:nth-child(6) .mobile-booking-text{
        display: block !important;
    }
    .reservation-messages .calendar-profile-info-container,
    .reservation-calendar .calendar-profile-info-container{
        display: none !important;
    }

    .calendar-info-header{
        font-size: 13px;
    }
    /*.calendar-profile-info-container{*/
    /*    height: 266px !important;*/
    /*}*/
    .mobile-info{
        height: 121px !important;
    }
    .date-institutions-container{
        height: 100%;
        border: 1px solid #f0f2f7;
        box-shadow: 0px 0px 0px 0px rgb(135 135 135 / 0%);
    }
    .date-image {
        border:0px !important;

    }
    .edit-book-body{
        padding: 0px 15px 15px 15px !important;
    }
    .edit-book-body .row{
        margin-right: 0px;
        margin-left: 0px;
    }
    .date-days button{
        width: 11rem !important;
    }
    .date-row-column-2, .date-row-column-3 {
        width: 150px !important;
    }
    .surver-radio-answer{
        display: inherit;
        padding-left: 30px !important;
    }
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: auto;
    }
    .book-meeting-modal{
        display: none;
    }
    .book-send-btn{
        font-size: 10px;
    }
    .book-modal-dialog .modal-body .title,.book-modal-body .book-input{
        font-size: 12px;
    }

    .book-modal-body{
        padding: 0px 15px 15px !important;
    }
    .book-modal-dialog .modal-body{
        padding: 0px;
        padding-top: 10px;
    }
}
/* ==== Mobile M ===== */
@media screen and (max-width: 375px) {
    .date-days button{
        width: 9rem !important;
    }
    .date-row-column-2, .date-row-column-3{
        width: 133px !important;
    }
    .column4{
        width: 156px !important;
    }
}
/* ==== Mobile S ===== */
@media screen and (max-width: 320px) {
    .date-days button{
        width: 11rem !important;
    }
    .date-row-column-2, .date-row-column-3 {
        width: 105px !important;
    }
    .book-modal-dialog .date-header tr,
    .book-modal-dialog .date-header tr td a{
        font-size: 8px !important;
    }
    .column4{
        width: 100px !important;
    }
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto !important;
    width: 100%;
    height: 100vh;
    position: fixed !important;
}
.modal-open{
    overflow: scroll !important;
}
.modal {
    height: 100vh;
}
.stands-modal .stands-modal-dialog{
    min-width: 57% !important;
}
.tipso_bubble {
    margin-left: 5px;
}

@media only screen and (max-width:1100px){
    .modal-dialog {
        width: 100vw !important;
        max-width: 90% !important;
    }
}
.search-content .fa{
    color: white !important;
    font-size: 17px;
    margin-left: 3px;
}

.companyinfo-header .companyinfo-line strong {
    margin-right: 15px;
    display: inline-block;
}

label.control-label {
    font-weight: 600;
    color: #4e5771 !important;
    padding-left: 0;
}

.messages-modal-lbl > * {
    margin: 0;
    height: initial !important;
}

textarea.form-control {
    color:  #4f5871 !important;
}
.loginModalContent .modalFormGroup textarea.form-control{
    min-height: 125px ;
}
.no-border + .select2-container{
    width: 100% !important;
}
.select2-selection{
    background: #f8f8f9 !important;
    height: 50px !important;
    line-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
}
.select2-container{
    border-radius: 8px !important;
    margin: 0px !important;
    height:50px !important;
}
.register-modal-dialog{
    margin-bottom: 40px !important;
}
.form-group .checkbox-group {
    margin: 0px !important;
    margin-left: 12px !important;
}
.messages-modal-body input[type='file'] {
    color: transparent;
    padding: 0 !important;
    outline: none;
    margin: 0 !important;
    width: 50% !important;
    float: left;
    display: inline-block !important;
}

.messages-modal-body input[type='file']::-webkit-file-upload-button {
    visibility: hidden;
}

.messages-modal-body input[type='file']::before {
    /*content: 'Dosya seçin';*/
    color: white;
    display: inline-block;
    background: #4172ed;
    border-radius: 6px !important;
    padding: 10px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    width: 120px;
    text-align: center;
    box-shadow: 5px 10px 21px rgba(0, 0, 0, 0.05);
}

.messages-modal-body input[type='file']:hover::before {
    border-color: black;
}

.messages-modal-body input[type='file']:active {
    outline: 0;
}

.messages-modal-body input[type='file']:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.messages-modal-lbl > textarea {
    height: 150px !important;
    resize: none;
}

.no-space {
    padding: 0 !important;
}

.messages-modal-body.modal-body {
    padding: 15px 40px;
}

.messages-modal-body input[type='file'] + label {
    display: inline-block;
    float: right;
    width: 50%;
    text-align: right;
    height: 40px;
    margin: 0;
    line-height: 40px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
}

.messages-modal-lbl{
    color: #4e5771 !important;
    border-radius: 6px;
    background: #f8f8f9;
    padding: 10px 5px;
    word-break: break-all;
}

@media only screen and (max-width: 800px){
    .pl-15{
        padding-left: 0 !important;
    }
}

@media only screen and (max-width:375px){
    .companyinfo-header .companyinfo-line strong{
        min-width: initial;
    }
    .messages-modal-btn {
        min-width: 120px !important;
    }
    .messages-modal-body input[type='file']{
        width: 100% !important;
    }
    .messages-modal-body input[type='file'] + label{
        width: 100% !important;
        text-align: left;
        padding: 0;
    }
}

@media only screen and (max-width:425px){
    .messages-modal-title {
        font-size: 16px !important;
    }
    .messages-modal-body.modal-body {
        padding: 15px 20px;
    }
    .messages-modal-dialog .form-control{
        padding-left: 12px;
    }
    .info-social-media > h6 {
        text-align: left !important;
    }
    .companyinfo-social{
        text-align: left;
    }
    .panel>.panel-heading{
        overflow: hidden !important;
        font-size: 11px !important;
        padding: 5px 10px !important;
        min-height: 40px !important;
        height: auto !important;
    }
    .panel>.panel-title{
        font-size: 10px !important;
    }
}

.info-social-media > h6 {
    text-align: right;
}
.profile-form-grid .formGroup select{
    min-height: 45px !important;
    border: 1px solid #efefef !important;
    border-radius: 5px !important;
}
.companyinfo-social li + li {
    margin-left: 10px;
}
/* ####### LAPTOP L ####### */
.profile-row{
    display: flex;
}
.mybag{
    background: white;
    padding: 15px;
    border-radius: 10px;
    display: flex;
}
.bag-header{
    font-weight: 600;
    color: #16364C;
    font-size: 15px;
    display: flex !important;
    justify-content: flex-end;
    padding-bottom: 10px;
}
.bag-container{
    display: grid !important;
    grid-gap: 10px;
    width: 100%;
    grid-template-columns:24% 24% 24% 24% !important;
}
.company-content .entry-content p{
    width: 100% !important;
}
.filter-btn:hover .group-icon path{
    fill: #4172ed !important;
}
/* ###### PROFILE PAGE ###### */
.profile-header-content{
    margin-bottom: 20px;
    width: 100%;
}
.profile-header-content .title{
    margin-top: 0px;
}
.profile-tab-content form{
    padding-top: 30px;
    border-top: 1px solid #ededed;
}
.small-dsc{
    font-size: 14px;
    font-family: 'Montserrat',Sans-Serif !important;
    font: normal normal normal 14px/18px Montserrat;
    letter-spacing: 0px;
    color: #7d7d7d;
}

.desktop-left-menu{
    width: 25%;
}
.profile-tab-content{
    width: 73%;
    /*width: 100%;*/
    height: fit-content;
    margin-left: 20px;
}
#tab_myprofile{
    width: 100%;
    border-radius: 9px;
    padding: 20px;
    background: white;
    height: fit-content;
}

.tabWrap .profileBox {
    width: 100%;
    height: 292px;
    display: flex ;
    border-radius: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.tabWrap .profileBox .avatar-upload {
    width: 214px;
    height: 214px;
    display: flex ;
    justify-content: center;
    margin: auto;
    border-radius: 50%;
    border: 1px solid #9797974D;
}
.avatar-upload form{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}
.avatar-upload .avatar-preview{
    width: 206px;
    height: 204px;
    border: 1px solid #9797971C;
    border-radius: 50%;
    justify-content: center;
    margin: auto;
    overflow: hidden;
}
.extraMain ul.tabNavs li a {
    font: normal normal normal 14px/18px Montserrat;
    letter-spacing: 0px;
    color: #374750;
    line-height: 40px;
    height: 60px;
    text-align: left;
    font-family: 'Montserrat',Sans-Serif !important;

}
.tabWrap form .formGroup .form-control {
    height: 45px;
    line-height: 45px;
    width: 100%;
    border: 1px solid #efefef !important;
    box-shadow: none;
    border-radius: 5px;
}
.profile-form-grid{
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 16px;
}
.tabWrap form .formGroup {
    margin-bottom: 0px !important;
}
.tabWrap form .formGroup label.formlabel {
    font: normal normal bold 13px/16px Montserrat;
    letter-spacing: 0px;
    color: #364572;
}
.chat-button-content{
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
}
#tab_myprofile .iti{
    width: 100%;
}

.change-pass-content .checkbox{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    box-shadow: 0px 0px 20px #ededed;
    height: 40px;
    padding-left: 15px;
    border-radius: 8px;
    line-height: 40px;
}
.change-pass-content{
    margin-top: 30px;
    margin-bottom: 0px !important;
}
.profile-form-grid .file-container .btn-info{
    height: 45px;
    border-radius: 5px;
}
.profile-form-grid .file-container{
    margin-top: 0px;
    width: 100%;
    display: flex;
}
.profile-form-grid .file-container .file-uploader-thumb{
    align-self: center;
    color: #9a9a9a;
    font-size: 14px;
    font: normal normal bold 13px/16px Montserrat;
    letter-spacing: 0px;
    margin-left: 15px;
    margin-bottom: 0px !important;
}

.change-pass-content label{
    font: normal normal bold 13px/16px Montserrat;
    letter-spacing: 0px;
    color: #364572;
    font-weight: 700 !important;

}
.change-pass-content input{
    margin-top: 3px !important;
}
#passwordarea{
    padding: 20px;
    background: #f0f2f7;
    border-radius: 0px 0px 6px 6px;
}
#passwordarea .form-group{
    width: 50% !important;
    margin-bottom: 15px !important;
}
.submit-btn-content{
    margin-top: 35px;
}

/* #### RANDEVU ####*/
.date-filter-tab{
    width:100%;
    height:65px;
    margin-bottom: 10px;
    display: flex !important;
    justify-content: flex-end;
}
.row:before,
.row:after{
    display: block !important;
    content: initial !important;

}
.reservation-top-menu{
    display: grid !important;
    grid-template-columns: 33% 33% 33%;
}
.date-institutions-container{
    height: 100%;
    padding: 10px;
    border-radius: 0px 0px 8px 8px;
}
.tab-pane .reservation-institutions,.reservation-calendar,.reservation-messages{
    display: none;
    background: white;
    border-top: 3px solid #3e4d78;
    border-radius: 0px 0px 8px 8px !important;
}

.reservation-top-menu{
    display: grid;
    grid-gap: 5px;
}
.profile-menu-tab svg{
    width: 20px;
    height: 20px;
    margin: 0px !important;
}

.reservation-tab-btn{
    position: relative;
    font: normal normal bold 13px/16px Montserrat;
    letter-spacing: 0px;
    color: #364572 !important;
    background: white;
    height: 100%;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    font-size: 16px;
    line-height: 65px;
    font-weight: 400;
}
.reservation-top-menu .active{
    font-weight: 600 !important;
    text-decoration: unset !important;
    border-bottom: 0px !important;
    background: #3e4d78;
    color: white !important;
}

.modal .modal-dialog .modal-content{
    border: 0px !important;
    box-shadow: 0px 0px 0px transparent !important;
}
.company-products-row{
    display: grid;
    grid-template-columns: 90% 10%;

}

/* ####### LAPTOP ####### */
@media (max-width: 1024px) {
    .company-download a span.download-desc{
        max-width: 90% !important;
    }

}


/* ####### TABLET ####### */
@media (max-width: 795px) {
    .date-calendar-container .filter{
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding: 0px 10px;
        flex-direction: column;
        margin-left: 0px !important;
    }
    .column6 {
        padding-left: 10px;
    }
    .type-filter-tab {
        width: 100% !important;
    }
    .date-filter-tab {
        width: 100%;
        height: 65px;
        margin-bottom: 10px;
        display: flex !important;
        justify-content: center;
        margin-top: 10px;
    }
    .modal-dialog-widthLarge .form-group{
        width: 95% !important;
    }
    .reservation-institutions{
        margin-bottom: 50px;
    }
    .bag-header{
        margin-bottom: 0px;
    }
    .mybag{
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 50px;
    }
    .nav-pills>li+li{
        margin-left: 4px;
    }
    .bag-container {
        width: 98%;
        display: grid;
        grid-template-columns: 49% 49% !important;
        padding-top: 10px;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .bag-short-content{
        margin-bottom: 20px;
    }
    /*.profile-menu-tab:nth-child(5),*/
    /*.profile-menu-tab:nth-child(6) {*/
    /*    width: 100%;*/
    /*}*/
    .date-row-column-3{
        border-right: 0px !important;
    }
    .book-meeting-modal{
        word-break: break-all;
    }
    .date-filter-tab .date-calendar-tab-randevu{
        margin:2px!important;
        font-size: 11px;
    }
    .calendar-row-table{
        width: 100%;
        margin-top: 0px !important;
    }
    .tab_reservation .row{
        display: block !important;
    }
    .active .icon{
        fill: white !important;
    }
    .date-meeting .row{
        display: block !important;
    }
    .date-calendar-list .calendar-row{
        margin-left: 10px;
        margin-right: 10px;
        width: 95%;
    }
    .profile-row{
        display: block;
    }
    .tab_reservation{
        margin: 10px !important;
    }
    .date-calender-content{
        padding: 0px 0px;
    }
    .date-center-dev-d {
        padding: 10px;
    }
    .tab_reservation .row{
        display: grid !important;
        /*grid-template-columns: 32% 32% 32%;*/
        grid-gap: 7px;
    }
    .reservation-tab-btn .reservation-tab-icon{
        fill: #4172ed !important;
    }
    .reservation-tab-btn {
        border-radius: 6px 6px 0px 0px !important;
    }
    .reservation-top-menu a{
        background: white !important;
        margin-right: 10px;
    }
    .reservation-top-menu .active{
        background: #3e4d78 !important;
    }
    .reservation-tab-btn {
        position: relative;
        font: normal normal bold 13px/16px Montserrat;
        letter-spacing: 0px;
        color: #364572 !important;
        background: white;
        height: 100%;
        text-align: center;
        border-radius: 10px 10px 0px 0px;
        font-size: 16px;
        line-height: 65px;
        font-weight: 400;
    }
    .table-content {
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 6px;
        background: white;
        padding: 10px;
        margin-bottom: 50px;
    }
    .application-row{
        font-family: 'Montserrat',Sans-Serif !important;
        font: normal normal normal 14px/18px Montserrat;
        letter-spacing: 0px;
        color: #7d7d7d;
    }
    .application-row th,
    .application-row td{
        font-weight: 300 !important;
        padding-top: 10px;
    }

    .bag-container .card, .tab-pane .card{
        padding: 15px !important;
    }
    #passwordarea .form-group{
        width: 100% !important;
    }
    .tabWrap form .formGroup label.formlabel{
        width: 100% !important;
    }
    .mobile-top-menu{
        padding: 10px !important;
    }
    .tabWrap form .formGroup{
        border: 0px !important;
    }
    .tabWrap form .formGroup .form-control{
        width: 100% !important;
        border-radius: 6px !important;
    }
    .profile-tab-content{
        width: 100% !important;
        margin-left: 0px !important;
    }

    #tab_myprofile{
        width: 93%;
        height: fit-content;
        margin: 10px !important;
        margin-left: 0px;
        padding: 15px !important;
        background: white !important;
        border-radius: 6px;
    }
    .profile-form-grid{
        grid-template-columns: 100%;
    }

    .desktop-left-menu{
        width: 100%;
    }
    .icon{
        width: 45px;
        height: 35px;
    }
    .link-modal .virtual-bag-form{
        top: 0px;
        right: 0px;
    }
    .company-download a span.download-desc,
    .company-download a span.download-title{
        margin-top: 5px;
    }
    .entry-content p{
        width: 93%;
    }
    .entry-content{
        width: 100%;
    }
    .company-products-row{
        width: 100%;
        position: relative;
        margin-bottom: 10px !important;
    }
    .company-products-text-content{
        box-shadow: 0px 0px 7px #e6e6e69c;
    }
    .gallery-grid{
        grid-template-columns: 32% 32% 32%!important;
        grid-gap: 10px !important;
    }
    .profile-form-grid .file-container{
        width: 40%;
        float: left;
    }
    .tabWrap form .formGroup label.formlabel{
        line-height: 45px;
        width: 50% !important;
    }

    .toggle-reservation-area {
        width: auto !important;
        margin-top: 1rem;
    }

}

/* ####### MOBILE L ####### */
@media (max-width: 425px) {
    .reservation-top-menu {
        width: calc(100% - 10px);
    }
    .date-person-row-column-1{
        display: flex !important;
        align-items: center;
    }
    .date-person-list-name{
        line-height: 15px !important;
    }
    .date-person-image{
        min-width: 30px !important;
        margin: 0px !important;
    }
    .date-row-column-2{
        display: flex;
        align-items: center;
    }
    .company-products-row {
        display: grid;
        grid-template-columns: 100%;
    }
    .download-modal-body .grid{
        padding-bottom: 25px;
    }
    .date-days button{
        width: 12rem !important;
    }
    .date-row-column-2, .date-row-column-3{
        width: 43% !important;
    }
    .date-calendar-tab-icon{
        margin-left: 5px;
    }
    .bag-short-content{
        width: 20% !important;
    }
    .bag-short-content p{
        display: none !important;
    }
    .column4{
        width: 200px !important;
    }
    .link-modal .virtual-bag-form{
        top: -4px;
        right: 2px;
    }
    .company-download a span.download-desc,
    .company-download a span.download-title{
        margin-top: 5px;
    }
    .entry-content{
        width: 100%;
    }
    .entry-content p{
        width: 86% !important;
    }
    .download-modal-content .virtual-bag-form,
    .extra-stand-modal-content .virtual-bag-form{
        width: 30px;
        height: 30px;
    }
    .virtual-bag-form .btn{
        padding: 0px;
    }
    .virtual-bag-form .btn{
        padding: 8px;
    }
    .virtual-bag-form .btn svg{
        width: 15px;
        height: 15px;
    }
    .gallery-grid{
        grid-template-columns: 49% 49% !important;
        grid-gap: 10px !important;
    }
    .company-products-row {
        width: 100%;
        position: relative;
        margin-bottom: 10px !important;
    }
    .form-horizontal .form-group{
        margin: 0px !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    .modal-dialog-widthLarge .form-group{
        width: 100% !important;
    }
    .hole-menu{
        position: relative;
        top: 0%;
        transform: translate(0, 0%);
    }
    .hole-menu .left{
        display: none;
    }
    .hole-menu .right{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 7px;
        top: 0%;
        transform: translate(0, 0%);
    }
}


/* ####### MOBILE M ####### */
@media (max-width: 375px) {
    .date-days button{
        width: 10rem !important;
    }
    .date-row-column-2, .date-row-column-3{
        width: 42% !important;
    }
    .profile-form-grid .file-container{
        width: 50%;
        float: left;
    }
    .date-filter-tab .date-calendar-tab-randevu{
        width: 50%;
    }
    .date-calendar-tab-text{
        font-size: 9px;
        margin-right: 5px !important;
    }
    .date-calendar-tab-icon svg{
        width: 17px;
    }
    .column4{
        width: 130px !important;
    }
}


/* ####### MOBILE S ####### */
@media (max-width: 320px) {
    .date-days button{
        width: 8rem !important;
    }

    .date-filter-tab .date-calendar-tab-randevu{
        width: 50%;
    }
    .date-calendar-tab-text{
        font-size: 9px;
        margin-right: 0px !important;
    }
    .date-row-column-2, .date-row-column-3{
        width: 115px !important;
    }
    .date-calendar-tab-icon svg{
        width: 17px;
    }
    .column4{
        width: 82px !important;
    }
    .link-modal .virtual-bag-form{
        top: -4px;
        right: 2px;
    }
    .company-download a span.download-desc,
    .company-download a span.download-title{
        margin-top: 5px;
    }
    .gallery-grid{
        grid-template-columns: 100% !important;
        grid-gap: 15px !important;
    }
}

.canvas-iframe iframe {
    width: 100%;
    height: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

.time {
    padding: 20px;
    background: white;
    border-radius: 5px;
    width: 25%;
    color: #000;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
}
.accessibility-index-tooltip{
    top: 62px !important;
    transform: translateX(-50%);
    left: 147px !important;
}
.accessibility-index-tooltip::after{
    left: -19px !important;
    right: 100% !important;
    top: 40px !important;
    transform: rotate(-90deg) !important;
}
.confirmation-submit-btn{
    margin: auto;
    height: 50px;
    border: 0px !important;
    font-size: 16px;
    width: 150px;
    margin: auto !important;
    background-color: #4172ed !important;
}
.time-content{
    font-size: 15px;
}
.confirmation-modal-dialog .modal-content{
    width: 70%;
    margin: auto;
}
.social-login a {
    background: transparent;
    white-space: normal !important;
}

/* ==== Mobile S ===== */
@media screen and (max-width: 320px) {
    .date-days button{
        width: 11rem !important;
    }
    .date-row-column-2, .date-row-column-3 {
        width: 105px !important;
    }
    .book-modal-dialog .date-header tr,
    .book-modal-dialog .date-header tr td a{
        font-size: 8px !important;
    }
    .column4{
        width: 100px !important;
    }
    .product-image {
        height: 145px !important;
    }
    .products-holder{
        grid-template-columns: 100% !important;
    }

}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100vh;
    position: fixed !important;
}

/** Product Interface**/
.products-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    width: 100%;
    max-height: 100%;
    padding: 20px;
    overflow: auto;
    padding-bottom: 30px;

}
.products-content{
    padding: 0px !important;
    margin: 0px !important;
    width: 75%;
}
.products-filter{
    padding:20px !important;
}
#productsModal .row{
    display: flex;
}
.products-holder:after {
    content: '';
    position: relative;
    min-width: 50px;
    height: 10px;
    background: transparent;
}
.products-holder::-webkit-scrollbar {
    height: 0px;
}
.product-card {
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,.05);
    padding: 13px !important;
    border-radius: 20px;
    width: 30%;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
    max-height: 414px;
    background: #fff;
    scroll-snap-align: center;
    transition: all .25s ease;
    border: 2px solid #fff;
}
#productsModal .modal-body .row{
    margin: 0px !important;
}
#productsModal .modal-body{
    padding: 0px 15px;
}
.products-filter{
    background: #f5f5f5;
    border-radius: 7px;
    margin-top: 20px;
    width:25%;
    height:fit-content;
}
.products-filter h1{
    font-size: 25px !important;
    word-break: break-word;
    margin: 0px 0px 20px 0px;
}
#productsModal .panel{
    border: 0px;
}

.product-information-content{
    /*padding: 0px 13px 13px 13px;*/
}
.product-card .add-active {
    /* transform: translate(0, -10px); */
    box-shadow: 0px 10px 30px 0px rgba(254, 160, 26, .2);
    border: 2px solid #fea01a;
}
.product-card .add-active .add {
    display: none;
}
.product-card .add-active .con-image img:not(.bg) {
    transform: scale(1.15);
}
.product-card .add-active .con-input-btns {
    display: flex;
}
.product-star {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 30px;
    font-size: 1.6rem;
    z-index: 21;
}
.product-star i{
    color: #4172ed !important;
}
.product-star i:hover{
    cursor:pointer;
    color: #4172ed !important;
}
.product-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
    overflow: hidden;
    border-radius: 20px 20px 0px 0px;
    background: #f5f5f5;
}
.product-image img {
    /*width: 227px;*/
    width: 100%;
    height: 100%;
    z-index: 20;
    object-fit: cover;
    transition: all .25s ease;
    border-radius: 20px 20px 0px 0px;
    transition: transform 0.5s ease-out;
}
.order-checkout-button{
    background-color: #4172ed !important;
    border: 0px !important;
    float: right;
}
.remove-cart-item{
    background-color: transparent !important;
    border: 0px !important;
}
.remove-cart-item i{
    color: #8d8d8d !important;
}
.product-image:hover img{
    filter: brightness(100%);
    transform: scale(1.1);
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.product-image .bg {
    position: absolute;
    transform: translate(10px, 30px);
    z-index: 10;
    filter: blur(20px);
    opacity: .4;
    display: none;
}

.product-text {
    width: 100%;
    padding: 10px 0px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    color: #ededed;
}

.product-text p{
    color: #b3b3b3;
    font-family: Montserrat,Sans-Serif;
    max-height: 35px;
    overflow: auto;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    box-sizing: content-box;
}

.product-text h3 {
    /*padding: 5px 0px;*/
    font-family: Montserrat,Sans-Serif;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #6b6b6b;
}

.product-price {
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    font-size: 15px;
    font-family: Montserrat,Sans-Serif;
    padding-top: 0px;
}

.product-card:hover{
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 18%);
    cursor:pointer;
}

.product-card .add {
    width: 100%;
    padding: 10px;
    background: linear-gradient(130deg, #4172ed 0%, #7a44c1 100%);
    border: 0px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.product-input-btns-details {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.product-input-btns-details input {
    padding: 10px;
    flex: 1;
    width: 50px;
    height: 50px;
    border: 0px;
    border-bottom: 2px solid #f5f5f5;
    text-align: center;
    font-size: 1.3rem;
    margin-right: 1rem;
}
.product-input-btns-details input:focus{
    border: 0px !important;
    outline: 0px;
    border-bottom: 2px solid #f5f5f5;
}
#productsModal .btn-info {
    color: #fff;
    background-color: #c7c7c7;
    border-color: transparent;
    height: 40px;
    width: 40px;
    font-size: 18px !important;
}
.product-input-btns-details button {
    padding: 0px;
    min-width: 30px;
    width: 30px;
    height: 30px;
    border: 0px;
    border-radius: 50px;
    background: #b1b1b1;
    color: #fff;
    font-size: 1.4rem;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
    margin-right: 1rem;
    display: inline-block !important;
}
.product-input-btns-details button:focus{
    outline: 0px !important;
}
.product-input-btns-details .less{
    padding-bottom: 2px;
    padding-right: 2px;
}
.product-input-btns-details .plus{
    padding-bottom: 2px;
    padding-left: 2px;
}

.add-to-shopping-cart-button{
    float: left;
    width: 100%;
    margin-top: 35px;
    background-color: #4172ed !important;
    border: 0px !important;
    border-radius: 5px !important;
    height: 40px;
    font-weight: 600 !important;
    font-size: 16px !important;
}
.product-favorite{
    margin-top: 35px;
    margin-left: 12px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: #3a3a3a59;
    color:#fff;
    border: 0px solid #e2e2e2;
}
.product-input-btns-details button:active {
    transform: scale(.8);
}
.product-input-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.product-input-btns input {
    padding: 10px;
    flex: 1;
    width: calc(100% - 100px);
    height: 49px;
    border: 0px;
    border-bottom: 2px solid #f5f5f5;
    text-align: center;
    font-size: 1.3rem;
}
.product-input-btns button {
    padding: 10px;
    min-width: 49px;
    height: 49px;
    border: 0px;
    border-radius: 20px;
    background: linear-gradient(130deg, #153ea9 0%, #3258bb 100%);    color: #fff;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
}
.product-input-btns button:active {
    transform: scale(.8);
}
#category-sidebar{
    margin-left: 1rem;
    /*min-height: 70%;*/
    /*box-shadow: 0px 0px 20px 0px rgb(128 128 128 / 20%);*/
    border-radius: 2rem;
}
@media (min-width: 1024px) {
    .detail .product__info {
        margin-top: 15px;
        white-space: normal;
    }
    .product__info {
        margin-top: 10px;
    }
    .detail .product__prices-sale, .detail .product__prices-third {
        font-size: 30px;
    }
}
.detail .product__info {
    align-items: center;
}
product__info {
    margin-top: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.detail .product__prices-sale, .detail .product__prices-third {
    font-size: 20px;
}
.product__prices-sale, .product__prices-third {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.25px;
    color: #333;
}
.alert h4 {
    margin-top: 0;
    color: #d00000 !important;
}
.brighttheme-info{
    background-color: #ffffff !important;
    box-shadow: 0px 1px 20px -3px #2f2f2f59 !important;
    border: 0px !important;
    border-color: transparent !important;
}
.ui-pnotify-container{
    padding: 15px !important;
}
.ui-pnotify.alert-styled-left .brighttheme{
    border-left-width: 0px !important;
}
@media (min-width: 992px) {
    .d-lg-flex {
        display: flex !important;
    }
}
.order-2 {
    order: 2;
}
.product__prices {
    display:/// flex;
    flex-direction: column;
    white-space: nowrap;
    line-height: 1;
}
.detail .product__prices {
    flex-direction: column;
}

#productsModal .modal-lg,
#product-detail .modal-lg{
    width: 1100px;
}
#category-sidebar h5{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2em;
    text-align:center;
    margin-top:2rem;
}
.components li {
    /*border-bottom: 1px dashed #d6d6d6;*/
    padding: 5px;
    box-shadow: inset -2px 3px 20px 0px rgba(0,0,0,.05);
    width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;
    padding-left: 15px;
    height: 40px;
    line-height: 31px;

}
.text-danger{
    color: #4172ed !important;
}
.p-0 {
    padding:0!important;
}
.pt-2{
    padding-top: 0.5rem!important;
}
.pb-2{
    padding-bottom: 0.5rem!important;
}
.mb-2{
    margin-bottom: 0.5rem!important;
}
.components {
    margin: auto;
    margin-top: 38px;
    font-size: 1.1em;
    color: #928e8e!important;
}
.sub-categories .category-item{
    border-bottom: 1px solid #dddddd;
    margin-bottom: 3px;
    margin-left: 5px;
}
.sub-categories .category-item:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}
.category-item a {
    color: #928e8e!important;
    display: block;
    padding: 0.4rem;




}
.panel-title a {
    color: #928e8e!important;
    font-weight: bolder;
}
.category-item a:last-child {

    border-bottom: 0;

}
.category-down-icon {
    float:right;
    margin-top: 6px;
}
.components li a ul li a{
    color: #928e8e!important;

}
._cont{
    display:block;
    margin: 0 auto;
}
._cont:after{
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
}

.product-detail .shadow {
    -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px,
    rgba(19, 20, 20, 0.06) 0 1px 1px;
    -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px,
    rgba(19, 20, 20, 0.06) 0 1px 1px;
    box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
    margin-bottom: 2px;
}
.product-detail .cols {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*padding: 35px 0 58px;*/
}
.product-detail .cols:after {
    content: " ";
    display: block;
    clear: both;
}
.product-detail .left-col {
    width: 55%;
    float: left;
    margin-right: 3.44828%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.product-detail .left-col:after {
    content: " ";
    display: block;
    clear: both;
}
.product-detail .left-col .thumbs {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-left:2px
}
.product-detail .left-col .thumbs a {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #f5f5f5;
    display: block;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
    text-align: center;
}
.product-detail .left-col .thumbs a.active {
    border-color: #086fcf;
}
.product-detail .left-col .thumbs a.active:hover {
    border-color: #086fcf;
}
.product-detail .left-col .thumbs a:hover {
    border-color: #b5b6bd;
}
.product-detail .left-col .thumbs img {
    height: 158px;
    object-fit: contain;
    padding: 10px 0;
}

.product-detail .left-col .big {
    width: 100%;

    margin-bottom: 1em;
}
.product-detail .left-col .big .img {
    -moz-transition: all 600ms ease-out 0s;
    -o-transition: all 600ms ease-out 0s;
    -webkit-transition: all 600ms ease-out;
    -webkit-transition-delay: 0s;
    transition: all 600ms ease-out 0s;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: transparent no-repeat center center;
    background-size: contain;
    border: 1px solid #f5f5f5;
    display: block;
    height: 0;
    opacity: 1;
    padding-bottom: 70%;
}
.product-detail .left-col .big .img.animate {
    -moz-transition: all 0ms ease-out 0s;
    -o-transition: all 0ms ease-out 0s;
    -webkit-transition: all 0ms ease-out;
    -webkit-transition-delay: 0s;
    transition: all 0ms ease-out 0s;
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
}
.product-detail .left-col .big #banner-gallery {
    display: none;
}
.product-detail .right-col {
    width: 43%;
    float: right;
    margin-right: 0.9rem;
    background: #f1f1f1;
    padding: 25px;
}
.product-detail h1 {
    margin-top: 0px;
    font-size: 21px;
    font-family: "montserratregular", sans-serif;
}
.product-detail .price-holder{
    display: flex;
    flex-direction: row;
    align-items: baseline;

}
.product-detail .old-price{
    font-size:5rem;
    position: relative;
    color:#b9b9b9;
    margin-right:2rem;
}
.old-price::after{
    content: "";
    width: 100%;
    height: 7px;
    background: #d63232;
    position: absolute;
    bottom: 30px;
    left: 0;
}
.product-detail a {
    font-size: 100%;
    line-height: 123.07692%;
    color: #b5b6bd;
    text-decoration: underline;
}
.product-detail a:hover {
    color: #086fcf;
}
.product-detail .price-shipping {
    border-bottom: 1px solid #edeff2;
    padding-bottom: 14px;
}
.product-detail .price-shipping a {
    display: block;
    float: left;
    margin: 19px 0 0 25px;
}
.product-detail .price {
    font-size: 340%;
    line-height: 108.33333%;
    font-family: "montserratbold", sans-serif;
    color: #2147af;
    float: left;
    letter-spacing: -2px;
    /*background-image: linear-gradient(to right, rgb(15 28 99), #4172ED, #4172ED);*/
    /*background-color: #4172ED;*/
    /*animation: basic-info-keyframe_gradient_d10 3s infinite;*/
    /*-webkit-text-fill-color: transparent;*/
    color: #4172ed;
    -webkit-background-clip: text;
}
.product-detail .price del {
    font-size: 54.16667%;
    line-height: 200%;
    font-family: "montserratregular", sans-serif;
    color: #b5b6bd;
}
.product-detail .variations{
    margin: 17px 0 20px;
    display: block;
}
.variations .variation {
    display: block;
    float: left;
    margin-right: 40px;
    width: 100%;
}
.w-100{
    width: 100%!important;

}
.variation .variation-element {
    float: left;
    margin: 5px 8px 0 0;
    position: relative;
}
.variation input{
    display:none;
}
.variation .plain input:not(:checked) + label {
    color: #16161a !important;
}
.variation input:not(:checked) + label {
    border-color: #edeff2 !important;
}
.variation .plain label {
    font-family: "montserratbold", sans-serif;
    color: #4172ed;
    cursor: pointer;
    display: block;
    height: 42px;
    min-width: 42px;
    text-align: center;
    padding: 0px 10px;
    line-height: 41px;
    font-weight: 400;
    background: white;
}
.variation .plain label:hover{
    border-bottom: 2px solid #4172ed !important;
}
.variation .header{
    border-top: 1px solid #ededed;
    padding: 10px 0px;
    font-weight: 600;
    margin-top: 20px;
}
.crossed-out {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.variation .variation-element .crossed-out {
    display: none
}

.variation .variation-element.not-available .crossed-out {
    display: block;
    pointer-events: none;
    cursor: default;
}
.variation .variation-element.not-available label {
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    pointer-events: none;
    cursor: default;

}
._cont:after, .collection .settings:after, .collection-list a .variants:after, .product-detail .price-shipping:after, .product-detail .btn-and-quantity-wrap:after, .product-detail .btn-and-quantity:after, .spinner:after, .tabs .tab-labels:after, .detail-socials:after, .detail-socials .social-sharing:after, .homepage .main-services ol:after, .homepage .main-text .links:after, .socials ul:after, .cart .cart-products .product:after, .cart .cart-products .p-count-price:after, .cart .inputs:after, footer .top:after, footer .bottom:after, footer .bottom .left nav ul:after, .variations:after, .variation:after {
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
}
.variation .tooltip {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    background-color: rgba(22, 22, 26, 0.93);
    color: #fff;
    bottom: 100%;
    padding: 10px;
    display: block;
    position: absolute;
    width: 100px;
    left: -23px;
    margin-bottom: 15px;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    z-index: 10000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.variation .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.variation .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid rgba(22, 22, 26, 0.93) 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.variation .variation-element:hover .tooltip {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}
.variation .blue input:checked+label {
    border-color: #086fcf !important;
}
.variation .color label {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid;
    cursor: pointer;
    display: block;
    height: 42px;
    padding: 7px 0 0 7px;
    width: 42px;
}
.variation .black input:checked+label {
    border-color: #000 !important;
}

.variation .color label span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 26px;
    position: relative;
    width: 26px;
}
.variation .blue label span {
    background-color: #086fcf !important;
}
.variation .black label span {
    background-color: #000 !important;
}
.variation .color input:checked+label span:after {
    opacity: 1;
}
.variation .color label span:after {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTIgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIzMS4wMDAwMDAsIC0xMzAyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIDEyNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIzNS45MzgzNyw1OC40NTA1ODYxIEwxMjM0LjUyMTE2LDU5LjM5NTUzMDcgTDEyMzcuNTQ4NDgsNjMuOTM2NzE1OCBMMTI0NS45MjIyNSw1OC4zNTM5MTk4IEwxMjQ0Ljk3NzczLDU2LjkzNjcxNTggTDEyMzguMDIxMTYsNjEuNTc0NTY3MSBMMTIzNS45MzgzNyw1OC40NTA1ODYxIEwxMjM1LjkzODM3LDU4LjQ1MDU4NjEgWiIgaWQ9ImZhamZrYSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI0MC4yMjE3MDYsIDYwLjQzNjcxNikgcm90YXRlKC0xMC4wMDAwMDApIHRyYW5zbGF0ZSgtMTI0MC4yMjE3MDYsIC02MC40MzY3MTYpIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center center;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.variation .red label span {
    background-color: #d9332e !important;
}
.variation .yellow label span {
    background-color: #f5c81f !important;
}
.product-tabs .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    text-decoration: none !important;
}
.product-tabs .nav-tabs>li.active>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #4172ed!important;
    border-radius: 4px 4px 0 0;
    background: #4172ed!important;
    color: #ffffff!important;
    text-decoration: none !important;
}
.product-tabs{
    margin-top: 20px;
}
.product-tabs .tab-content {
    border:none!important;
    max-height: 25rem;
    overflow: auto;
    padding: 2rem!important;
    margin:auto;
}
.shopping-cart{
    width: 57px;
    height: 35px;
    padding: 8px 15px;
    display: inline-block;
    border-radius: 0px 0px 18px 18px;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.16);
    color: #9da7c2;
    font-size: 1.3em;
    position: relative;
}
#cart-counter{
    color:white;
    background-color: #c73140;
    position: absolute;
    top: 0;
    right: 1px;
    font-size: 0.6em;
}
.add-to-shopping-cart:focus ,.add-to-shopping-cart:hover {
    color:white;
    outline:none!important;
}
.shopping-cart-content {
    margin: 20px 0;
    float: right;
    background: white;
    width: 320px;
    right: 0;
    border-radius: 13px;
    padding: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,.07);
    display:none;
}

.shopping-cart-content .shopping-cart-header {
    padding-bottom: 15px;
    margin-bottom:15px;
}

.shopping-cart-header{
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 25px !important;
    color: #afafaf;
}

.shopping-cart-content .shopping-cart-header .shopping-cart-total {
    float: right;
}

.shopping-cart-content .shopping-cart-items {
    padding: 0;
    max-height:250px;
    overflow: scroll;
}

.shopping-cart-content .shopping-cart-items li {
    margin-bottom: 18px;
    list-style: none;
}

.shopping-cart-content .shopping-cart-items img {
    float: left;
    margin-right: 12px;
}

.shopping-cart-content .shopping-cart-items .item-name {
    display: block;
    padding-top: 10px;
    font-size: 16px;
}

.shopping-cart-content .shopping-cart-items .item-price {
    color: #6394F8;
    margin-right: 8px;
}

.shopping-cart-content .shopping-cart-items .item-quantity {
    color: #ABB0BE;
}

.shopping-cart-content:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}

.position-relative{
    position: relative!important;
}

.position-absolute{
    position: absolute!important;
}

.shopping-cart-content .shopping-cart-header::after{
    border:1px solid #e8e8e8;
}

.remove-cart-item{
    position: absolute;
    top:0;
    right:0;
}

#productsModal{
    height: auto !important;
}

#product-quantity::-webkit-outer-spin-button,
#product-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#product-quantity[type=number] {
    -moz-appearance: textfield;
}

.page-title-overlap {
    padding-bottom: 2.375em;
    border-radius: 0px !important;
}

.plus:hover{
    background: #4172ed;
}

.bg-info{
    background-color: #5252529c !important;
    border:0px !important;
}

.category-item{
    margin: 0px !important;
    border: 0px !important;
    padding: 5px !important;
}

.products-filter .panel-body{
    margin: 0px;
    border-color: #ededed;
    padding: 0px !important;
}

.category-item:hover{
    background: #ccd9e45c;
    margin: 0px;
    border: 0px;
    padding: 5px;
}

.bg-dark {
    background-color: #1e2f52 !important
}

.pt-4 {
    padding-top: 1.5em !important;
}

.shadow-lg {
    box-shadow: 0 0.3em 1.525em -0.375em rgb(0 0 0 / 10%) !important;
}

.my-4{
    margin-top:1.25em;
}

.pl-4{
    padding-left: 1rem!important;
}

.badge-danger{
    background-color:#c73140;
    color: #ffffff!important;
}

.badge-info{
    background-color: #03a9f4;
    color:#ffffff!important;
}

.p-2{
    padding: 0.75rem;
}

.tab-orders-content{
    margin-top: 6px;
}
.ticket-content .grid {
    grid-template-columns: 1fr 1fr !important;
}

.ticket {
    position: relative;
    box-sizing: border-box;
    height: 330px;
    padding: 20px;
    border-radius: 10px;
    background: #fbfbfb;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.ticket:before, .ticket:after {
    content: "";
    position: absolute;
    left: 5px;
    height: 6px;
    width: 290px;
}
.ticket:before {
    top: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #fbfbfb 50%, #fbfbfb 100%) -7px -8px/16px 16px repeat-x;
}
.ticket:after {
    bottom: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #fbfbfb 50%, #fbfbfb 100%) -7px -2px/16px 16px repeat-x;
}

.ticket__content {
    padding: 0 10px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    position: relative;
}

.ticket__content .ticket-name {
    height: 60px;
}

.ticket-content .status {
    font-size: 1.5rem;
}

.ticket-footer {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding-right: 20px;
}

.ticket-footer .ticket-price {
    font-size: 28px;
    font-weight: bold;
}

.ticket-buy-btn {
    position: absolute;
    bottom: 10px;
    width: 100% !important;
}

#book-meeting-modal {
    position: fixed !important;
    z-index: 999999999;
}

.book-modal-header{
    padding: 15px 15px 0px 15px;
    color: #16364C !important;
}
.date-header tr, .date-header tr td a{
    color: #333B52 !important;
}
.book-modal-header .title,
.book-modal-body .title,
.edit-book-header .title,
.sent-email-modal-header .title{
    color: #16364C !important;
    display: inline-block !important;
}
.book-modal-body {
    padding: 5px 15px 15px 15px;
}
.book-modal-dialog{
    width: 49% !important;
}
.book-modal-body tr,
.book-modal-body tr td{
    color: #4E5771 !important;
    border: 0px;
    border-top: 1px solid #F2F4F3 !important;
    border-bottom: 1px solid #F2F4F3 !important;
}
.book-modal-body tr td a{
    color: #4E5771 !important;
}
.book-modal-body .date-header{
    height: 65px;;
}
.book-modal-body tr td:nth-child(1),
.edit-book-body tr td:nth-child(1){
    width: 11%;
}
.book-modal-body tr td:nth-child(2),
.edit-book-body tr td:nth-child(2){
    width: 30%;
}
.book-modal-body tr td:nth-child(3),
.edit-book-body tr td:nth-child(3){
    width: 11%;
}
.book-modal-body tr td:nth-child(4),
.edit-book-body tr td:nth-child(4){
    width: 27%;
}
.book-modal-body tr td:nth-child(5),
.edit-book-body tr td:nth-child(5){
    text-align: left ;
}

.book-modal-body tr td:nth-child(2),
.book-modal-body tr td:nth-child(4),
.edit-book-body tr td:nth-child(2),
.edit-book-body tr td:nth-child(4){
    border-right: 1px solid #F2F4F3 !important;
}
.book-modal-body tr td:nth-child(1),
.book-modal-body tr td:nth-child(2),
.edit-book-body tr td:nth-child(1),
.edit-book-body tr td:nth-child(2){
    padding: 0px;

}
.book-modal-body .book-input:focus{
    border-top: 1px solid #F2F4F3 !important;
    border-bottom: 1px solid #F2F4F3 !important;
    outline:0px;
}
.book-modal-body .book-input{
    color: #16364C !important;
    width: 100%;
    height: 100px;
    border: 0px;
    margin-top: 10px;
    border-top: 1px solid #F2F4F3 !important;
    border-bottom: 1px solid #F2F4F3 !important;
}
.book-modal-body form{
    text-align: center;
}


.book-modal-body .book-send-btn,
.edit-book-body .book-send-btn,
.sent-email-modal-body .email-modal-send-btn{
    width: 40%;
    height: 45px;
    border: 0px;
    margin-top: 15px;
    position: relative;
    border-radius: 15px;
    background-color: #4172ED;
    color: white;
    font-weight: 500;
    margin: auto;
}
.sent-email-modal-body .email-subject{
    height: 40px;
}
.sent-email-modal-body .email-text{
    height: 100px;
}
.sent-email-modal-header{
    padding-bottom: 0px !important;
}
.sent-email-modal-body .modal-body{
    padding-top: 0px !important;
}
.sent-email-modal-body .email-modal-input:focus,
.sent-email-modal-body .email-modal-input:focus{

    outline: 0px !important;
    border-top: 1px solid #F2F4F3 !important;
    border-bottom: 1px solid #F2F4F3 !important;
}
.sent-email-modal-body .email-modal-input{
    color: #16364C !important;
    width: 100%;
    border: 0px;
    margin-top: 10px;
    border-top: 1px solid #F2F4F3 !important;
    border-bottom: 1px solid #F2F4F3 !important;
}
.mobile-profile-top-menu{
    display: none ;
}

.hide-for-mobile{
    display: block ;
}
.date-calendar-container .filter {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

.type-filter-tab {
    width : 20%;
}

.modal-dialog-widthLarge .loginModalContent .modalFormGroup.col-md-12 {
    width: 100% !important;
}

.form-group label .required {
    color: #c51b48;
}

.tabWrap form .formGroup label.formlabel .required {
    color: #f44336;
}
.extraDynamicFields {
    margin-right: 80px !important;
}
.user-profile-link, .visitor-video-call-btn {
    padding: 5px 5px !important;
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.toggle-reservation-area {
    width: 50%;
    padding-left: 1rem;
}

.toggle-reservation-area .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.toggle-reservation-area .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-reservation-area .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-reservation-area .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-reservation-area input:checked + .slider {
    background-color: #2196F3;
}

.toggle-reservation-area input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.toggle-reservation-area input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.toggle-reservation-area .slider.round {
    border-radius: 34px;
}

.toggle-reservation-area .slider.round:before {
    border-radius: 50%;
}

.toggle-reservation-area .enable-reservation-text {
    position: relative;
    top: 0.5rem;
    left: 0.5rem;
}