/* General */
.boolean-icon .fa-check, .boolean-icon.fa-check {
    color: #87CB16;
}
.boolean-icon .fa-times, .boolean-icon.fa-times {
    color: #ec971f;
}

textarea {
    resize: none;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: -9999px;
}
.header.with-padding {
    padding: 15px;
}
/*.card-user .title, .card .header {
    color: #478d66;
}*/
a {
    color: #478d66;
}
a:hover, a:focus, a:active {
    color: #4fb483;
}

.btn-brand {
    border-color: #005CAB !important;
    color: #449168;
}
.btn-brand:hover, .btn-brand:active, .btn-brand:focus {
    border-color: #fc8219 !important;
    color: #32785d;
}
.btn-brand.btn-fill {
    background-color: #005CAB !important;
    color: #fff;
}
.btn-brand.btn-fill:hover, .btn-brand.btn-fill:active, .btn-brand.btn-fill:focus {
    background-color: #fc8219 !important;
}

.no-side-margin {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.footer .copyright.white {
    color: #fff !important;
}

.float-right {
    float: right;
}
.float-left {
    float: left;
}
.block-inline {
    display: inline-block !important;
}
.inline {
    display: inline !important;
}
.block {
    display: block !important;
}
.full-width {
    width: 100%;
    min-width: 100%;
}
.brand-color {
    color: #478d66 !important;
}
.brand-background {
    background: #478d66 !important;
}
.document {
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 16px;
    margin-top: 4px;
    padding: 8px;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 10px;
}
.flex {
    display: flex;
}
.align-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.row.fix {
    display: flex;
    flex-wrap: wrap;
}
.gutter-20.row {
    margin-right: -10px;
    margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
    padding-right: 10px;
    padding-left: 10px;
}
 .gutter-10.row {
     margin-right: -5px;
     margin-left: -5px;
 }
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.gutter-0.row {
    margin-right: 0;
    margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{
    padding-right: 0;
    padding-left: 0;
}
.input-group-addon.addon-right {
    border-right: 1px solid #e3e3e3;
}
.sdi-mvs-blue, .sdi-mvs-blue:focus {
    font-weight: bold;
    color: #31729d;
}
.sdi-mvs-green, .sdi-mvs-green:focus {
    font-weight: bold;
    color: #409266;
}
.sdi-mvs-red, .sdi-mvs-red:focus {
    font-weight: bold;
    color: #d92b4d;
}
.table.small-padding td {
    padding-top: 6px;
    padding-bottom: 6px;
}
.bs-searchbox input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.fixed-nav {
    position: fixed;
    width: 100%;
    z-index: 2;
}

/* Text */
.text-xs-left {  text-align: left;  }
.text-xs-center {  text-align: center;  }
.text-xs-right {  text-align: right;  }
@media (min-width: 768px) {
    .text-sm-left {  text-align: left !important;  }
    .text-sm-center {  text-align: center !important;  }
    .text-sm-right {  text-align: right !important;  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .text-md-left {  text-align: left !important;  }
    .text-md-center {  text-align: center !important;  }
    .text-md-right {  text-align: right !important;  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-lg-left {  text-align: left !important;  }
    .text-lg-center {  text-align: center !important;  }
    .text-lg-right {  text-align: right !important;  }
}
.text-bold {
    font-weight: bold;
}
.text-italic {
    font-style: italic;
}
.help-block {
    font-size: 12px;
    margin-bottom: 0;
}
.text-gradient {
    -webkit-background-clip: text !im;
    -webkit-text-fill-color: transparent;
}

/* Font awesome */
.fa-stack-05x {
    position:absolute;
    left:0;
    width:100%;
    text-align:center
}
.fa-stack-05x {
    line-height:inherit !important;
    font-size:0.5em !important;
}
.fa-stack-small {
    width: 20px !important;
    height: 1em !important;
    line-height: 1em !important;
}

/* Cards */
.card.for-buttons {
    margin-bottom: 10px;
    margin-top: -15px;
}
.card.smaller-margin {
    margin: 15px 0 15px;
}
.card.smaller-margin:first-of-type {
    margin-top: 0;
}
.card.smaller-margin:last-of-type {
    margin-bottom: 0;
}
.modal-body .card .header {
    font-weight: 400;
    font-size: 18px;
}
.modal-body.gray {
    background-color: #F5F5F5;
}
.modal-body .card {
    margin-bottom: 8px;
}
.card-user .avatar.small {
    height: 96px;
    width: 96px;
}

/* Autocomplete suggestions */
.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
    font-weight: bold;
    font-size: 15px;
}
.autocomplete-suggestion {
    padding: 4px 10px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.autocomplete-suggestion:last-of-type {
    border-bottom: none;
}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #7dcec8; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.light-break {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 10px 0 10px;
}

.show-activity a{
    color: #333 !important;
    font-weight: normal;
    font-size: 15px !important;
}
.padding-bottom-10{
    padding-bottom: 10px !important;
}
.sidebar .navbar-toggle.wide-only {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute;
    height: 80px;
    left: 10px;
}
.sidebar .navbar-toggle.wide-only.minimized {
    display: none;
}
.sidebar .navbar-toggle.active-only {
    display: none;
}
.sidebar .navbar-toggle.active-only.minimized {
    display: block;
    margin-right: 0;
}
.sidebar-wrapper.toggle {
    height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    overflow: auto;
    display: flex;
    justify-content: center;
}
.navbar-brand .slogan {
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.logo .slogan {
    font-size: 12px;
}

/* Nav notification */
.nav .notification {
    position: absolute;
    background-color: #FB404B;
    text-align: center;
    border-radius: 10px;
    min-width: 18px;
    padding: 0 5px;
    height: 18px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 18px;
    top: 2px;
    left: 7px;
}
.collapse span.notification, .collapsing span.notification {
    left: 40px;
}

.pagination-center {
    display: flex;
    justify-content: center;
    padding: 0;
}
.pagination li.active a, .pagination li.active a:hover {
    background-color: #478d66;
}

/* Text sizes */
.text-10 {font-size: 10px !important;}
.text-11 {font-size: 11px !important;}
.text-12 {font-size: 12px !important;}
.text-14 {font-size: 14px !important;}
.text-16 {font-size: 16px !important;}
.text-18 {font-size: 18px !important;}
.text-20 {font-size: 20px !important;}
.text-24 {font-size: 24px !important;}
.text-28 {font-size: 28px !important;}

.text-red, .status-unknown {
    color: #fb3c43;
}
.text-green {
    color: #5ed55d;
}
.text-brand, .status-confirmed {
    color: #449168;
}
.text-orange, .status-pending {
    color: #d3881a;
}
.text-666 {
    color: #666;
}
.text-333 {
    color: #333;
}

/* Panels */
.panel-field {
    background-color: #f8f8f8;
    cursor: pointer;
}
.panel-field:hover {
    background-color: #fcfcfc;
}
.panel-field.active {
    background-color: #449168;
    color: #fff;
}

.line-height-1 {   line-height: 1;   }
.line-height-11 {   line-height: 1.1;   }
.line-height-12 {   line-height: 1.2;   }
.line-height-13 {   line-height: 1.3;   }
.line-height-14 {   line-height: 1.4;   }
.line-height-15 {   line-height: 1.5;   }
.line-height-16 {   line-height: 1.6;   }
.line-height-17 {   line-height: 1.7;   }
.line-height-18 {   line-height: 1.8;   }
.line-height-19 {   line-height: 1.9;   }
.line-height-20 {   line-height: 2.0;   }

/* Margins */
.margin-right-5 {  margin-right: 5px !important;  }
.margin-right-10 {  margin-right: 10px !important;  }
.margin-right-15 {  margin-right: 15px !important;  }
.margin-right-20 {  margin-right: 20px !important;  }

.margin-left-5 {  margin-left: 5px !important;  }
.margin-left-10 {  margin-left: 10px !important;  }
.margin-left-15 {  margin-left: 15px !important;  }
.margin-left-20 {  margin-left: 20px !important;  }

.margin-top-0 {  margin-top: 0 !important;  }
.margin-top-5 {  margin-top: 5px !important;  }
.margin-top-10 {  margin-top: 10px !important;  }
.margin-top-15 {  margin-top: 15px !important;  }
.margin-top-20 {  margin-top: 20px !important;  }
.margin-top-30 {  margin-top: 30px !important;  }
.margin-top-40 {  margin-top: 40px !important;  }
.margin-top-50 {  margin-top: 50px !important;  }
.margin-top-60 {  margin-top: 60px !important;  }
.margin-top-80 {  margin-top: 80px !important;  }
.margin-top-100 {  margin-top: 100px !important;  }
.margin-top-110 {  margin-top: 110px !important;  }
.margin-top-120 {  margin-top: 120px !important;  }
.margin-top-neg-5 {  margin-top: -5px; !important;  }
.margin-top-neg-10 {  margin-top: -10px; !important;  }
.margin-top-neg-20 {  margin-top: -20px; !important;  }

.margin-bottom-0 {  margin-bottom: 0 !important;  }
.margin-bottom-5 {  margin-bottom: 5px !important;  }
.margin-bottom-10 {  margin-bottom: 10px !important;  }
.margin-bottom-15 {  margin-bottom: 15px !important;  }
.margin-bottom-20 {  margin-bottom: 20px !important;  }
.margin-bottom-30 {  margin-bottom: 30px !important;  }
.margin-bottom-40 {  margin-bottom: 40px !important;  }
.margin-bottom-neg-10 {  margin-bottom: -10px; !important;  }

.padding-left-0 {   padding-left: 0 !important; }
.padding-left-5 {   padding-left: 5px !important; }
.padding-left-10 {   padding-left: 10px !important; }
.padding-left-15 {   padding-left: 15px !important; }
.padding-left-20 {   padding-left: 20px !important; }
.padding-left-25 {   padding-left: 25px !important; }
.padding-left-30 {   padding-left: 30px !important; }

.padding-top-0 {   padding-top: 0 !important; }
.padding-top-5 {   padding-top: 5px !important; }
.padding-top-10 {   padding-top: 10px !important; }
.padding-top-15 {   padding-top: 15px !important; }
.padding-top-20 {   padding-top: 20px !important; }
.padding-top-25 {   padding-top: 25px !important; }
.padding-top-30 {   padding-top: 30px !important; }

.padding-bottom-0 {   padding-bottom: 0 !important; }
.padding-bottom-5 {   padding-bottom: 5px !important; }
.padding-bottom-10 {   padding-bottom: 10px !important; }
.padding-bottom-15 {   padding-bottom: 15px !important; }
.padding-bottom-20 {   padding-bottom: 20px !important; }
.padding-bottom-25 {   padding-bottom: 25px !important; }
.padding-bottom-30 {   padding-bottom: 30px !important; }

/* Defaults */
.no-data-container {
    width:100%;
    padding: 30px 40px;
    /*background: repeating-linear-gradient( 45deg, #ffffff, #ffffff 10px, #f0f0f0 10px, #f0f0f0 20px );*/
    text-align: center;
}
.no-data-container h4 {
    font-weight: bold;
}
.no-data-container.small {
    margin: 8px 0;
    padding: 5px 20px;
}
.no-data-container.small h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.4em;
}


/* Shifts */
.shift-table {
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.shift-table th, .shift-table td, .shift-set-table th, .shift-set-table td {
    /*min-width: 15.5%;*/
    min-width: 150px;
}
.shift-table th:first-of-type, .shift-table td:first-of-type {
    width: 5.5%;
}
.shift-table td:not(:first-of-type) {
    padding: 4px;
    position: relative;
    border-top: none;
}
.shift-table td.double-shit {
    width: 6.75%;
}
.shift-table td:not(:last-of-type), .shift-set-table td:not(:last-of-type) {
    border-right: 1px solid #E3E3E3;
}
.shift-table .shift-area {
    background-color: #eee;
    width: calc(80% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    top:4px;
    bottom:4px;
    left: 4px;
    right: 4px;
    border-radius: 6px;
    cursor: pointer;
}
.shift-table .shift-area.highlighted {
    background-color: #ec971f;
}
.shift-table .shift-area.highlighted .shift-hint span {
    color: #fff !important;
}
.shift-table .shift-area i {
    display: none;
}
.shift-table .shift-area .shift-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.shift-table .shift-area .shift-hint span {
    text-align: center;
    color: #888;
}
.shift-set-table .shift-area.active {
    background-color: rgba(135, 203, 22, 0.7);
    border: 1px solid #7bb51d;
    color: #fff;
}
.shift-set-table .shift-area.active:hover {
    background-color: rgba(135, 203, 22, 0.8);

}
.shift-set-table .shift-area.active i {
    display: block;
    color: rgba(255,255,255,0.5);
    position: absolute;
    top: 50%;
    font-size: 60px;
    width: 100%;
    margin-top: -30px;
}
.shift-set-table .shift-area.active .my-face {
    display: inline-block;
}
.shift-set-table .shift-area .my-face {
    display: none;
}
.shift-table .shift-area.active .shift-hint {
    display: none;
}
.shift-table td:first-of-type {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-weight: bold;
    padding-right: 8px !important;
}
.shift-set-table .shift-clocked {
    position: absolute;
    width: calc(100% - 10px);
    top: 5px;
    left: 5px;
    right: 5px;
    text-align: left;
}
.shift-set-table .shift-clocked .shift-face {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: 2px;
}
.shift-table .no-shift {
    background: repeating-linear-gradient( 45deg, #ffffff, #ffffff 10px, #bbb 10px, #bbb 20px );
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    border-radius: 6px;
    cursor: default;
}
/*.shift-set-table th:first-of-type, .shift-set-table td:first-of-type {*/
    /*width: 5.5%;*/
/*}*/
.shift-set-table .shift-timeslots {
    padding: 0 !important;
    font-weight: bold;
    width: 13.5%;

}
.shift-set-table .shift-timeslot {
    height: 80px;
    border-bottom: 1px solid #ccc;
    align-items: center;
    justify-content: center;
    display: flex;
}
.shift-set-table td:not(.shift-timeslots) {
    background: repeating-linear-gradient( to bottom, #ffffff, #ffffff 39px, #eee 39px, #eee 40px );
}
.shift-type-v{
    background-color: rgba(0, 255, 0, 0.6);

}
.shift-type-t{
    background-color: rgba(255, 0, 0, 0.6);
}
.shift-type-tt{
    background-color: rgba(0, 0, 255, 0.6);
}
.shift-set-table .shift-area {
    position: absolute;
    width: calc(100% - 8px);
    left: 4px;
    right: 4px;
    /*background-color: rgba(220, 220, 220, 0.6);*/
    border: 1px solid #bbb;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    align-items: center;

}

.shift-set-table .shift-area:hover {
    z-index: 1040; /* Bootstrap modal has a value of 1050 */
    background-color: rgba(220, 220, 220, 0.8);
    /*box-shadow: 0 4px 6px -1px rgba(255, 255, 255, 0.7);*/
}
.shift-set-table .shift-area > div {
    text-align: center;
    width: 100%;
}
.shift-set-table .shift-day {
    position: relative;
}
.shift-time-span {
    /*margin-bottom: 20px;*/
}
.shift-time-span div {
    font-size: 1em;
    font-weight: bold;
}
.shift-employees div {
    font-size: 1.4em;
    font-weight: bold;
}
.shift-set-table .shift-edit {
    display: none;
    position: absolute;
    bottom: 6px;
    font-size: 11px;
}
.shift-set-table .shift-area:hover .shift-edit {
    display: none;
}
.shift-legend {
    font-size: 14px;
    display: inline-block;
    margin-left: 32px;
}
.shift-legend span {
    height: 14px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
.shift-approved {
    /*background-color: rgba(135, 203, 22, 0.7) !important;*/
    /*border: 1px solid #7bb51d !important;*/
    background-color: rgba(102, 204, 153, 0.9) !important;
    border: 1px solid #66CC99 !important;
    color: #fff;
}
.shift-approved:hover {
    background-color: rgba(102, 204, 153, 0.7) !important;
}

.shift-blue {
    background-color: rgba(71, 168, 198, 0.7) !important;
    border: 1px solid #47A8C6 !important;
    color: #fff;
}
.shift-blue:hover {
    background-color: rgba(71, 168, 198, 0.9) !important;
}

.shift-unapproved {
    /*background-color: rgba(236, 151, 31, 0.7) !important;*/
    /*border: 1px solid #ec971f !important;*/
    background-color: rgba(255, 204, 102, 0.9) !important;
    border: 1px solid #FFCC66 !important;
    color: #fff;
}
.shift-unapproved:hover {
    background-color: rgba(255, 204, 102, 0.7) !important;
}

.shift-empty {
    background-color: rgba(255, 102, 102, 0.9) !important;
    border: 1px solid #FF6666 !important;
    color: #fff;
}
.shift-empty:hover {
    background-color: rgba(255, 102, 102, 0.7) !important;
}
.shift-unselected {
    background-color: rgba(220, 220, 220, 0.6);
    border: 1px solid #bbb;
}

.shift-other-waiters{
    background-color: rgba(220, 220, 220, 0.6)!important;
}

.shift-other-waiters:hover{
    background-color: rgba(220, 220, 220, 0.8)!important;
    border: 1px solid #bbb !important;
}


.shift-week-hours {
    line-height: 38px;
    font-size: 17px;
}
.add-employee-to-shift {
    padding: 20px 30px;
    display: none;
    background-color: #f1f3f7;
    border-radius: 6px;
    margin-top: 15px;

}
.add-employee-to-shift h4 {
    margin-top: 0;
}
.add-employee-to-shift select {
    background-color: #fff;
}
.add-employee-to-shift-btn {
    margin-top: 8px;
    margin-right: 8px;
}
#change-shift-table-container {
    background-color: #ffa534;
    border-radius: 4px;
    color: #fff;
    padding: 4px;
}
.scroller-test{
    width: 5000px;
    overflow-x: auto
}
#shifts-table-div{
    overflow: scroll;
}
.shift-hours{
    text-align: center;
}

.shift-set-table .shift-area.hours-1 {  height: calc(0.5 * 80px + 36px);  }
.shift-set-table .shift-area.hours-1\.5 {  height: calc(80px + 36px);  }
.shift-set-table .shift-area.hours-2 {  height: calc(1.5 * 80px + 36px);  }
.shift-set-table .shift-area.hours-2\.5 {  height: calc(2 *80px + 36px);  }
.shift-set-table .shift-area.hours-3 {  height: calc(2.5 *80px + 36px);  }
.shift-set-table .shift-area.hours-3\.5 {  height: calc(3 *80px + 36px);  }
.shift-set-table .shift-area.hours-4 {  height: calc(3.5 * 80px + 36px);  }
.shift-set-table .shift-area.hours-4\.5 {  height: calc(4 * 80px + 36px);  }
.shift-set-table .shift-area.hours-5 {  height: calc(4.5 * 80px + 36px);  }
.shift-set-table .shift-area.hours-5\.5 {  height: calc(5*80px + 36px);  }
.shift-set-table .shift-area.hours-6 {  height: calc(5.5*80px + 36px);  }
.shift-set-table .shift-area.hours-6\.5 {  height: calc(6*80px + 36px);  }
.shift-set-table .shift-area.hours-7 {  height: calc(6.5*80px + 36px);  }
.shift-set-table .shift-area.hours-7\.5 {  height: calc(7*80px + 36px);  }
.shift-set-table .shift-area.hours-8 {  height: calc(7.5*80px + 36px);  }
.shift-set-table .shift-area.hours-8\.5 {  height: calc(8*80px + 36px);  }
.shift-set-table .shift-area.hours-9 {  height: calc(8.5*80px + 36px);  }
.shift-set-table .shift-area.hours-9\.5 {  height: calc(9*80px + 36px);  }
.shift-set-table .shift-area.hours-10 {  height: calc(9.5*80px + 36px);  }
.shift-set-table .shift-area.hours-10\.5 {  height: calc(10*80px + 36px);  }
.shift-set-table .shift-area.hours-11 {  height: calc(10.5*80px + 36px);  }
.shift-set-table .shift-area.hours-11\.5 {  height: calc(11*80px + 36px);  }
.shift-set-table .shift-area.hours-12 {  height: calc(11.5*80px + 36px);  }
.shift-set-table .shift-area.hours-12\.5 {  height: calc(12*80px + 36px);  }

.shift-set-table .shift-area.offset-0 {  top: 2px;  }
.shift-set-table .shift-area.offset-0\.1 {  top: calc(0.1*80px + 2px);  }
.shift-set-table .shift-area.offset-0\.2 {  top: calc(0.2*80px + 2px);  }
.shift-set-table .shift-area.offset-0\.3 {  top: calc(0.3*80px + 2px);  }
.shift-set-table .shift-area.offset-0\.4 {  top: calc(0.4*80px + 2px);  }
.shift-set-table .shift-area.offset-0\.5 {  top: calc(0.5*80px + 2px);  }
.shift-set-table .shift-area.offset-0\.6 {  top: calc(0.6*80px + 2px);  }
.shift-set-table .shift-area.offset-0\.7 {  top: calc(0.7*80px + 2px);  }
.shift-set-table .shift-area.offset-0\.8 {  top: calc(0.8*80px + 2px);  }
.shift-set-table .shift-area.offset-0\.9 {  top: calc(0.9*80px + 2px);  }
.shift-set-table .shift-area.offset-1 {  top: calc(1*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.1 {  top: calc(1.1*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.2 {  top: calc(1.2*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.3 {  top: calc(1.3*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.4 {  top: calc(1.4*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.5 {  top: calc(1.5*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.6 {  top: calc(1.6*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.7 {  top: calc(1.7*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.8 {  top: calc(1.8*80px + 2px);  }
.shift-set-table .shift-area.offset-1\.9 {  top: calc(1.9*80px + 2px);  }
.shift-set-table .shift-area.offset-2 {  top: calc(2*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.1 {  top: calc(2.1*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.2 {  top: calc(2.2*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.3 {  top: calc(2.3*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.4 {  top: calc(2.4*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.5 {  top: calc(2.5*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.6 {  top: calc(2.6*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.7 {  top: calc(2.7*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.8 {  top: calc(2.8*80px + 2px);  }
.shift-set-table .shift-area.offset-2\.9 {  top: calc(2.9*80px + 2px);  }
.shift-set-table .shift-area.offset-3 {  top: calc(3*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.1 {  top: calc(3.1*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.2 {  top: calc(3.2*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.3 {  top: calc(3.3*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.4 {  top: calc(3.4*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.5 {  top: calc(3.5*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.6 {  top: calc(3.6*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.7 {  top: calc(3.7*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.8 {  top: calc(3.8*80px + 2px);  }
.shift-set-table .shift-area.offset-3\.9 {  top: calc(3.9*80px + 2px);  }
.shift-set-table .shift-area.offset-4 {  top: calc(4*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.1 {  top: calc(4.1*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.2 {  top: calc(4.2*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.3 {  top: calc(4.3*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.4 {  top: calc(4.4*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.5 {  top: calc(4.5*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.6 {  top: calc(4.6*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.7 {  top: calc(4.7*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.8 {  top: calc(4.8*80px + 2px);  }
.shift-set-table .shift-area.offset-4\.9 {  top: calc(4.9*80px + 2px);  }
.shift-set-table .shift-area.offset-5 {  top: calc(5*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.1 {  top: calc(5.1*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.2 {  top: calc(5.2*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.3 {  top: calc(5.3*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.4 {  top: calc(5.4*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.5 {  top: calc(5.5*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.6 {  top: calc(5.6*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.7 {  top: calc(5.7*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.8 {  top: calc(5.8*80px + 2px);  }
.shift-set-table .shift-area.offset-5\.9 {  top: calc(5.9*80px + 2px);  }
.shift-set-table .shift-area.offset-6 {  top: calc(6*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.1 {  top: calc(6.1*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.2 {  top: calc(6.2*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.3 {  top: calc(6.3*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.4 {  top: calc(6.4*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.5 {  top: calc(6.5*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.6 {  top: calc(6.6*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.7 {  top: calc(6.7*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.8 {  top: calc(6.8*80px + 2px);  }
.shift-set-table .shift-area.offset-6\.9 {  top: calc(6.9*80px + 2px);  }
.shift-set-table .shift-area.offset-7 {  top: calc(7*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.1 {  top: calc(7.1*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.2 {  top: calc(7.2*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.3 {  top: calc(7.3*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.4 {  top: calc(7.4*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.5 {  top: calc(7.5*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.6 {  top: calc(7.6*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.7 {  top: calc(7.7*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.8 {  top: calc(7.8*80px + 2px);  }
.shift-set-table .shift-area.offset-7\.9 {  top: calc(7.9*80px + 2px);  }
.shift-set-table .shift-area.offset-8 {  top: calc(8*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.1 {  top: calc(8.1*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.2 {  top: calc(8.2*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.3 {  top: calc(8.3*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.4 {  top: calc(8.4*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.5 {  top: calc(8.5*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.6 {  top: calc(8.6*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.7 {  top: calc(8.7*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.8 {  top: calc(8.8*80px + 2px);  }
.shift-set-table .shift-area.offset-8\.9 {  top: calc(8.9*80px + 2px);  }
.shift-set-table .shift-area.offset-9 {  top: calc(9*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.1 {  top: calc(9.1*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.2 {  top: calc(9.2*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.3 {  top: calc(9.3*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.4 {  top: calc(9.4*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.5 {  top: calc(9.5*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.6 {  top: calc(9.6*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.7 {  top: calc(9.7*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.8 {  top: calc(9.8*80px + 2px);  }
.shift-set-table .shift-area.offset-9\.9 {  top: calc(9.9*80px + 2px);  }
.shift-set-table .shift-area.offset-10 {  top: calc(10*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.1 {  top: calc(10.1*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.2 {  top: calc(10.2*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.3 {  top: calc(10.3*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.4 {  top: calc(10.4*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.5 {  top: calc(10.5*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.6 {  top: calc(10.6*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.7 {  top: calc(10.7*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.8 {  top: calc(10.8*80px + 2px);  }
.shift-set-table .shift-area.offset-10\.9 {  top: calc(10.9*80px + 2px);  }
.shift-set-table .shift-area.offset-11 {  top: calc(11*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.1 {  top: calc(11.1*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.2 {  top: calc(11.2*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.3 {  top: calc(11.3*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.4 {  top: calc(11.4*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.5 {  top: calc(11.5*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.6 {  top: calc(11.6*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.7 {  top: calc(11.7*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.8 {  top: calc(11.8*80px + 2px);  }
.shift-set-table .shift-area.offset-11\.9 {  top: calc(11.9*80px + 2px);  }
.shift-set-table .shift-area.offset-12 {  top: calc(12*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.1 {  top: calc(12.1*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.2 {  top: calc(12.2*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.3 {  top: calc(12.3*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.4 {  top: calc(12.4*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.5 {  top: calc(12.5*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.6 {  top: calc(12.6*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.7 {  top: calc(12.7*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.8 {  top: calc(12.8*80px + 2px);  }
.shift-set-table .shift-area.offset-12\.9 {  top: calc(12.9*80px + 2px);  }

.printPdfButton{

    background-image:url("../img/pdf.png");
    display:block;
    height:30px;
    width: 30px;
    background-size: contain;
    background-color: transparent;
    border:0px;
    margin:10px;
}

.intensityBtn{
    background-color:#2c6cf6;
    padding:10px 15px;
    color: #FFFFFF;
    border:0px;
    border-radius:3px;
    margin:5px;
}

input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    width: 100%; /* Specific width is required for Firefox. */
    background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]:focus {
    outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;

    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #3071a9;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #367ebd;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #3071a9;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-lower {
    background: #3071a9;
}
input[type=range]::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-upper {
    background: #367ebd;
}

.doc{
    height:470px;,

}

.whiteBoxBtn{
    padding:30px;
    display:inline-block;
    margin:10px;
    background-color:#FFFFFF;
    text-align: center;
    cursor:pointer;
    transition: all 0.5s;
    border-radius:5px;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);

}

.whiteBoxBtn:hover{
  background-color:#efefef;
  transition: all 0.5s;

}

.card h4{
  margin-left:25px;
}