/* Custom css para zmed */

.tratamientoBox {
    height: 10px !important;
}

.menuBox {
    background-color: #62B2F3;
    color: white;
    margin-bottom: 1px;
    cursor: pointer;
    /*margin        : 4px -15px 4px 4px;*/
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    font-size: 15px;
}

.menuBoxFinalizar {
    color: white;
    margin-bottom: 1px;
    cursor: pointer;
    margin: 4px 4px 4px 4px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    font-size: 12px
}

.menuBox.menuBoxEsp {
    background-color: #1DA77F;
}

.menuBoxActive {
    background-color: #394263 !important;
    color: white !important;
}

.menuBox:hover,
.menuBoxSmall:hover {
    background-color: #1481DA;
    color: white;
}

.menuBox:focus,
.menuBoxSmall:focus {
    background-color: #394263;
    color: white;
    text-decoration: none !important;
}

.menuBoxEsp:hover {
    background-color: #198666;
    color: white;
}

.menuBoxEsp:focus {
    background-color: #0F523F !important;
    color: white;
}

.menuBoxSmall {
    background-color: #62B2F3;
    color: white;
    text-align: center;
    height: 49px;
    margin-bottom: 1px;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 0px 0px 10px;
}

.dataMenuBox {
    padding: 4px 0px;
    font-weight: 600;
    font-size: 13px;
}

.modalBodyLeft {
    background-color: #E8E8E8;
    height: 507px;
    padding-left: 26px;
    padding-top: 6px;
}

.modalBodyRight {
    background-color: white;
    padding: 29px 55px 29px 26px;
}

.modalFull {
    padding: 0px;
}

.tablaPadding0,
.tablaPadding0>head,
.tablaPadding0>head>tr,
.tablaPadding0>head>tr>th,
.tablaPadding0>tbody,
.tablaPadding0>tbody>tr,
.tablaPadding0>tbody>tr>td {
    padding: 0px 0px 0px 0px;
}

.modal-very-large {
    width: 80%;
}

.tableInputFix>div>input {
    padding: 0px 0px 0px 0px;
    width: 62px;
}

.tableTitleFix>div {
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}

.tableTitleFix {
    margin-left: 2px !important;
}

.noPadding {
    padding: 2px 13px 2px 13px;
}

.noPaddingCell {
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}

.center-block {
    float: none;
    margin: 0 auto;
}

.center-row {
    margin: 0 auto;
}

.refrac-table {
    width: 86px;
}

.refrac-table-lg {
    width: 137px;
}

.hcBase {
    background-color: white;
    min-height: calc(100vh - 2.5em);
}

.disabledWizard {
    background-color: #7EACBB;
    border-color: #ADADAD;
}

.input-group[class*="bootstrap-timepicker"] {
    padding-right: 15px;
    padding-left: 15px;
}

.tableSmall>thead>tr>th,
.tableSmall>tbody>tr>th,
.tableSmall>tfoot>tr>th,
.tableSmall>thead>tr>td,
.tableSmall>tbody>tr>td,
.tableSmall>tfoot>tr>td {
    padding: 5px;
}

.tableSmallSinPadding>thead>tr>th,
.tableSmallSinPadding>tbody>tr>th,
.tableSmallSinPadding>tfoot>tr>th,
.tableSmallSinPadding>thead>tr>td,
.tableSmallSinPadding>tbody>tr>td,
.tableSmallSinPadding>tfoot>tr>td {
    padding: 1px;
}

.tableWithoutPadding>thead>tr>th,
.tableWithoutPadding>tbody>tr>th,
.tableWithoutPadding>tfoot>tr>th,
.tableWithoutPadding>thead>tr>td,
.tableWithoutPadding>tbody>tr>td,
.tableWithoutPadding>tfoot>tr>td {
    padding: 0;
}

.tableRemovePaddingHeader>thead>tr>th {
    padding: 0px;
}

.tableHrSelected {
    background-color: #1481DA !important;
    color: white !important;
}

.tableHover {
    cursor: pointer;
}

.tableHover:hover {
    background-color: #1481DA !important;
    color: white !important;
}

.tableHover:focus {
    background-color: #394263;
    color: white;
    text-decoration: none !important;
}


/* Base for label styling */

.checkboxCustom:not(:checked),
.checkboxCustom:checked {
    position: absolute;
    left: -9999px;
}

.checkboxCustom:not(:checked)+label,
.checkboxCustom:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}


/* checkbox aspect */

.checkboxCustom:not(:checked)+label:before,
.checkboxCustom:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}


/* checked mark aspect */

.checkboxCustom:not(:checked)+label:after,
.checkboxCustom:checked+label:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
}


/* checked mark aspect changes */

.checkboxCustom:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.checkboxCustom:checked+label:after {
    opacity: 1;
    transform: scale(1);
}


/* disabled checkbox */

.checkboxCustom:disabled:not(:checked)+label:before,
.checkboxCustom:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.checkboxCustom:disabled:checked+label:after {
    color: #999;
}

.checkboxCustom:disabled+label {
    color: #aaa;
}


/* accessibility */

.checkboxCustom:checked:focus+label:before,
.checkboxCustom:not(:checked):focus+label:before {
    border: 3px groove #6ad2eb;
}


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


/* spiner para los inputs con numeros */


/*http://bootsnipp.com/snippets/featured/input-spinner-with-min-and-max-values*/

.spinner input {
    text-align: right;
}

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 2%;
    vertical-align: middle;
    display: table-cell;
}

.input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}

.input-group-btn-vertical>.btn:first-child {
    border-top-right-radius: 4px;
}

.input-group-btn-vertical>.btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
    position: absolute;
    top: 0;
    left: 4px;
}

.arrowBox {
    color: #1BBAE1;
    background: #FFFFFF;
    font-size: 20px;
    border-style: outset;
    border-color: #1BBAE1;
    border-width: 2px;
    cursor: pointer;
}

.arrowCenter {
    position: relative;
    top: 21px;
    right: 13px;
}

.subjetiva-receta .chosen-container.chosen-with-drop .chosen-drop {
    left: 197px;
    top: 5px;
}

.chosen-container .chosen-results {
    max-height: 300px;
}

.idChosen .chosen-container .chosen-results {
    max-height: 120px;
}

.BoxHcAction {
    background-color: #1bbae1;
    height: 100%;
    padding: 15px;
}

.chosen-container-multi .chosen-choices {
    min-height: 150px;
}

.motivoConsultaHeader {
    background-color: #394263;
    ;
    color: white;
    text-align: center;
    padding: 1px;
}


/*hc botones arriba form group*/

.form-btn-top {
    margin-bottom: 3px;
}


/* new alerts */

.msg {
    background: #fefefe;
    color: #666666;
    font-weight: bold;
    font-size: small;
    padding: 12px;
    padding-left: 16px;
    border-top: solid 3px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .08);
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .08);
}

.msg-clear {
    border-color: #fefefe;
    -webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .15);
    box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .15);
}

.msg-info {
    border-color: #b8dbf2;
}

.msg-success {
    border-color: #cef2b8;
}

.msg-warning {
    border-color: rgba(255, 165, 0, .5);
}

.msg-danger {
    border-color: #ec8282;
}

.msg-primary {
    border-color: #9ca6f1;
}

.msg-magick {
    border-color: #e0b8f2;
}

.msg-info-text {
    color: #39b3d7;
}

.msg-success-text {
    color: #80d651;
}

.msg-warning-text {
    color: #db9e34;
}

.msg-danger-text {
    color: #c9302c;
}

.msg-primary-text {
    color: rgba(47, 106, 215, .9);
}

.msg-magick-text {
    color: #bb39d7;
}


/* Timeline */

a.row-timeline:hover {
    background-color: aliceblue;
    color: #394263;
    text-decoration: none;
}

a.row-timeline:focus {
    color: #394263;
    text-decoration: none;
}

a.row-timeline:visited {
    color: #394263;
    text-decoration: none;
}

.row-timeline {
    color: #394263;
}


/*table hover*/

.tableSuccessHover:hover {
    background-color: #F3F1F1 !important;
}


/* panel con tabs de colores*/

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}


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


/*** PANEL DEFAULT ***/

.with-nav-tabs.panel-default .nav-tabs>li>a,
.with-nav-tabs.panel-default .nav-tabs>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li>a:focus {
    color: #777;
}

.with-nav-tabs.panel-default .nav-tabs>.open>a,
.with-nav-tabs.panel-default .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-default .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-default .nav-tabs>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li>a:focus {
    color: #777;
    background-color: #ddd;
    border-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs>li.active>a,
.with-nav-tabs.panel-default .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #777;
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
    background-color: #ddd;
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #555;
}


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


/*** PANEL PRIMARY ***/

.with-nav-tabs.panel-primary .nav-tabs>li>a,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
    color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs>.open>a,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs>li.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
    background-color: #3071a9;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
    background-color: #4a9fe9;
}


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


/*** PANEL SUCCESS ***/

.with-nav-tabs.panel-success .nav-tabs>li>a,
.with-nav-tabs.panel-success .nav-tabs>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li>a:focus {
    color: #3c763d;
}

.with-nav-tabs.panel-success .nav-tabs>.open>a,
.with-nav-tabs.panel-success .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-success .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-success .nav-tabs>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li>a:focus {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: transparent;
}

.with-nav-tabs.panel-success .nav-tabs>li.active>a,
.with-nav-tabs.panel-success .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.active>a:focus {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #3c763d;
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
    background-color: #d6e9c6;
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #3c763d;
}


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


/*** PANEL INFO ***/

.with-nav-tabs.panel-info .nav-tabs>li>a,
.with-nav-tabs.panel-info .nav-tabs>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li>a:focus {
    color: #31708f;
}

.with-nav-tabs.panel-info .nav-tabs>.open>a,
.with-nav-tabs.panel-info .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-info .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-info .nav-tabs>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li>a:focus {
    color: #31708f;
    background-color: #bce8f1;
    border-color: transparent;
}

