/* General overrides */
a {cursor: pointer;}
.hidden {display: none;}
.bottom-logo img {width: 70%;}
.list-styled {padding-left: 20px;list-style: circle}
.sweet-alert > h3 {margin-top: 25px !important;font-weight: 400;font-size: 26px;}
.input-group-prepend {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group-append {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.no-transform {text-transform: none;}
.typewriter {font-family: "Courier New", Courier, monospace;}
.page-header .breadcrumbs li {color: inherit;}
.opacity-70 {opacity: .7 !important;}
.opacity-50 {opacity: .5 !important;}
.opacity-25 {opacity: .25 !important;}
.fa-big {font-size: 20px;}
.valign-top {vertical-align: top !important;}
.btn-outline-danger {color: #dc3545 !important;}
.btn-outline-danger:hover {color: #fff !important;}
.stats-dashboard-block {border-radius: 4px; color: #fff !important; padding: 4px 3px; font-size: 11px; margin-bottom: 2px;}
.sp-replacer {padding: 6px 10px; background-color: inherit; border: 1px #ddd solid;}
.code-text {font-family: "Courier New", Courier, monospace;}

/* Test the colours */
.cal-day {color: #f78832;}
.cal-night {color: #4e8fab;}
.cal-locum {color: #af5294;}
.cal-standby {color: #9367c6;}
.cal-orientation {color: #b5ac4d;}
.cal-livein {color: #4371a2;}
.cal-leave {color: #666666;}

/* Form elements */
input.form-control, textarea.form-control {width: 100% !important;}
.form-control:focus {
    border-color: #87cef2 !important;
    box-shadow: 0 0 0 0.2rem rgba(81, 200, 233, 0.2) !important;
}
input.form-control-lg {font-size: 18px !important;}
select.form-control {height: 39px;}
select.squarebox, .not-rounded {border-radius: 0 !important;}
.btn {line-height: 1.55 !important;}
.input-group2 .input-group-addon {
    background-color: #EEE;
    margin-top: 4px;
    margin-bottom: 3px;
    padding: 3px 12px;
    font-size: 11px;
    border: 1px #DDD solid;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.input-group3 .input-group-addon {
    background-color: #EEE;
    padding: 7px 12px;
    font-size: 13px;
    border: 1px #DDD solid;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.input-group2 > select, .input-group3 > select,
.input-group2 > input[type="text"], .input-group3 > input[type="text"] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.close-button {float: right;}
form .form-control, .input-group {font-size: 14px;margin-bottom: 8px;}
.card-body > form button {font-size: 14px !important;}
.disabled {color: currentColor;cursor: not-allowed !important;opacity: 0.7;text-decoration: none;}
.bootstrap-select button.dropdown-toggle, button.dropdown-toggle:focus, button.dropdown-toggle:active, button.dropdown-toggle::selection, button.dropdown-toggle:active:visited {
    color: #495057 !important;
    border: 1px solid #ced4da;
    font-size: 14px;
    outline: none !important;
    background-color: #FFF !important;
    margin-bottom: 8px;
}
.bigger-select .bootstrap-select button.dropdown-toggle,
.bigger-select button.dropdown-toggle:focus,
.bigger-select button.dropdown-toggle:active,
.bigger-select button.dropdown-toggle::selection,
.bigger-select button.dropdown-toggle:active:visited {
    font-size: 18px;
    margin-bottom: 0 !important;
}

html.dark .bootstrap-select button.dropdown-toggle,
html.dark button.dropdown-toggle:focus,
html.dark button.dropdown-toggle:active,
html.dark button.dropdown-toggle::selection,
html.dark button.dropdown-toggle:active:visited {
    color: #fff !important;
    background-color: #282d36 !important;
    border: 1px #282d36 solid;
}
html.dark .dropdown-item.active, html.dark .dropdown-item:active {
    background-color: #1d2127 !important;
}

.bg-f0 {background-color: #f0f0f0 !important;}
.errorbox {border-color: #cd5656 !important;}
.dropdown.m-0.bootstrap-select button.dropdown-toggle,
.dropdown.m-0 button.dropdown-toggle:focus,
.dropdown.m-0 button.dropdown-toggle:active,
.dropdown.m-0 button.dropdown-toggle::selection {
    margin-bottom: 0;
}
.p-1-5 {padding: 5px 10px 6px 10px;}
.fa-1x {font-size: 15px;}

/* Colours */
.white_colour {color: #FFFFFF !important;}
.red_colour {color: #CC0000 !important;}
.green_colour {color: #009900 !important;}
.blue_colour {color: #0066CC !important;}
.orange_colour {color: #FF9900 !important;}
.gold_colour {color: gold !important;}
.grey_colour {color: #CCCCCC !important;}
.charcoal_colour {color: #8c8e94 !important;}
.colour-red {color: #cd5656 !important;}
.colour-orange {color: #f78832;}
.colour-gold {color: #b5ac4d;}
.colour-green {color: #619629;}
.colour-navy {color: #4371a2;}
.colour-blue {color: #4e8fab;}
.colour-purple {color: #9367c6;}
.colour-pink {color: #af5294;}
.colour-grey {color: #666666;}
.colour-light-grey {color: #8c8e94;}

/* Background Colours */
.bg-red {background-color: #cd5656 !important;}
.bg-orange {background-color: #f78832 !important;}
.bg-gold {background-color: #b5ac4d !important;}
.bg-green {background-color: #619629 !important;}
.bg-navy {background-color: #4371a2 !important;}
.bg-blue {background-color: #4e8fab !important;}
.bg-purple {background-color: #9367c6 !important;}
.bg-pink {background-color: #af5294 !important;}
.bg-grey {background-color: #666666 !important;}
.bg-light-grey {background-color: #8c8e94 !important;}
.bg-cancelled {background-color: #bbbbbb !important;}

/* Dark mode settings */
.bg-darker {background-color: #1D2127 !important;}

.bg-purple-light {background-color: #e5e0eb !important;}
.bg-danger-light {background-color: #f6cccc !important;}

/* Text size classes */
.smaller {font-size: 14px;}
.td-small {font-size: 13px;}
.nav-link i {width: 25px;}
.ml-45 {margin-left: 30px;}
.strike, .strike-through {text-decoration: line-through !important; color: #ccc !important;}
.text-underlined {text-decoration: underline !important;}
.primary_link:hover {text-decoration: underline !important;}
fieldset {border: 1px solid #ddd; margin: 0; padding: 10px 15px; background: #fff; border-radius: 3px;}
.light-fieldset {border: 1px dotted #ddd;}
legend {font-size: 15px !important; margin: 0 0 10px 0; border: 1px solid #ddd; padding: 5px 15px; display: block; width: auto; background: #fafafa; border-radius: 3px;}
.small-legend {font-size: 13px !important; padding: 0 10px;}
.form-control[readonly] {background: #fff; border: 1px #efefef solid; opacity: .75;}
.margin-auto {margin: auto; width: 50%;}
.no-radius-left {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.no-radius-right {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.btn:focus, .btn.focus {box-shadow: none !important; outline: none !important;}
td.fc-daygrid-day.fc-day.fc-day-tue.fc-day-today {border: 2px solid #000 !important;}

/* Margins */
.margin-right {margin-right: 5px !important;}
.margin-left {margin-left: 5px !important;}

/* Icons/Cursors */
.smaller_i {width: 14px;}
.small_i {width: 20px;}
.wide-i {width: 26px;}
.help_icon {cursor: help;}
.igt-wide {width: 100px; font-size: 14px;}
.igt-set {font-size: 14px;}
.click_cursor, .click-cursor {cursor: pointer !important;}

/* Clear */
.clear5 {clear: both;height: 5px;}
.clear10 {clear: both;height: 10px;}
.clear20 {clear: both;height: 20px;}
.clear30 {clear: both;height: 30px;}

/* Defined lists/Legal */
dl{margin-bottom:30px;}
dt,dd{line-height:20px;}
dt{font-weight:bold;}
dd{margin-left:10px;}
.dl-horizontal{*zoom:1;}
.dl-horizontal:before, .dl-horizontal:after{display:table;content:"";line-height:0;}
.dl-horizontal:after{clear:both;}
.dl-horizontal dt{float:left;width:50px;clear:left;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dl-horizontal dd{margin-left:60px;}

/* Folder Management/Intranet */
.fa-bigger {font-size: 17px !important;}
.folder_colour {color: #FFD700;width: 25px;font-size: 19px !important;}
.file_gold {color: #FFD700;}
.file_red {color: #CD5C5C;}
.file_green {color: #3CB371;}
.file_blue {color: #4169E1}
.file_orange {color: #FFA500;}
.file_grey {color: #C3C3C3;}

.team-section .subtitle {font-size: 24px;}
.bg-overlay-contact {
    background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url('/login/imgs/banner-contact.jpg');;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay-about {
    background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url('/login/imgs/banner-about.jpg');;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay-legal {
    background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url('/login/imgs/banner-legal.jpg');;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay-blog {
    background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url('/login/imgs/banner-real-food-hub2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-overlay-brands {
    background: linear-gradient(rgba(0,0,0,.20), rgba(0,0,0,.20)), url('/login/imgs/banner-shop-by-brand.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-success-light, .green_back {background-color: #d4edda !important;}
.bg-success-lighter {background-color: #e9f6ec !important;}
.bg-warning-light {background-color: #fff3cd !important;}
.bg-warning-lighter {background-color: #fff9e6 !important;}
.bg-dark-light {background-color: #CCC !important;}
.bg-grey-lighter {background-color: #f0f0f0 !important;}
.text-shadow-lighter {text-shadow: 0 0 10px #EEE;}
.text-shadow-light {text-shadow: 0 0 10px #CCC;}
.text-shadow-med {text-shadow: 0 0 10px #999;}
.text-shadow-dark {text-shadow: 0 0 10px #666;}
.text-shadow-darker {text-shadow: 0 0 10px #333;}
.img-circle {border-radius: 100%;}
.img-rounded {border-radius: 5px;}
.rounded-progress {border-radius: 4px !important;}
.dropdown-menu {font-size: inherit;}
.entry-meta {
    margin-bottom: 15px;
}
.bs-searchbox input.form-control {
    height: inherit;
    padding: 5px 8px;
}
input[type='checkbox'] {width: 16px; height: 16px; cursor: pointer; margin-right: 5px;}
.profile-header {margin-top: 9px;}
.border-right-0 {border-right: none !important;}
.border-left-0 {border-left: none !important;}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 50px;
        overflow: hidden;
        clear: left;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    dt.l_indent {
        margin-left: 50px;
    }
    dt.l_indent2 {
        width: 80px;
        margin-left: 110px;
    }
    .dl-horizontal dd {
        margin-left: 50px;
        text-align: left;
    }
    dd.l_indent {
        margin-left: 110px;
        text-align: left;
    }
    dd.l_indent2 {
        margin-left: 190px;
        text-align: left;
    }
}

.sweet-alert .lead {font-size: 16px;}

/* FullCalendar Customisations */
.fc .fc-toolbar h2 {color: #171717;font-size: 22.4px;font-size: 1.4rem;font-weight: normal;}
.fc .fc-toolbar h2:before {color: #CCC;content: "\f073";display: inline-block;font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 28.8px;font-size: 1.8rem;font-style: normal;line-height: 1;margin-right: 10px;position: relative;top: 2px;-webkit-font-smoothing: antialiased;}
.fc-event.fc-event-success {background: #47a447;border-color: #47a447;}
.fc-event.fc-event-success .fc-event-inner {color: #FFF;}
a.fc-event.fc-event-success:hover {color: #FFF;}
.fc-event.fc-event-warning {background: #ed9c28;border-color: #ed9c28;}
.fc-event.fc-event-warning .fc-event-inner {color: #FFF;}
a.fc-event.fc-event-warning:hover {color: #FFF;}
.fc-event.fc-event-danger {background: #d2322d;border-color: #d2322d;}
.fc-event.fc-event-danger .fc-event-inner {color: #FFF;}
a.fc-event.fc-event-danger:hover {color: #FFF;}
.fc-event.fc-event-info {background: #5bc0de;border-color: #5bc0de;}
.fc-event.fc-event-info .fc-event-inner {color: #FFF;}
a.fc-event.fc-event-info:hover {color: #FFF;}
.fc-event.fc-event-dark {background: #171717;border-color: #171717;}
.fc-event.fc-event-dark .fc-event-inner {color: #FFF;}
a.fc-event.fc-event-dark:hover {color: #FFF;}

.fc-daygrid-block-event .fc-event-time, .fc-daygrid-dot-event .fc-event-time, .fc-event-main-frame .fc-event-time {padding-left: 3px !important; padding-right: 3px !important;}
.fc-event-time {font-weight: bold; overflow: visible !important;}
.fc-event-title {font-weight: normal !important;}
.fc-daygrid-event-dot {display: none;}

/* Customised TSH Button */
html .btn-tsh {background-color: #ff904e;border-color: #ff904e #ff904e #ff701b;color: #FFF;}
html .btn-tsh:hover, html .btn-tsh.hover {background-color: #ffa874;border-color: #ffb081 #ffb081 #ff904e;color: #FFF;}
html .btn-tsh:focus, html .btn-tsh.focus {box-shadow: 0 0 0 3px rgba(255, 144, 78, 0.5);background-color: #ff904e;border-color: #ff904e;}
html .btn-tsh.disabled, html .btn-tsh:disabled {background-color: #ff904e;border-color: #ff904e #ff904e #ff701b;}
html .btn-tsh:active, html .btn-tsh.active, .show > html .btn-tsh.dropdown-toggle {background-color: #ff7828 !important;background-image: none !important;border-color: #ff701b #ff701b #e75600 !important;box-shadow: 0 0 0 0.2rem rgba(255, 144, 78, 0.5) !important;}
html .btn-tsh-scale-2 {background-color: #ff8034;border-color: #ff8034 #ff8034 #ff6001;color: #FFF;}
html .btn-tsh-scale-2:hover, html .btn-tsh-scale-2.hover {background-color: #ff985b;border-color: #ffa067 #ffa067 #ff8034;color: #FFF;}
html .btn-tsh-scale-2:focus, html .btn-tsh-scale-2.focus {box-shadow: 0 0 0 3px rgba(255, 128, 52, 0.5);background-color: #ff8034;border-color: #ff8034;}
html .btn-tsh-scale-2.disabled, html .btn-tsh-scale-2:disabled {background-color: #ff8034;border-color: #ff8034 #ff8034 #ff6001;}
html .btn-tsh-scale-2:active, html .btn-tsh-scale-2.active, .show > html .btn-tsh-scale-2.dropdown-toggle {background-color: #ff680e !important;background-image: none !important;border-color: #ff6001 #ff6001 #cd4d00 !important;box-shadow: 0 0 0 0.2rem rgba(255, 128, 52, 0.5) !important;}
html .show > .btn-tsh.dropdown-toggle {background-color: #ff7828;background-image: none;border-color: #ff701b #ff701b #e75600;}