/* Minification failed. Returning unminified contents.
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,45): run-time error CSS1039: Token not allowed after unary operator: '-cram-sssdark'
(67,70): run-time error CSS1039: Token not allowed after unary operator: '-cram-sdark'
(67,93): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(80,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(84,17): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(115,45): run-time error CSS1039: Token not allowed after unary operator: '-cram-sssdark'
(115,70): run-time error CSS1039: Token not allowed after unary operator: '-cram-sdark'
(115,93): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(127,22): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(218,36): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(230,34): run-time error CSS1046: Expect comma, found '0'
(230,38): run-time error CSS1046: Expect comma, found '/'
(230,65): run-time error CSS1046: Expect comma, found '0'
(230,69): run-time error CSS1046: Expect comma, found '/'
(254,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-sdark'
(297,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(301,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(306,17): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(315,24): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(323,29): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(327,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-light'
(331,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-slight'
(335,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-sslight'
(339,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-ssslight'
(343,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-spent'
(347,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(351,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-sdark'
(355,45): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(355,62): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(359,45): run-time error CSS1039: Token not allowed after unary operator: '-cram-ssdark'
(359,69): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(367,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-sdark'
(369,34): run-time error CSS1039: Token not allowed after unary operator: '-cram-ssdark'
(375,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s'
(379,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-light'
(383,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-slight'
(387,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-sslight'
(391,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-ssslight'
(395,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-spent'
(399,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-dark'
(403,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-sdark'
(407,45): run-time error CSS1039: Token not allowed after unary operator: '-cram-s'
(407,64): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-dark'
(411,45): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-ssdark'
(411,71): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-dark'
(419,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-ssdark'
(421,34): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-sssdark'
(427,30): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(431,30): run-time error CSS1039: Token not allowed after unary operator: '-cram-light'
(435,30): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(439,30): run-time error CSS1039: Token not allowed after unary operator: '-cram-sdark'
(443,30): run-time error CSS1039: Token not allowed after unary operator: '-cram-s'
(447,30): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-light'
(451,30): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-dark'
(455,30): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-sdark'
(459,17): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(462,34): run-time error CSS1039: Token not allowed after unary operator: '-cram-ssdark'
(466,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-light'
(470,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(474,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-sdark'
(479,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-ssdark'
(483,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-s'
(487,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-light'
(491,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-dark'
(495,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-sdark'
(500,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-s-ssdark'
(509,28): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(514,28): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(518,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s'
(523,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s'
(531,34): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(590,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(629,22): run-time error CSS1039: Token not allowed after unary operator: '-cram-sslight'
(635,22): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(641,22): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(651,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s'
(656,32): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(661,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(671,24): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(675,24): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(681,28): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(685,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(691,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(704,17): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(708,17): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(712,28): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(717,28): run-time error CSS1039: Token not allowed after unary operator: '-cram'
(718,24): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(723,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-sdark'
(724,24): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(728,17): run-time error CSS1039: Token not allowed after unary operator: '-cram-dark'
(760,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-s'
(765,28): run-time error CSS1039: Token not allowed after unary operator: '-cram-light'
(766,24): run-time error CSS1039: Token not allowed after unary operator: '-cram'
 */
