/* CSS Document */
body {
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    line-height: 20px;
}

::-webkit-input-placeholder {
    color: #c1c1c1
}

::-moz-input-placeholder {
    color: #c1c1c1
}

:-ms-input-placeholde {
    color: #c1c1c1
}

::placeholder {
    color: #c1c1c1
}

.turnid p {
    margin-bottom: 0;
}

.turnid .two.columns {
    margin-left: 0;
}

.turnid {
    background: #eee;
    padding: 10px 20px;
}

.paginazione {
    text-align: center;
    margin: 20px 0;
}

.paginazione .paginazione-pagina {
    color: #383e42;
    border: 1px solid #383e42;
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.paginazione .paginazione-pagina:hover {
    color: #666;
    border-color: #666
}

.paginazione .paginazione-corrente {
    border: 1px solid #595959;
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
}

.voce_menu.active {
    background: #2490d8 !important;
}

.menu ul li a.voce_menu.active {
    background: #2490d8 !important;
}

table {
    font-size: 15px;
    line-height: 20px;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 10px;
}

h3 {
    font-size: 3.0rem;
    line-height: 20px;
    letter-spacing: -.1rem;
}

h4 {
    font-size: 2.4rem;
    line-height: 20px;
    letter-spacing: -.08rem;
}

a {
    text-decoration: none;

}

a:hover {
    text-decoration: none;
}

.mb-0 {
    margin-bottom: 0;
}

.titolotabella {
    padding: 10px;
    text-transform: uppercase;
    margin-bottom: 15px;
    background: #ddd;
}

.orario_dipendente .row {
    margin-bottom: 7px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 7px;
}

.dippreferito {
    background: #d6eeff;
}

.rigatabella2 {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 1px #ddd;
    padding: 5px;
}

.rigatabella {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 1px #ddd;
}

.rigatabella~div {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 1px #ddd;
}

ul.menu a {
    cursor: pointer
}

.aligncenter {
    text-align: center
}

.alignright {
    text-align: right
}

.alignleft {
    text-align: left
}

.spazio {
    margin-bottom: 20px;
}

.verde {
    color: #6bce69;
}

.rosso {
    color: #c60f0f;
}

.colorluce {
    background-color: #a6c !important;
    border-color: #a6c !important;
}

.colorgas {
    background-color: #4285f4 !important;
    border-color: #4285f4 !important;
}

.arancio {
    background-color: #eaa119 !important;
    border-color: #eaa119 !important;
}

.no-margin {
    margin: 0;
}

.disabilitato {
    background: #DDD;
    color: #666
}

.chiudi-icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    z-index: 5;
    display: block;
    width: 60px;
    height: 25px;
    background: #C00;
    text-align: center;
    line-height: 25px;
    cursor: pointer
}

.chiudi-icon::before {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 1.5em;
}

#reset,
#logout,
#delete {
    display: none;
}

.hidden {
    display: none !important
}

.accordition {
    display: none;
    padding-top: 20px;
}

#loading {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

header {
    background: #eee;
    color: #333;
    padding: 0px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    height: 64px;
}

#riducimenu {
    font-size: 24px;
    padding: 20px;
    cursor: pointer;
    color: #2490d8;
}

#riducimenu:hover {
    background: #ddd;
}

#logo {
    width: max-content;
    padding: 15px 7px;
}

#logo img {
    max-width: 150px;
    height: auto;
}

.titolo-pagina {
    font-size: 1.8em;
    line-height: 50px;
    font-weight: 300;
}

.titolo-utente {
    font-size: 1.1em;
    font-weight: bold;
}

.sottotitolo-utente {
    padding-left: 15px;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    line-height: 13px;
}

.logout {
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
}

#navbar i {
    font-size: 18px;
}

.logout a {
    color: #2490d8;
    font-weight: bold;
}

#navbar h5 {
    margin-bottom: 5px;
}

#navbar {
    color: #fff;
    background: #333;
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0;
    width: 200px;
    z-index: 2;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 0px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 0px 2px 0px rgba(50, 50, 50, 0.75);

}

