@import url("../plugins/fontawesome/fontawesome/all.min.css");

.login-wrapper {
    background-image: url("../img/home-bg.jpg");
}

.login-wrapper .text-white {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}

.login-wrapper .small {
    font-size: 100% !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
    font-weight: 500 !important;
}

.login-wrapper h1 {
    font-size: 42px;
}

.nodots,
.nodots li {
    list-style-type: none;
    padding-left: 0;
}

@keyframes spin-animation {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spin {
    -webkit-animation: spin-animation 2s linear infinite;
    animation: spin-animation 2s linear infinite;
}

body.fixed-header .header {
    background-color: #48454e;
    color: #fff;
    height: 60px;
}

.header a,
.header .text-color {
    color: #fff !important;
}

.heading a {
    color: inherit !important;
}

.heading .pg-icon {
    vertical-align: text-bottom;
}

#sidebar-io {
    width: 60px;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #39363e;
    z-index: 1015;
    height: 100%;
    top: 0;
}

html.fixed .sidebar-left {
    left: 70px;
}

.mdvio {
    width: 70%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
}

.submodule {
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
}

.submodule .arrow-right {
    display: none;
}

.submodule a {
    width: 100%;
    height: 100%;
    position: absolute;
    line-height: 76px;
    left: 0;
    top: 0;
    text-decoration: none !important;
    color: #aaa;
}

.submodule a .linea-lateral {
    position: absolute;
    width: 4px;
    background-color: #5A8E31;
    height: 100%;
    display: none;
}

.sm-activo .linea-lateral,
.submodule:hover .linea-lateral {
    display: block !important;
}

.sm-activo a,
.submodule a:hover {
    color: #5A8E31;
}

.sm-activo .arrow-right {
    display: block;
}

.submodule i,
.submodule span {
    font-size: 28px;
}

.page-sidebar {
    left: -150px;
}

body.menu-pin .header .brand {
    width: 400px;
}

.sidebar-header {
    color: #999 !important;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
        "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
        "Helvetica Neue", sans-serif;
    line-height: 5px !important;
    height: 59px !important;
    padding-top: 9px !important;
    font-size: 12px;
    font-weight: 500;
}

.sidebar-header h2 {
    margin: 0;
    font-weight: 800 !important;
    color: #5A8E31;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
        "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
        "Helvetica Neue", sans-serif;
    margin-top: -2px;
    font-size: 24px !important;
    text-transform: uppercase;
}

.page-sidebar .sidebar-menu .menu-items > li > a {
    padding-left: 20px;
}

.page-sidebar .sidebar-header {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 15px;
}

.icono-integracion {
    font-size: 12px;
}

.sidebar-header hr {
    margin-top: 0;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;

    border-left: 8px solid #39363e;
    position: absolute;
    right: -8px;
    top: 20px;
}

.sidebar-menu h5 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #5A8E31;
    padding-left: 20px;
    margin-bottom: 0;
    margin-top: 20px;
    text-transform: uppercase;
}

.dropdown-menu > li,
.dropdown-menu > .dropdown-item {
    color: #353f4d !important;
}

.icon-thumbnail {
    margin-right: 0px;
}

@media only screen and (min-width: 980px) {
    body.menu-pin .page-container .page-content-wrapper .content {
        padding-left: 280px;
    }
}

.io-breadcrumb .breadcrumb {
    padding-bottom: 0;
}

.io-breadcrumb h1 {
    font-weight: bold;
    color: #48454e;
    font-size: 24px;
    display: inline-block;
    margin: 5px 0;
}

.io-card .card-header .btn {
    margin-top: -5px;
}

.io-card .card-header .btn .material-icons {
    font-size: 14px;
    margin-right: 3px;
}

.io-card h3 {
    font-size: 20px;
    line-height: 22px;
    margin-top: 15px;
}

.io-table.table thead tr th {
    border-top: 1px solid rgba(220, 222, 224, 0.7) !important;
    background-color: #f3f3f4;
}

.btn-primary,
.btn-primary:focus {
    background-color: #5A8E31;
    border-color: #5A8E31;
}

.io-modal-alert .modal-header h5 {
    width: 100%;
    font-size: 22px;
    font-weight: bold;
}

