.menu-item-container {
    height: 48px;
    cursor:pointer;
}
.menu-item-container:hover {
    background: #eee;
}

.modal-body .btn span {
    font-size: inherit !important;
}

.menu-pin {
    display: block !important;
    width: 22px;
    height: 23px;
    margin-left: auto;
    border-radius: 4px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: #FFF;
    position: fixed;
    bottom: 15em;
    left: 5em;
    z-index: 3000;
}
.page-sidebar-closed .page-sidebar-menu ul.sub-menu{
    overflow: visible !important; 
}
.page-sidebar-closed .page-sidebar-menu ul.sub-menu li:first-child a{
        border-radius: 5px 5px 0 0;
}
.page-sidebar-closed .page-sidebar-menu ul.sub-menu li:last-child a {
    border-radius: 0 0 5px 5px;
}


.menu-pin > span {
    font-size: 1.6rem;
    margin-left: 4px;
    margin-top: 4px;
    color: #9d9d9d;
}
textarea {
    resize: vertical;
}
.btn-delete {
    color: #f9fbfc !important;
    background-color: #e15d73 !important;
}
.btn-delete > a > .btn-toolbar-label, .btn-delete > a > .btn-toolbar-icon {
    color: #f9fbfc !important;
}
.btn-delete:hover > a > .btn-toolbar-label, .btn-delete:hover > a > .btn-toolbar-icon {
    color: #e15d73 !important;
}
.btn-delete:hover {
    background-color: #f9fbfc !important;
    color: #e15d73 !important;
    /*    border-color: red;*/
}

.page-logo > a#link-logo {
    display:none !important;
}

.page-header.navbar {
    position: fixed;
}

.page-header.navbar .page-logo {
    width: 53px !important;
}

.page-header.navbar .menu-toggler {
    height: 35px !important;
}

.page-header.navbar .menu-toggler {
    background-size: contain !important;
}

.dropdown-clinicArea {
    left: 118px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
    padding: 20px !important;
}

.datatable-filter-menu{
    width: 20em;
}

#lblClinicAreaCurrent {
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-left: 0px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
    background-color: transparent !important;
}

.page-header.navbar #user-warning-container i {
    color: #9ea1b4 !important;
}

.page-header.navbar #user-chat-container i {
    color: #9ea1b4 !important;
}

.page-header.navbar li.dropdown-inbox i {
    color: #9ea1b4 !important;
}

.od-fa-globe {
    font-size: 17px !important;
    color: #9ea1b4 !important;
    display: inline-block;
    width: auto !important;
    padding-top: 16px !important;
}

#form-header-search > span.searchicon {
    font-size: 17px;
    font-weight: 500;
    color: #9ea1b4 !important;
}

.tab-first {
    background-color: transparent !important;
}

.divider {
    height: 1px;
    background-color: #f0f0f0 !important;
}

#ddlPrg_PersonTitle-modal > .modal-dialog > .modal-content > .modal-body > table > tr > .btn-save > span {
    display: none !important;
}

#ddlPrg_PersonTitle-table_wrapper > .dataTables_scroll > .dataTables_scrollHead,
#ddlPrg_PersonJob-table_wrapper > .dataTables_scroll > .dataTables_scrollHead {
    display: none !important;
}

#ddlPrg_PersonTitle-modal > .modal-dialog > .modal-content > .modal-header,
#ddlPrg_PersonJob-modal > .modal-dialog > .modal-content > .modal-header {
    padding-left: 0px !important;
}


#ddlPrg_PersonTitle-table_wrapper > .dataTables_scroll > .dataTables_scrollBody > table > tbody > tr > td,
#ddlPrg_PersonJob-table_wrapper > .dataTables_scroll > .dataTables_scrollBody > table > tbody > tr > td {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#ddlPrg_PersonTitle-table_wrapper > .dataTables_scroll > .dataTables_scrollBody > table > tbody > tr > td:first-child {
    padding-right: 1.5rem !important;
}

[id^=ddlPrg_PersonTitle-table-btn-select], [id^=ddlPrg_PersonTitle-table-btn-save], [id^=ddlPrg_PersonTitle-table-btn-delete],
[id^=ddlPrg_PersonJob-table-btn-select], [id^=ddlPrg_PersonJob-table-btn-save], [id^=ddlPrg_PersonJob-table-btn-delete] {
    position: relative;
    top: -0.2rem;
}