#n-inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 97px;
    left: 0;
    overflow-y: auto;
}

#info-barra {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

.footer-barra {
    font-size: 12px;
    padding: 10px;
    border-top: 1px solid #666;
    color: #FFF;
    background: #222;
}

#n-inside a.esami {
    color: #006cf7;
}

th,
td {
    padding: 2px 15px;
}

a.esami.active,
#n-inside a.esami:hover {
    color: #00449c !important;
}

#n-inside a.singlelevel.provelivello {
    color: #fd7900 !important;
}

#n-inside a.singlelevel.provelivello:hover {
    color: #cc6200 !important;
}

#navbar .menu ul .voce_menu i {
    display: none
}

#navbar.ridotto .menu ul .voce_menu i {
    display: block;
}

#navbar.ridotto {
    width: 50px;
}

#navbar.ridotto .menu {
    padding: 0;
}

#navbar.ridotto .menu .voce_menu {
    display: block;
    font-size: 18px;
    padding: 6px;
    text-align: center;
    border-radius: 0px;
    margin: 3px 0;
}

#content.ridotto {
    left: 45px;
}

.twocolumns .two.columns {
    width: 8.333333%;
    margin-left: 1%;
}

.twocolumns .four.columns {
    margin-left: 1%;
}

.twocolumns input {
    width: 100%
}

.menu li {
    margin-bottom: 0;
    font-weight: bold;
}

.menu>li {
    border-bottom: solid 1px #222;
}

.menu {
    list-style-type: none;
    letter-spacing: 0.5px;
    padding: 5px;
}

.menu .multilevel:before {
    font-family: FontAwesome;
    content: "\f1b3";
    display: inline-block;
    padding-right: 10px;
}

.menu .singlelevel:before {
    font-family: FontAwesome;
    content: "\f1b2";
    display: inline-block;
    padding-right: 10px;
}

.menu .voce_menu {
    display: block;
    font-size: 13px;
    padding: 4px 8px;
    color: #fff;
    border-radius: 5px;
    margin: 3px 0;
}

.menu .voce_menu:hover {
    background: #222;
}

.menu ul .voce_menu {
    display: block;
    font-size: 14px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
}

.menu li ul {
    list-style-type: none;
    margin: 0;
}

.menu li ul li {
    margin-bottom: 0
}

#content {
    color: #222;
    position: absolute;
    background: #FFF;
    top: 70px;
    bottom: 0;
    right: 0;
    left: 190px;
    z-index: 1;
}

#content-dipendente {
    color: #222;
    background: #FFF;
    top: 70px;
    bottom: 0;
    right: 0;
    left: 190px;
    z-index: 1;
}

#c-inside {
    padding: 20px;
}

.link-azioni a {
    font-size: 12px;
    color: #666;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.link-azioni a:hover {
    text-decoration: underline
}

.separatore {
    height: 1px;
    margin: 20px 0;
    background: #666;
}

.miniatura {
    width: 150px;
    max-height: 150px;
    overflow: hidden;
    border: 1px solid #EFEFEF;
    margin-bottom: 10px;
}

.miniatura img {
    max-width: 100%;
    height: auto;
}

.hide {
    display: none
}

.checker {
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
    color: #FFF;
    background: #ff6b6b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* The container */
.containercb {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 26px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: solid 2px;
    border-color: #ccc;
}

/* On mouse-over, add a grey background color */
.containercb:hover input~.checkmark {
    background-color: #ccc;
    /*background-color: #40ce71;*/
}

/* When the checkbox is checked, add a blue background */
.containercb input:checked~.checkmark {
    /*background-color: #2196F3;*/
    background-color: #40ce71;
}

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

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

/* Style the checkmark/indicator */
.containercb .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



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

li.select2-selection__choice,
li.select2-search.select2-search--inline,
input.select2-search__field {
    margin-bottom: 0
}

.sottoform {
    padding: 30px;
    background: #DDD;
    margin-bottom: 20px;
    display: none
}

.sottoform form {
    margin: 0;
}

.titolo-campi {
    font-size: 1.1em;
    border-left: 4px solid #818285;
    padding: 5px 0;
    padding-left: 10px;
    background: #DDD;
}

#ricerca {
    display: none;
    padding-top: 20px
}