.error-bot {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.codeFont {
    font-family: "Courier New", Courier, monospace;
}

.form-horizontal .form-group .control-label.required:after, .control-label.required:after {
    content: "Obligatorio";
    font-size: 10px;
    position: absolute;
    right: 0;
}

.form-horizontal .form-group.has-error .control-label.required:after {
    color: #c81a32;
}

.form-horizontal .form-group {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.io-alert h5,
.io-alert h6 {
    margin: 0;
}

.io-alert h6 {
    margin-top: 3px;
}

.btn .material-icons {
    font-size: 14px;
    margin-left: -3px;
    margin-right: 1px;
}

.io-table .btn-xs {
    font-size: 12px;
}

.io-table .material-icons {
    font-size: 18px;
    margin-left: 0;
    margin-right: 0;
}

.io-ofuscator {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    z-index: 9;
}

.page-sidebar .sidebar-menu .menu-items li > a {
    width: 80%;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    width: calc(100% - 20px);
}

.page-sidebar .sidebar-menu .menu-items>li>a>.title i
{
    margin-right: 3px;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow {
    padding-right: 0;
}

.bundle-switch {
    font-size: 20px;
}

.switch label:hover, .switch label:focus
{
    color: inherit !important;
}

.area-switch {
    font-size: 16px;
    font-weight: bold;
}

.page-sidebar .sidebar-menu .menu-items li:hover > a,
.page-sidebar .sidebar-menu .menu-items li.open > a,
.page-sidebar .sidebar-menu .menu-items li.active > a {
    color: #5A8E31;
}

.page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail {
    color: #5A8E31;
}

.io-fake-table {
    padding-left: 15px;
    padding-right: 15px;
}

.io-fake-header > div {
    border-top: 1px solid rgba(220, 222, 224, 0.7) !important;
    border-right: 1px solid rgba(220, 222, 224, 0.7);
    background-color: #f3f3f4;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
        "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
        "Helvetica Neue", sans-serif;
    font-size: 10.5px;
    letter-spacing: 0.06em;
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(220, 222, 224, 0.7);
    color: #353f4d;
    border-top: none;
}

.io-fake-header > div:first-child {
    border-left: 1px solid rgba(220, 222, 224, 0.7);
}

.io-fake-td > div {
    background: #fff;
    color: #353f4d;
    border-bottom: 1px solid rgba(220, 222, 224, 0.7);
    border-right: 1px solid rgba(220, 222, 224, 0.7);
    border-top: 0px;
    padding: 15px;
    font-size: 13.5px;
}

.io-fake-td > div:first-child {
    border-left: 1px solid rgba(220, 222, 224, 0.7);
}

.io-fake-td .material-icons {
    font-size: 18px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: text-bottom;
}

.no-sidebar .sidebar-header {
    padding-left: 80px;
    color: #fff !important;
}

body.no-sidebar .page-container .page-content-wrapper .content {
    padding-left: 60px !important;
}

.io-fake-td.td-danger > div {
    background-color: #ffdae7;
    color: #9b0b16;
}

.td-danger > td {
    background-color: #ffdae7 !important;
    color: #9b0b16 !important;
}

.td-warning>td {
    background-color: #fff3cd !important;
    color: #f0ad4e !important;
}

.td-success>td {
    background-color: #d4edda !important;
    color: #155724 !important;
}

.td-info>td {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important;
}

/* Summernote */
.note-editor {
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
}

.note-editor,
.note-editor.note-frame {
    border: 1px solid #ddd;
    margin-top: 0 !important;
}

.note-editor.active {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
}

.note-editor .note-title {
    padding-top: 0 !important;
}

.note-editor .btn-light {
    border-color: #ccc !important;
}

.note-editor .note-toolbar {
    background-color: #f5f5f5;
    border-bottom: 1px dashed #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 4px 4px 0 0;
    padding: 3px 10px 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.note-editor .note-toolbar i {
    margin: 0;
}

.note-editor .note-toolbar i:before {
    margin: 0;
}

.note-editor .note-toolbar .btn-group {
    float: none !important;
}

.note-editor
    .note-toolbar
    .btn-group
    > .btn-group:last-child
    > .btn:first-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.note-editor
    .note-toolbar
    .btn-group
    > .btn-group:first-child
    > .btn:last-child,
.note-editor
    .note-toolbar
    .btn-group
    > .btn-group:first-child
    > .dropdown-toggle {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.note-editor .btn-group .btn-group .btn i {
    font-size: 14px;
}

.note-editor .note-toolbar {
    padding-top: 8px;
}

.folder-link {
    line-height: 20px;
    padding: 8px 0;
    border-radius: 0 20px 20px 0;
    transition: 0.15s all ease;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 15px;
}

.folder-link:hover {
    background-color: #fff;
    padding-left: 12px;
}

.folder-link .material-icons {
    vertical-align: bottom;
    font-size: 18px;
    margin-right: 5px;
}

#btn-add {
    width: calc(100% - 45px);
    height: 50px;
}

#btn-add button {
    height: 55px;
    display: inline-block;
    font-size: 18px;
    padding-top: 3px;
    color: #fff;
    background-color: #5A8E31;
    border-width: 2px;
    font-weight: bold;
    padding-left: 15px;
}

#btn-add button .material-icons {
    font-size: 24px;
    vertical-align: middle;
    margin-top: -3px;
}

#btn-add.show button {
    color: #5A8E31;
}

#btn-add.dropdown-default .btn.dropdown-toggle::after {
    display: none;
}

#btn-add.dropdown-default .dropdown-menu {
    padding-top: 65px;
}