.with-nav-tabs.panel-info .nav-tabs>li.active>a,
.with-nav-tabs.panel-info .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.active>a:focus {
    color: #31708f;
    background-color: #fff;
    border-color: #bce8f1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #31708f;
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
    background-color: #bce8f1;
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #31708f;
}


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


/*** PANEL WARNING ***/

.with-nav-tabs.panel-warning .nav-tabs>li>a,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
    color: #8a6d3b;
}

.with-nav-tabs.panel-warning .nav-tabs>.open>a,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs>li.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:focus {
    color: #8a6d3b;
    background-color: #fff;
    border-color: #faebcc;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #8a6d3b;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
    background-color: #faebcc;
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #8a6d3b;
}


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


/*** PANEL DANGER ***/

.with-nav-tabs.panel-danger .nav-tabs>li>a,
.with-nav-tabs.panel-danger .nav-tabs>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li>a:focus {
    color: #a94442;
}

.with-nav-tabs.panel-danger .nav-tabs>.open>a,
.with-nav-tabs.panel-danger .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li>a:focus {
    color: #a94442;
    background-color: #ebccd1;
    border-color: transparent;
}

.with-nav-tabs.panel-danger .nav-tabs>li.active>a,
.with-nav-tabs.panel-danger .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.active>a:focus {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #f2dede;
    /* bg color */
    border-color: #ebccd1;
    /* border color */
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #a94442;
    /* normal text color */
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
    background-color: #ebccd1;
    /* hover bg color */
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
    color: #fff;
    /* active text color */
    background-color: #a94442;
    /* active bg color */
}

.panelBorder {
    border: 0px !important;
}

.fichaPacienteTabContent {
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-list {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0;
}

.treeMenuHc {
    padding: 1px 5px !important;
}

.treeMenuHc:hover {
    color: white;
    background-color: #337AB7 !important;
}

.pabellonMenu a:hover {
    background-color: #4A94D8 !important;
    color: white !important;
}

.pabellonMenu a,
.pabellonMenu i {
    color: #4A94D8;
}

.prestacion {
    text-align: center;
    height: 70px;
    font-size: 24px;
    text-decoration: none;
}

.wrapper,
#wrapper {
    display: inline-flex;
    width: 100%;
}

.legend,
#legend {
    margin: auto 5px;
    width: 70%;
}

.placeholder,
#placeholder {
    float: left;
    width: 100%;
    height: 300px;
}

.placeholder#placeholderBono {
    height: 400px;
}

.pieLabel {
    color: #fff;
}

#wrapperPagosHoras {
    width: 100%;
}


/* Error */

#error-container {
    padding: 120px 20px;
    position: relative;
}

#error-container .error-options {
    position: absolute;
    top: 20px;
    left: 20px;
}

#error-container h1 {
    font-size: 96px;
    color: #ffffff;
    margin-bottom: 40px;
}

#error-container h2 {
    color: #cccccc;
    margin-bottom: 40px;
    line-height: 1.4;
}

#error-container form {
    padding: 20px;
    border-radius: 3px;
    background: #ffffff;
    background: url('../img/template/ie8_opacity_light_10.png') repeat;
    background: rgba(255, 255, 255, 0.1);
}

#error-container .form-control {
    border-color: #ffffff;
}

.widget.disabled {
    opacity: 0.4;
}

.inline {
    display: inline-block;
}

#panel-list {
    font-size: 30px;
}


/* Historia Clinica */

#container-hc {
    -webkit-transition: width 1s;
    /* For Safari 3.1 to 6.0 */
    transition: width 1s;
    float: right;
}

#container-ficha-paciente {
    -webkit-transition: width 1s;
    /* For Safari 3.1 to 6.0 */
    transition: width 1s;
}

.translate-hc {
    width: 50%;
}

.filter-table .quick {
    margin-left: 0.5em;
    font-size: 0.8em;
    text-decoration: none;
}

.fitler-table .quick:hover {
    text-decoration: underline;
}

td.alt {
    background-color: yellow;
    background-color: rgba(255, 237, 111, 1) !important
}

.modal-backdrop.fade.in {
    position: fixed;
}

.selectTens {
    border-radius: 7px;
}

#container-hc small {
    font-size: 14px;
}

#container-hc .push-bit {
    font-size: 17px;
}

.btn-check-multiple-print.active {
    background-color: green !important;
    color: white !important;
}

.run-multiple-print {
    margin-right: 15px;
    border-radius: 17px;
}

.tab-inactive:hover,
.tab-inactive,
.tab-inactive {
    height: 56px;
    font-size: 13px;
    font-weight: bold;
    color: #b1b1b1;
}

.texto-prestacion {
    font-size: 15px;
    font-weight: bold;
}

.widget-disabled {
    cursor: not-allowed !important;
    background-color: #c5bfbf !important;
    opacity: 1 !important;
    color: #757474 !important;
}

.widget-disabled:hover {
    cursor: not-allowed !important;
    background-color: #c5bfbf !important;
    opacity: 1 !important;
    color: #757474 !important;
}

.error-input {
    border-color: #e74c3c;
    background-color: #ffffff;
}

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

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

.table-informes thead tr th {
    text-align: center !important;
    font-size: 12px !important;
    padding: 5px !important;
}

.table-informes-xs tr td,
.table-informes-xs tr th {
    padding: 1px !important;
}

.table-informes-xs tr td,
.table-informes-xs tr th {
    padding: 1px !important;
    border-right: 1px solid #949494;
}

#btn-group-prod-excel .btn {
    font-size: 11px;
}

a #titulo-simbologia {
    background-color: #006699;
    color: white;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
}

a:hover,
a:visited,
a:link,
a:active {
    text-decoration: none;
}

.text-pago-pendiente {
    font-size: 20px;
    color: #244566;
}

.atendido-por {
    margin-top: -20px;
    font-weight: 400;
    font-size: 12px;
}

.title-practica {
    font-size: 16px;
}

#sinRut {
    width: 25px;
}


/*Rotación de Icono */

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.rotate {
    color: rgba(65, 164, 144, 0.67) !important;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.alert-default {
    color: #7c7f82;
    background-color: #f4f4f4;
    border-color: #b2b6b9;
}

#btnFormatRut {
    padding: 0;
    margin-top: -2px;
    margin-left: 10px;
}

.text {
    margin-right: 30px;
}

.datatable-ocean .dataTables_filter input:hover,
.datatable-ocean .dataTables_filter input:focus {
    background: #a7c2c9 !important;
    border-color: #a7c2c9;
}

.datatable-ocean .dataTables_length select:focus,
.datatable-ocean .dataTables_length select:hover {
    background: #a7c2c9;
    border-color: #a7c2c9;
}

.datatable-ocean .dataTables_paginate>a {
    background: #a7c2c9 !important;
    border-color: #a7c2c9 !important;
    color: white !important;
}

.datatable-ocean .dataTables_paginate .current {
    background: #5387b3 !important;
    border-color: #5387b3 !important;
    color: white;
}

.datatable-ocean .dataTables_paginate .current:hover {
    cursor: pointer;
}

.datatable-ocean .dataTables_paginate .disabled:hover {
    background: #a7c2c9 !important;
    border-color: #a7c2c9 !important;
    color: white;
}

.datatable-ocean .dataTables_paginate a:hover {
    background: #5387b3 !important;
    border-color: #5387b3 !important;
    color: white;
}

.dataTables_length select:focus,
.datatable-ocean .dataTables_length select:hover {
    background: #a7c2c9;
    border-color: #a7c2c9;
}

.mgn-top-7 {
    margin-top: 7px;
}

.mgn-top-50 {
    margin-top: 50px;
}

.mgn-top-20 {
    margin-top: 20px;
}

.mgn-top-10 {
    margin-top: 10px;
}

.mgn-5 {
    margin: 5px;
}

#box-alerta-paciente {
    font-weight: 500;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    border: 2px dashed #f7be64;
}

#input-alerta-paciente {
    font-weight: 500;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    border: 2px dashed #95856B;
}

.btn-icon {
    padding: 0px 3px 0px 3px;
}

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

.font-15 {
    font-size: 15px;
}

.font-25 {
    font-size: 25px;
}

.font-delete {
    color: #c74747;
}

.font-delete:hover {
    color: #992828;
}

.bg-ocean {
    background-color: #41699c;
}

#contentLeftCol {
    min-height: 26em;
    overflow-y: auto;
    height: 84vh;
}

#modal_hc_unformat {
    position: fixed;
    top: 54px;
    left: 211px;
    box-shadow: 2px 2px 9px 0px #747474;
    border-radius: 103px;
    z-index: 1001;
    height: 48px;
    line-height: 28px;
    font-size: 19px;
    border: 0;
    opacity: 0.9;
    background-color: #15b91c;
    padding: 11px;
    font-weight: bold;
}

.btn-circle {
    border-radius: 50%;
    padding: 3px 6px 3px 6px;
}

.bg-default {
    background-color: #eaeaea;
}

.radius-15 {
    border-radius: 15px;
}

.pdgn-15 {
    padding: 15px !important;
}

.min-height-400px {
    min-height: 400px;
}


/** ESTILOS ESTANDARES **/


/* ================== Text Colors ================== */

.font-default {
    color: #636262 !important;
    /*#9fa4a5 !important;*/
}

.font-default-dark {
    color: #4D4E4D !important;
    /*#868686 !important;*/
}

.font-default-ultralight {
    color: #6F6E70 !important;
    /*#c5cbcdb0 !important;*/
}

.font-default-soft {
    color: #cacaca !important;
}

.font-ocean {
    color: #2f6c9f !important;
}

.font-ocean-inverse {
    color: #5387b3 !important;
}

.font-ocean-light {
    color: #8aaac5 !important;
}

.font-cloud {
    color: #67B8FF !important;
}

.font-cloud-light {
    color: #dff6ff !important;
}

.font-river {
    color: #1A94FF !important;
}

.font-river-light {
    color: #5b9cd6 !important;
}

.font-dawn {
    color: #2e5c62 !important;
}

.font-rainy {
    color: #677bb9 !important;
}

.font-morning {
    color: #1784E3 !important;
}

.font-mint {
    color: #52cca9 !important;
}

