@charset "UTF-8";
/* BOOTSTRAP VARIABLES */
@font-face {
    font-family: "Gelatissimo";
    src: url("../fonts/BoldoniGelatissimo-Bold.otf");
    font-weight: bold;
}
@font-face {
    font-family: "Carrie";
    src: url("../fonts/VTCCarrie-Regular.otf");
}
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.ttf");
}
@font-face {
    font-family: "VIntage";
    src: url("../fonts/VIntage.otf");
}
/*@font-face {*/
    /*font-family: "Value Serif Pro";*/
    /*src: url("../fonts/value-serif-regular-pro.otf");*/
/*}*/
/*@font-face {*/
    /*font-family: "Value Serif Pro";*/
    /*src: url("../fonts/value-serif-bold-pro.otf");*/
    /*font-weight: bold;*/
/*}*/
/*@font-face {*/
    /*font-family: "Value Serif Pro";*/
    /*src: url("../fonts/value-serif-medium-pro.otf");*/
    /*font-weight: 500;*/
/*}*/
/*@font-face {*/
    /*font-family: "Gelato Luxe";*/
    /*src: url("../fonts/gelato-luxe.otf");*/
/*}*/
/*@font-face {*/
    /*font-family: "Avenir LT Std";*/
    /*src: url("../fonts/AvenirLTStd-Roman.otf");*/
/*}*/
/*@font-face {*/
    /*font-family: "Avenir LT Std";*/
    /*src: url("../fonts/AvenirLTStd-Heavy.otf");*/
    /*font-weight: bold;*/
/*}*/
/*@font-face {*/
    /*font-family: "Avenir LT Std";*/
    /*src: url("../fonts/AvenirLTStd-Oblique.otf");*/
    /*font-style: italic;*/
/*}*/
/*@font-face {*/
    /*font-family: "Avenir LT Std";*/
    /*src: url("../fonts/AvenirLTStd-HeavyOblique.otf");*/
    /*font-style: italic;*/
    /*font-weight: bold;*/
/*}*/

/*.vspro {*/
    /*font-family: 'Value Serif Pro', Serif;*/
/*}*/
/*.avenir {*/
    /*font-family: "Avenir LT Std", sans-serif;*/
/*}*/

.gelatissimo {
    font-family: "Gelatissimo", sans-serif;
}

.carrie {
    font-family: "Carrie", sans-serif;
}
.vintage {
    font-family: "VIntage", sans-serif;
}
.poppins {
    font-family: "Poppins", "Carrie", sans-serif;
}
.mission-script {
    font-family: 'Mission Script', Serif;
}

.aleo-bold {
    font-family: "Aleo", Serif;
    #font-weight: bold;
}