.tab-switcher span {
    display: inline-block;
    padding: 8px 15px;
    text-transform: uppercase;
    font-size: 0.7em;
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.tab-switcher span.tab-active,
.tab-switcher span:hover {
    background: #666;
    color: #FFF
}

.tabs {
    margin-bottom: 20px;
}

.tabs form {
    margin: 0
}

.tab {
    display: none;
    padding: 20px;
    border: 1px solid #999;
}

.tab-open {
    display: block
}

.filtri-ricerca {
    background: #EFEFEF;
    padding: 10px;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.filtri-ricerca ul {
    margin-bottom: 0
}

.passaggio {
    background: url(passaggio.jpg) right center no-repeat;
    background-size: cover;
    padding: 10px;
    min-height: 200px;
}

.passaggio-finale {
    background: url(passaggio-finale.jpg) right center no-repeat;
    background-size: cover;
    padding: 10px;
    min-height: 200px;
}

.sola-lettura {
    color: #777;
}

.separa-colonne {
    background: url(separa-colonne.png) center center no-repeat;
    /*background-size:cover;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

.pannello-info h5 {
    font-size: 1.3em;
    border-left: 5px solid;
    padding-left: 10px;
}

.contatto {
    padding: 10px;
    background: #F9F9F9;
    margin-bottom: 5px;
    font-size: 0.9em;
}

.contatto h6 {
    margin-bottom: 5px;
    font-size: 1.1em
}

.contatto .button {
    margin-bottom: 5px;
}

.contatto .nome-ref {
    text-transform: uppercase;
    font-size: 1em;
    padding-top: 5px;
}

.contatto .tipologia-ref {
    text-transform: uppercase;
    font-size: 0.8em;
    padding-bottom: 5px;
}

.contatto-commerciale {
    background: #c9dae1;
    padding: 10px 10px 1px 10px;
    margin-bottom: 20px;
}

.utente-richiesta {
    padding: 5px 10px;
    background: #ddcf9b;
    border-bottom: 1px solid #a89c74;
    margin-bottom: 10px;
    position: relative
}

.docente-template {
    padding: 10px;
    border: 1px solid #999;
    margin-bottom: 10px;
    position: relative;
}

.informazioni {
    font-size: 0.8em;
}

.documenti-richiesti {
    font-size: 0.8em;
    color: #333;
    font-weight: bold;
    text-transform: uppercase
}

.documenti-richiesti .doc-ok {
    color: #090;
}

.documenti-richiesti .doc-ok::before {
    font-family: FontAwesome;
    content: "\f058";
    display: inline-block;
    padding: 0 5px 0 10px;
}

.documenti-richiesti .doc-ko {
    color: #C00;
}

.documenti-richiesti .doc-ko::before {
    font-family: FontAwesome;
    content: "\f057";
    display: inline-block;
    padding: 0 5px 0 10px;
}

.modulistica {
    padding: 10px;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF
}

.modulistica .row {
    padding: 5px;
    border-bottom: 1px solid #E6EEEE;
}

.modulistica .row:last-child {
    border-bottom: none
}

.modulistica .row:hover {
    background: #E6EEEE
}

.modulistica .row:first-child:hover {
    background: none
}

.campo-verbale {
    display: inline-block;
    padding: 5px;
    width: 110px;
    margin: 5px;
}

.campo-verbale input {
    display: inline-block;
    margin: 0;
    padding: 2px;
}

.input-personalizzato {
    display: inline;
    width: 50px;
}

.altezza-overflow {
    max-height: 400px;
    overflow: scroll;
    padding: 0 10px 10px 10px;
    margin-bottom: 10px
}

.attiva-tr {
    cursor: pointer
}


/* CSS RELATIVO AL PANNELLO MEDIA */
#media-background {
    position: fixed;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

#media-panel {
    position: relative;
    width: 80%;
    padding: 20px 40px 20px 20px;
    min-height: 200px;
    background: #f9f9f9;
    margin: 5% auto;
    border: 1px solid #666
}

#media-container {
    padding: 10px;
    background: #FFF;
    color: #333;
    height: 500px;
    overflow: scroll;
    border: 1px solid #DDD;
    margin-top: 10px;
}

.miniatura {
    width: 100px;
    height: 100px;
    float: left;
    text-align: center;
    margin: 0 10px 10px 0;
    padding: 6px;
    border: 3px solid #DDD;
    cursor: pointer
}

.miniatura img {
    max-width: 100%;
    height: auto;
    max-height: 100px;
}

.media-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 2em;
    z-index: 11;
    cursor: pointer;
}

