/*#region colores*/
/*ROJO #5356ED*/
.c_gray {
    color: #A1A1A1 !important;
}
/*#endregion*/

/*#region general*/
a, a:hover, a:focus {
    color: #5356ED;
}

#page-wrapper {
    padding: 30px;
}

.separator {
    border-right: 1px solid #EAEBED;
}


.reestablecer_password {
    font-size: 13px;
    text-decoration: underline;
    color: #5356ED;
}

.noLabelMTop {
    margin-top: 34px;
}

.metismenu .active .nav-second-level {
    background: #000 !important;
}

/*.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #00000036 !important;
}*/

@media(max-width: 770px) {

    .separator {
        border-right: none;
    }
}

.border-error {
    border: 1px solid #D13212 !important;
}

select.border-error + .select2 {
    border: 1px solid #D13212 !important;
}
/*#endregion*/

/*#region botones*/
.btn-large {
    padding-left: 50px;
    padding-right: 50px;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary::selection {
    border-color: #5356ED !important;
    background: #5356ED !important;
    background-image: none;
    background-image: none;
    color: white !important;
    font-size: 16px !important;
}
/*#endregion*/

/*#region modal*/
.modal-dialog.lg {
    max-width: 100%;
}
/*#endregion*/

/*#region datepicker*/
.datepicker.dropdown-menu {
    padding: 5px 15px;
    border: 1px solid #EAEBED;
    border-radius: 4px;
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    border-radius: 50%;
    border: none;
    font-size: 12px;
}


    .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
        background: #5356ED;
        color: #fff;
    }


    .datepicker table tr th.today, .datepicker table tr th.datepicker-switch {
        border-radius: 4px;
    }

        .datepicker table tr th.today:hover, .datepicker table tr th.datepicker-switch:hover {
            background: #5356ED;
            color: #fff;
        }

    .datepicker table tr th.prev,
    .datepicker table tr th.next {
        color: #5356ED;
        font-size: 18px;
        border-radius: 4px;
        font-weight: 600;
    }

        .datepicker table tr th.prev:hover,
        .datepicker table tr th.next:hover {
            background: #5356ED;
            color: #fff;
        }

    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
        background: #5356ED;
        color: #fff;
    }

.input-group.date input {
    border-right: none;
}

    .input-group.date input:focus {
        border-right: 1px solid #5356ED !important;
    }

.input-group.date span {
    border-left: none;
    color: #5356ED;
}

/*#endregion*/


/*#region checkbox cajitas*/
.checkbox label::before {
    left: 1.5px;
}

.checkbox.noinput label::after,
.checkbox.noinput label::before {
    display: none;
}

.checkbox.noinput input {
    display: none;
}

    .checkbox.noinput input + label {
        background: #EAEBED;
        border-radius: 2px;
        padding: 20px;
        cursor: pointer;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .checkbox.noinput input:checked + label {
        background: #5356ED;
        color: #fff;
    }

/*#endregion*/

/*#region Recortador*/
.image-crop {
    width: 100%;
}
/*#endregion*/

/*#region ariadna*/
.ariadna-bar {
    width: Calc(100% - 220px);
    /*padding: 18px 20px;*/
    padding: 15px 30px;
    font-size: 18px;
}

    .ariadna-bar .btn-primary {
        top: 1px;
        position: relative;
    }

    .ariadna-bar .volverlink {
        font-size: 17px;
        color: #5356ED;
    }

    .ariadna-bar .volver {
        font-size: 17px;
        color: #5356ED;
        padding: 0 4px;
    }

    .ariadna-bar .actual {
        font-size: 17px;
        color: #262324;
    }

.ariadna {
    line-height: 40px;
}
/*#endregion*/

#div-panel-perfil-left {
    float: left;
    min-width: 300px;
    max-width: 300px;
    width: 15%;
    min-height: 1px;
    background-color: white;
    top: 77px;
    border-right: 1px solid #EAEBED;
    position: fixed;
    z-index: 2;
    height: calc(100vh - 77px);
}

    #div-panel-perfil-left .web {
        color: #000000;
        font-size: 17px;
        text-align: center;
    }

