/* Personalització pel gestorn */
.btn.personal {
    color: white;
    text-shadow: none;
    background-color: #1E22AA;
}

.btn.personal:hover,
.btn.personal:focus,
.btn.personal:active,
.btn.personal.active,
.btn.personal.disabled,
.btn.personal[disabled] {
    background-color: #0C0E45 !important;
    color: #fff !important;
    outline: none !important;
}

.btn.check {
    color: #000;
    text-shadow: none;
    background-color: #FFF;
    border: 1px solid #e5e5e5;
}

.btn.check:hover,
.btn.check:focus,
.btn.check:active,
.btn.check.active,
.btn.check.disabled,
.btn.check[disabled] {
    background-color: #1E22AA !important;
    color: #fff !important;
    outline: none !important;
}

.color-blanc {
    color: #FFF !important;
}

.bg-personal {
    background-image: none !important;
    background-color: #1E22AA !important;
    border-color: #1E22AA !important;
}

.portlet.box.bg-personal {
    border: 1px solid #1E22AA;
    border-top: 0;
}

.imatge_logo {
    width: auto !important; /*override the width below*/
    width: 85%;
    max-width: 85%;
}

.btn.personal-stripe {
    border-left: 3px solid #1E22AA;
}

.login .content .input-icon {
    border-color: #1E22AA !important;
}

.sidebar-toggler {
    margin-bottom: 15px;
}

.navbar-brand {
    padding-top: 5px !important;
}

.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
    color: #fff;
    background: #1E22AA !important;
}

.header .hor-menu ul.nav li.current > a,
.header .hor-menu ul.nav li.current > a:hover {
    color: #fff;
    background: #1E22AA !important;
}

ul.page-sidebar-menu > li.active > a {
    background: #1E22AA !important;
    border-top-color: transparent !important;
    color: #ffffff;
}

.datetimepicker table tr td.day:hover,
.datetimepicker table tr td.day.focused {
    background: #0060BF;
    color: #FFF;
    cursor: pointer;
}

.datepicker_actiu {
    background-color: #0a0;
    color: #FFF;
}

.portlet.calendar .fc-event {
    border: 0px;
    background-color: #1E22AA;
    color: #fff;
}

.taula-td-center {
    text-align: center;
}

.taula-td-left {
    text-align: left;
}

.taula-td-right {
    text-align: right;
}

.treure_padding {
    padding: 0px !important;
}

.font14px {
    font-size: 14px;
}

.font16px {
    font-size: 16px;
}

.font18px {
    font-size: 18px;
}

.web-cita {
    margin-left: 0px !important;
}

.btn-aling-top {
    vertical-align: top;
}

.codi-cita {
    font-family: Consolas, monaco, monospace;
    font-size: 18px;
}

.scrollable-menu {
    height: auto;
    max-height: 750px;
    overflow-x: hidden;
}

#camp_grup {
    margin-bottom: 5px
}

.font-mono {
    font-family: "Lucida Console", Monaco, monospace;
}

.boto-remove-logo {
    margin-bottom: 15px;
}

.sense_hores {
    background-color: #f2efef;
    color: black;
}

#porgress_bar {
    width: 100%;
}

.param_correct {
    color: green;
}

.param_not_correct {
    color: red;
}

#requirements {
    padding: 15px 0px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    display: none;
    z-index: 1000;
    box-shadow: none;
    margin-top: 10px;
    width: max-content;
}

#requirements ul {
    padding: 0 1rem;
    margin-bottom: 0;
    list-style: none;
}


#strength {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    overflow: hidden;
    border-radius: 5px;
    z-index: 1;
    padding-left: 15px;
    height: 5px;
    padding-right: 15px;
}

.veryweak {
    background-color: #f55656;
    height: 100%;
    width: 25%;
    border-radius: 5px;
}

.weak {
    background-color: #e2d62a;
    height: 100%;
    width: 50%;
    border-radius: 5px;
}

.medium {
    background-color: #9fdd83;
    height: 100%;
    width: 75%;
    border-radius: 5px;
}

.strong {
    background-color: #358f29;
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

.counter {
    position: absolute;
    bottom: -19px;
    right: 25px;
    color: gray;
    font-size: 12px;
}

.default_message {
    position: absolute;
    font-size: 12px;
    color: #0d638f;
    cursor: pointer;
}

.border-personal {
    border-color: #1E22AA !important;
}

#eliminades_primera_fila .col-lg-3 {
    margin-bottom: 15px;
}

#eliminades_primera_fila .col-lg-3 {
    width: 50%;
}

#eliminades_vs_no_eliminades {
    width: 50%;
}

#eliminades_quan {
    width: 50%;
}

#conetnidor_chats_eliminacio_cites {
    height: 300px;
}

.estadistiques_resum_data {
    font-weight: 700;
    font-size: 20px;
}

.estadistiques_resum_titol {
    font-weight: 600;
    font-size: 18px;
}

.fila_taula_estadistiques {
    border-bottom: 1px solid #e0dcdc;
}

.taula_top_tramits {
    width: 100%;
}

.taula_top_tramits td {
    padding: 5px;
}

.info-resum {
    float: right;
    cursor: pointer;
}

.info-eliminades {
    float: right;
    cursor: pointer;
}

.info-estadistiques {
    float: right;
    cursor: pointer;
}

.info-assistencia {
    float: right;
    cursor: pointer;
}

.modal-dialog-notification {
    width: 1000px;
}

.modal-dialog-notification .modal-body {
    max-height: 75vh;
    overflow: auto;
    line-height: 25px;
}

@media (max-width: 1400px) {
    #eliminades_primera_fila .col-lg-3 {
        width: 100%;
    }

    #eliminades_vs_no_eliminades {
        width: 100%;
    }

    #eliminades_quan {
        width: 100%;
    }

    #conetnidor_chats_eliminacio_cites {
        height: 600px;
    }
}