[id^=ddlPrg_PersonTitle-table-btn-select],
[id^=ddlPrg_PersonJob-table-btn-select] {
    left: 2.5rem;
}

form {
    margin-top: 0px !important;
}

#btnPrg_PersonTitle, #btnPrg_PersonJob {
    top: 10px !important;
}

#btnPrg_FiscalCode {
    top: 5px !important;
    position: relative;
}

#txtPrg_BirthCity, #txtPrg_ResidenceCity {
    top: 0.5rem;
}

.control-label-inline, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success label {
    color: black;
}

.twitter-typeahead ~ label.error, .form-group.form-md-line-input label.error {
    bottom: -18px;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px dashed #e4e6ee !important;
}

table.dataTable.display tbody td {
    border-bottom: 1px dashed #e4e6ee !important;
}

.dataTables_scrollBody, table.dataTable.display tbody > tr:last-child > td {
    border-bottom: none !important;
}

table.dataTable thead th, table.dataTable thead td {
    color: #a2a5b5 !important;
    font-weight: 600 !important;
    font-size: 1.4rem !important;
}

table.dataTable thead .sorting_asc {
    background-position: right !important;
}

table.dataTable thead .sorting_desc {
    background-position: right !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position: center right !important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #a2a5b5 !important;
}

.dataTables_length > label > select {
    border: none !important;
    background: #f8f8fa !important;
    border-radius: 3px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-radius: 3px !important;
}

.btn-toolbar {
    display: inline-block;
    font-weight: normal;
    color: #3F4254;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.65rem 1rem;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: 0.42rem;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

.form-group.has-success.form-group-radio_vertical .md-radio label,
.form-group.form-md-line-input.has-success.form-group-radio .md-radio label,
.bootstrap-select > div > button > span,
div.form-control > button.btn.dropdown-toggle.btn-default > span,
.form-group.form-md-line-input.has-success .form-control {
    font-weight: 600;
    color: #333;
    font-size: 1.4rem;
}

.form-group.form-md-line-input > .input-icon > i {
    left: 0;
    bottom: 0;
    margin: 10px !important;
    color: #cacbd6;
}


.form-group.form-md-line-input.has-success .form-control {
    margin-top: 5px;
    border-bottom: 0;
    border-radius: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 4px;
    line-height: 2;
    background: #92929212;
}

a {
    text-shadow: none;
    color: #000;
}

.btn-border-custom-1 {
    color: #019ef7;
    background-color: #f6f9fb;
    border-color: #f6f9fb;
}

.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
    font-size: 22px;
}

#sideBarMain {
    background: #019ef7;
    position: fixed !important;
    z-index: 2500 !important;
    margin-top: 8vh;
    margin-left: 3vh;
    border-radius: 4px;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    min-height: 594px;
}

.page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
    margin-top: 0px !important;
}

.page-sidebar-closed .page-content-wrapper .page-content {
    margin-left: 10rem !important;
    margin-top: 7rem !important;
}

.patient-new-container, .container-tab-patient {
    display: none !important;
}

.patient-container-infobar {
    margin-top: 4.5rem;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
    left: 69px;
}

.modal-title {
    margin-left: 0.7em;
}

.modal-header {
    padding: 1.3rem !important;
}

.modal-dialog > .modal-content > .modal-header {
    position: inherit !important;
}

#toolbar-container, div[id$="toolbar-container"] {
    right: 1.3rem !important;
}

#mpis-input-file-modal > .modal-dialog > .modal-content > .modal-header {
    padding-left: 0 !important;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: center;
}
#mpis-input-file-modal #mpis-btn-close-input-file {
    display:none;
    pointer-events:none;
}
#mpis-input-file-modal > .modal-dialog > .modal-content > .modal-header:before {
    content: '';
    position: absolute !important;
}
#mpis-input-file-modal > .modal-dialog > .modal-content > .modal-header:after {
    content: '';
    position: absolute !important;
}

#mpis-input-file-modal > .modal-dialog > .modal-content > .modal-header #mpis-toolbar-container {
    position:static;
}

