/*Version 1.4*/
/*Define custom properties*/
:root {
    --primary-color: #011640;
    --secondary-color: #0378A6;
    --accent-color: #5DBF4E;
    --darkgreen-color: #0A4202;
    --danger-color: #FF3636;
    --success-color: #82d616;
    --gold-color: #BD8200;
    --gray-color: #626262;
    --font-bold: bold;
    --light-gray-color: #f1f1f1;
    --medium-gray-color: #909090;
    --normal-gray-color: #707070;
    --menu-gray-color: #d8d8d8;
    --white-color: #ffffff;
    --black-color: #000000;

    --font-h1: 3.125rem; /* 50*/
    --font-h2: 2.8125rem; /* 45*/
    --font-h3: 2.1875rem; /* 35*/
    --font-h4: 1.875rem; /* 30 */
    --font-h5: 1.5rem; /* 24*/
    --font-h6: 1.125rem; /* 18*/
    --font-h7: 1rem; /* 16 */

    --font-p: 0.875rem;  /* 14*/
    --font-medium: 1rem; /* 16*/
    --font-normal: 0.875rem; /* 14*/
    --font-small: 0.75rem; /* 12*/
    --font-40: 2.5rem; /* 40*/
    --font-20: 1.25rem; /* 20*/
}


/*Kefa fonts*/
@font-face {
    font-family: 'KefaRegular';
    src: url('../fonts/kefa-regular-webfont.eot');
    src: url('../fonts/kefa-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kefa-regular-webfont.woff') format('woff'),
         url('../fonts/kefa-regular-webfont.ttf') format('truetype'),
         url('../fonts/kefa-regular-webfont.svg#KefaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.site-full > section .content, .main-panel > .content, .site-full .content{
    min-height: calc(80vh - 250px) !important;
}

/* Home section*/
.home > .navbar{
    box-shadow: none !important;
}

.nav-link.active{
    color: var(--gold-color) !important;
    font-weight: var(--font-bold) !important;
    text-decoration: underline !important;
}


.home  #connecting .logo-seire, .dashboard-client > .navbar .container-fluid .logo-seire {
        width: 75%;
}

/*Home. Nav bar section. Blue Banner*/
.home > .navbar .container-fluid.background{
    background-color: var(--black-color);
}


@media only screen and (max-width: 600px) {
    /*Home. Nav bar section. Blue Banner*/
    .home > .navbar .container-fluid.background {
        background-color: var(--black-color) !important;
        text-align: center;
    }

    .item-header{
        justify-content: center;
    }

    .hamburguer-menu{
        margin-top: 2rem !important;
    }
}



.menu-user-info li.nav-item a.text-username-close, .menu-user-info li.nav-item a#welcome span,
.menu-user-info li.nav-item a#dashboard span{
    color: var(--gold-color) !important;
}


.home > .navbar .container-fluid.background-menu{
    background: none !important;
    background-color: var(--light-gray-color) !important;
}


@media only screen and (max-width: 600px) {
    .home > .navbar .container-fluid.background-menu{
        background: none !important;
        background-color: var(--light-gray-color) !important;
    }
}

/*Menu usuario*/
.container-menu  a{
    color: var(--black-color) !important;
    font-weight: 400 !important;
}



/*Home. Tabs info**/
.tab-content{
    background: white;
    color: var(--gray-color) !important;
    min-height: 200px !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.nav-tabs{
    border-bottom: none !important;
}

.nav-tabs .nav-item .nav-link{
    min-width: 200px;
    text-align: center;
    background-color: var(--primary-color) !important;
    color: white !important;
    font-size: var(--font-small);
}

.nav-tabs .nav-item .nav-link.active{
    background-color: white !important;
    color: var(--gold-color) !important;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .nav-tabs{
        padding-left: 0px !important;
    }

    .tab-content{
        border-radius: 0px !important;
    }

    #myTab_mobile{
        display: flex;
        justify-content: space-between;
    }

    .nav-tabs .nav-item a{
        padding-left: 8px !important;
        /*padding-right: 8px !important;*/
    }

    .nav-tabs .nav-item .nav-link{
        min-width: 10px;
    }

    #results_nearby_mobile a{
        font-size: var(--font-normal) !important;
    }

    #results_nearby_mobile p{
        font-size: var(--font-small) !important;
    }

    #loadFormLocations{
        text-align: center;
    }

}