#btn-add.dropdown-default .dropdown-menu::after {
    top: 60px;
}

.icono-accion {
    font-size: 32px;
    color: #39363e;
    vertical-align: bottom;
    margin-top: -5px;
}

.io-table.biblio-table thead tr th {
    background-color: #e2e3e6;
}

.io-table.biblio-table tbody tr td {
    padding-left: 10px;
    padding-right: 10px;
}

#filetreeHeader .card-title {
    letter-spacing: 0.5px;
}

#filetreeHeader .card-title h5 {
    margin-top: 0px;
    text-transform: none;
    font-size: 20px;
    margin-bottom: 0px;
}

#filetreeHeader .card-header {
    margin-bottom: -15px;
}

.card-sep {
    vertical-align: middle;
    margin-top: -3px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    box-shadow: none;
}

.biblio-table {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.biblio-table a {
    color: inherit;
}

.biblio-table tr:last-child td {
    border-bottom: 0;
}

#filetree {
    height: auto;
    max-height: 500px;
    padding-right: 15px !important;
    width: 100%;
    position: relative;
    margin-top: 25px;
}

.scroll-bar,
.scroll-element_track {
    display: none !important;
}

.biblio-table a:hover,
#filetree .fmtree a:hover {
    color: #5A8E31;
}

#filetree .fmtree a {
    opacity: 1 !important;
}

#tree-comeback td,
.biblio-selected td {
    background-color: rgba(210, 240, 255, 0.3) !important;
}

.fmtree {
    opacity: 0.6;
}
.fm-active {
    font-weight: bold;
}

#fm-detalles {
    background-color: #fff;
    padding: 15px;
    margin-top: 15px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#fm-detalles h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 0;
}

.fm-detail-preview i {
    font-size: 80px;
}

.fm-detail-preview img {
    max-width: 80% !important;
}

.fm-table-detail td {
    background-color: transparent !important;
    border: 0 !important;
    padding: 5px 0 !important;
    font-size: 12px !important;
}

.sort-table {
    border-spacing: collapse;
    border-spacing: 0;
}

.ui-sortable-helper {
    display: table;
}

.ui-sortable-handle {
    cursor: grab;
}

.pagination {
    margin-top: 15px;
}

.page-link {
    color: #5A8E31;
}

.page-link:focus {
    box-shadow: none;
}

.page-item.active .page-link {
    background-color: #5A8E31;
    border-color: #5A8E31;
}

.input-daterange .input-group-addon {
    padding-top: 7px;
}

#ioFileManager {
    z-index: 10500 !important;
}

#ioFileManager #filetree {
    overflow-y: auto;
    max-height: 480px;
}

#ioFileManager .modal-body {
    min-height: 75%;
    max-height: 75%;
}

#ioFileManager .modal-header,
#ioFileManager .modal-body,
#ioFileManager .modal-footer {
    background-color: #fafafa;
}

#ioFileManager .modal-footer {
    border-top: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 10px;
}

#ioFileManager .modal-dialog {
    max-width: 1100px !important;
    width: 1100px !important;
}

#ioFileManager .modal-header {
    background-color: #5A8E31;
    color: #fff;
    padding-top: 5px;
}

.io-condensed tbody td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: middle !important;
    font-size: 12.5px;
}

#ioFileManager #filetree .card-title h5 {
    font-size: 16px;
}

#ioFileManager #fm-detalles h2 {
    font-size: 18px;
}

.folderContener {
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 6px -3px rgba(76, 76, 76, 0.44);
    box-shadow: 5px 5px 6px -3px rgba(76, 76, 76, 0.44);
}

.folderContener h5,
.biblio-title {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}

.left-folder {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 15px 15px;
    margin-bottom: 5px;
    font-size: 14px;
    background-color: #fff;
}

.left-folder a {
    color: #353f4d;
    font-weight: 400;
}

.left-folder i {
    font-size: 22px;
    display: inline-table;
    vertical-align: bottom;
    margin-right: 6px;
    opacity: 0.8;
    color: #5A8E31;
}

.btn-biblio {
    margin-left: 5px;
}

.btn-biblio i {
    font-size: inherit;
    margin: 0;
    color: #353f4d;
    opacity: 0.8;
}

.biblio-thumb {
    height: 45px;
    width: 45px;
    object-fit: cover;
    object-position: center;
    margin-right: 10px;
}

.biblio-table .btn-biblio {
    margin-left: -4px;
    margin-right: 5px;
}

.file-guy {
    max-width: 40%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.file-message {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 50px;
    margin-top: 15px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.no-file-message {
    padding: 30px 50px;
    margin-top: 15px;
    text-align: center;
}

.no-file-message .file-guy {
    width: 150px;
}

#tree-comeback,
#tree-comeback a {
    color: #48454e;
    font-size: 12px;
    font-weight: 500;
}

#drop-area {
    border: 2px dashed #ccc;
    border-radius: 5px;
    width: 100%;
    font-family: sans-serif;
    margin: 15px auto;
    padding: 20px;
    text-align: center;
    padding-top: 40px;
}
#drop-area.highlight {
    border-color: purple;
}
p {
    margin-top: 0;
}
.my-form {
    margin-bottom: 10px;
}
.button {
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.button:hover {
    background: #ddd;
}
#fileElem {
    display: none;
}