.badge {
    vertical-align: middle;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.text-black {
    color: #111 !important;
}

.text-vanilla {
    color: #fffff1 !important;
}
.bg-vanilla {
    background-color: #fffff1 !important;
}
.text-strawberry {
    color: #ffbcc0 !important;
}
.bg-strawberry {
    background-color: #ffbcc0;
}
.text-nude {
    color: #ffd1ba !important;
}
.bg-nude {
    background-color: #ffd1ba;
}
.text-raspberry {
    color: #f05760 !important;
}
.bg-raspberry {
    background-color: #f05760 !important;
}
.text-apricot {
    color: #ffb193 !important;
}
.text-candy {
    color: #d8f2ff !important;
}
.text-pistachio {
    color: #93C572 !important;
}
.text-mango {
    color: #ffbf34 !important;
}
.bg-apricot {
    background-color: #ffb193;
}
.bg-candy, .btn-candy {
    background-color: #00bcd4 !important;
}
.bg-pistachio, .btn-pistachio {
    background-color: #93C572 !important;
}
.bg-mango, .btn-mango {
    background-color: #ffbf34 !important;
}
.btn-raspberry {
    background-color: #f05760 !important;
}
.badge.badge-raspberry {
    background-color: #f05760;
}
.btn-light {
    background-color: #fc723f;
}

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

video {
    height: auto;
    width: 100%;
}

.main-panel > .content {
    margin-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.col-xs-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.text-bold {
    font-weight: bold;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 12px 6px;
}
form .form-group select.form-control {
    position: static;
}

#sort-list, .sort-list		{ padding:0; }
#sort-list li, .sort-list li	{ padding:4px 8px; color:#000; cursor:move; list-style:none; width:500px; background:#ddd; margin:10px 0; border:1px solid #999; }

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

.alert {
    margin-top: 10px;
}

dt {
    float: left;
}

dd {
    margin-left: 150px;
}

.badge.badge-outlined {
    background-color: transparent
}

.badge.badge-outlined.badge-success {
    border-color: #4caf50;
    color: #4caf50;
    border: 1px solid;
}

.badge.badge-outlined.badge-default {
    border-color: #999;
    color: #999;
    border: 1px solid;
}

.badge.badge-outlined.badge-info {
    border-color: #00bcd4;
    color: #00bcd4;
    border: 1px solid;
}

.badge.badge-outlined.badge-danger {
    border-color: #ff738a;
    color: #ff738a;
    border: 1px solid;
}

.badge.badge-outlined.badge-warning {
    border-color: #ff9800;
    color: #ff9800;
    border: 1px solid;
}

.badge.badge-outlined.badge-primary {
    border-color: #fc723f;
    color: #fc723f;
    border: 1px solid;
}

.rich-btn .btn {
    padding-left: 0;
    padding-right: 0;
}

.rich-btn .badge {
    padding: 2px 3px;
    font-size: 10px;
}

.rich-btn .progress {
    margin-bottom: 6px;
}

dl.thin-dt dd {
    margin-left: 75px;
}

.dotted-border {
    border: 2px dotted #fc723f;
}

.material-icons, a .material-icons {
    position: relative;
    top: 8px;
    line-height: 0;
    vertical-align: unset;
}

.lineheight-1 {
    line-height: 1;
}

.lineheight-2 {
    line-height: 1.5;
}

.nowordbreak {
    word-break: keep-all;
}

.nowrap {
    white-space: nowrap;
}

.progress .progress-bar.progress-bar-secondary {
    background: #222222;
}

.nav-link .material-icons, .nav-link a .material-icons {
    top: 0;
}

.card .card-body + .card-footer .stats .material-icons, .card .card-footer .stats .material-icons {
    top: 10px;
}

.card-profile .card-avatar {
    max-width: 260px;
    max-height: 260px;
}

.locked {
    pointer-events: none;
}

.unlocked {
    pointer-events: auto;
    background-color: #fff;
}

.pointer {
    cursor: pointer;
}

h3 {
    margin-top: 5px;
}

.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    font-size: 18px;
    z-index: 1000;
}

.btn-icon {
    font-size: 22px;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}


.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.bmd-form-group {
    top: -8px;
}

.bmd-form-group.is-filled {
    top: -5px;
}

.breadcrumb {
    background-color: transparent;
    margin-bottom: 0px;
}

.navbar .navbar-brand {
    padding: 0px;
    margin-right: 0px;
}

.progress {
    margin-bottom: 0px;
}

#pin-mask {
    height: 15px;
}

.fixed-div{
    position : fixed;
    top: 50px;
    right: 0;
}