/*Footer*/
.footer {
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    align-items: flex-start !important;
    /*background-color: var(--primary-color);*/
}

.black-bar{
    background-color: var(--black-color);
}


@media only screen and (max-width: 600px) {
    .footer {
        background-position: 70% 30% !important; /*'0% 100%'.*/
    }

    .container-suscribe-button{
        padding-top: 12px !important;
    }

    .social{
        justify-content: center !important;
        margin-left: 0px !important;
        padding-left: 12px !important;
    }

    .copyright{
        text-align: center !important;
    }

    .icon-footer{
        color: var(--secondary-color) !important;
    }
}



/*Global classes*/
.fix-p-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.underline{
    text-decoration: underline !important;
}

/*breadcrumb*/
.breadcrumb-transparent{
    background-color: transparent !important;
    font-size: small;
}


.section-height-15{
    height: 15vh;
}

.big-mt {
    padding-top: 150px !important;
}

@media only screen and (max-width: 600px) {
    .big-mt {
        padding-top: 30px !important;
    }
}

.square-card {
    box-shadow: none !important;
    border: solid 1px lightgray;
}

.card-bordered{
    border: solid 1px lightgray !important;
}

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

.border-line{
    border-bottom: 1px solid lightgrey;
}

.border-line-primary{
    border-bottom: 2px solid var(--primary-color);
}

.tachado{
    text-decoration: line-through !important;
}


@media only screen and (max-width: 600px){
    .border-line{
        border-left: none !important;
    }
}

.minus{
         text-transform: capitalize !important;
     }

.mayus {
    text-transform: uppercase !important;
}

.login-fix-title {
    font-size: 36px !important;
    font-weight: bold;
}


.text-gray{
    color: var(--normal-gray-color);
}

.text20 {
    font-size: 1.25rem !important;
}

.text40 {
    font-size: 2.5rem !important;
}

.text10 {
    font-size: 0.625rem !important;
}

.text-italic{
    font-style: italic !important;
}

.line11{
    line-height: 1.1;
}

.line13{
    line-height: 1.3;
}


.m-pointer{
    cursor: pointer;
}


.background-gray{
    background-color: #f4f3ed;
}

.ok{
  background: var(--success-color);
}

.fail{
    background: var(--danger-color);
}

.gray{
    background: var(--gray-color);
}

.text-mbold{
    font-weight: 500;
}

.no-shadow{
    box-shadow: none !important;
}

.text-underline{
    text-decoration: underline;
}

.badge{
    border-radius: 0 !important;
}

.badge-white{
    color: var(--white-color) !important;
}

.badge-gold{
    background-color: var(--gold-color);
    color: var(--white-color) !important;
}

.simple_line{
    border: solid 1px var(--medium-gray-color) !important;
}


.input-switch .error{
    display: none !important;
}



@media only screen and (max-width: 600px) {
    .item-test{
        position: static !important;
    }
}


.btn.btn-wd.btn-simple{
  background-color: var(--light-gray-color);
}

.swal2-actions .btn{
    margin-left: 10px;
    margin-right: 10px;
}

/*Validaciones*/
/*Password validation fields*/
/* The message box is shown when the user clicks on the password field */
#message {
    display: none;
    background: var(--light-gray-color);
    position: relative;
    padding: 2px;
}

#message p {
    padding: 1px 35px;
}

.force-break{
    word-break: break-all;
}



#notifications_results li a {
    color: black !important;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid-pass {
    color: green;
}