#progress-bar {
    height: 30px;
    width: 40%;
}

.drop-close {
    float: right;
    font-size: 28px;
    cursor: pointer;
    margin-top: -25px;
}

.i-thumb {
    width: 45px;
    text-align: center;
    font-size: 28px;
    margin-right: 10px;
}

#singular-form {
    padding: 15px;
    text-align: left;
}

#singular-form h3 {
    font-size: 16px;
    margin-top: 0;
}

#mail-previewer {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
}

.multifile-thumb {
    border: 1px dashed #999;
    padding: 10px;
    padding-bottom: 3px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    margin-bottom: 5px;
    width: 102px;
    height: 120px;
    background-color: #fff;
}

.multifile-thumb img {
    max-width: 100%;
    margin-bottom: 5px;
    object-fit: cover;
    object-position: center;
    width: 80px;
    height: 80px;
}

.galeria-contener {
    border-spacing: collapse;
    border-spacing: 0;
}

#pages-accordion .card-header {
    background-color: #eee;
    padding-bottom: 14px;
}

#pages-accordion .card {
    margin-bottom: 15px;
}

.mini-html {
    margin-top: -10px;
}

.icon-thumbnail > i {
    font-size: 14px;
}

body.menu-pin .page-sidebar .menu-items .icon-thumbnail {
    transform: translate3d(-5px, 0, 0);
}

.page-sidebar .sidebar-menu .menu-items > li > a {
    font-size: 13px;
}

body.menu-pin .page-sidebar {
    width: 225px;
}

.page-sidebar .sidebar-menu .menu-items > li > a {
    min-height: 36px;
    line-height: 36px;
}

.icon-thumbnail {
    height: 36px;
    width: 36px;
    line-height: 36px;
}

#lateral-stock {
    position: fixed;
    height: calc(100% - 180px);
    background-color: red;
    right: 15px;
    top: 146px;
    width: calc((100% - 290px) * 0.33);
    border: 0px solid rgba(0, 0, 0, 0);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0%), 0 0 1px 0 rgb(0 0 0 / 0%);
    border-radius: 4px;
    background-color: #fff;
}

.lateral-danger td:first-child {
    border-left: 8px solid #ea2c54;
}

.lateral-warning td:first-child {
    border-left: 8px solid #fed76e;
}

.lateral-success td:first-child {
    border-left: 8px solid #07c25f;
}

.text-success {
    color: #07c25f !important;
}

.stock-message {
    padding: 30px 30px;
    margin-top: 15px;
    text-align: center;
}

.table tbody tr td {
    font-size: 12px;
}

.sortable-items .ui-sortable-placeholder {
    height: 80px !important;
}

.box-seccion {
    background-color: #f3f3f4;
    padding: 0px 15px;
    border-radius: 5px;
}

label.btn-primary {
    color: #fff !important;
}

#detalle-mensaje pre {
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    line-height: 14px;
    overflow: hidden;
}

.filtros {
    background-color: #f3f3f4;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-bottom: 15px;
    border-radius: 5px;
}

.filtros .control-label {
    margin-bottom: 3px;
    font-weight: 500;
}

.io-table td {
    vertical-align: middle;
}

#barra-compra {
    height: 120px;
    padding-left: 0px;
    padding-right: 0px;
}

.etapa-compra {
    text-align: center;
    position: relative;
}

.etapa-compra .barra-back {
    background-color: #ddd;
    height: 6px;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 30px;
}

.etapa-compra span {
    font-weight: 500;
    font-size: 12px;
}

.etapa-compra .barra-back.activa {
    background-color: #47476b;
}

.etapa-compra .circulo-back {
    width: 60px;
    height: 60px;
    line-height: 53px;
    border-radius: 50%;
    text-align: center;
    border: 5px solid #ddd;
    margin-left: auto;
    margin-right: auto;
    display: block;
    z-index: 9;
    background-color: #fff;
    position: relative;
    font-weight: bold;
    font-size: 28px;
    color: #ccc;
    margin-bottom: 10px;
}

.etapa-compra .circulo-back.activa {
    border-color: #47476b;
    color: #47476b;
}

.loading-rows .material-icons
{
    font-size: 54px;
}

.loading-rows .material-icons.fa-spin
{
    color: #5A8E31;
}

.syncStatus
{
    font-size: 18px;
    color: #5A8E31;
    margin-bottom: 30px;
    line-height: 26px;
}

.things-table td
{
    vertical-align: middle;
    padding: 8px 20px !important;   
}

.lc-alert-titulo
{
    font-size: 18px !important;
}