.login {
    background: url('/assets/img/gel_background.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.noUi-horizontal {
    height: 10px !important;
}


@media only screen and (max-width: 600px) {
    .container-fluid,  [class*="navbar-expand-"] > .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}

.table .form-check .form-check-sign {
    top: 0px;
}

.fc-footer-toolbar {
    margin-top: 25px;
}

.btn.btn-outline-info.active.focus, .btn.btn-outline-info.active:focus, .btn.btn-outline-info.active:hover, .btn.btn-outline-info:active.focus, .btn.btn-outline-info:active:focus, .btn.btn-outline-info:active:hover,
.open > .btn.btn-outline-info.dropdown-toggle.focus,
.open > .btn.btn-outline-info.dropdown-toggle:focus,
.open > .btn.btn-outline-info.dropdown-toggle:hover,
.show > .btn.btn-outline-info.dropdown-toggle.focus,
.show > .btn.btn-outline-info.dropdown-toggle:focus,
.show > .btn.btn-outline-info.dropdown-toggle:hover
{
    background-color: #00bcd4;
    color: #ffffff;
}

.text-faint {
    color: #bbbbbb;
}

.add-to-home {
    position: fixed;
    left: 50%;
    width: 200px;
    bottom: 140px;
    z-index: 10;
}
.add-to-home .arrow {
    left: 45%;
}

nav li {
    font-size: 80%;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: .2rem;
    padding-left: .2rem;
}

.fc button, .fc button:hover, .fc button:active, .fc button:focus, .fc button:active:hover, .fc button:active:focus {
    background-color: #fc723f;
}
.fc button, .fc button.btn-primary {
    box-shadow: 0 2px 2px 0 rgba(219,50,47,.14),0 3px 1px -2px rgba(219,50,47,.2),0 1px 5px 0 rgba(219,50,47,.12);
}

.fc button.btn-primary:active, .fc button.btn-primary:focus, .fc button.btn-primary:hover, .fc button:active, .fc button:focus, .fc button:hover {
    box-shadow: 0 14px 26px -12px rgba(219,50,47,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(219,50,47,.2);
}



.text-large {
    font-size: 120%;
    font-weight: bolder;
}

.huge {
    font-weight: 100;
    color: #ccc;
}

.bg-blink, a.bg-blink {
    -webkit-animation: blink-bg 1s infinite; /* Safari 4+ */
    -moz-animation:    blink-bg 1s infinite; /* Fx 5+ */
    -o-animation:      blink-bg 1s infinite; /* Opera 12+ */
    animation:         blink-bg 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blink-bg {
    0%, 49% {
        background-color: rgba(117,209,63, 0);
        color: #ff738a;
    }
    50%, 100% {
        background-color: #ff738a;
        color: #fff;
    }
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-pips {
    position: absolute;
    color: #999;
}
/* Values;
 *
 */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}
.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}
.noUi-marker-sub {
    background: #AAA;
}
.noUi-marker-large {
    background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}
.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -4px;
    width: 2px;
    height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}
.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}
.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}


.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,0,0,.4);
    background-color: #ccc;
    color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #ccc;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #00bcd4;
}

.bootstrap-datetimepicker-widget table td.day > div {
    z-index: 0;
}

.task-centre p, .task-centre ul, .task-centre ol {
    margin-bottom: 0;
}

.pagination li, .pagination li span {
    padding: 3px 7px;
    font-size: 16px;
}
.pagination li.active span {
    background-color: #fc723f;
    border-radius: 50%;
    color: #FFF;
    font-weight: bold;
}

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

.news-feed-content img {
    max-width: 100%;
    height: auto;
}

/* color loop */
.text-color-loop {
    animation: colorLoop 4s ease infinite;
}

@keyframes colorLoop {
    0% {
        color: #F05760;
    }
    25% {
        color: #FFBCC0;
    }
    50% {
        color: #FFB193;
    }
    75% {
        color: #DBAD4A;
    }
    100% {
        color: #F05760;
    }
}
.datepicker table td.old, .datepicker table td.new {
    visibility: hidden;
}
.bootstrap-datetimepicker-widget table td.day>div {
    display: inline-block;
}

.wiggle {
    -webkit-animation-name: wiggle;
    -ms-animation-name: wiggle;
    -ms-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;}

@-webkit-keyframes wiggle {
    0% {-webkit-transform: rotate(5deg);}
    25% {-webkit-transform: rotate(-5deg);}
    50% {-webkit-transform: rotate(10deg);}
    75% {-webkit-transform: rotate(-5deg);}
    100% {-webkit-transform: rotate(0deg);}
}

@-ms-keyframes wiggle {
    0% {-ms-transform: rotate(1deg);}
    25% {-ms-transform: rotate(-1deg);}
    50% {-ms-transform: rotate(1.5deg);}
    75% {-ms-transform: rotate(-5deg);}
    100% {-ms-transform: rotate(0deg);}
}

@keyframes wiggle {
    0% {transform: rotate(5deg);}
    25% {transform: rotate(-5deg);}
    50% {transform: rotate(10deg);}
    75% {transform: rotate(-5deg);}
    100% {transform: rotate(0deg);}
}

@media print {
    .no-print {
        display: none;
    }

    footer.footer, .modal-dialog, .navbar, .navbar-nav, .navbar-brand, .navbar-collapse, .navbar-form, .navbar-right, .navbar-left, .navbar-text, .navbar-btn, .navbar-toggle, .navbar-toggle-icon, .navbar-toggle-icon-bar, .navbar-toggle-icon-bar-bar, .navbar-toggle-icon-bar-bar-bar, .navbar-toggle-icon-bar-bar-bar-bar {
        display: none !important;
    }
}