.valid-pass:before {
    position: relative;
    left: -35px;
    content: '\2714';
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid-pass {
    color: var(--danger-color);
}

.invalid-pass:before {
    position: relative;
    left: -35px;
    content: "\2716";
}


/*Hide map cordinates button*/
.mw-coordinates-wrap {
    display: none !important;
}

.mw-btn-my-location {
    width: 27% !important;
}

.mw-wrap {
    width: 100% !important;
    min-width: 100% !important;
}

.mw-header .mw-adress-input-wrap {
    width: 50% !important;
}


/*Select picker*/
.select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: var(--primary-color) !important;
    color: white;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection{
    box-shadow: none !important;
    border: 1px solid #d2d6da !important;
}

.select2-container .select2-selection,
.select2-selection__rendered,
.select2-selection__arrow {
    height: 38px !important;
    line-height: 38px !important;
    border-radius: 0.5rem !important;
}

.select2-selection__choice{
    height: 36px !important;
    margin-top: 0px !important;
}

.select2-container--default .select2-selection--single{
    border: 1px solid #d2d6da !important;
}

.select2-results__option, .select2-selection__rendered{
    font-size: 0.75rem !important;
}


.has-danger label, .text-errors,  .text-danger-error, .error {
    color: var(--danger-color) !important;
}


/*Datatables*/

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 28px !important;
    min-width: 2.5em !important;
    padding: 0.5em 0.5em !important;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

thead, tbody, tfoot, tr, td, th{
    border-color: black !important;
    border-style: none !important;
    border-width: 0 !important;
}

table {
    font-size: .875rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: var(--primary-color) !important;
    color: white !important;
    padding-top: 1px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
   background: var(--primary-color) !important;
    color: white !important;
    padding-top: 1px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: white !important;
}


@media only screen and (max-width: 600px) {
    li.paginate_button.previous {
        display: inline;
    }

    li.paginate_button.next {
        display: inline;
    }

    li.paginate_button {
        display: none;
    }

    .btn-finish-search{
        width: 80% !important;
    }

}


/* Estilos del dashboard de usuario y dentistas*/
/*Icons process*/
.icon-number{
    width: 30px;
    height: 30px;
    border-radius: 32px;
    text-align: center;
    vertical-align: middle;
    padding-top: 9px;
    color: white;
}

.w-45{
    width: 45% !important;
}

.w-80{
    width: 80% !important;
}



.nav-link.link-tab.active{
    color: white !important;
}

.nav-link.link-tab.active p{
    color: var(--gold-color) !important;
    font-weight: var(--font-bold);
}

/*@media only screen and (max-width: 600px) {
    .text-username, .text-username2, .text-username-close, .text-username-notif {
        color: white !important;
    }

}*/

/*Dashboard dentist*/
.dashboard-client > .navbar .container-fluid.background{
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    align-items: flex-start !important;
    background-color: var(--black-color);
}

.dashboard-client > .navbar .container-fluid.background-menu{
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    align-items: flex-start !important;
    height: 6vh; /*20*/
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: 0% top !important; /*'0% 100%'.*/
}


@media only screen and (max-width: 600px) {
    .dashboard-client > .navbar .container-fluid.mobile-version.background, .dashboard-patient > .navbar .container-fluid.mobile-version.background{
        background: none !important;
        background-color: var(--primary-color) !important;
    }

    .dashboard-client > .navbar .container-fluid.background-menu, .dashboard-patient > .navbar .container-fluid.background-menu {
        height: auto;
        background: none !important;
        background-color: var(--menu-gray-color) !important;
    }
}



/*Comentarios*/
.small-avatar{
    max-width: 31px !important;
    height: 31px!important;
}


/*Calendar*/
@media only screen and (max-width: 600px) {
    .flatpickr-calendar.open {
        margin-left: 0px !important;
    }

    .select2-containert{
        width: 100% !important;
    }
}


/*Arrows Multiple solution*/
.select2-container--default .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}

.select2-container--open .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}



/* Add for multiple check*/
.select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]:before {
    right: 15px;
    font-family: fontAwesome;
    color: #999;
    content: "\f00c";
    padding-right: 5px;
    width: 25px;
    height: 25px;
}

/*Jquery Filer*/
.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success{
    background: var(--primary-color) !important;
}


/*Bold select2*/
.select2-results__option[aria-bold="true"]{
    font-weight: bold;
}


/*Products cards*/
.mini-logo {
    height: 110px !important;
    width: 114px !important;
    /*border: 1px solid lightgrey;*/
}

.card-product {
    box-shadow: none !important;
}

/*.card-product:hover {
    border: 1px solid var(--light-gray-color);
    box-shadow: 5px 5px 10px !important;
}*/


.add_to_cart.btn-outline-primary:hover:not(.active) {
    color: white;
    opacity: 1;
    box-shadow: none;
    background-color: #011640;
}

.max-width-60p{
    max-width: 60% !important;
}


.no-border {
    border: 0 !important;
}

.none-border{
    border: none !important;
}

.text-tachado{
    text-decoration: line-through;
}