@font-face {
    font-family: 'asesorme';
    src: url('/fonts/asesorme.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'asesorme';
    src: url('/fonts/asesorme-Bold.otf') format('opentype');
    font-weight: bold;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
}

:root {
    --cram: #00838f;
    --cram-light: #04b4c4;
    --cram-spent: #6b8787;
    --cram-dark: #045960;
    --cram-slight: #b9e4e8;
    --cram-sdark: #033438;
    --cram-ssdark: #032427;
    --cram-sssdark: #021617;
    --cram-sslight: #d4eef1;
    --cram-ssslight: #e7f3f5;
    --cram-s: #262829;
    --cram-s-light: #252727;
    --cram-s-spent: #848787;
    --cram-s-dark: #010101;
    --cram-s-slight: #eeb7b4;
    --cram-s-sdark: #000000;
    --cram-s-ssdark: #000000;
    --cram-s-sssdark: #000000;
    --cram-s-sslight: #B7B7B7;
    --cram-s-ssslight: #DDDDDD;
}

body {
    padding-bottom: 20px;
    font-family: asesorme;
    font-size: 16px !important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    overflow-x: hidden;
    width: 100vw;
    min-width: 100vw;
    /*
        background-image: url("../Resources/cramID/logo_ASESORME_icono_trans.svg");
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    */
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}

footer {
    margin-top: auto;
    bottom: 0;
    margin-bottom: 0;
    background: linear-gradient(90deg, var(--cram-sssdark) 15%, var(--cram-sdark) 50%, var(--cram-dark) 100%);
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.title {
    font-weight: bolder;
    color: var(--cram-dark)!important;
}

.subtitle{
    color: var(--cram);
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-toggler:hover,
.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler:hover,
.navbar-toggler:active {
    border-color: white !important;
}

.navbar {
    padding-left: 5vw;
    padding-right: 5vw;
    background: linear-gradient(90deg, var(--cram-sssdark) 15%, var(--cram-sdark) 50%, var(--cram-dark) 100%);
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 90px 0 0 0; /* Height of navbar */
    background: var(--cram);
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    width: 20%;
    z-index: 600;
    justify-content: left;
    transition: all ease-in-out !important;
}

#navTopBar {
    max-height: 90px;
    padding-top:2px;
    padding-bottom:2px;
}

#navTopBar img {
    max-height: 70px;
    margin: 0;
}


@media (max-width: 767.98px) {
    .sidebar {
        width: 75%!important;
    }
    #navTopBar{
        max-height:90px;
    }
    #navTopBar img {
        max-height: 70px;
    }

    #indexImageDiv {
        background-position: center;
        background-size: cover;
    }

    .indexTitle {
        font-size: 40px !important;
        line-height: 0.8!important;
        font-weight: bold;
    }
}

@media (max-width: 1130px) {
    .sidebar {
        width: 50%;
    }
    #navTopBar {
        max-height: 70px;
    }

    #navTopBar img {
        max-height: 50px;
        margin: 0;
    }

    #indexImageDiv {
        background-position: center;
        background-size: cover;
    }

    .indexTitle {
        font-size: 75px;
        line-height: 0.8;
        font-weight: bold;
    }
}

.indexTitle {
    font-size: 75px;
    font-weight: bold;
    line-height:0.8;
    text-align:center!important;
}

#indexImageDiv {
    background-image: url("../Resources/cramID/ASESORME_1920px.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment:fixed;

    width: 100vw;
    height: 85vh;
    max-height: 85vh;
    display: flex;
    justify-content: center;
    align-items: center;

    border-bottom: 10px solid var(--cram);
    overflow: hidden;
}

.sidebar .nav-item {
    padding-left: 30px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
}


.sidebar .active {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    font-weight: bold;

}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.nav-item:not(.disabled) {
    cursor: pointer !important;
}

.nav-item:hover {
    color: white !important;
}


#notifyList {
    background-color: var(--cram-sdark);
    -webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.75);
}



.i-texto-r {
    margin-right: 8px;
}

.i-texto-l {
    margin-left: 8px;
}

.right-0 {
    right: 30px;
}

.left-0 {
    left: 10px;
}

p{
    text-align:justify;
}

.wide{
    max-width: 100%;
}

.form-group{
    padding-top:5px;
    padding-bottom: 5px;
}

.height-100{
    height:100%;
}

a.disabled:not(.btn) {
    pointer-events: none !important;
    color: var(--bs-secondary) !important;
}

a {
    color: var(--cram-dark);
    cursor: pointer;
}

a:hover{
    color: var(--cram);
}

#panelDiv > .card-header{
    cursor:pointer;
}


.border-cram-color {
    border-color: var(--cram)!important;
}

.border-r{
    border-right:0.5px solid;
}

.bg-cram{
    background-color : var(--cram)!important;
}

.bg-cram-light {
    background-color: var(--cram-light)!important;
}

.bg-cram-slight {
    background-color: var(--cram-slight);
}

.bg-cram-sslight {
    background-color: var(--cram-sslight);
}

.bg-cram-ssslight {
    background-color: var(--cram-ssslight);
}

.bg-cram-spent {
    background-color: var(--cram-spent);
}