#preview-patient-modal > .modal-dialog > .modal-content > .modal-body {
    margin-top: 1em;
}


#preview-patient-modal > .modal-dialog > .modal-content > .modal-header > .modal-title {
    color: #FFF;
}

#preview-patient-modal > .modal-dialog > .modal-content > .modal-header {
    padding-left: 1px !important;
}

#rcr-modal_ > .modal-dialog > .modal-content > .modal-body {
    margin-top: 1em;
}

#cve-input-modal > .modal-dialog > .modal-content > .modal-body > #form-input > .row > div > #g_txtInput > input {
    margin-top: 3em !important;
}

#preview-patient-modal .modal-dialog {
    width: 17% !important;
}

#preview-patient-modal-toolbar-container {
    bottom: 5px !important;
    right: 0 !important;
    top: 1rem !important;
}

#preview-patient-modal-toolbar-container .btn-toolbar-label {
    display: none !important;
}
#preview-patient-modal-toolbar-container .btn-toolbar-icon{
    margin-right: 5px !important;
    margin-left: 5px !important;
}
#ddlArg_AppointmentTypes-group > #btnArg_AppointmentTypes {
    margin-top: 15px !important;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    min-height: 54px;
    text-align: left;
}
.page-sidebar .page-sidebar-menu>li>a>.title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>.title {
    display: inline-block;
    position: relative;
    top: -3px;
}

.page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
    margin-left: 5px;
}

.page-nomenu-container > .page-content-container > .page-content-padding > .page-custom-title {
    top: 2px !important;
}

.page-nomenu-container > .page-content-container > .page-content-padding {
    width: auto;
    background-color: white;
}

#btnCa_InsuranceAdd {
    top: 9px;
    right: 62px;
}

#containerUser > div.page-content-padding {
    padding: 1rem 2rem 0 !important;
}

#remuneration-container, .content-remuneration-main {
    padding: 0rem 2rem 0 !important;
}

.dashboard-container {
    padding: 3rem 2rem 0 !important;
}

.content-patient-new {
    padding: 0rem 2rem 0 !important;
}

.content-user-detail {
    padding: 5rem 2rem 0 !important;
}

#tab-title, #tab-title span, span.label-title {
    color: #000000 !important;
}

.page-sidebar .page-sidebar-menu ul.sub-menu {
    margin-left: 1px !important;
}

[id^="Navigation."] {
    border: 0 !important;
    background: #92929212 !important;
    border-radius: 4px !important;
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a {
    border-radius: 4px;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
    border-radius: 4px;
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a {
    background: #018EDF;
}

.page-sidebar .page-sidebar-menu ul.sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu ul.sub-menu > li:hover > a {
    background: #018EDF;
}

.btn-primary:hover, #toolbar-container .btn, div[id$="toolbar-container"] .btn:hover {
    background: #018EDF;
}

.md-radio > label {
    border: none !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
    display: none !important;
}

.form-residence-container, .form-birth-container, .form-info-container, .form-marketing-container {
    padding: 6px;
    margin-bottom: .5em;
    margin-top: .5em;
    border-radius: 3px;
}

fieldset {
    border: 1px dashed #e4e6ee !important;
}

legend {
    width: auto;
    margin-bottom: 0 !important;
    margin-left: 0.5rem;
    border: 0;
    font-size: 14px;
}

.page-custom-title {
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    width: fill-available !important;
}

#sideBarMain{
    overflow: auto;
    max-height: 100vh;
}

.page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
    max-height: inherit !important;
    overflow: visible !important;
}