.select_image {
    max-width: 250px;
    margin: auto;
    text-align: center;
    cursor: pointer;
    margin-top: 50%;
}

    .select_image.circle .circle-container {
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        box-shadow: 1px 1px 35px #cccccc;
    }

    .select_image.circle img {
        width: 100%;
        border-radius: 5px;
    }

    .select_image.circle .plus {
        top: Calc(85% - 22px);
        text-align: right;
        position: absolute;
        width: calc(240px);
        display: block;
    }

        .select_image.circle .plus img {
            color: white;
            background-color: #5356ED;
            padding: 10px;
            border-radius: 2px;
            font-size: 15px;
            width: 40px;
        }

#div-panel-perfil-left .nombre {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
    color: #5356ED;
}


/*#endregion PanelLateralFoto*/


/*#region ContentWrapper*/



hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: #5356ED59;
}

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

    .select2-container .select2-selection--single {
        background-color: #FFFFFF;
        background-image: none;
        border: 1px solid #e5e6e7;
        border-radius: 1px;
        color: inherit;
        display: block;
        padding: 6px 12px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
        height: 35px;
        font-size: 0.9rem;
        line-height: 1.5;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 1px;
    border: none;
}

.input-group-append .select2-container--default .select2-selection--single .select2-selection__arrow i {
    color: #5356ED;
    font-size: 20px;
    top: 7px;
    position: relative;
    left: 100px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow i {
    color: #5356ED;
    font-size: 20px;
    top: 7px;
    position: relative;
}

.form-control::placeholder {
    color: #CFCFCF;
}

label {
    display: inline-block;
    margin-bottom: .4rem;
    font-weight: 600;
    color: #000;
}

.wrapper.wrapper-content {
    padding-top: 105px;
}

#div-perfil-right {
    float: left;
    /*max-width: Calc(100% - 320px);*/
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}




@media(min-width: 1025px) {
    section.max-width {
        max-width: 1500px;
        /*padding: 0 100px 30px 40px;
        margin-left: 300px;*/
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-left: 167px;
    }

        section.max-width.simple {
            padding: 40px;
            padding-top: 0px;
            margin: auto;
        }
}

@media(min-width: 1500px) {
    section.max-width.simple {
        padding: 40px;
        padding-top: 0px;
        margin-left: 100px;
    }
}

@media(min-width: 1025px) {
    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    .hamburguer {
        display: none !important;
    }

    .ibox-content {
        padding: 35px 35px 35px 35px;
    }
}

@media(max-width: 1024px) {
    #div-panel-perfil-left {
        display: none;
    }
}

@media(min-width: 426px) and (max-width: 1024px) {
    section.max-width {
        max-width: 1500px;
        padding: 0 30px 30px 30px;
        margin-left: 0;
        position: relative;
    }
}

@media(max-width: 425px) {
    section.max-width {
        max-width: 1500px;
        padding: 0 15px 30px 15px;
        margin-left: 0;
        position: relative;
    }
}

@media(max-width: 1024px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .wrapper.wrapper-content {
        padding-top: 85px;
    }

    .ariadna-bar {
        width: Calc(100% - 255px);
        padding: 9px 20px;
        font-size: 18px;
    }

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

    .minimalize-styl-2.hamburguer {
        background-color: #5356ED !important;
        padding: 18px 18px;
        margin: 0px 0px 0px 0px;
        border: none;
        border-radius: 0;
        position: absolute;
        top: 60px;
        left: 0px;
    }

        .minimalize-styl-2.hamburguer .fa-caret-right {
            font-size: 8px;
            top: -2.5px;
            position: relative;
        }

    .header-logo {
        padding: 8px 0 0 12px !important;
    }
}



@media(max-width: 1024px) {
    .header-logo.mobile768 {
        padding-top: 11px !important;
    }

    .ariadna-bar {
        width: Calc(100% - 53px);
        padding: 15px 20px;
        font-size: 18px;
    }

        .ariadna-bar .btn-large {
            padding-left: 15px;
            padding-right: 15px;
        }

        .ariadna-bar .col-md-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }

        .ariadna-bar .col-md-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
}