.bg-cram-dark {
    background-color: var(--cram-dark);
}

.bg-cram-sdark {
    background-color: var(--cram-sdark);
}

.bg-cram-gdark {
    background: linear-gradient(90deg, var(--cram) 50%, var(--cram-dark) 100%);
}

.bg-cram-gsdark {
    background: linear-gradient(90deg, var(--cram-ssdark) 10%, var(--cram-dark) 100%);
}

.bg-cram-trans {
    background-color: #b9e4e899;
}

.bg-cram-trans:hover {
    background-color: var(--cram-sdark);
    color: white;
    box-shadow: 2px 2px 4px var(--cram-ssdark);
    transition: transform ease 0.5s;
    transform: scale(1.1);
}

.bg-cram-s {
    background-color: var(--cram-s) !important;
}

.bg-cram-s-light {
    background-color: var(--cram-s-light) !important;
}

.bg-cram-s-slight {
    background-color: var(--cram-s-slight);
}

.bg-cram-s-sslight {
    background-color: var(--cram-s-sslight);
}

.bg-cram-s-ssslight {
    background-color: var(--cram-s-ssslight);
}

.bg-cram-s-spent {
    background-color: var(--cram-s-spent);
}

.bg-cram-s-dark {
    background-color: var(--cram-s-dark);
}

.bg-cram-s-sdark {
    background-color: var(--cram-s-sdark);
}

.bg-cram-s-gdark {
    background: linear-gradient(90deg, var(--cram-s) 50%, var(--cram-s-dark) 100%);
}

.bg-cram-s-gsdark {
    background: linear-gradient(90deg, var(--cram-s-ssdark) 10%, var(--cram-s-dark) 100%);
}

.bg-cram-s-trans {
    background-color: #f8eae9a3;
}

.bg-cram-s-trans:hover {
    background-color: var(--cram-s-ssdark);
    color: white;
    box-shadow: 2px 2px 4px var(--cram-s-sssdark);
    transition: transform ease 0.5s;
    transform: scale(1.1);
}

.border-cram {
    border: 0.5px solid var(--cram);
}

.border-cram-light {
    border: 0.5px solid var(--cram-light);
}

.border-cram-dark {
    border: 0.5px solid var(--cram-dark);
}

.border-cram-sdark {
    border: 0.5px solid var(--cram-sdark);
}

.border-cram-s {
    border: 0.5px solid var(--cram-s);
}

.border-cram-s-light {
    border: 0.5px solid var(--cram-s-light);
}

.border-cram-s-dark {
    border: 0.5px solid var(--cram-s-dark);
}

.border-cram-s-sdark {
    border: 0.5px solid var(--cram-s-sdark);
}

.text-cram {
    color: var(--cram);
}
.shadow-cram {
   text-shadow: 0px 0px 3px var(--cram-ssdark)!important;
}

.text-cram-light {
    color: var(--cram-light);
}

.text-cram-dark {
    color: var(--cram-dark);
}

.text-cram-sdark {
    color: var(--cram-sdark);
    }


.text-cram-ssdark {
    color: var(--cram-ssdark);
}

.text-cram-s {
    color: var(--cram-s);
}

.text-cram-s-light {
    color: var(--cram-s-light);
}

.text-cram-s-dark {
    color: var(--cram-s-dark);
}

.text-cram-s-sdark {
    color: var(--cram-s-sdark);
    }


.text-cram-s-ssdark {
    color: var(--cram-s-ssdark);
}

.text-justify{
    text-align:justify!important;
}

.btn-cram-nh {
    color: white !important;
    background-color: var(--cram) !important;
}

.btn-cram {
    color: white !important;
    background-color: var(--cram) !important;
}

.btn-cram:hover {
    background-color: var(--cram-s)!important;
}

.btn-cram-s {
    color: white !important;
    background-color: var(--cram-s) !important;
}

.btn-cram-s:hover {
    transform: scale(1.1);
}

.btn-shadow {
    box-shadow: 2px 2px 4px var(--cram-dark);
}

.cram-grow:hover {
    transition: transform ease 0.5s;
    transform: scale(1.1);
}