.media-single {
    padding-bottom: 8px;
    font-weight: 300;
    font-size: 14px;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap
}

.media-single span,
.media-single a {
    font-weight: 400;
    padding-top: 3px;
    display: block
}

.media-selected {
    border-color: #0658a2
}

#barra-upload {
    background: #0658a2;
    width: 0;
    height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px
}

#up_return {
    padding: 5px 0 10px 0;
    font-size: 0.9em;
    font-weight: 300;
    color: #0658a2;
    border-bottom: 1px solid #DDD;
    margin-bottom: 10px;
}

/* DESKTOP */
@media (min-width: 1200px) {}

/* TABLET ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1199px) {}

/* TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 991px) {}

/* SMARTPHONE */
@media (max-width: 767px) {}

/* SMARTPHONE PICCOLO*/
@media (max-width: 480px) {}

#beefree-editor {
    height: 100vh;
    margin-bottom: 50px;
    border: solid 1px #eee;
}

.immagine-joint-design+p {
    text-align: center;
}

.immagine-joint-design img {
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
    border: solid 1px #eee;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus {
    font-weight: bold;
}

.aggiungi-file span {
    display: inline-block;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    background: #4cb73e;
    cursor: pointer;
}

#cliente_personalizzato {
    padding: 10px;
    margin-bottom: 15px;
    border: 2px solid rgb(204, 204, 204);
}

.divisore {
    border: solid 1px #ccc;
    display: block;
    margin: 20px 0;
}

/* The container */
.containerrad {
    display: inline;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px;
}

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

/* Create a custom checkbox */
.checkmarkrad {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerrad:hover input~.checkmarkrad {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerrad input:checked~.checkmarkrad {
    background-color: #2196F3;
}

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

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

/* Style the checkmark/indicator */
.containerrad .checkmarkrad:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}



.ricerca_clienti {
    margin-top: 2%;
    backgroud-color: #ddd;
}

#nuova_offerta_standard_luce,
#nuova_offerta_standard_gas,
#nuova_offerta_personalizzata {
    background: rgb(239, 239, 239);
    padding: 10px;
}

.button-chiudi {
    color: #c60f0f;
    font-size: 24px;
    display: inline-block;
    float: unset;
    cursor: pointer;
}

.button-elimina {
    color: #c60f0f;
    font-size: 22px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    margin: 10px 0;
}

.button-modifica {
    color: #999;
    font-size: 24px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.button-offerta {
    color: #fdb813;
    font-size: 24px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.button-crea-offerta {
    color: #6bce69;
    font-size: 18px;
    display: inline-block;
    float: unset;
    cursor: pointer;
    padding-right: 5%;
}

.titoloTabella {
    color: #6bce69;
    font-weight: bold;
}

.margin-row {
    margin-bottom: 2.5rem;
}

.extra-label {
    font-weight: bold;
    margin-bottom: 0;
}

#tabella-dipendenti tr li,
#tabella-dipendenti ul,
#tabella-categorie tr li,
#tabella-categorie ul,
#tabella-progetti tr li,
#tabella-progetti ul {
    margin-bottom: 0;
}

.w-5 {
    width: 5%,
}

.w-18 {
    width: 18%;
}

.span-blue {
    color: #0f4f7d;
    font-weight: bold;
}

.span-yellow {
    color: #FF8C00;
    font-weight: bold;
}

.span-red {
    color: #8B0000;
    font-weight: bold;
}

/* CALENDAR */
.fc-sat,
.fc-sun {
    background-color: pink;
}

.calendario {
    margin-top: 20px;
}

.calendario .fc-resource-area.fc-widget-header {
    width: 117px !important;
}

.calendario .fc-license-message {
    display: none !important;
    visibility: hidden !important;
}

#pop-up {
    display: none;
    position: absolute;
    height: auto;
    z-index: 10;
    border: 1px solid black;
    background-color: white;
    border: 1px solid #3a87ad;
    border-radius: 10px;
    padding: 10px;
    color: #3a87ad;
}