.font-true-spring {
    color: #25c599 !important;
}

.font-white {
    color: #FFFFFF !important;
}

.font-white-transparency {
    color: #ffffff2e !important;
}

.font-default-light {
    color: #f4f4f4 !important;
}

.font-pink {
    color: #ff8181 !important;
}

.font-pink-light {
    color: rgba(241, 49, 118, 0.65) !important;
}

.font-pink-ultralight {
    color: #f9eaea !important;
}

.font-barbie {
    color: rgba(243, 25, 204, 0.71) !important;
}

.font-warning {
    color: #f0ad4e !important;
}

.font-orange {
    color: #ffa500 !important;
}

.font-sun {
    color: #cee22b !important;
}

.font-base {
    color: #1ea9a8 !important;
}

.font-base.hover:hover {
    color: #5bb9b8 !important;
}

.font-base-not-important {
    color: #1ea9a8;
}

.font-base-light {
    color: #56a8a8 !important;
}

.font-base-lighter {
    color: rgb(216, 249, 249) !important;
}

.font-blue-perfect {
    color: #41699c !important;
}

.font-rainy-light {
    color: #96A3CB !important;
}

.font-carmesi {
    color: #FF6963 !important;
}

.font-disabled {
    color: #d7dae0 !important;
    cursor: not-allowed;
}

.font-gum {
    color: #ff7e78b8 !important;
}

.font-gum-light {
    color: #ffbab6 !important;
}

.font-pistachio {
    color: #76bc38b8 !important;
}

.font-celestial {
    color: #3c91a78c !important;
}

.font-lucum {
    color: #f5bf64d4 !important;
}


/* ================== Font Active ================== */

.font-ocean-inverse-hover:hover {
    color: #5387b3 !important;
}

.font-ocean-hover:hover {
    color: #2f6c9f !important;
}

.font-default-hover:hover {
    color: #75797a !important;
}

.font-default-ultralight-hover:hover {
    color: #9fa4a5 !important;
}

.font-white-hover {
    color: #FFFF !important;
}

.font-white-hover:hover {
    color: #cbcbcb !important;
}

.c:hover {
    color: #1d7f7e !important;
}


/* ================== Text Styles ================== */

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

.font-medium {
    font-weight: 600 !important;
}

.font-thin {
    font-weight: 300 !important;
}

.font-strike {
    text-decoration: line-through;
}

.font-shadow {
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1.7);
}

.font-line-height-15 {
    line-height: 15px;
}

.font-line-height-33 {
    line-height: 33px;
}

.font-line-height-30-imp {
    line-height: 30px !important;
}


/* ================== Text Aligment ================== */

.font-right {
    text-align: right !important;
}

.font-left {
    text-align: left !important;
}

.font-upper {
    text-transform: uppercase !important;
}

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

.font-decoration-none {
    text-decoration: none !important;
}


/* =================== FontSize ====================== */

.font-size-2em {
    font-size: 2em !important;
}


/* ================== Background Colors ================== */

.bg-default {
    background-color: #9fa4a5 !important;
}

.bg-default-soft {
    background-color: #cacaca !important;
}

.bg-default-ultrasoft {
    background-color: #cdcdcd17 !important;
}

.bg-default-perfect-gray {
    background-color: #ebebeb !important;
}

.bg-base {
    background-color: #1ea9a8 !important;
}

.bg-base-dark {
    background-color: #1b8b8a !important;
}

.bg-base-pastel {
    background-color: rgba(30, 169, 168, 0.6) !important;
}

.bg-base.hover:hover {
    background-color: #5bb9b8 !important;
}

.bg-base.active {
    background-color: #5bb9b8 !important;
}

.bg-base-light {
    background-color: #61c5c5 !important;
}

.bg-base-lighter {
    background-color: rgb(216, 249, 249) !important;
}

.bg-ocean {
    background-color: #2f6c9f !important;
}

.bg-ocean-inverse {
    background-color: #7ca3c5 !important;
}

.bg-ocean-light {
    background-color: #5387b3 !important;
}

.bg-cloud {
    background-color: #67B8FF !important;
}

.bg-cloud2 {
    background-color: #aed9ff !important;
}

.bg-cloud3 {
    background-color: #afbfff !important;
}

.bg-rainy {
    background-color: #677bb9 !important;
}

.bg-rainy-light {
    background-color: #96A3CB !important;
}

.bg-carmesi {
    background-color: #FF6963 !important;
}

.bg-carmesi-pastel {
    background-color: rgba(255, 105, 99, 0.6) !important;
}

.bg-cloud-light {
    background-color: #dff6ff !important;
}

.bg-river {
    background-color: #1A94FF !important;
}

.bg-dawn {
    background-color: #2e5c62 !important;
}

.bg-morning {
    background-color: #1784E3 !important;
}

.bg-mint {
    background-color: #52cca9 !important;
}

.bg-mint-light {
    background-color: #f3fcf9 !important;
}

.bg-true-spring {
    background-color: #25c599 !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.bg-default-light {
    background-color: #f4f4f4 !important;
}

.bg-default-light-notimp {
    background-color: #f4f4f4;
}

.bg-default-lighter {
    background-color: #fdfdfd !important;
}

.bg-pink {
    background-color: #ff8181 !important;
}

.bg-pink-strong {
    background-color: #f75959;
}

.bg-pink-light {
    background-color: rgba(241, 49, 118, 0.65) !important;
}

.bg-pink-lighter {
    background-color: rgba(255, 129, 129, 0.68) !important;
}

.bg-pink-dark {
    background-color: #de7979 !important;
}

.bg-pink-ultralight {
    background-color: #f9eaea !important;
}

.bg-warning {
    background-color: #f0ad4e !important;
}

.bg-warning-pastel {
    background-color: rgba(240, 173, 78, 0.6) !important;
}

.bg-orange {
    background-color: #ffa500 !important;
}

.bg-sun {
    background-color: #b9cd2b;
}

.bg-black {
    background-color: #777777;
}

.bg-grass {
    background-color: #21b112;
}

.bg-image-none {
    background-image: none !important;
}


/* ================== Background Active Colors ================== */

.bg-active-ocean:hover {
    background-color: #7ca3c5 !important;
}

.bg-active-mint:hover {
    background-color: #90CCBB !important;
}

.bg-active-river:hover {
    background-color: #62B1F7 !important;
}

.bg-active-ocean.active {
    background-color: #7ca3c5 !important;
}

.bg-active-mint.active {
    background-color: #90CCBB !important;
}

.bg-active-river.active {
    background-color: #62B1F7 !important;
}

.bg-sun {
    background-color: #cee22b !important;
}

.bg-sun-light {
    background-color: #cee22c6e !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-river-light {
    background-color: #5b9cd6 !important;
}

.bg-pistachio {
    background-color: #76bc38b8 !important;
}

.bg-celestial {
    background-color: #3c91a78c !important;
}

.bg-gum {
    background-color: #ff7e78b8 !important;
}

.bg-gum-light {
    background-color: #ffbab6 !important;
}

.bg-lucum {
    background-color: #f5bf64d4 !important;
}

.bg-lucum-light {
    background-color: #feaa1fba !important;
}


/* ================== Background Hover Colors ================== */

.bg-hover-default:hover {
    color: white !important;
    background-color: #e3e4e4 !important;
}

.bg-hover-base:hover {
    color: white !important;
    background-color: #1ea9a8 !important;
}

.bg-hover-base-light:hover {
    color: white !important;
    background-color: rgba(30, 169, 168, 0.53) !important;
}

.bg-hover-ocean:hover {
    color: white !important;
    background-color: #2f6c9f !important;
}

.bg-hover-ocean-inverse:hover {
    color: white !important;
    background-color: #7ca3c5 !important;
}

.bg-hover-ocean-light:hover {
    color: white !important;
    background-color: #5387b3 !important;
}

.bg-hover-cloud:hover {
    color: white !important;
    background-color: #67B8FF !important;
}

.bg-hover-cloud-light:hover {
    color: #9fa4a5 !important;
    background-color: #dff6ff !important;
}

.bg-hover-river:hover {
    color: white !important;
    background-color: #1A94FF !important;
}

.bg-hover-dawn:hover {
    color: white !important;
    background-color: #2e5c62 !important;
}

.bg-hover-morning:hover {
    color: white !important;
    background-color: #1784E3 !important;
}

.bg-hover-mint:hover {
    color: white !important;
    background-color: #52cca9 !important;
}

.bg-hover-mint-light:hover {
    color: #9fa4a5 !important;
    background-color: #f3fcf9 !important;
}

.bg-hover-true-spring:hover {
    color: white !important;
    background-color: #25c599 !important;
}

.bg-hover-white:hover {
    color: #9fa4a5 !important;
    background-color: #FFFFFF !important;
}

.bg-hover-default-light:hover {
    color: #9fa4a5 !important;
    background-color: #f4f4f4 !important;
}

.bg-hover-default-light_not_imp:hover {
    color: #9fa4a5 !important;
    background-color: #f4f4f4;
}

.bg-hover-pink:hover {
    color: white !important;
    background-color: #ff8181 !important;
}

.bg-hover-pink-light:hover {
    color: white !important;
    background-color: rgba(241, 49, 118, 0.65) !important;
}

.bg-hover-pink-ultralight:hover {
    background-color: #ff818138 !important;
}

.bg-hover-warning:hover {
    color: white !important;
    background-color: #f0ad4e !important;
}

.bg-hover-lucum:hover {
    color: white !important;
    background-color: rgba(245, 191, 100, 0.97) !important;
}

.bg-hover-sun:hover {
    color: #75797a !important;
    background-color: #cee22b !important;
}

.bg-hover-sun-light:hover {
    color: #75797a !important;
    background-color: #cee22c6e !important;
}

.bg-hover-transparent:hover {
    color: #9fa4a5 !important;
    background-color: transparent !important;
}


/* =========== BACKGROUND COLORS ACTIVE CLASS ========= */

.bg-pink-light-active.active {
    color: white !important;
    background-color: rgba(255, 129, 129, 0.85) !important;
}