#detalle-interno td
{
    padding: 10px;
    font-size: 14px;
}

#detalle-interno td label
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
}

.short-table td
{
    padding: 10px !important;
}

.permission-table td
{
    padding: 5px 10px !important;
}

.permission-table thead tr th:first-child
{
    padding-left: 10px !important;
}

.permission-table td, .permission-table td label
{
    font-size: 12px;
    line-height: 23px;
}

.permission-table th
{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.permission-table th .custom-control, .permission-table th strong
{
    vertical-align: middle;
}

#selector-centro .btn-icon-link:hover:not(.active):before
{
    background-color: transparent;
}

#centro-list label
{
    font-weight: bold;
    font-size: 11px;
}

#selector-centro .dropdown-menu
{
    margin-top: 0px !important;
}

.header .dropdown-menu
{
    margin-top: 15px;
}

.row-noborder
{
    border: 0 !important;
}

.caja-color
{
    display: inline-block;
    width: 40px;
    height: 18px;
}

.page-sidebar,
.page-sidebar .sidebar-menu .menu-items
{
    background-color: #f3f3f3;
}

.btn-warning
{
    color: #666;
}

.modal.fade.fill-in.show
{
    background-color: rgba(255, 255, 255, 0.95);
}

.io-modal-alert .modal-header h5
{
    padding-left: 15px;
}

.bundleTitle
{
    color: #5A8E31;
    letter-spacing: 0 !important;
    font-weight: 900;
    margin-bottom: 5px;
    font-size: 22px;
    letter-spacing: 0 !important;
}

#horario.table tbody tr td
{
    padding: 15px 20px;
    position: relative;
}

.horario {
    position: absolute;
    width: 95%;
    background-color: rgba(20, 161, 200, .8);
    z-index: 3;
    left: 0;
    top: 0;
    color: #FFF;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
}

.horario-dashed {
    position: absolute;
    width: 95%;
    border: 2px dashed #999;
    background-color: rgba(255,255,255, .8);
    z-index: 3;
    left: 0;
    top: 0;
    color: #999;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
}

.btn-addHorario
{
    position: absolute;
    z-index: 5;
    top: -15px;
    left: 0;
}

.horario-disabled
{
    opacity: .6;
    filter: grayscale(.5);
}

.addon-box
{
    border: 2px dashed #EEE;
    text-align: center;
    padding: 30px 15px;
    color: #999;
}

.addon-box h3 i
{
    font-size: 42px;
    margin-bottom: 5px;
}

.subtitle
{
    font-size: 24px;
}

.doc-seccion {
    background-color: #f3f3f4;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px;
    border-radius: 5px;
    position: relative;
    margin-top: 45px;
}

.actionbar
{
    position: absolute;
    left: 0;
    top: -25px;
    width: 100%;
}

.doc-seccion .contenido
{
    width: 94%;
    margin-left: 5%;
}

.doc-seccion .fa-random
{
    font-size: 28px;
    position: absolute;
    left: 15px;
    top: 15px;
    color: #999;
}

.actionbar .btn
{
    margin-left: -4px;
}

.actionbar label
{
    font-weight: bold;
    font-size: 16px;
    background-color: #f3f3f4;
    padding: 4px 15px;
    margin-bottom: 0;
}

.doc-seccion.titulo textarea
{
    font-size: 24px !important;
    line-height: 32px !important;
}

.doc-seccion.subtitulo textarea {
    font-size: 18px !important;
    line-height: 26px !important;
}

.doc-seccion.parrafo textarea {
    height: 6em !important;
}

.doc-seccion .contenedor
{
    border: 1px solid #CCC;
    padding: 15px;
}

select.form-control
{
    -webkit-appearance: radio;
}

.contenedor .custom-control-label
{
    padding-top: 2px;
}

.modal
{
    z-index: 1051;
}

.modal .select2
{
    z-index: 999999;
}

#ficha .fa-file-medical, #ficha .fa-user-md
{
    font-size: 72px;
}

#ficha .alarma
{
    font-size: 52px;
    color: #FFC835;
    opacity: .8;

    /*-webkit-animation: fadeinout 3s linear infinite;
    animation: fadeinout 3s linear infinite;*/
}

.font-12
{
    font-size: 12px !important;
}

.dato-paciente .card-title i
{
    width: 22px;
    font-size: 14px;
    margin-top: 5px;
}

.dato-paciente-texto
{
    padding-left: 22px;
    font-size: 15px;
    padding-top: 2px;
}

.dato-paciente-texto em
{
    opacity: .5;
}

.col-personal
{
    border-color: rgba(255, 255, 255, 0.4);
}

@-webkit-keyframes fadeinout {

    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes fadeinout {

    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

#navegacion
{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 40px;
}

#navegacion li
{
    display: inline-block;
    line-height: 40px;
    margin-left: 5px;
}

#navegacion li a
{
    padding: 10px 30px;
    display: block;
    font-size: 16px;
    position: relative;
    background-color: #e1e1e1;
    border-radius: 5px 5px 0 0;
    color: #000;

    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: .2px;
    font-size: 12px;
    font-weight: 600;
    opacity: .5;
}

#navegacion li a.active
{
    background-color: #48454e;
    color: #FFF;
    opacity: 1;
}

#navegacion.paciente
{
    padding-left: 50px;
}

#navegacion.paciente li a.active {
    background-color: #5A8E31;
    color: #FFF;
    opacity: 1;
}

#navegacion.paciente li a
{
    padding: 5px 15px;
    line-height: 20px;
    text-align: center;
}

.mini-ficha-paciente
{
    margin-top: -5px;
}

.mini-ficha-paciente .barra-gris
{
    background-color: #5A8E31;
    width: calc(100% - 40px);
    margin-left: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

.bg-io
{
    background-color: #5A8E31 !important;
}

/*.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

    border-top: 20px solid #fff;

    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    display: none;
    z-index: 1;
}*/

.contenedor-pestanas
{
    background-color: #FFF;
    border-radius: 8px;
}

#navegacion li a.active .arrow-down
{
    display: block;
}

.bg-gray-pestana
{
    background-color: #e1e1e1;
}

.bg-white-pestana {
    background-color: #fff;
}

.enlace-pestana-interna
{
    text-align: center;
    display: block;
    padding: 30px 10px;
    line-height: 20px !important;
    color: #333;
    opacity: .6;
    font-size: 12px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;

    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.enlace-pestana-interna i
{
    font-size: 24px;
    margin-bottom: 10px;
    opacity: .8;
}

.enlace-pestana-interna.active
{
    border-left: 6px solid #5A8E31;
    background-color: #FFF;
    color: #5A8E31;
    opacity: 1;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
}

#pestanas
{
    background-color: transparent;
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: 600px;
}

.barra-gris
{
    background-color: #48454e;
    color: #FFF;
    border-radius: 8px 8px 0 0;
    padding: 15px 30px;
    padding-top: 20px;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0;
}

.barra-gris i
{
    width: 32px;
}

.barra-gris p
{
    padding-left: 32px;
    padding-top: 3px;
    font-size: 15px;
}

.noborder-top
{
    border-top: 0 !important;
}

.noborder-bottom
{
    border-bottom: 0 !important;
}

.contenido-pestana-interna
{
    padding-top: 15px;
}

.card-pestana-title
{
    font-size: 18px !important;
    letter-spacing: 0 !important;
    font-family: "Inter UI",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
    text-transform: none !important;
    font-weight: bold;
}

.texto-montserrat
{
    color: #999 !important;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
        "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
        "Helvetica Neue", sans-serif;
    line-height: 5px !important;
    font-size: 11px;
    font-weight: 500;
}

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

#filtroProfesional, #filtroProfesional .control-label
{
    color: #FFF;
}

.seleccionHorario
{
    border: 1px solid #CCC !important;
}

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

.selectorFecha
{
    text-align: center;
    background-color: #f3f3f4;
    border: 1px solid rgba(220, 222, 224, 0.7);
    border-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FFF;
    position: relative;
}

.seleccionHorario .io-ofuscator
{
    top: 0;
    text-align: center;
}

.seleccionHorario .io-ofuscator .progress
{
    margin-bottom: 150px;
}

.celda-bloqueada
{
    background-color: #f3f3f4 !important;
}

.tabla-agenda tbody tr td
{
    padding: 5px 5px 300px 5px !important;
    vertical-align: top;
}

.tabla-agenda tbody tr td .horario
{
    width: 100%;
    padding-top: 0;
    line-height: 31px;
    margin-bottom: 5px;
    cursor: pointer;
}

.resumen-cita i
{
    font-size: 32px;
    opacity: .85 !important;
}

.resumen-cita h2
{
    font-size: 24px;
    line-height: 28px;
}

.resumen-cita h2 span
{
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
}

.resumen-cita .fa-clock, .resumen-cita .fa-exchange-alt, .resumen-cita .fa-hospital, .resumen-cita .iconoLite
{
    font-size: 22px;
}

.opacity-55
{
    opacity: .55 !important;
}

.paciente-seleccionado
{
    border: 1px dashed #CCC !important;
    margin-bottom: 15px;
}

.paciente-seleccionado .btn-danger
{
    margin-top: -3px;
}

.nombre-paciente
{
    line-height: 28px;
    display: inline-block;
    padding-left: 30px;
    position: relative;
}

.nombre-paciente i
{
    position: absolute;
    left: 0;
    top: -5px;
}

.irAFicha
{
    margin-top: -5px;
}

.otra-info-paciente
{
    
    margin-top: 15px;
}

.otra-info-paciente .dato-paciente
{
    font-weight: 500;
}

.otra-info-paciente .dato-paciente i
{
    width: auto;
    margin-right: 13px;
    margin-left: 3px;
}

.otra-info-paciente .dato-paciente span
{
    font-weight: 400;
}

.mini-datos-paciente i
{
    width: 15px !important;
    text-align: center;
    margin-right: 0px;
}

.dato-paciente-texto-double
{
    position: relative;
    padding-left: 31px !important;
}

.dato-paciente-texto-double i
{
    position: absolute;
    left: 0;
    
}

#navegacion.cita li a
{
    padding: 5px 30px;
}

.liftUp
{
    position: relative;
    top: -15px;
}

#pestanas-cita
{
    background-color: transparent;
}

#pestanas-cita .barra-gris i
{
    font-size: 20px;
    vertical-align: top;
}

#pestanas-cita .barra-gris
{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-top: 15px;
}

.diahora
{
    font-size: 18px !important;
    font-weight: bold;
}

.profName
{
    font-size: 13px;
    line-height: 18px;
    position: relative;
    display: inline-block;
}

.profName .fa-star
{
    font-size: 10px !important;
    width: auto !important;
    vertical-align: text-top !important;
    margin-top: 3px;
    color: #fed76e;
}

.brWhite
{
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.inlineIcon
{
    font-size: inherit !important;
    width: auto !important;
    vertical-align: middle !important;
}

#fichaComprimida
{
    position: relative;
    width: calc(100% - 40px);
    margin-left: 50px;
    background-color: rgb(41, 125, 169);
    color: #FFF;
    border-radius: 0 0 10px 10px;
}

#pestanasLaterales
{
    position: absolute;
    left: -50px;
    width: 50px;
    top: 15px;
}

#detalleFichaComprimida
{
    min-height: 400px;
    padding: 15px;
    margin-top: 2px;
}

#detalleFichaComprimida .bajada
{
    font-size: 12px;
    margin-top: 0px;
    line-height: 16px;
}

.pestana-lateral
{
    background-color: rgba(41, 125, 169, .5);
    color: #FFF;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 6px 0 0 6px;
    cursor: pointer;
    margin-top: 5px;
    font-size: 24px;
}

.pestana-activa
{
    background-color: rgb(41, 125, 169);
}

.table.tableFC thead tr th:first-child
{
    padding-left: 8px !important;
}

.tableFC th
{
    padding: 8px !important;
    background-color: #f3f3f4;
    font-weight: bold;
}

.tableFC td
{
    padding: 8px !important;
    font-size: 11px !important;
}

.tableFCF th {
    padding: 10px 8px !important;
}

.tableFCF td
{
    font-size: 12px !important;
}

.btn-success-custom
{
    background-color: #FFF;
}

.fullLinks a
{
    font-size: 12px;
}

.modalCrud
{
    color: #39363e;
}

.modalCrud .modal-dialog
{
    width: 800px;
    max-width: 800px;
}

.modalCrud1000 .modal-dialog
{
    width: 1000px;
    max-width: 1000px;
}

.modalCrud800 .modal-dialog {
    width: 800px;
    max-width: 800px;
}

.modalCrud600 .modal-dialog
{
    width: 600px;
    max-width: 600px;
}

.modalCrud500 .modal-dialog
{
    width: 500px;
    max-width: 500px;
}

.cortaTexto
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.modal.fade.fill-in>.close>i
{
    font-size: 42px;
}

.io-modal-table tbody td
{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#pestana-cita
{
    width: calc(100% - 50px);
    margin-left: 0;
    position: relative;
}

#pestanasCita {
    position: absolute;
    right: -50px;
    width: 50px;
    top: 100px;
}

#pestanasCita .pestana-lateral
{
    border-radius: 0 5px 5px 0;
}

#pestanasCita .pestana-lateral {
    opacity: .5;
    color: #5A8E31;
}

#pestanasCita .pestana-lateral.pestana-activa {
    background-color: #FFF;
    opacity: 1;
}

.contenido-pestana-cita
{    
    padding: 15px 20px;
}

#fFicha
{
    min-height: 350px;
}

#fDiagnosticos
{
    margin-top: 5px;
}

.bgTransparent
{
    background-color: transparent;
}

.contenido-pestana-cita h3
{
    color: #353f4d;
    font-weight: bold;
    font-size: 18px;
}

.contenido-pestana-cita .btn .material-icons
{
    margin-left: 0;
}

.contenido-pestana-cita h3 strong
{
    text-transform: uppercase;
}

.contenido-pestana-cita .addon-box h3
{
    color: rgb(153,153,153);
}

.contenido-pestana-cita .addon-box
{
    padding: 10px 15px;
    padding-top: 0;
    margin-bottom: 15px;
    margin-top: 20px;
}

#fNotasCita
{
    min-height: 350px;
}

#fPrescripciones, #fOrdenes {
    min-height: 320px;
}

#fOrdenes
{
    margin-top: 5px;
}

.medicion-signos
{
    margin-top: 30px;
}

.medicion-signos label
{
    font-size: 18px;
    font-weight: bold;
}

.medicion-signos label span
{
    font-size: 12px;
    opacity: .7;
    font-weight: 400;
}

.medicion-signos i
{
    font-size: 18px;
    width: 26px;
    text-align: center;
}

.iconoSV
{
    font-size: 18px;
    margin-top: 8px;
    margin-right: 8px;
    width: 25px;
    text-align: center;
}

.formSignos .input-group-text
{
    font-size: 10px;
}

.ficha-doc
{
    background-color: #f3f3f4;
    border-radius: 0px;
    padding: 15px;
    margin-top: 15px;
}

.ficha-doc .doc-seccion
{
    margin-top: 0px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0;
}

.ficha-doc .doc-seccion .contenedor
{
    border: 0;
    padding: 5px;
}

.ficha-doc .doc-seccion h1
{
    font-weight: 800;
    font-size: 26px;
}

.ficha-doc .doc-seccion .contenedor h5
{
    line-height: 18px;
}

.ficha-doc .doc-seccion h2
{
    font-size: 22px !important;
    line-height: 28px !important;
}

.ficha-doc .btn {
    z-index: 9;
}

#seleccionProfesional
{
    width: 200px;
    font-size: 12px;
    margin-bottom: 10px;
}

/* AGENDA: RECEPCIÓN */
#recepcionDia
{
    text-align: center;
    position: relative;
}

#recepcionDia h2
{
    font-size: 82px;
    font-weight: 900;
    margin-top: 20px;
    margin-bottom: 20px;
}

#recepcionDia span
{
    font-size: 20px;
    font-weight: bold;
}

#recepcionDia span.dayname
{
    font-size: 18px;
    font-weight: 300;
}

#recepcionDia a:hover
{
    opacity: .8;
}

.goLeft
{
    position: absolute;
    color: #FFF;
    left: 0;
    font-size: 36px;
    top: 50%;
    transform: translateY(-50%);
}

.goRight {
    position: absolute;
    color: #FFF;
    right: 0;
    font-size: 36px;
    top: 50%;
    transform: translateY(-50%);
}

#citasRecepcion
{
    
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0), 0 0 1px 0 rgba(0, 0, 0, 0);
    border-radius: 4px;
    
    padding-bottom: 5px;
}

.cita-block
{
    background-color: #FFF;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 0 5px 5px 0;
}

.cita-block .hora h4
{
    margin-top: 0;
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 900;
}

.modalidad
{
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    display: block;
    margin-top: 5px;
}

.pacienteCita
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.0);
    padding-bottom: 5px;
}