.btn-icon {
    padding: 5px;
    width:45px;
    font-size: 20px;
    height:45px;
    border: 2px solid white!important;
}


.btn-icon-sm {
    padding: 2px;
    width: 30px;
    font-size: 12px;
    height: 30px;
    border: 2px solid white!important;
}


.limit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.xlimit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xslimit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}


.modal-content{
    border-radius: 10px!important;
}

.modal-title{
    background-color: var(--cram-dark);
    color: white;
    padding: 10px;
    text-align: center;
}



button:disabled {
    background-color: gray!important;
}

.rounded-top-s {
    -moz-border-radius-topleft: 4px;
    border-start-start-radius: 4px;
}

.rounded-top-e {
    -moz-border-radius-topright: 4px;
    border-start-end-radius: 4px;
}

.rounded-bottom-s {
    -moz-border-radius-bottomleft: 4px;
    border-end-start-radius: 4px;
}

.rounded-bottom-e {
    -moz-border-radius-bottomright: 4px;
    border-end-end-radius: 4px;
}

/* width */
::-webkit-scrollbar {
    width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--cram-sslight);
    border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--cram);
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--cram-dark);
}

/*Datatables*/

.buttons-columnVisibility:not(.active){
    background-color: gray!important;
}

.buttons-colvisRestore{
    background-color: var(--cram-s)!important;
}

/*Creación de nuevo tipo de estilo para jquery-confirm*/
.jconfirm .jconfirm-box.jconfirm-type-cram {
    border-top: solid 7px var(--cram) !important;
    -webkit-animation-name: type-cram !important;
    animation-name: type-cram !important;
}
.jconfirm .jconfirm-box.jconfirm-type-cram .jconfirm-title-c{
    color: var(--cram-dark)!important;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c {
    color: #e74c3c !important;
}


@-webkit-keyframes type-cram {
    1%,100% {
    border-color: var(--cram)
    }

    50% {
    border-color: var(--cram-dark)
    }
}

@keyframes type-cram {
    1%,100% {
        border-color: var(--cram)
    }

    50% {
        border-color: var(--cram-dark)
    }
}

.fc-daygrid-day-number {
    text-decoration: none !important;
    color: var(--cram-dark)!important;
}

.fc-col-header-cell-cushion{
    text-decoration: none!important;
    color: #FFFFFF!important;
}

.fc-scrollgrid-section{
    background-color: #fff;
}

.fc-timegrid-slot-label-cushion{
    color: var(--cram)!important;
}

.fc-timegrid-axis-cushion {
    color: var(--cram)!important;
}

.fc-col-header-cell {
    background-color: var(--cram) !important;
}

.fc-button {
    margin-top: 1px !important;
    background-color: var(--cram)!important;
    border-color: var(--cram-dark)!important;
    font-size: smaller !important;
}

.fc-button:disabled {
    background-color: var(--cram-sdark) !important;
    border-color: var(--cram-dark) !important;
}

.fc-toolbar-title{
    color: var(--cram-dark)!important;
    text-align: center;
}

.fc-toolbar-chunk{
    justify-items:center!important;
}


@media (max-width: 767.98px) {
    .fc-toolbar-title {
        font-size:18px!important;
    }

    .fc-button{
        padding:1px!important;
        text-overflow:ellipsis!important;
    }


    .fc-button-group {
        width: 100%;
        margin: 0!important;
    }
}

.fc-daygrid-event-harness a{
    text-decoration:none;
    color:black!important;
}

.bs-popover-auto .popover-header {
    background-color: var(--cram-s) !important;
    color: white !important;
}

.fc-pendiente {
    background-color: var(--cram-light)!important;
    border-color: var(--cram)!important;
}

.fc-aceptado {
    background-color: #48b640 !important;
    border-color: green!important;
}

.fc-rechazado {
    background-color: tomato!important;
    border-color: darkred!important;
}

.fc-completado {
    background-color: #48b640 !important;
    border-color: green !important;
}

.fc-caducado {
    background-color: tomato !important;
    border-color: darkred !important;
}

.fc-cancelado {
    background-color: gray!important;
    border-color: dimgray!important;
}

.ck-body-wrapper {
    position: fixed;
    z-index: 5000;
}