#pop-up-form {
    display: none;
    position: absolute;
    height: auto;
    z-index: 10;
    border: 1px solid black;
    background-color: white;
    border: 1px solid #3a87ad;
    border-radius: 10px;
    padding: 10px;
    color: #3a87ad;
    left: 50%;
    transform: translateX(-50%);
}

#pop-up-form-update {
    display: none;
    position: absolute;
    height: auto;
    z-index: 10;
    border: 1px solid black;
    background-color: white;
    border: 1px solid #3a87ad;
    border-radius: 10px;
    padding: 10px;
    color: #3a87ad;
    left: 50%;
    transform: translateX(-50%);
}

#pop-up i {
    color: #3a87ad;
    position: absolute;
    top: 4px;
    right: 8px;
    cursor: pointer;
}

#calendar table {
    margin-bottom: 0;
}

.fc-icon {
    display: none;
}

#ripristina_tabella {
    display: none;
}

.table-orari-possibili {
    display: none;
    border-bottom: solid 1px #888;
    margin-bottom: 0;
    padding-top: 5px;
}

.table-orari-possibili thead,
.table-orari-possibili tbody {
    width: 100%;
}

.options_td {
    text-align: center;
    width: 200px;
    padding-right: 27px !important;
}

.td-ore-style {
    color: #c11b1b;
    text-align: center;
    font-weight: bold;
}

.row-border-top-color {
    border-top: solid 1px #888;
}

.row-border-bottom-color {
    border-bottom: solid 1px #888;
}

#submit-carica-doc-dip,
#submit-carica-doc-prog {
    display: none;
}

.tr_orario_settimanale {
    display: none;
}

.input-group {
    display: flex;
}

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

input[type="date"] {
    height: 38px !important;
    border: 1px solid #D1D1D1;
    padding: 6px;
}

.spesa {
    color: #FF0000;
    font-weight: bold;
}

.ricavo {
    color: #6bce69;
    font-weight: bold;
}

.card {
    margin-bottom: 20px;
}

.card-title {
    color: #FFF;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    background: #575757;
    padding: 10px 5px;
}

.card-title button {
    color: #FFF;
    padding: 0px;
    border: none;
}

.card-body {
    background: #eee;
    padding: 10px 5px;
}

.card-body h5 {
    margin: 0;
}

.card-body .btn-add-consuntivo {
    text-transform: none !important;
    background-color: #F5B700;
    border: 1px solid #000;
    color: #000;
}

/* The Modal (background) */
.modal {
    display: none;
    position: absolute;
    z-index: 1;
    padding-top: 8%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.btn-table {
    height: 20px;
    border-radius: 4px;
    padding: 4px;
    margin: 0px 5px;
    cursor: pointer;
    display: inline;
}

.btn-edit {
    background-color: #F5B700;
    color: #000;
}

.btn-delete {
    background-color: #FF0000;
    color: #FFF;
}

.rotate-180 {
    transform: rotate(180deg);
}

/* .fc-toolbar.fc-header-toolbar {
    position: sticky;
    top: 64px;
    z-index: 99;
    background-color: white;
} */

/* .fc-time-area.fc-widget-header {
    position: sticky;
    top: 116px;
    z-index: 99;
    background: white; 
} */