.cita-block .col-lg-4 .pacienteCita:last-child,
.cita-block .col-lg-3 .pacienteCita:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.profesionalCita
{
    line-height: 22px;
}

.brWhiteCita {
    border-right: 1px solid rgba(0,0,0, 0.1);
}

.tipocita
{
    font-size: 15px;
    font-weight: bold;
    line-height: 14px !important;
}

.tipocita span
{
    font-size: 12px;    
}

.dropdown-estado
{
    display: inline-block;
}

.dropdown-estado, .dropdown-estado .dropdown-menu a, .cita-block .btn-sm
{
    font-size: 12px;
}

#citasRecepcion .loading-rows
{
    background-color: #FFF;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.filtrosAgenda
{
    padding: 0;
    background-color: transparent;
}

.remuneraciones
{
    width: 100%;
}

.remuneraciones td
{
    border: 0;
    padding: 5px 0 !important;
}

.remuneraciones tr:last-child td
{
    border-bottom: 0px !important;
}

.addon-coterap h3
{
    font-size: 16px;
}

#modalCoterapeuta
{
    z-index: 9999999;
}

#listaCoteraps
{
    max-height: 400px;
    overflow-y: auto;
}

.coterapeuta
{
    margin-bottom: 15px;
}

.notification-panel .notification-body .notification-item .heading
{
    font-size: 12px;
    line-height: 38px;
}

#cPrestaciones .cita-block
{
    background-color: #f3f3f3;
}

.tipocita span
{
    font-size: 10px;
}

.table-subtotal td
{
    padding: 7px 0px !important;
    font-size: 13px !important;
}

.table-subtotal .subtotal td
{
    font-size: 16px !important;
}

.editor {
    background-color: #f7f7f7;
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    padding: .375rem .75rem;
    padding-right: 5px;
}

.codex-editor__redactor {
    padding-bottom: 200px !important;
}

.ce-block__content,
.ce-toolbar__content {
    max-width: calc(100% - 110px);
}

.blockPic {
    margin-top: 30px;
    margin-bottom: 15px;
}

.blockPic img {
    margin-bottom: 10px;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active
{
    background-color: #0c5460;
}

.btn-primary.hover:not(.active),
.btn-primary:hover:not(.active),
.btn-primary .show .dropdown-toggle.btn-primary
{
    background-color: #0c5460;
}