.bg-pink-active.active {
    color: white !important;
    background-color: #ff8181 !important;
}

.bg-lucum-light-active.active {
    color: white !important;
    background-color: rgba(245, 191, 100, 0.84) !important;
}

.bg-lucum-active.active {
    color: white !important;
    background-color: rgba(245, 191, 100, 0.97) !important;
}

.bg-cloud-light-active.active {
    color: white !important;
    background-color: rgba(103, 184, 255, 0.75) !important;
}

.bg-cloud-active.active {
    color: white !important;
    background-color: #67B8FF !important;
}


/* ================== Focus Colors ================== */

.bg-focus-default:focus {
    color: white !important;
    background-color: #9fa4a5 !important;
}

.bg-focus-base:focus {
    color: white !important;
    background-color: #1ea9a8 !important;
}

.bg-focus-base-light:focus {
    color: white !important;
    background-color: rgba(30, 169, 168, 0.53) !important;
}

.bg-focus-ocean:focus {
    color: white !important;
    background-color: #2f6c9f !important;
}

.bg-focus-ocean-inverse:focus {
    color: white !important;
    background-color: #7ca3c5 !important;
}

.bg-focus-ocean-light:focus {
    color: white !important;
    background-color: #5387b3 !important;
}

.bg-focus-cloud:focus {
    color: white !important;
    background-color: #67B8FF !important;
}

.bg-focus-cloud-light:focus {
    color: #9fa4a5 !important;
    background-color: #dff6ff !important;
}

.bg-focus-river:focus {
    color: white !important;
    background-color: #1A94FF !important;
}

.bg-focus-dawn:focus {
    color: white !important;
    background-color: #2e5c62 !important;
}

.bg-focus-morning:focus {
    color: white !important;
    background-color: #1784E3 !important;
}

.bg-focus-mint:focus {
    color: white !important;
    background-color: #52cca9 !important;
}

.bg-focus-mint-light:focus {
    color: #9fa4a5 !important;
    background-color: #f3fcf9 !important;
}

.bg-focus-true-spring:focus {
    color: white !important;
    background-color: #25c599 !important;
}

.bg-focus-white:focus {
    color: #9fa4a5 !important;
    background-color: #FFFFFF !important;
}

.bg-focus-default-light:focus {
    color: #9fa4a5 !important;
    background-color: #f4f4f4 !important;
}

.bg-focus-pink:focus {
    color: white !important;
    background-color: #ff8181 !important;
}

.bg-focus-pink-light:focus {
    color: white !important;
    background-color: rgba(241, 49, 118, 0.65) !important;
}

.bg-focus-warning :focus {
    color: white !important;
    background-color: #f0ad4e !important;
}

.bg-focus-sun:focus {
    color: #75797a !important;
    background-color: #cee22b !important;
}

.bg-focus-sun-light:focus {
    color: #75797a !important;
    background-color: #cee22c6e !important;
}

.bg-focus-transparent:focus {
    color: #9fa4a5 !important;
    background-color: transparent !important;
}


/* ================== Borders Colors ================== */

.border-default {
    border: 1px solid #9fa4a5 !important;
}

.border-ocean {
    border: 1px solid #2f6c9f !important;
}

.border-cloud {
    border: 1px solid #67B8FF !important;
}

.border-cloud-light {
    border: 1px solid #ace7ff !important;
}

.border-river {
    border: 1px solid #1A94FF !important;
}

.border-rainy {
    border: 1px solid #7387c6 !important;
}

.border-dawn {
    border: 1px solid #2e5c62 !important;
}

.border-morning {
    border: 1px solid #1784E3 !important;
}

.border-mint {
    border: 1px solid #52cca9 !important;
}

.border-white {
    border: 1px solid#FFFFFF !important;
}

.border-default-light {
    border: 1px solid #f4f4f4 !important;
}

.border-default-soft {
    border: 1px solid #cacaca !important;
}

.border-default-light-2 {
    border: 1px solid #d2d2d2 !important;
}

.border-default-3-light {
    border: 3px solid #f4f4f4 !important;
}

.border-pink {
    border: 1px solid #ff8181 !important;
}

.border-pink-light {
    border: 1px solid rgba(241, 49, 118, 0.65) !important;
}

.border-base {
    border: 1px solid #1ea9a8 !important;
}

.border-base-dashed-2px {
    border: 2px dashed rgba(30, 169, 168, 0.79) !important;
}

.border-base-light-dashed-2px {
    border: 2px dashed rgba(30, 169, 168, 0.56) !important;
}

.border-base-lighter-dashed-2px {
    border: 2px dashed rgba(30, 169, 168, 0.33) !important;
}

.border-pink-light {
    border: 1px solid rgba(241, 49, 118, 0.65) !important;
}

.border-carmesi-3 {
    border: 3px solid #FF6963 !important;
}

.border-sun-3 {
    border: 3px solid #cee22b !important;
}

.border-grass-3 {
    border: 3px solid #21b112 !important;
}

.border-river-3 {
    border: 3px solid #1A94FF !important;
}

.border-orange-3 {
    border: 3px solid #ffa500 !important;
}

.border-base {
    border: 1px solid #1ea9a8 !important;
}

.border-true-spring {
    border: 1px solid #25c599 !important;
}

.border-pistachio {
    border: 1px solid #76bc38b8 !important;
}

.border-celestial {
    border: 1px solid #3c91a78c !important;
}

.border-gum {
    border: 1px solid #ff7e78b8 !important;
}

.border-gum-2 {
    border: 2px solid #ff7e78b8 !important;
}

.border-gum-5 {
    border: 5px solid #ff7e78b8 !important;
}

.border-gum-light {
    border: 1px solid #ffbab6 !important;
}

.border-lucum {
    border: 1px solid #f5bf64d4 !important;
}

.border-lucum-5 {
    border: 5px solid #f5bf64d4 !important;
}

.border-lucum-light {
    border: 1px solid #feaa1fba !important;
}

.border-lucum-light-2 {
    border: 2px solid #feaa1fba !important;
}

.border-warning-1 {
    border: 1px solid #f0ad4e !important;
}

.border-top-white {
    border-top: 1px solid #FFFFFF !important;
}

.border-top-ocean {
    border-top: 1px solid #2f6c9f !important;
}

.border-top-blue-perfect {
    border-top: 1px solid #41699c !important;
}

.border-top-mint {
    border-top: 1px solid #52cca9 !important;
}

.border-top-river {
    border-top: 1px solid #1A94FF !important;
}

.border-top-2-ocean {
    border-top: 2px solid #2f6c9f !important;
}

.border-top-2-mint {
    border-top: 2px solid #52cca9 !important;
}

.border-top-2-river {
    border-top: 2px solid #1A94FF !important;
}

.border-top-2-base {
    border-top: 2px solid #1ea9a8 !important;
}

.border-top-2-dawn {
    border-top: 2px solid #2e5c62 !important;
}

.border-top-7-dawn {
    border-top: 7px solid #2e5c62 !important;
}

.border-top-7-base {
    border-top: 7px solid #1ea9a8 !important;
}

.border-top-7-pistacho {
    border-top: 7px solid #76bc38b8 !important;
}

.border-top-1-divider {
    border-top: 1px solid #d7ddde !important;
}

.border-bottom-2-ocean {
    border-bottom: 2px solid #2f6c9f !important;
}

.border-top-2-pink {
    border-top: 2px solid #ff8181 !important;
}

.border-top-7-pink {
    border-top: 7px solid #ff8181 !important;
}

.border-top-7-pink-light {
    border-top: 7px solid rgba(241, 49, 118, 0.65) !important;
}

.border-bottom-2-pink {
    border-bottom: 2px solid #ff8181 !important;
}

.border-bottom-2-mint {
    border-bottom: 2px solid #52cca9 !important;
}

.border-bottom-2-river {
    border-bottom: 2px solid #1A94FF !important;
}

.border-bottom-2-base {
    border-bottom: 2px solid #1ea9a8 !important;
}

.border-top-2-rainy {
    border-top: 2px solid #677bb9 !important;
}

.border-top-7-rainy {
    border-top: 7px solid #677bb9 !important;
}

.border-top-perfect-gray {
    border-top: 1px solid #e2e7e8 !important;
}

.border-bottom-default {
    border-bottom: 1px solid #9fa4a5 !important;
}

.border-bottom-perfect-gray {
    border-bottom: 1px solid #e2e7e8 !important;
}

.border-top-7-default {
    border-top: 7px solid #9fa4a5 !important;
}

.border-bottom-3-default {
    border-bottom: 3px solid #9fa4a5 !important;
}

.border-bottom-ocean {
    border-bottom: 1px solid #2f6c9f !important;
}

.border-bottom-cloud {
    border-bottom: 1px solid #67B8FF !important;
}

.border-cloud-5 {
    border: 5px solid #67B8FF !important;
}

.border-bottom-river {
    border-bottom: 1px solid #1A94FF !important;
}

.border-bottom-dawn {
    border-bottom: 1px solid #2e5c62 !important;
}

.border-bottom-2-dawn {
    border-bottom: 2px solid #2e5c62 !important;
}

.border-bottom-morning {
    border-bottom: 1px solid #1784E3 !important;
}

.border-bottom-mint {
    border-bottom: 1px solid #52cca9 !important;
}

.border-bottom-base {
    border-bottom: 1px solid #1ea9a8 !important;
}

.border-bottom-rainy {
    border-bottom: 1px solid #677bb9 !important;
}

.border-bottom-3-mint {
    border-bottom: 3px solid #52cca9 !important;
}

.border-bottom-white {
    border-bottom: 1px solid #FFFFFF !important;
}

.border-bottom-15-white {
    border-bottom: 15px solid #FFFFFF !important;
}

.border-bottom-default-light {
    border-bottom: 1px solid #f4f4f4 !important;
}

.border-bottom-3-default-light {
    border-bottom: 3px solid #f4f4f4 !important;
}

.border-bottom-pink {
    border-bottom: 1px solid #ff8181 !important;
}

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

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

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