@media(max-width: 600px) {
    .ariadna-bar .volverlink span {
        display: none;
    }

    .ariadna-bar .volverlink:after {
        content: '...';
    }

    .ariadna-bar .volverlink,
    .ariadna-bar .volver,
    .ariadna-bar .actual {
        font-size: 13px;
    }


    .ariadna-bar .btn-primary {
        padding: 3px 8px;
        margin-top: 3px;
    }

        .ariadna-bar .btn-primary span {
            display: none;
        }

        .ariadna-bar .btn-primary:after {
            content: '\f0c7';
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 18px;
        }
}

/*#endregion ContentWrapper*/



/*#region Sweetalert*/
.sweet-alert p {
    font-weight: 600 !important;
    color: #0E1A27 !important;
}

.sweet-alert {
    padding: 40px !important;
}

    .sweet-alert[data-has-cancel-button=false] button {
        width: 100%;
        background-color: #5356ED !important;
    }

    .sweet-alert .title_small {
        font-size: 19px;
    }
    /*/.sweet_del*/ .sweet-alert h2 {
        margin: 10px 0;
    }

    .sweet-alert button.cancel, .sweet-alert button.cancel:hover, .sweet-alert button.active, .sweet-alert button.cancel:focus {
        background-color: white;
        border: 1px solid #5356ED;
        color: #5356ED;
    }
/*#endregion Sweetalert*/