#toolbar-container .btn-col, div[id$="toolbar-container"] .btn-col {
    margin-right: 7px !important;
}
.dropdown-clinicArea > a > i:first-child {
    display: none !important;
}
@media (min-width: 992px) {
    .od-angle-down {
        margin-top: 12px !important;
    }

    .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
        width: 69px !important;
    }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title {
        display: none !important;
    }

    .page-sidebar-closed .page-content-wrapper .page-content {
        margin-left: 7rem !important;
        margin-top: 6rem !important;
        margin-right: 1rem !important;
    }

    .page-content-padding {
        padding: 1rem 2rem !important;
    }

    #sideBarMain {
        background: #019ef7;
        position: fixed !important;
        z-index: 1000 !important;
        margin-top: 7px;
        margin-left: 0;
        border-radius: 0;
        border-bottom-right-radius: 4px;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        height: 100%;
    }

    .page-content-wrapper .page-content {
        margin-left: 23rem !important; 
        margin-top: 7rem !important;
    }

    .page-content-wrapper .page-content {
        margin-right: 1rem;
    }

    .content-recall, .content-patientGdpr, .content-user, .content-clinic-list {
        padding: 3rem 2rem 0 !important;
    }

    .page-sidebar-closed > .page-nomenu-container > .page-content-container > .page-content-padding > .page-custom-title {
        padding-left: 2rem !important;
    }
}

@media (max-width: 991px) {

    #containerUser > .tab-content, #main-view-user > .row > .tab-content {
        padding: 0rem 2rem 0 !important;
    }

    #remuneration-container, .content-remuneration-main {
        padding: 2rem 2rem 0 !important;
    }

    #menu-pin {
        display: none;
    }

    .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
        min-height: 54px;
        text-align: center;
    }

    #sideBarMain {
        width: 90%;
    }
    .page-sidebar-closed .page-content-wrapper .page-content, .page-content-wrapper .page-content {
        margin-left: 0rem !important;
        margin-top: 9rem !important;
    }

    #form-header-search {
        width: 85% !important;
    }

    .extand {
        width: 85% !important;
    }

    .extand:hover {
        width: 85% !important;
    }

    .extand:focus {
        width: 85% !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
        margin-right: -41px !important;
    }

}

@media (max-width: 767px) {
    .dropdown-clinicArea > a > i:first-child {
        display: inline !important;
    }
    .dropdown-clinicArea {
        left: 80px !important;
    }
    #remuneration-container, .content-remuneration-main {
        padding: 2rem 2rem 0 !important;
    }

    #menu-pin {
        display: none;
    }

    .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
        min-height: 54px;
        text-align: center;
    }

    #sideBarMain {
    width: 90%;
    max-height: 90vh !important;
    overflow:scroll !important;
    }

    #toolbar-container, div[id$="toolbar-container"] {
        right: 0px;
        bottom: 6px !important;
    }

    .page-header.navbar .menu-toggler {
        width: 32px !important;
        height: 35px !important;
    }

    .page-header.navbar {
        background-color: white !important;
    }

    #form-header-search #txt-header-search {
         border-bottom: 0 !important; 
         color: black !important;
    }

    .twitter-typeahead {
        width: 80% !important;
    }

    .header-search-wrapper {
        margin-right: 0 !important;
        max-width: 130px !important;
    }

    .page-sidebar-closed .page-content-wrapper .page-content {
        margin-left: 0rem !important;
    }

    .btn-toolbar-icon, .btn-icon-button {
        margin: 0 0.5rem 0 0.5rem !important
    }

    .btn-toolbar-label, .btn-icon-button-label {
        display: none !important;
    }

    #main-view-clinic.page-content-padding,
    #appointment-details.page-content-padding {
        padding: 8rem 2rem 0px;
    }

    .page-nomenu-container > .page-content-container > .page-content-padding {
        margin-top: 4rem;
        max-width: 100%;
    }
    .content-patient-new {
        padding-top: 60px !important;
    }
}

@media (max-width: 479px) {

    #header_inbox_bar_agent, #header_terminal_link {
        display: none !important;
    }
    .dropdown-clinicArea {
        left: 50px !important;
    }

    #main-view-clinic.page-content-padding,
    #appointment-details.page-content-padding {
        padding: 8rem 2rem 0px;
    }

    .page-nomenu-container > .page-content-container > .page-content-padding {
        margin-top: 7rem;
    }

    #usernew-modal.modal .modal-header {
        padding: inherit !important;
    }

    #patient-mainview-toolbar-container {
        max-height: fit-content !important;
    }

    #patient-mainview-toolbar-container > .btn-toolbar {
        margin-bottom: 0.5rem !important;
    }
    .treatmentSectionTeethTypeContainer{
        padding-top:20px;
        padding-bottom: 20px; 
        float:left !important;
    }
    .toolbar-container{
        float:right;
    }
}