.border-bottom-1-divider {
    border-bottom: 1px solid #d7ddde !important;
}

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

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

.border-right-20-mint {
    border-right: 20px solid #52cca9 !important;
}

.border-right-20-ocean {
    border-right: 20px solid #2f6c9f !important;
}

.border-right-20-rainy {
    border-right: 20px solid #677bb9 !important;
}

.border-right-20-dawn {
    border-right: 20px solid #2e5c62 !important;
}

.border-right-1-ocean {
    border-right: 1px solid #2f6c9f !important;
}

.border-right-20-cloud {
    border-right: 20px solid #67B8FF !important;
}

.border-right-1-default {
    border-right: 1px solid #9fa4a5 !important;
}

.border-right-1-divider {
    border-right: 1px solid #d7ddde !important;
}

.border-right-1-white {
    border-right: 1px solid #FFFFFF !important;
}

.border-right-1-base-light {
    border-right: 1px solid #61c5c5 !important;
}

.border-right-2-base-light {
    border-right: 2px solid #61c5c5 !important;
}

.border-bottom-true-spring {
    border-bottom: 1px solid #25c599 !important;
}

.border-right-20-river {
    border-right: 20px solid #1A94FF !important;
}

.border-left-transparent {
    border-left: 1px solid transparent;
}

.border-left-30 {
    border-left: 30px solid;
}

.border-left-1-divider {
    border-left: 1px solid #d7ddde !important;
}

.border-left-dawn {
    border-left-color: #2e5c62 !important;
}

.border-left-morning {
    border-left-color: #1784E3 !important;
}

.border-left-mint {
    border-left-color: #52cca9 !important;
}

.border-left-pink {
    border-left-color: #ff8181 !important;
}

.border-left-7-pink {
    border-left: 7px solid #ff8181 !important;
}

.border-left-ocean {
    border-left-color: #2f6c9f !important;
}

.border-left-1-ocean {
    border-left: 1px solid #2f6c9f !important;
}

.border-left-7-ocean {
    border-left: 7px solid #2f6c9f !important;
}

.border-left-cloud {
    border-left-color: #67B8FF !important;
}

.border-left-spring {
    border-left-color: #25c599 !important;
}

.border-left-river {
    border-left-color: #1A94FF !important;
}

.border-left-dawn {
    border-left-color: #2e5c62 !important;
}

.border-left-7-dawn {
    border-left: 7px solid #2e5c62 !important;
}

.border-left-morning {
    border-left-color: #1784E3 !important;
}

.border-left-default {
    border-left-color: #9fa4a5 !important;
}

.border-left-7-default {
    border-left: 7px solid #9fa4a5 !important;
}

.border-left-grass {
    border-left-color: #21b112 !important;
}

.border-left-sun {
    border-left-color: #b9cd2b !important;
}

.border-left-orange {
    border-left-color: #ffa500 !important;
}

.border-left-carmesi {
    border-left-color: #FF6963 !important;
}

.border-left-1-base-light {
    border-left: 1px solid #61c5c5 !important;
}

.border-left-2-base-light {
    border-left: 2px solid #61c5c5 !important;
}

.border-left-7-base {
    border-left: 7px solid #1a9191 !important;
}

.border-left-8-base {
    border-left: 8px solid #1ea9a8 !important;
}

.border-right-8-base {
    border-right: 8px solid #1ea9a8 !important;
}

.border-left-8-pink {
    border-left: 8px solid #ff8181 !important;
}

.border-left-7-rainy {
    border-left: 7px solid #677bb9 !important;
}

.border-right-8-pink {
    border-right: 8px solid #ff8181 !important;
}

.border-right-8-pistachio {
    border-right: 8px solid #76bc38b8 !important;
}

.border-right-8-celestial {
    border-right: 8px solid #3c91a78c !important;
}

.border-right-8-gum {
    border-right: 8px solid #ff7e78b8 !important;
}

.border-right-8-gum-light {
    border-right: 8px solid #ffbab6 !important;
}

.border-right-8-lucum {
    border-right: 8px solid #f5bf64d4 !important;
}

.border-right-8-lucum-light {
    border-right: 8px solid #feaa1fba !important;
}

.border-right-8-default {
    border-right: 8px solid #9fa4a5 !important;
}

.border-right-8-default-soft {
    border-right: 8px solid #cacaca !important;
}

.border-right-8-base-light-4 {
    border-right: 8px solid #1ea9a8 !important;
    border-top: 3px solid #1ea9a8 !important;
    border-left: 3px solid #1ea9a8 !important;
    border-bottom: 3px solid #1ea9a8 !important;
}


/* ================== Borders Radius ================== */

.radius-3 {
    border-radius: 3px;
}

.radius-5 {
    border-radius: 5px;
}

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