/*#region Tables*/
.table-editable {
}

    .table-editable .w10 {
        width: 10%;
    }

    .table-editable .w20 {
        width: 20%;
    }

    .table-editable .w25 {
        width: 15%;
    }

    .table-editable .w30 {
        width: 30%;
    }

    .table-editable .w35 {
        width: 35%;
    }

    .table-editable .w40 {
        width: 40%;
    }

    .table-editable .w45 {
        width: 45%;
    }

    .table-editable .w50 {
        width: 50%;
    }

    .table-editable .w70 {
        width: 70%;
    }

    .table-editable .checkbox {
        margin-top: -5px;
    }

    .table-editable .head {
        background-color: #F8F8F8;
        padding: 10px;
        /*font-size: 14px;*/
        color: #000000;
    }


    .table-editable .body {
        /*background-color:#FFFFFF;*/
    }

        .table-editable .body td {
            padding: 10px;
        }

    .table-editable .add-panel {
        text-align: right;
    }

        .table-editable .add-panel .select2 {
            text-align: left;
        }

        .table-editable .add-panel .add, .table-editable .add-panel .checkbox {
            cursor: pointer;
        }

    .table-editable td {
    }

        .table-editable td.col-active {
            text-align: center;
        }

    .table-editable .txtEdit, .table-editable .selectEdit, .table-editable tr:not(.add-panel) .select2 {
        display: none;
    }

    .table-editable tr.edit .lbledit {
        display: none;
    }

    .table-editable tr.edit .txtEdit, .table-editable tr.edit .selectEdit, .table-editable tr.edit .select2 {
        display: block;
    }

    .table-editable td.actions * {
        display: none;
    }

    .table-editable td.actions {
        width: 300px;
        text-align: left;
    }

    .table-editable tr:hover {
        background-color: #F3F4FF;
    }

    .table-editable tr:not(.edit):hover td.actions *:not(.save):not(.cancel) {
        display: inline-block;
    }

    .table-editable tr.edit:hover td.actions *:not(.edit):not(.delete) {
        display: inline-block;
    }

    .table-editable td.actions a.edit {
        background-image: url('../resources/Icon-edit.svg');
        width: 50px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .table-editable td.actions a.delete {
        background-image: url('../resources/Icon-delete.svg');
        width: 50px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .table-editable td.actions a.cancel {
        background-image: url('../resources/Icon-cancel.svg');
        width: 50px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .table-editable td.actions a.save {
        background-image: url('../resources/Icon-save.svg');
        width: 50px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .table-editable td.actions a.search {
        background-image: url('../resources/Componente14-25.svg');
        width: 50px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .table-editable td.actions a.search-red {
        background-image: url('../resources/Icon-search-red.svg');
        width: 50px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
        color: #5356ED;
    }

    .table-editable td.actions a.calendar {
        background-image: url('../resources/Componente_13-10.svg');
        width: 50px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .table-editable td.actions a.download-doc {
        background-image: url('../resources/Icon-download-doc.svg');
        width: 50px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
        color: #5356ED;
    }

    .table-editable tr.edit td.actions {
        padding: 18px;
    }

    .table-editable tr.edit td.col-active {
        padding: 20px;
    }
/*#endregion*/

/*#region TABLAS COLLAPED*/
table.table-collapse {
    border-collapse: collapse;
    color: black;
}

    table.table-collapse th, table.table-collapse .body td {
        width: 150px;
        text-align: left;
        border-top: 1px solid #EAEBED;
        border-bottom: 1px solid #EAEBED;
        padding: 25px 20px;
        background-color: white;
    }

        table.table-collapse th:first-child, table.table-collapse tr td:first-child {
            border-left: 1px solid #EAEBED;
            padding-left: 50px;
        }

        table.table-collapse th:last-child, table.table-collapse tr td:last-child {
            border-right: 1px solid #EAEBED;
            padding-right: 50px;
        }

    table.table-collapse .c_red {
        color: #5356ED;
    }

    table.table-collapse.gfg {
        border-collapse: separate;
        border-spacing: 0 15px;
        width: 100%;
    }

/*#endregion*/

/*#region Tablas Sortable*/
.table-sortable tr:not(.add-panel) {
    cursor: pointer;
}
/*#endregion*/

/*#region PESTAŅAS*/
.nav.nav-tabs.tabs_style {
    margin-bottom: 30px;
    border-bottom: 1px solid #EAEBED;
}

    .nav.nav-tabs.tabs_style .nav-item .active {
        border: none;
        border-bottom: 1px solid #5356ED;
        background: none;
        color: #5356ED;
    }
/*#endregion*/

/*#region COLOR PICKER*/
.colorpicker-component .input-group-addon {
    padding: 10px;
    text-align: center;
}

    .colorpicker-component .input-group-addon i {
        border-radius: 50%;
        height: 20px;
        width: 20px;
    }
/*#endregion*/


.header-logo {
    height: 35px !important;
    padding: 0px !important;
    margin-left: 13px;
    margin-top: 15px;
}

@media (min-width: 1025px) {
    .header-logo {
        margin-left: 13px;
    }
}

.w53 {
    width: 53px;
}

@media (max-width: 1024px) {
    html .fixed-sidebar.body-small .navbar-static-side {
        display: block;
        z-index: 2001;
        position: fixed;
        width: 53px;
    }

    html body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side {
        width: 53px;
        z-index: 2001;
        height: 100%;
        position: fixed;
        /*background: #262324;*/
        background: linear-gradient(177deg, #5356ED, #D951F1);
    }
}

body.fixed-sidebar #page-wrapper {
    margin: 0 0 0 53px !important;
    width: 100%;
}

.navbar.navbar-static-top {
    height: 60px;
}

/* ListRoles.aspx */

.panel {
    margin-bottom: 20px !important;
    background-color: #fff !important;
    border: 1px solid #EAEBED !important;
    border-radius: 1px !important;
    border-top: 3px solid #EAEBED !important;
}

.text_bold {
    font-weight: bold !important;
}

.color_ariadna {
    color: #262324;
}

.btn-add, .btn-add:hover, .btn-add:focus, .btn-add::selection {
    border-color: #5356ED !important;
    background: #5356ED !important;
    background-image: none;
    color: white;
}

.btn {
    text-shadow: none;
    line-height: 15px;
    font-weight: 400;
    /*padding: 7px 12px;*/
    outline: none !important;
    border-radius: 4px !important;
}

@media (max-width: 1024px) {
    .align_center_mobile {
        text-align: center;
    }
}

.padding_side10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side {
    background: linear-gradient(167deg, #5356ED, #D951F1) !important;
}

.nav > li.active > a, .nav > li.active > a:hover {
    color: #fff !important;
    background: #ffffff80 !important;
}

body.mini-navbar .nav-header {
    background-color: #26232400 !important;
}

.fixed-sidebar .sidebar-collapse {
    display: none;
}

.fixed-sidebar.pace-done .sidebar-collapse {
    display: block;
}

.fixed-sidebar.pace-running .sidebar-collapse {
    display: block;
}

@media (max-width: 1024px) {
    .fixed-sidebar.pace-done .sidebar-collapse {
        display: none;
    }

    .fixed-sidebar.pace-running .sidebar-collapse {
        display: none;
    }
}

.fixed-sidebar.body-small.pace-done.mini-navbar .sidebar-collapse {
    display: block;
}

.fixed-sidebar.pace-done.mini-navbar .sidebar-collapse {
    display: block;
}

.pTop52 {
    padding-top: 52px;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px !important;
}

#content-wrapper_dinamyc section.max-width {
    max-width: 1500px;
    margin: auto;
}

@media (min-width: 1025px) {
    .panel-grd-list {
        width: 97%;
        margin: auto;
    }
}

.div_search_bar {
    padding: 0px 15px 0px 15px;
}

    .div_search_bar .div_search_back {
        background-color: white;
        padding: 20px;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .div_search_bar .btn-search {
        position: relative;
        top: 34px;
        background: none;
        border: none;
        color: #EAEBED;
        float: right;
        padding-top: 9px;
        padding-bottom: 8px;
    }

.input-group-btn > .btn {
    line-height: 16px;
    margin: 0;
}

.no_btn, .no_btn:hover, .no_btn:focus, .no_btn:active, .no_btn:visited {
    background: #5356ED !important;
    cursor: default;
    box-shadow: none;
    border-radius: 0px !important;
}

.div_search_bar .txtbuscar {
    /*padding-right: 45px;*/
    padding-right: 247px;
}

.glyphicon {
    color: #fff;
}

.panel-body {
    background: #fff;
    margin: 0;
    padding: 20px;
}

.table-sortable th {
    color: #000000;
}

    .table-sortable th a {
        color: #000000;
        padding-right: 5px;
        font-size: 14px !important;
    }

.table-sortable td {
    line-height: 32px !important;
    font-size: 14px !important;
    color: #333;
}

.table-sortable td {
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th {
    font-weight: 700;
    background: #eee;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top-color: #e4e4e4;
}

.padding_side_35 {
    padding-left: 35px;
    padding-right: 35px;
}

.table-hover tbody tr:hover {
    background-color: #F3F4FF;
}

.modal_title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #000000;
    font-size: 16px;
    padding-left: 30px;
}

.modal-header {
    border-bottom: 3px solid #e9ecef;
}

.modal_body_border_bottom {
    border-bottom: 1px solid #e9ecef;
    padding-top: 30px !important;
}


@media (min-width: 576px) {
    .modal-dialog {
        max-width: 650px;
    }
}


/* Modal Checkboxes */
/**/

/* The container */
.divContainerChkAccesos {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .divContainerChkAccesos input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #CFCFCF;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.divContainerChkAccesos:hover input ~ .checkmark {
    background-color: #fff;
    border: 2px solid #CFCFCF;
    border-radius: 3px;
}

/* When the checkbox is checked, add a blue background */
.divContainerChkAccesos input:checked ~ .checkmark {
    background-color: #fff;
    border: 2px solid #CFCFCF;
    border-radius: 3px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.divContainerChkAccesos input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.divContainerChkAccesos .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #5356ED;
    ;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*****************/

/* Modal Radiobuttons */
/**/

/* The container */
.divContainerRadAccesos {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .divContainerRadAccesos input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkpoint {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #CFCFCF;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.divContainerRadAccesos:hover input ~ .checkpoint {
    background-color: #fff;
    border: 2px solid #CFCFCF;
}

/* When the radio button is checked, add a blue background */
.divContainerRadAccesos input:checked ~ .checkpoint {
    background-color: #fff;
    border: 2px solid #CFCFCF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkpoint:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.divContainerRadAccesos input:checked ~ .checkpoint:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.divContainerRadAccesos .checkpoint:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #845EC2;
}

/*****************/


.label_font_style {
    font-weight: bold;
    font-size: 14px;
}

.mBottom20 {
    margin-bottom: 20px;
}

.pLeft40 {
    padding-left: 40px;
}

.modal_body_access {
    padding-bottom: 20px !important;
}

.padding_vSide30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.btn-save, .btn-save:hover, .btn-save:focus, .btn-save::selection {
    border-color: #5356ED !important;
    background: #5356ED !important;
    background-image: none;
    color: white !important;
}

.btn_save_sizes {
    max-width: 240px;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.table-full {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.modal_patient_position {
    width: 415px;
    top: 240px;
}


/* EditEmpresa.aspx */

.empresa_title {
    color: #000;
    font-weight: bold;
}

.empresa_btn_guardar {
    font-size: 13px !important;
    border-radius: 3px !important;
    padding: 8px 15px;
}

@media (min-width: 1025px) {
    #section_documento {
        padding-bottom: 45px;
    }
}


/* ListUsuarios.aspx */

.div_search_bar .ddl_active_users {
    position: relative;
    top: 34px;
    background: none;
    border: none;
    color: #000;
    float: right;
    padding-top: 6px;
    padding-bottom: 6px;
    right: 0px;
    max-width: 200px;
    border-left: 1px solid #e5e6e7;
    -webkit-appearance: none;
    background: url("../../../Resources/images/Trazado_609.svg");
    background-position: right;
    background-position-x: 175px;
    background-size: 12px;
    background-repeat: no-repeat;
}

    .div_search_bar .ddl_active_users:focus {
        border-left: 1px solid #5356ED;
        border-top: 1px solid #5356ED;
        border-bottom: 1px solid #5356ED;
    }


/* ListPacientes .aspx */

.no_border_top {
    border-top-width: 0px !important;
}

@media (min-width: 376px) {
    .input-group-append span {
        width: 120px !important;
    }
}

@media (max-width: 375px) {
    .input-group-append span {
        max-width: 120px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow i {
        left: 0px;
    }
}

#txtBuscar {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#btnSearch {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

@media (min-width: 550px) {
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding-left: 50px !important;
    }
}


/* EditUsuario.aspx */

/*#region COLOR PICKER*/

.colorpicker-component .input-group-addon {
    padding: 7px;
    text-align: center;
}

    .colorpicker-component .input-group-addon i {
        border-radius: 50%;
        height: 20px;
        width: 20px;
    }

/*#endregion*/

.restablecer_password {
    color: #5356ED !important;
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
    padding-top: 13px;
}

    .restablecer_password:hover {
        text-decoration: none;
    }

.fSize15 {
    font-size: 15px;
}


/* ListTerapiasTipos.aspx */

.ibox-m-responsive {
    padding: 30px 25px 8px 25px !important;
}

@media(max-width: 425px) {
    .ibox-m-responsive {
        padding: 30px 0px 8px 0px !important;
    }
}

.ibox-transparent {
    background-color: #ffffff00 !important;
    border-color: #e7eaec00 !important;
}

    .ibox-transparent .input-group #txtBuscar {
        background-color: #ffffff00;
    }

.pSide25 {
    padding-left: 25px;
    padding-right: 25px;
}

@media(max-width: 425px) {
    .pSide25 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.pSide15 {
    padding-left: 15px;
    padding-right: 15px;
}

.box_terapias_tipos {
    background: #fff;
    height: 90px;
    border-radius: 7px;
    box-shadow: 0px 3px 15px 3px #00000014;
    padding: 30px 30px 30px 30px;
    display: flex;
}

    .box_terapias_tipos label {
        position: relative;
        left: 18px;
        padding-top: 6px;
    }

.pBottom26 {
    padding-bottom: 26px;
}

.pBottom0 {
    padding-bottom: 0px !important;
}

.h4_modal_title_format {
    color: #000;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.span_modal {
    color: #000;
    font-weight: 700;
}

.margins_input_modal {
    margin-top: 5px;
    margin-bottom: 20px;
}

.stilo_btn_modal, .stilo_btn_modal:hover,
.stilo_btn_modal:focus, .stilo_btn_modal::selection {
    font-size: 13px !important;
    border-radius: 2px !important;
}

.modal_therapy_position {
    width: 415px;
    top: 240px;
    margin: 1.75rem auto;
}

@media (max-width: 450px) {
    .modal_therapy_position {
        width: 95%;
    }

        .modal_therapy_position .modal-content .modal-body {
            padding-left: 20px;
            padding-right: 20px;
        }
}

.padding_side8 {
    padding-left: 8px;
    padding-right: 8px;
}

.positioning_edit {
    position: absolute;
    top: 36px;
    right: 38px;
    height: 23px;
}

    .positioning_edit:hover {
        border: 1px solid #5356ED1A;
        border-radius: 4px;
        top: 35px;
        right: 37px;
    }

.styles_delete_btn,
.styles_delete_btn:hover,
.styles_delete_btn:focus {
    background: #fff !important;
    color: #5356ED !important;
    font-weight: 600;
    box-shadow: none !important;
}

.modal_edit_span_papelera {
    position: relative;
    top: 2px;
}


/* ListTerapias.aspx */

.box_terapias {
    background: #fff;
    height: 230px;
    border-radius: 7px;
    box-shadow: 0px 3px 15px 3px #00000014;
    padding: 30px 30px 30px 30px;
    display: block;
    position: relative;
}

    .box_terapias:hover,
    .box_terapias:focus {
        background: #5356ED;
    }

        .box_terapias:hover label,
        .box_terapias:focus label {
            color: #fff !important;
        }

.box_div_responsables {
    position: absolute;
    bottom: 24px;
    right: 30px;
}


/* EditTerapia.aspx */

.pTop0 {
    padding-top: 0px !important;
}

.pBottom10 {
    padding-bottom: 10px !important;
}

.border_bottom_tpatients {
    border-bottom: 1px solid #e7eaec;
}

.span_centrar_logo_add {
    position: relative;
    top: 6px;
}

/* Quitar padding para igualarlo con las cabeceras que no tienen icono de aņadir */
.pNewTopDown {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.modal_edittherapy_position {
    width: 415px;
    top: 240px;
}

.btn_modal_incluir {
    height: 36.5px;
    width: 100%;
    max-width: 100px;
}

.span_position_incluir_modal {
    position: relative;
    top: 2px;
}

.pRight0 {
    padding-right: 0px;
}

.pLeft0 {
    padding-left: 0px;
}


/* ListTipos.aspx */

.pRight20 {
    padding-right: 20px;
}

.table-editable tr.edit .col-active .checkbox input {
    margin-left: 12px;
}

.table-editable tr.add-panel td .checkbox input {
    margin-left: -3px;
    margin-top: 7px;
}

.table-editable .add-panel .add {
    margin-top: 7px;
}

.table-editable tr.edit .col-active .checkbox {
    margin-top: -11px !important;
}

.table-editable tr.edit td.actions {
    padding-bottom: 15px;
}

/* ListDeposGastos.aspx */

.mBottom30 {
    margin-bottom: 30px;
}

.input-group.import span {
    border-right: none;
    color: #5356ED;
}

.input-group.import input {
    border-left: none;
}

    .input-group.import input:focus {
        border-left: 1px solid #5356ED;
    }

.btn_descargar_excel {
    background: url("../../assets/resources/Componente_22_17.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 35px;
    height: 35px;
    border: 0px none;
    cursor: pointer;
}

.export_excel_dims {
    height: 35px;
    text-align: center;
}

/* ListCuotas.aspx */

.mTop40 {
    margin-top: 40px;
}

.buttons_modal_cuota {
    text-align: center;
    margin-top: 30px;
}

.cancel_select_day {
    pointer-events: none;
    background-color: #e9ecef !important;
}


/* Calendario.aspx */

.padding_calendar_search {
    padding: 20px !important;
}

.show {
    display: block;
}

.detalle {
}

    .detalle .form-group label {
        font-size: 13px;
        color: #545454;
        padding-left: 10px;
    }

    .detalle .form-group img {
        top: -2px;
        position: relative;
    }

.ibox_calendar_style {
    padding-top: 15px !important;
    padding-bottom: 25px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-top: 0px solid #e7eaec !important;
}

.ver_detalle_style {
    border: 1px solid #5356ED !important;
    color: #5356ED !important;
    font-weight: 700 !important;
    float: right;
    margin-bottom: 10px;
}

.mTop10 {
    margin-top: 10px;
}

/* GROSOR DE LA CELDA DEL CALENDARIO QUE REPRESENTA LAS HORAS */
.fc-time-grid .fc-slats td {
    height: 3.5em !important;
    border-bottom: 0 !important;
}
/****/

.tooltip-inner {
    background-color: #fff !important;
    text-align: left !important;
    box-shadow: 5px 5px 12px 0px #00000017;
    padding-top: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.fc-today-button.fc-button.fc-button-primary {
    width: 51.8px;
}

@media (max-width: 500px) {
    #calendar .fc-toolbar .fc-center h2 {
        font-size: 16px;
    }
}

@media (max-width: 586px) {
    .fc .fc-toolbar > * > * {
        float: right !important;
    }

    .fc-toolbar > * > :not(:first-child) {
        margin-top: 0.5em;
    }
}

@media (max-width: 991px) {
    fc-time-grid-container {
        height: auto !important;
    }
}


/* ListRoles.aspx */

.modal_role_position {
    width: 415px;
    margin: 1.75rem auto;
}

.pSide30 {
    padding-left: 30px;
    padding-right: 30px;
}

.modal_footer_roles_div {
    text-align: center;
    width: 100%;
}


/* EditSesion.aspx */

.padding_box_content_notas {
    padding: 25px !important;
}

@media (max-width: 1263px) {
    .responsive_crono {
        margin-left: 30px;
        margin-top: 10px;
    }
}

.etiqueta_notas {
    color: #fff !important;
    /*background-color: #5BADFF;*/
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 16px;
    margin-right: 12px;
}

.a_notas_cabecera {
    float: left;
    margin-bottom: 10px;
    position: relative;
}

div.editable {
    width: 100%;
    height: 100%;
    min-height: 400px;
    border: 1px solid #EAEBED;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.lineHeight42 {
    line-height: 42px;
}

.no_visible {
    display: none !important;
}

.noclickable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.atwho-container .atwho-view {
    z-index: 1 !important;
}

.atwho-view .cur {
    background: #ddd !important;
    color: white !important;
}

.atwho-view ul li {
    display: block !important;
    padding: 0px 10px !important;
    border-bottom: 0px solid #DDD !important;
    cursor: pointer !important;
}

.btn_handwriting {
    background-color: #fff;
    border: 0px solid;
    padding: 0px;
    margin-bottom: 0px !important;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.panel-modal-handwriting {
    margin: 1.75rem auto;
    max-width: 715px;
}

@media(min-width: 1024px) and (max-width: 1400px) {
    .panel-modal-handwriting {
        width: 80%;
    }
}

@media(max-width: 1024px) {
    .panel-modal-handwriting {
        width: 95%;
    }
}

.padding30 {
    padding: 30px !important;
}

.btn-cancel, .btn-cancel:hover, .btn-cancel:focus, .btn-cancel::selection {
    border-color: #5356ED !important;
    background: #fff !important;
    background-image: none;
    color: #5356ED !important;
    box-shadow: none;
}

.canvas_dims {
    width: 100%;
    height: 100%;
}

.back_image_canvas {
    /*border: 1px solid #EAEBED;*/
    cursor: crosshair;
    background-image: url(../resources/Grupo_2368.svg);
    background-repeat: repeat-y;
    background-size: contain;
    background-position-y: 7.5px;
    margin-top: 20px;
}

.notas_modal_btn_guardar {
    font-size: 13px !important;
    border-radius: 3px !important;
    padding: 6px 15px;
    height: 30px;
}

.btn_undo_notas_modal_active {
    content: url("../resources/Grupo_2195.svg");
}

.btn_redo_notas_modal_active {
    content: url("../resources/Grupo_2191.svg");
}

.mRight20 {
    margin-right: 20px;
}

.mRight15 {
    margin-right: 15px;
}

.modal_nt_header_buttons {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.mencion_texto div {
    width: 100%;
    float: left;
}

    .mencion_texto div .noclickable {
        margin-right: 5px;
    }

    .mencion_texto div span {
        float: left;
    }


.admin_menu_style {
    margin-left: 10px;
    position: relative;
    top: 1px;
}

.white_transparent {
    background: #ffffff80 !important;
}

.input-group-addon i.fa-calendar {
    content: url('../resources/Componente_13-10.svg');
    width: 20px !important;
    height: 16px !important;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn_descargar_excel_paciente {
    background: url("../../assets/resources/Componente_22_17.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 33px;
    height: 33px;
    border: 0px none;
    cursor: pointer;
}