.radius-top-15 {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.radius-only-top-5 {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.radius-left-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.radius-right-top-5 {
    border-top-right-radius: 5px !important;
}

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

.radius-top-5 {
    border-radius: 5px 5px 0px 0px;
}

.radius-bottom-5 {
    border-radius: 0px 0px 5px 5px;
}

.radius-only-bottom-15 {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.radius-only-bottom-5 {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.radius-bottom-30 {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.radius-30 {
    border-radius: 30px !important;
}

.radius-20 {
    border-radius: 20px;
}

.radius-10 {
    border-radius: 10px;
}

.radius-left-30 {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.radius-right-30 {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.radius-right-10 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.radius-right-bottom-30 {
    border-bottom-right-radius: 30px;
}

.radius-left-bottom-0 {
    border-bottom-left-radius: 0 !important;
}

.radius-right-bottom-0 {
    border-bottom-right-radius: 0 !important;
}

.radius-left-top-15 {
    border-top-left-radius: 15px !important;
}

.radius-right-top-15 {
    border-top-right-radius: 15px !important;
}

.radius-left-top-5 {
    border-top-left-radius: 5px !important;
}

.radius-right-top-5 {
    border-top-right-radius: 5px !important;
}


/* ================== Font Sizes ================== */

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

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

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

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

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

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

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

.size-2em {
    font-size: 2em !important;
}

.size-08em {
    font-size: 0.8em !important;
}

.size-08em {
    font-size: 0.8em !important;
}

.size-1em {
    font-size: 1em !important;
}

.size-1-1em {
    font-size: 1.1em !important;
}

.size-1-1em {
    font-size: 1.1em !important;
}

.size-2rem {
    font-size: 2rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.size-7 {
    font-size: 10px !important;
}


/* ================== Heights ================== */

.height-100 {
    height: 100% !important;
}

.height-20 {
    height: 20% !important;
}

.height-17-px {
    height: 17px !important;
}

.height-20-px {
    height: 20px !important;
}

.height-25-px {
    height: 25px !important;
}

.height-26-px {
    height: 26px !important;
}

.height-28-px {
    height: 28px !important;
}

.height-30-px {
    height: 30px !important;
}

.height-31-px {
    height: 31px !important;
}

.height-34-px {
    height: 34px !important;
}

.height-43-px {
    height: 43px !important;
}

.height-40-px {
    height: 40px !important;
}

.height-50-px {
    height: 50px !important;
}

.height-60-px {
    height: 60px !important;
}

.height-70-px {
    height: 70px !important;
}

.height-100-px {
    height: 100px !important;
}

.height-160-px {
    height: 160px !important;
}

.height-180-px {
    height: 180px !important;
}

.height-90-px {
    height: 90px !important;
}

.height-120-px {
    height: 120px !important;
}

.height-140-px {
    height: 140px !important;
}

.height-195-px {
    height: 195px !important;
}

.height-280-px {
    height: 280px !important;
}

.height-200-px {
    height: 200px !important;
}

.height-130-px {
    height: 130px !important;
}

.height-300-px {
    height: 300px !important;
}

.height-360-px {
    height: 360px !important;
}

.height-440-px {
    height: 440px !important;
}

.height-max-content {
    height: max-content !important;
}

.height-input {
    height: 40px;
}

.height-0 {
    height: 0% !important;
}

.heigth-vh-19 {
    height: 19vh !important;
}

.heigth-vh-22 {
    height: 22vh !important;
}

.heigth-vh-23 {
    height: 23vh !important;
}

.heigth-vh-24 {
    height: 24vh !important;
}

.heigth-vh-27 {
    height: 27vh !important;
}

.heigth-vh-38 {
    height: 38vh !important;
}

.heigth-vh-40 {
    height: 40vh !important;
}

.heigth-vh-42 {
    height: 42vh !important;
}

.heigth-vh-32 {
    height: 32vh !important;
}

.heigth-vh-55 {
    height: 55vh !important;
}

.heigth-vh-60 {
    height: 60vh !important;
}

.heigth-vh-62 {
    height: 62vh !important;
}

.heigth-vh-65 {
    height: 65vh !important;
}

.heigth-vh-67 {
    height: 67vh !important;
}

.heigth-vh-72 {
    height: 72vh !important;
}

.heigth-vh-80 {
    height: 80vh !important;
}

.heigth-vh-82 {
    height: 82vh !important;
}

.heigth-vh-85 {
    height: 85vh !important;
}

.heigth-vh-100 {
    height: 100vh !important;
}

.max-heigth-vh-100 {
    max-height: 100vh !important;
}

.max-heigth-vh-94 {
    max-height: 94vh !important;
}

.min-height-33-px {
    min-height: 33px !important;
}

.min-height-35-px {
    min-height: 35px !important;
}

.min-height-215-px {
    min-height: 215px !important;
}

.min-height-174-px {
    min-height: 174px !important;
}

.min-height-150-px {
    min-height: 150px !important;
}

.height-vh-15 {
    height: 15vh !important;
}

.height-vh-24 {
    height: 24vh !important;
}

.height-vh-38 {
    height: 38vh !important;
}

.height-vh-42 {
    height: 42vh !important;
}

.height-vh-100 {
    height: 100vh !important;
}

.min-height-vh-60 {
    min-height: 60vh !important;
}

.min-height-vh-55 {
    min-height: 55vh !important;
}

.min-height-vh-93 {
    min-height: 93vh !important;
}

.min-height-vh-94 {
    min-height: 94vh !important;
}

.min-height-vh-90 {
    min-height: 90vh !important;
}

.min-height-vh-100 {
    min-height: 100vh !important;
}

.max-height-30px {
    max-height: 30px !important;
}

.height-calc-162px {
    height: calc(100vh - 162px) !important;
}

.height-calc-344px {
    height: calc(100vh - 344px) !important;
}

.height-calc-291px {
    height: calc(100vh - 291px) !important;
}

.height-calc-292px {
    height: calc(100vh - 292px) !important;
}

.height-calc-272px {
    height: calc(100vh - 272px) !important;
}

.height-calc-380px {
    height: calc(100vh - 380px) !important;
}

.height-calc-342px {
    height: calc(100vh - 342px) !important;
}

.height-calc-72vh-50px {
    height: calc(72vh - 50px) !important;
}

.height-calc-72vh-58px {
    height: calc(72vh - 58px) !important;
}

.min-height-calc-100hv-178px {
    min-height: calc(100vh - 178px) !important;
}

.height-calc-416px {
    height: calc(100vh - 416px) !important;
}

.height-calc-72hv-145px {
    height: calc(72vh - 145px) !important;
}

.height-calc-72hv-120px {
    height: calc(72vh - 120px) !important;
}

.height-calc-72hv-196px {
    height: calc(72vh - 196px) !important;
}

.height-calc-50hv-120px {
    height: calc(50vh - 120px) !important;
}

.height-calc-65hv-20px {
    height: calc(65vh - 20px) !important;
}

.height-calc-65hv-12px {
    height: calc(65vh - 12px) !important;
}

.height-calc-82hv-120px {
    height: calc(82vh - 120px) !important;
}

.height-calc-82hv-196px {
    height: calc(82vh - 196px) !important;
}

.height-calc-100hv-8em {
    height: calc(100vh - 8em) !important;
}

.height-2em {
    height: 2em;
}

.height-19em {
    height: 19em;
}


/* ================== Widths ================== */

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

.width-90 {
    width: 90% !important;
}

.width-95 {
    width: 95% !important;
}

.width-97 {
    width: 97% !important;
}

.width-99 {
    width: 99% !important;
}

.width-75 {
    width: 75%;
}

.width-76 {
    width: 76%;
}

.width-78 {
    width: 78%;
}

.width-80 {
    width: 80%;
}

.width-83 {
    width: 83%;
}

.width-85 {
    width: 85%;
}

.width-30 {
    width: 30%;
}

.width-55 {
    width: 55%;
}

.width-60 {
    width: 60%;
}

.width-10 {
    width: 10%;
}

.width-11 {
    width: 11%;
}

.width-6 {
    width: 6%;
}

.width-13 {
    width: 13%;
}

.width-14 {
    width: 14%;
}

.width-15 {
    width: 15%;
}

.width-19 {
    width: 19%;
}

.width-20 {
    width: 20%;
}

.width-23 {
    width: 23%;
}

.width-24 {
    width: 24%;
}

.width-25 {
    width: 25%;
}

.width-31 {
    width: 31%;
}

.width-32 {
    width: 32%;
}

.width-6 {
    width: 6%;
}

.width-40 {
    width: 40%;
}

.width-47 {
    width: 47%;
}

.width-49 {
    width: 49%;
}

.width-63 {
    width: 63%;
}

.width-76 {
    width: 76%;
}

.width-300-px {
    width: 300px !important;
}

.width-245-px {
    width: 245px !important;
}

.width-135-px {
    width: 135px;
}

.width-150-px {
    width: 150px;
}

.width-75-px {
    width: 75px !important;
}

.width-80-px {
    width: 80px !important;
}

.width-90-px {
    width: 90px !important;
}

.width-100-px {
    width: 100px !important;
}

.width-105-px {
    width: 105px !important;
}

.width-120-px {
    width: 120px !important;
}

.width-125-px {
    width: 125px !important;
}

.width-135-px {
    width: 135px !important;
}

.width-170-px {
    width: 170px !important;
}

.width-175-px {
    width: 175px !important;
}

.width-185-px {
    width: 185px !important;
}

.width-250-px {
    width: 200px !important;
}

.width-15-px {
    width: 15px !important;
}

.width-50-px {
    width: 50px !important;
}

.width-40-px {
    width: 40px;
}

.width-55-px {
    width: 55px;
}

.width-32-px {
    width: 32px !important;
}

.width-34-px {
    width: 34px !important;
}

.width-26-px {
    width: 26px !important;
}

.width-28-px {
    width: 28px !important;
}

.min-width-30 {
    min-width: 30px !important;
}

.min-width-105 {
    min-width: 105px !important;
}

.min-width-140 {
    min-width: 140px !important;
}

.min-width-195 {
    min-width: 195px !important;
}

.width-400-px {
    width: 400px !important;
}

.width-500-px {
    width: 500px !important;
}

.width-700-px {
    width: 700px !important;
}

.no-min-width {
    min-width: 0 !important;
}

.width-max-content {
    width: max-content !important;
}

.width-min-content {
    width: min-content !important;
}


/* ================== Margins ================== */

.mgn-5 {
    margin: 5px !important;
}

.mgn-10 {
    margin: 10px;
}

.mgn-15 {
    margin: 15px !important;
}

.mgn-top-0 {
    margin-top: 0px !important;
}

.mgn-top-2 {
    margin-top: 2px;
}

.mgn-top-3 {
    margin-top: 3px;
}

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

.mgn-top-6 {
    margin-top: 6px;
}

.mgn-top-neg-5 {
    margin-top: -5px !important;
}

.mgn-top-neg-11 {
    margin-top: -11px !important;
}

.mgn-top-7 {
    margin-top: 7px;
}

.mgn-top-9 {
    margin-top: 9px;
}

.mgn-top-10 {
    margin-top: 10px;
}

.mgn-top-13 {
    margin-top: 13px;
}

.mgn-top-15 {
    margin-top: 15px;
}

.mgn-top-20 {
    margin-top: 20px;
}

.mgn-top-23 {
    margin-top: 23px;
}

.mgn-top-25 {
    margin-top: 25px;
}

.mgn-top-27 {
    margin-top: 27px;
}

.mgn-top-30 {
    margin-top: 30px;
}

.mgn-top-33 {
    margin-top: 33px;
}

.mgn-top-35 {
    margin-top: 35px;
}

.mgn-top-37 {
    margin-top: 37px;
}

.mgn-top-40 {
    margin-top: 40px;
}

.mgn-top-45 {
    margin-top: 45px;
}

.mgn-top-50 {
    margin-top: 50px;
}

.mgn-top-60 {
    margin-top: 60px;
}

.mgn-top-80 {
    margin-top: 80px;
}

.mgn-bottom-0 {
    margin-bottom: 0px !important;
}

.mgn-bottom-2 {
    margin-bottom: 2px;
}

.mgn-bottom-5 {
    margin-bottom: 5px !important;
}

.mgn-bottom-8 {
    margin-bottom: 8px;
}

.mgn-top-40 {
    margin-top: 40px;
}

.mgn-top-50 {
    margin-top: 50px;
}

.mgn-top-60 {
    margin-top: 60px;
}

.mgn-top-80 {
    margin-top: 80px;
}

.mgn-bottom-0 {
    margin-bottom: 0px !important;
}

.mgn-bottom-2 {
    margin-bottom: 2px;
}

.mgn-bottom-5 {
    margin-bottom: 5px !important;
}

.mgn-bottom-8 {
    margin-bottom: 8px;
}

.mgn-bottom-10 {
    margin-bottom: 10px !important;
}

.mgn-bottom-12 {
    margin-bottom: 12px !important;
}

.mgn-bottom-15 {
    margin-bottom: 15px;
}

.mgn-bottom-20 {
    margin-bottom: 20px;
}

.mgn-bottom-30 {
    margin-bottom: 30px !important;
}

.mgn-bottom-40 {
    margin-bottom: 40px !important;
}

.mgn-bottom-60 {
    margin-bottom: 60px !important;
}

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

.mgn-left-5 {
    margin-left: 5px !important;
}

.mgn-left-6 {
    margin-left: 6px !important;
}

.mgn-left-10 {
    margin-left: 10px !important;
}

.mgn-left-neg-10 {
    margin-left: -10px !important;
}

.mgn-left-12 {
    margin-left: 12px !important;
}

.mgn-left-15 {
    margin-left: 15px !important;
}

.mgn-left-17 {
    margin-left: 17px !important;
}

.mgn-left-20 {
    margin-left: 20px !important;
}

.mgn-left-25 {
    margin-left: 25px;
}

.mgn-left-30 {
    margin-left: 30px !important;
}

.mgn-left-35 {
    margin-left: 35px;
}

.mgn-left-40 {
    margin-left: 45px;
}

.mgn-left-85 {
    margin-left: 85px;
}

.mgn-left-neg-6 {
    margin-left: -6px !important;
}

.mgn-left-250 {
    margin-left: 250px;
}

.mgn-right-10 {
    margin-right: 10px;
}

.mgn-right-neg-5 {
    margin-right: -5px !important;
}

.mgn-right-neg-10 {
    margin-right: -10px !important;
}

.mgn-right-15 {
    margin-right: 15px;
}

.mgn-right-20 {
    margin-right: 20px;
}

.mgn-right-25 {
    margin-right: 25px;
}

.mgn-right-33 {
    margin-right: 35px;
}

.mgn-right-35 {
    margin-right: 35px;
}

.mgn-right-5 {
    margin-right: 5px;
}

.mgn-hor-25 {
    margin-right: 25px;
    margin-left: 25px;
}

.mgn-hor-20 {
    margin-right: 20px;
    margin-left: 20px;
}

.mgn-hor-15 {
    margin-right: 15px;
    margin-left: 15px;
}

.mgn-hor-30 {
    margin-right: 30px;
    margin-left: 30px;
}

.mgn-hor-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.mgn-hor-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.mgn-hor-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.mgn-hor-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.mgn-ver-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mgn-ver-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mgn-ver-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mgn-ver-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}


/* ================== Paddings ================== */

.pdgn-bottom-0 {
    padding-bottom: 0 !important;
}

.pdgn-bottom-5 {
    padding-bottom: 5px;
}

.pdgn-bottom-8 {
    padding-bottom: 8px;
}

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

.pdgn-bottom-15 {
    padding-bottom: 15px !important;
}

.pdgn-bottom-15 {
    padding-bottom: 15px;
}

.pdgn-bottom-15-imp {
    padding-bottom: 15px !important;
}

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

.pdgn-bottom-30 {
    padding-bottom: 30px !important;
}

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

.pdgn-top-1 {
    padding-top: 1px !important;
}

.pdgn-top-2 {
    padding-top: 2px !important;
}

.pdgn-top-3 {
    padding-top: 3px;
}

.pdgn-top-5 {
    padding-top: 5px;
}

.pdgn-top-7 {
    padding-top: 7px;
}

.pdgn-top-8 {
    padding-top: 8px;
}

.pdgn-top-10 {
    padding-top: 10px !important;
}

.pdgn-top-15 {
    padding-top: 15px !important;
}

.pdgn-top-20 {
    padding-top: 20px !important;
}

.pdgn-top-25 {
    padding-top: 25px !important;
}

.pdgn-top-23 {
    padding-top: 23px !important;
}

.pdgn-top-30 {
    padding-top: 30px !important;
}

.pdgn-top-34 {
    padding-top: 34px !important;
}

.pdgn-top-40 {
    padding-top: 40px !important;
}

.pdgn-top-60 {
    padding-top: 60px !important;
}

.pdgn-top-20vh {
    padding-top: 20vh !important;
}

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

.pdgn-right-20 {
    padding-right: 20px !important;
}

.pdgn-right-25 {
    padding-right: 25px !important;
}

.pdgn-right-70 {
    padding-right: 70px !important;
}

.pdgn-right-5 {
    padding-right: 5px !important;
}

.pdgn-right-0 {
    padding-right: 0 !important;
}

.pdgn-right-30 {
    padding-right: 30px !important;
}

.pdgn-left-0 {
    padding-left: 0px !important;
}

.pdgn-left-5 {
    padding-left: 5px !important;
}

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

.pdgn-left-15 {
    padding-left: 15px !important;
}

.pdgn-left-30 {
    padding-left: 30px !important;
}

.pdgn-left-35 {
    padding-left: 35px !important;
}

.pdgn-left-10-per {
    padding-left: 10% !important;
}

.pdgn-4 {
    padding: 4px !important;
}

.pdgn-5 {
    padding: 5px !important;
}

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

.pdgn-left-11 {
    padding-left: 11px !important;
}

.pdgn-left-24 {
    padding-left: 25px !important;
}

.pdgn-left-25 {
    padding-left: 25px !important;
}

.pdgn-left-30 {
    padding-left: 30px !important;
}

.pdgn-left-35 {
    padding-left: 35px !important;
}

.pdgn-left-10-per {
    padding-left: 10% !important;
}

.pdgn-2 {
    padding: 2px !important;
}

.pdgn-3 {
    padding: 3px !important;
}

.pdgn-5 {
    padding: 5px;
}

.pdgn-7 {
    padding: 7px;
}

.pdgn-4 {
    padding: 4px !important;
}

.pdgn-5 {
    padding: 5px !important;
}

.pdgn-8 {
    padding: 8px !important;
}

.pdgn-20 {
    padding: 20px;
}

.pdgn-24 {
    padding: 24px;
}

.pdgn-25 {
    padding: 25px !important;
}

.pdgn-29 {
    padding: 29px;
}

.pdgn-30 {
    padding: 30px;
}

.pdgn-10 {
    padding: 10px !important;
}

.pdgn-13 {
    padding: 13px !important;
}

.pdgn-14 {
    padding: 14px;
}

.pdgn-15 {
    padding: 15px;
}

.pdgn-hor-1 {
    padding-right: 1px;
    padding-left: 1px;
}

.pdgn-hor-2 {
    padding-right: 2px;
    padding-left: 2px;
}

.pdgn-hor-6 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.pdgn-hor-7 {
    padding-right: 7px;
    padding-left: 7px;
}

.pdgn-hor-8 {
    padding-right: 8px;
    padding-left: 8px;
}

.pdgn-hor-10 {
    padding-right: 10px;
    padding-left: 10px;
}

.pdgn-hor-11 {
    padding-right: 11px;
    padding-left: 11px;
}

.pdgn-hor-13 {
    padding-right: 13px;
    padding-left: 13px;
}

.pdgn-hor-15 {
    padding-right: 15px;
    padding-left: 15px;
}

.pdgn-hor-20 {
    padding-right: 20px;
    padding-left: 20px;
}

.pdgn-hor-30 {
    padding-right: 30px;
    padding-left: 30px;
}

.pdgn-hor-45 {
    padding-right: 45px;
    padding-left: 45px;
}

.pdgn-hor-50 {
    padding-right: 50px;
    padding-left: 50px;
}

.pdgn-hor-53 {
    padding-right: 53px;
    padding-left: 53px;
}

.pdgn-ver-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.pdgn-ver-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.pdgn-ver-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.pdgn-ver-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.pdgn-ver-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.pdgn-ver-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pdgn-ver-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.pdgn-ver-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pdgn-ver-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.pdgn-ver-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pdgn-ver-13 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pdgn-ver-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pdgn-ver-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


/* ================= SHADOWS ===================== */


/*Shadow main: presente en cards, barra de navegación lateral*/

.shadow-main {
    -webkit-box-shadow: 5px 5px 14px 0px rgba(50, 50, 50, 0.28);
    -moz-box-shadow: 5px 5px 14px 0px rgba(50, 50, 50, 0.28);
    box-shadow: 5px 5px 14px 0px rgba(50, 50, 50, 0.28);
}

.shadow-main-light {
    -webkit-box-shadow: 4px 4px 15px -4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 4px 4px 15px -4px rgba(0, 0, 0, 0.30);
    box-shadow: 4px 4px 15px -4px rgba(0, 0, 0, 0.30)
}

.inner-shadow-main {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.inner-shadow-light-top {
    -webkit-box-shadow: inset 0 11px 20px -10px rgba(87, 87, 87, 0.62);
    -moz-box-shadow: inset 0 11px 20px -10px rgba(87, 87, 87, 0.62);
    box-shadow: inset 0 11px 20px -10px rgba(87, 87, 87, 0.62);
}

.inner-shadow-light-top-2 {
    -webkit-box-shadow: inset 0 7px 20px -10px rgba(171, 171, 171, 0.62);
    -moz-box-shadow: inset 0 7px 20px -10px rgba(171, 171, 171, 0.62);
    box-shadow: inset 0 7px 20px -10px rgba(171, 171, 171, 0.62);
}

.shadow-card-light-main {
    -webkit-box-shadow: 3px 3px 20px -6px rgba(131, 131, 131, 0.62) !important;
    -moz-box-shadow: 3px 3px 20px -6px rgba(131, 131, 131, 0.62) !important;
    box-shadow: 3px 3px 20px -6px rgba(131, 131, 131, 0.62) !important;
}

.no-shadow-imp {
    -webkit-box-shadow: initial !important;
    -moz-box-shadow: initial !important;
    box-shadow: initial !important;
}

.shadow-main-soft {
    -webkit-box-shadow: 1px 4px 5px 0px rgba(237, 237, 237, 1);
    -moz-box-shadow: 1px 4px 5px 0px rgba(237, 237, 237, 1);
    box-shadow: 1px 4px 5px 0px rgba(237, 237, 237, 1);
}


/* ================= BOX SHADOWS ====================== */

.boxshad-river {
    box-shadow: 1px 1px 7px #1879d7;
}

.boxshad-ocean {
    box-shadow: 1px 1px 7px #2c6696;
}

.boxshad-true-spring {
    box-shadow: 1px 1px 7px #21b089;
}

.boxshad-dawn {
    box-shadow: 1px 1px 7px #31696f;
}

.boxshad-rainy {
    box-shadow: 1px 1px 7px #5468a0;
}

.boxshad-default {
    box-shadow: 1px 1px 7px #929798;
}


/*============== Cursor =================*/

.cursor-grab {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.cursor-grabbing {
    cursor: move !important;
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
}

.cursor-initial {
    cursor: initial !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.pointer-none {
    pointer-events: none !important;
    text-decoration: none !important;
    cursor: default !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}


/*====================  Display  ========================== */

.display-inline {
    display: inline;
}

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

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

.display-flex {
    display: -webkit-flex !important;
    /* Safari */
    -webkit-flex-direction: row-reverse !important;
    /* Safari 6.1+ */
    display: flex !important;
    flex-direction: row !important;
}

.display-flex-reverse {
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;
}

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

.display-table {
    display: table;
}

.display-cell {
    display: table-cell;
}


/*---------------- Positions ------------------------*/

.pos-absolute {
    position: absolute !important;
}

.pos-sticky {
    position: sticky !important;
}

.pos-relative {
    position: relative !important;
}

.pos-vertical-text-bottom {
    vertical-align: text-bottom;
}

.pos-fixed {
    position: fixed !important;
}


/*---------------- rights ------------------------*/

.right-0 {
    right: 0px !important;
}

.right-3 {
    right: 3px !important;
}

.right-8 {
    right: 8px !important;
}

.right-15 {
    right: 15px !important;
}

.right-10-neg {
    right: -10px !important;
}

.right-15-neg {
    right: -15px !important;
}

.right-40-neg {
    right: -40px !important;
}

.right-10 {
    right: 10px !important;
}

.right-20 {
    right: 20px;
}

.right-22 {
    right: 22px !important;
}

.right-25 {
    right: 25px;
}

.right-30 {
    right: 30px;
}

.right-35 {
    right: 35px;
}

.right-40 {
    right: 40px;
}

.right-50 {
    right: 50px;
}

.right-8per {
    right: 8%;
}

.right-5per {
    right: 5%;
}

.right-5-px {
    right: 5px;
}


/*---------------- Lefts ------------------------*/

.left-0 {
    left: 0px;
}

.left-2 {
    left: 2px;
}

.left-7 {
    left: 7px !important;
}

.left-10 {
    left: 10px !important;
}

.left-15 {
    left: 15px;
}

.left-20 {
    left: 20px;
}

.left-30 {
    left: 30px;
}

.left-20per {
    left: 20%;
}

.left-50per {
    left: 50%;
}

.left-neg-10per {
    left: -10%;
}

.left-neg-50per {
    left: -50%;
}

.left-60 {
    left: 60px;
}

.left-4-neg {
    left: -4px !important;
}

.left-10-neg {
    left: -10px !important;
}


/*---------------- Tops ------------------------*/

.top-8-neg {
    top: -8px;
}

.top-3-neg {
    top: -5px;
}

.top-5-neg {
    top: -5px;
}

.top-8-neg {
    top: -8px !important;
}

.top-10-neg {
    top: -10px !important;
}

.top-15-neg {
    top: -15px;
}

.top-22-neg {
    top: -22px;
}

.top-20 {
    top: 20px;
}

.top-50 {
    top: 50px;
}

.top-35-percent {
    top: 35%;
}

.top-40per {
    top: 40%;
}

.top-50per {
    top: 50%;
}

.top-24 {
    top: 24px;
}

.top-27 {
    top: 27px;
}

.top-12 {
    top: 12px;
}

.top-13 {
    top: 13px;
}

.top-0 {
    top: 0px;
}

.top-2 {
    top: 2px;
}

.top-3 {
    top: 3px;
}

.top-4 {
    top: 4px;
}

.top-5 {
    top: 5px;
}

.top-20per {
    top: 20%;
}

.top-25per {
    top: 25%;
}

.top-42per {
    top: 42%;
}

.top-15 {
    top: 15px;
}

.top-75px {
    top: 75px;
}

.top-292px {
    top: 292px;
}

.top-120px {
    top: 120px;
}


/*---------------- Bottoms ------------------------*/

.bottom-0 {
    bottom: 0px;
}

.bottom-2 {
    bottom: 2px;
}

.bottom-5 {
    bottom: 5px !important;
}

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

.bottom-15 {
    bottom: 15px !important;
}

.bottom-neg-15 {
    bottom: -15px !important;
}

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

.bottom-30 {
    bottom: 30px !important;
}

.translate-x-neg-12per {
    transform: translateX(-12%);
}

.translate-x-neg-25 {
    transform: translateX(-25px);
}

.translate-x-neg-20 {
    transform: translateX(-20px);
}

.translate-xy-neg-50per {
    transform: translate(-50%, -50%);
}

.translate-x-neg-55per {
    transform: translateX(-55%) !important;
}

.btn-orange {
    background-color: #ffa500;
    color: #ffffff;
    border-color: #df8505;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    color: #ffffff;
    border-color: #df8505;
    background-color: #e48800;
    outline: none !important;
}

.btn-base {
    color: #fff;
    border-color: #1ea9a8;
    background-color: #1ea9a8;
}

.btn-base:hover,
.btn-base:focus,
.btn-base:active,
.btn-base.active {
    background-color: #1b8b8a;
    border-color: #1b8b8a;
    color: #ffffff;
    outline: none !important;
}

.btn-base-light {
    color: #fff;
    border-color: #61c5c5;
    background-color: #61c5c5;
}

.btn-base-light:hover,
.btn-base-light:focus,
.btn-base-light:active,
.btn-base-light.active {
    background-color: #3eadad !important;
    border-color: #3eadad !important;
    color: #ffffff;
    outline: none !important;
}

.btn-base-inverse {
    color: #fff;
    border-color: #1b8b8a;
    background-color: #1b8b8a;
}

.btn-base-inverse:hover,
.btn-base-inverse:focus,
.btn-base-inverse:active,
.btn-base-inverse.active {
    background-color: #1ea9a8;
    border-color: #1ea9a8;
    color: #ffffff;
    outline: none !important;
}

.btn-base-white {
    color: #1b8b8a;
    border-color: #166564;
    background-color: #fff;
}

.btn-base-white:hover,
.btn-base-white:focus,
.btn-base-white:active,
.btn-base-white.active {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #1ea9a8;
    outline: none !important;
}

.btn-base-white-inverse {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #1ea9a8;
}

.btn-base-white-inverse:hover,
.btn-base-white-inverse:focus,
.btn-base-white-inverse:active,
.btn-base-white-inverse.active {
    color: #1ea9a8;
    border-color: #ffffff;
    background-color: #ffffff;
    outline: none !important;
}

.btn-secondary {
    color: #888;
    border-color: #888;
    background-color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
    color: #ee6795;
    border-color: #ee6795;
    outline: none !important;
}

.btn-circle {
    border-radius: 30px;
}

.btn-pink-white {
    color: #ff8181;
    border-color: #ff8181;
    background-color: #fff;
}

.btn-pink-white:hover,
.btn-pink-white:focus,
.btn-pink-white:active,
.btn-pink-white.active {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #ff8181;
    outline: none !important;
}

.blue-border-table thead>tr>th,
.blue-border-table tbody>tr>th,
.blue-border-table tfoot>tr>th,
.blue-border-table thead>tr>td,
.blue-border-table tbody>tr>td,
.blue-border-table tfoot>tr>td,
.blue-border-table tbody+tbody {
    border-color: rgba(65, 105, 156, 0.6);
}

.hoverZoom:hover td:not(.notHoverZoom) {
    font-size: 18px !important;
}

.scrollbar_main::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 30px;
}

.scrollbar_main::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
    border-radius: 30px;
}

.scrollbar_default::-webkit-scrollbar-thumb {
    background-color: #a5afaf !important;
    border-radius: 30px;
}

.scrollbar_default {
    overflow-y: auto;
    padding: 2px;
    overflow-x: hidden;
}

.row-web {
    background-color: #00738c;
    color: white;
}

.row-web td {
    background-color: #00738c !important;
    color: white !important;
}

.list-diagnosticos .title-li {
    background-color: #6193bd;
    color: white;
    box-shadow: 0px 1px 4.6px 0.1px black;
    margin-bottom: 8px;
    font-size: 15px;
}

.list-diagnosticos .subtitle-li,
.list-diagnosticos .subtitle-li:focus {
    background-color: #6193bd;
    color: white;
    box-shadow: 0px 1px 4.6px 0.1px black;
    margin-bottom: 8px;
    font-size: 15px;
}

.radio-check-label {
    height: 48px !important;
    padding-top: 15px !important;
}


/*  TYPE SKY */

.type-sky input,
.type-sky select {
    height: 48px !important;
    border: none !important;
    box-shadow: none !important;
    background-color: #f2f2f2 !important;
    border-radius: 4px;
}

.type-sky .input-group-addon {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: white;
    text-align: center;
    background-color: #0bacd3;
    border: 1px solid #0bacd3;
    border-radius: 4px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.type-sky textarea {
    border: none;
    box-shadow: none;
    background-color: #f2f2f2;
}

.type-sky input:focus,
.type-sky textarea:focus {
    background-color: #71bdf4 !important;
    color: white;
    box-shadow: none !important;
    border-color: #71bdf4;
}

.type-sky .form-control:focus::-moz-placeholder {
    color: white;
}

.type-sky .form-control:focus:-ms-input-placeholder {
    color: white;
}

.type-sky .form-control:focus::-webkit-input-placeholder {
    color: white;
}

.type-sky .chosen-container {
    width: 100% !important;
}

.type-sky .chosen-container-single .chosen-single {
    padding: 13px 0 0 8px !important;
    height: 50px !important;
    border: 1px solid #71bdf4 !important;
    border-radius: 4px !important;
    background: #f2f2f2;
}

.type-sky .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 16px;
    height: 100%;
}

.type-sky .chosen-container-single .chosen-single div b {
    margin-top: 13px !important;
}

.type-sky .chosen-container .chosen-results li.highlighted {
    background-image: none !important;
    background-color: #0bacd3;
}

.type-sky .chosen-container-single .chosen-search {
    color: #0bacd3;
}

.type-sky .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    min-height: 50px !important;
    border: 1px solid #91e1f5;
    border-radius: 4px;
    background-color: #fff;
    background-image: none !important;
    cursor: text;
}

.type-sky .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 5px 20px 5px 5px;
    max-width: 100%;
    border-radius: 3px;
    background-color: #29b6d8;
    background-image: none !important;
    color: #fff;
    line-height: 13px;
    cursor: default;
    border-color: #29b6d8;
}

.type-sky .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 6px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../plugins/chosen-sprite-sky.png) -42px 1px no-repeat;
    font-size: 1px;
}

.type-sky .radio-check-label {
    background-color: white;
    color: #29b6d8;
    border-color: #29b6d8 !important;
}

.type-sky .radio-check-label:hover {
    background-color: #29b6d8;
    color: white;
}

.type-sky .radio-check-label.active {
    background-color: #29b6d8 !important;
    color: white;
}

.type-shiny .radio-check-label {
    background-color: white;
    color: #e9eb6a;
    border-color: #e9eb6a !important;
}

.type-shiny .radio-check-label:hover {
    background-color: #e9eb6a;
    color: white;
}

.type-shiny .radio-check-label.active {
    background-color: #e9eb6a !important;
    color: white;
}

.modal-body-container {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #EEEEEE;
    padding: 1rem;
    height: 100%;
    border-radius: 6px;
}

.float-right {
    float: right;
}

.scrollbar_main_aqua::-webkit-scrollbar-track {
    background-color: #1ea9a8 !important;
    border-radius: 30px;
}

.scrollbar_main_aqua::-webkit-scrollbar {
    width: 10px;
    background-color: #1ea9a8 !important;
    border-radius: 30px;
}

.tooltip {
    z-index: 9999 !important;
}

#main_logo {
    width: 78px;
    border-radius: 5px;
    margin-left: 2px;
}

/* Chrome, Safari, Edge, Opera */
.phone-input[type=number]::-webkit-outer-spin-button,
.phone-input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.phone-input[type=number] {
    -moz-appearance: textfield;
}