@import "mobile_history/components/colors.css";
@import "mobile_history/components/icons.css";
@import "mobile_history/components/typography.css";
@import "mobile_history/components/sweetalert2.css";
@import "components/classes.css";
@import "components/custom-icons.css";
@import "components/typography.css";
@import "components/forms.css";
@import "components/popups.css";
@import "components/spaces.css";
@import "components/buttons.css";
@import "components/elements.css";
@import "components/form.css";
@import "components/main.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: none;
    border-radius: 0;
}
small {
    font-size: smaller;
}
html{
    overflow-x: hidden;
    font-size: 15px;
}
html,body{
    min-height: 100vh;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
ul.circle {
    list-style: circle;
}

ul.inside {
    list-style: inside;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
body {
    margin: 0;
    color: #333;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    background: #f3f3f3;
    font-weight: 300;
    position: relative;
    letter-spacing: 0.025em;
    display: flex;
    flex-direction: column;
}
a {
    text-decoration: none;
    outline: none;
    color: inherit;
    transition: all 0.2s ease;
}
p {
    margin: 0 0 15px 0;
}
img {
    max-width: 100%;
}
input, select, textarea {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    background: #fff;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 14px;
    line-height: 20px;
    height: 50px;
    border: 0;
}
input[type="text"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, textarea:disabled {
    background: var(--disabled-color);
    border-color: var(--disabled-color);
    color: var(--white-color);
    -webkit-text-fill-color: var(--white-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
textarea{
    height: 150px;
    line-height: 20px;
}
input.saved-val{
    background: #dfdede;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    cursor: default;
    line-height: 48px;
    min-height: 68px;
    letter-spacing: 0.025em;
    color: #000;
}
.saved-val-input {
    display: block;
    background: #f1f1f1;
    font-size: 1.067em;
    text-align: center;
    cursor: default;
    padding: 0.813em 0.875em;
    line-height: 1.5em;
    min-height: 3.125em;
    letter-spacing: 0.025em;
    color: #000;
}
::-webkit-input-placeholder {
    color: #999;
}
:-moz-placeholder {
    color: #999;
}
::-moz-placeholder {
    color: #999;
    opacity: 1;
}
input:-ms-input-placeholder {
    color: #999 !important;
}
input.placeholder {
    color: #999 !important;
}
textarea {
    overflow: auto;
    resize: none;
}
button {
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
button:focus {
    outline: none;
}
button::-moz-focus-inner {
    border: 0;
    outline: 0;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}
.clear.separator {
    visibility: visible;
    height: 20px;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
* html .clearfix {
    height: 1%;
}
.delete_element {
    position: absolute;
    left: -9999px;
}
.align_center {
    text-align: center;
}
.align_right {
    text-align: right;
}
.align_left{
    text-align: left;
}
.hidden{
	display:none !important;
}
sup {
    font-size: 60%;
    position: relative;
    top: -0.5em;
}
strong {
    font-weight: 700;
}
.float_right {
    float: right;
}
.float_left {
    float: left;
}
.loader, .file_loader{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #032d3d;
}
.file_loader{
    background: rgba(3, 45, 61, 0.7);
}
.loader > img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}
.upload_loader{
	position: absolute;
	left: 50%;
	top: 50%;
    font-weight: normal;
    display: inline-block;
	margin-left: -50px;
	margin-top: -50px; 
    height: 100px;
    width: 100px;
}
.upload_loader span {
    font-size: 22px;
    left: 0;
    position: absolute;
    top: 0;
	width: 100%;
	line-height: 100px;
	display: block;
    text-align: center;
    color: #fff;
}
.normal-case {
    text-transform: none !important;
}

.defaultCursor {
    cursor: default !important;
}
/*====================Main structure start======================*/
.container_wrap {
    padding: 0 35px;
}
.form_style input[type="text"], .form_style input[type="number"], .form_style input[type="password"], .form_style input[type="email"] {
    background: #fff;
    padding: 0 1.375em;
    width: 100%;
    border: 1px solid #fff;
    font-size: 1.067em;
    line-height: 3.125em;
    margin: 0 0 0.625em 0;
}
input[type="text"].error, input[type="number"].error, input[type="password"].error {
    border-color: #e84f13;
    color: #e84f13;
}
.error::-webkit-input-placeholder {
    color: #e84f13;
}
.error:-moz-placeholder {
    color: #e84f13;
}
.error::-moz-placeholder {
    color: #e84f13;
    opacity: 1;
}
input.error:-ms-input-placeholder {
    color: #e84f13 !important;
}
input.error.placeholder {
    color: #e84f13 !important;
}
.form_style fieldset {
    padding: 0.7em 0;
}
.error_message,
.info_message {
    font-size: 16px;
    line-height: 18px;
    text-align: left;
}
.error_message > span,
.info_message > span {
    display: block;
    padding: 10px 0;
}
.error_message {
    color: #d33b00;
}
label.error,
label.info {
    font-size: 16px;
    line-height: 18px;
    display: block;
    padding: 10px 0;
    text-align: left;
}
label.error {
    color: #d33b00;
}
.icon-fieldset {
    position: relative;
}
.icon-fieldset em {
    position: absolute;
    right: 1em;
    height: 2.273em;
    top: 0.455em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
}
.icon-fieldset .show-password {
    cursor: pointer;
}
.icon-fieldset input {
    padding-right: 3.5em !important;
}
.btn {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 26px;
    padding: 18px 32px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
    background: #0d4b63;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    transition: all 0.2s ease;
}
.btn.small{
    font-size: 18px;
    line-height: 20px;
    padding: 10px 20px;
}
.btn.middle{
    font-size: 18px;
    line-height: 25px;
    padding: 12px 20px 13px 20px;
}
.btn:hover, .btn:active{
    background: #7796a2;
    color: rgba(255, 255, 255, 0.5);
}
.btn:hover img, .btn:active img {
    opacity: 0.5;
}
.btn.orange {
    background: #ff9900;
}
.btn.yellow {
    background: #ffc000;
    color: #fff;
}
.btn.gray{
    background: #353636;
}
.btn.green{
    background: #448600;
}
.btn.orange:hover, .btn.orange:active {
    background: #d0b65f;
}
.btn.yellow:hover, .btn.yellow:active {
    background: #caad54;
}
.btn.gray:hover, .btn.gray:active {
    background: #7b7b7b;
}
.btn.green:hover, .btn.green:active {
    background: #a2ca78;
}
.icon_btn {
    line-height: 35px;
    padding: 13px 20px 14px 20px;
}
.icon_btn span{
    display: inline-block;
}
.new_btn span {
    display: inline-block;
    padding: 0 0 0 48px;
    background: url("../img/new_btn_icon.png") no-repeat left center;
    transition: all 0.2s ease;
}
.dl_xls_btn span {
    display: inline-block;
    padding: 0 0 0 48px;
    background: url("../img/download_xls_btn.png") no-repeat left center;
    transition: all 0.2s ease;
    background-size: contain;
}
.view_btn span {
    display: inline-block;
    padding: 0 0 0 54px;
    background: url("../img/view_btn_icon.png") no-repeat left center;
    transition: all 0.2s ease;
}
.return_btn span{
    background: url("../img/return_btnIcon.png") no-repeat left center;
    padding: 0 0 0 37px;
    transition: all 0.2s ease;
}
.delete_btn span{
    background: url("../img/delete_btnIcon.png") no-repeat right top;
    padding: 0 38px 0 0;
    transition: all 0.2s ease;
}
.filter_btn span{
    display: inline-block;
    background: url("../img/icon_filter_white.png") no-repeat left center;
    padding: 0 0 0 40px;
}
.dl_btn span{
    display: inline-block;
    background: url("../img/icon_download.png") no-repeat left center;
    padding: 0 0 0 40px;
}
.dl_btn.small span{
    background-size: auto 20px !important;
}
.icon_set_btn span{
    display: inline-block;
    background-size: 24px auto !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    padding: 0 0 0 40px;
}
.procedure_btn span{
    background: url("../img/register_titleIcon.png");
}
.parameters_btn span{
    background: url("../img/parameters_titleIcon.png");
}
.parameters_btn.small span{
    background-size: auto 20px !important;
}
.edit_btn span{
    background: url("../img/edit_icon.png");
}
.print_btn span{
    background: url("../img/print_titleIcon.png");
}
.sanitaryCheck_btn span{
    background: url("../img/sanitary_check.svg");
}
.print_history_btn span{
    background: url("../img/history_white.svg");
}
.create_btn span{
    background: url("../img/new_btn_icon.png");
}
.finish_btn span{
    background: url("../img/finish_titleIcon.png");
    text-align: left;
    background-size: 30px auto !important;
}
.btn:hover span, .btn:active span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    color: rgba(255, 255, 255, 1);
}
.btn.inactive {
    cursor: default;
    background: #d2d2d2 !important;
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
}
.btn.inactive span {
    opacity: 1 !important;
}
.btn.active {
    cursor: pointer;
    background: #448600;
    color: #fff;
}
.btn.active span, .btn.valid_mark span{
    padding: 0 45px 0 0;
    display: inline-block;
    background: url("../img/valid_button_mark.png") no-repeat right center;
}
.btn.valid:hover, .btn.valid:active,
.btn.active:hover, .btn.active:active{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    color: rgba(255, 255, 255, 1);
}
.btn.fixWidth{
    min-width: 380px;
}
.popup {
    padding: 20px;
    display: none;
}
.popup .popup_container {
    background: #fff;
    width: 980px;
    padding: 20px 40px 40px 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.popup .closePopup_btn{
    position: absolute;
    right: -10px;
    top: 2px;
    background: url("../img/popup_close.png") no-repeat center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.popup h3 {
    font-size: 15px;
    text-transform: uppercase;
    color: #208eb7;
    letter-spacing: 0.02em;
    padding: 15px 0 10px 0;
    border-bottom: 7px solid #208eb7;
    margin: 0 0 15px 0;
    font-weight: 400;
	position: relative;
}
.popup h3.icon {
    position: relative;
    padding-left: 35px;
}
.popup h3.icon img {
    position: absolute;
    top: 9px;
    left: 0;
}
.popup h4 {
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding-bottom: 4px;
    border-bottom: 2px solid;
    margin: 6px 0 8px 0;
    font-weight: 400;
    position: relative;
}
.popup_gray_box {
    background: #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 35px;
    border-radius: 5px;
    padding: 30px 20px 30px 20px;
    text-align: center;
    color: #000;
    font-weight: 300;
    letter-spacing: 0.02em;
}
.popup_grayBox_text{
    background: #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 35px;
    border-radius: 5px;
    padding: 20px;
    color: #000;
    margin: 0 0 25px 0;
}
.popup_section{
    padding: 20px;
    margin: 10px 0 0 0;
    color: #0d4b63;
    font-weight: 400;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 35px;
    border-radius: 5px;
}
.popup_grayBox_text .popup_section:first-child{
    margin-top: 0;
}
.popup_section h5{
    float: left;
    width: 110px;
    margin: 0 -110px 0 0;
    text-transform: uppercase;
    color: #84b056;
}
.popup_section > div{
    float: left;
    width: 100%;
    padding: 0 0 0 120px;
}
.popup p {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin: 0 0 18px 0;
    font-weight: 400;
}
.popup_content_tile {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 0.5em;
}
.popup.large .popup_container {
    max-width: 90%;
    width: 1200px;
}
.image-slider{
    position: relative;
    min-height: 508px;
}
.image-slider .owl-nav .owl-prev, .image-slider .owl-nav .owl-next{
    position: absolute;
}
.image-slider .owl-nav .owl-prev{
    background: url("../img/image_slider_arrowLeft.png") no-repeat center center;
}
.image-slider .owl-nav .owl-next{
    background: url("../img/image_slider_arrowRight.png") no-repeat center center;
}
.image-loader{
    background: #e5e5e5;
    position: absolute;
    min-height: 508px;
    width: 100%;
}
.image-loader img{
    position: absolute;
    left: 50%;
    top: 50%;
}
.option_box {
    background: #0d4b63;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    letter-spacing: 0.02em;
    padding: 10px;
    line-height: 24px;
    font-weight: 700;
    cursor: pointer;
    display: block;
    transition: all 0.2s ease;
}
.blue_box {
    background: #0d4b63;
}
.green_box {
    background: #448600;
}
.button_set {
    margin: 0 -2%;
    text-align: center;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.button_set .button_setElement {
    display: inline-block;
    padding: 12px 2%;
    width: 32%;
}
.button_set .button_setElement .button_wrap {
    display: table;
    width: 100%;
    height: 100%;
}
.button_setContent {
    height: 174px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.button_setContent img {
    margin: 10px 0 0 0;
}
.button_setContent span {
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.button_setContent.one_lineBtn span{
    padding-top: 25px;
}
.blue_box:hover, .blue_box:active {
    background: #7796a2 !important;
    color: rgba(255, 255, 255, 0.5) !important;
}
.button_set .option_box:hover, .button_set .option_box:active {
    background: #448600;
    color: #fff;
}
.main_contentWrap {
    padding: 2em 46px 40px 46px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.nav_arrows {
    width: 100%;
    position: relative;
    padding: 0 60px;
}
.nav_arrows.right_space, .nav_arrows.next_stepDisabled {
    padding-right: 0;
}
.nav_arrows.left_space {
    padding-left: 0;
}
.nav_arrows.right_space .right_arrow {
    display: none;
}
.nav_arrows.left_space .left_arrow {
    display: none;
}
.nav_arrows .arrows {
    background-color: rgba(6, 7, 7, 0.8);
    background-repeat: no-repeat;
    background-position: center center;
    width: 60px;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 5;

    /* Try fix for iOS InAppBrowser : fixed elements disappearing */
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
}
.nav_arrows .left_arrow {
    left: 0;
    background-image: url("../img/slider_arrowLeft.png");
}
.nav_arrows .right_arrow {
    right: 0;
    background-image: url("../img/slider_arrowRight.png");
}
.nav_arrows .left_arrow.active {
    background-image: url("../img/slider_arrowLeft_active.png");
    cursor: pointer;
}
.nav_arrows .right_arrow.active {
    background-image: url("../img/slider_arrowRight_active.png");
    cursor: pointer;
}
.steps {
    display: none;
}
.steps.active {
    display: flex;
    flex-direction: column;
}
.steps_title {
    border-bottom: 7px solid #208eb7;
    font-size: 15px;
    color: #208eb7;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 400;
    min-height: 32px;
    line-height: 32px;
    padding: 5px 0 5px 64px;
    position: relative;
    margin: 0 0 25px 0;
}
.steps_title > em {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    font-style: normal;
}
.steps_title span {
    width: 49px;
    height: 43px;
    background: #208eb7;
    text-align: center;
    display: block;
    position: absolute;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    line-height: 43px;
    left: 0;
    bottom: -1px;
}
.steps_title span img {
    vertical-align: middle;
    max-width: 2.333em;
    max-height: 2.200em;
}
.steps_title.secondLevel span:nth-child(2){
    left: 70px;
}
.steps_title.secondLevel span:nth-child(1){
    background: #9fcbdb;
}
.steps_title.secondLevel{
    padding-left: 135px;
}
.steps_title.reduce_spaceDown{
    margin-bottom: 13px;
}
.gray_box_content {
    background: #e1e1e1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 67px 37px;
}
.steps_subTitle {
    text-transform: uppercase;
    font-weight: 300;
    color: #000;
    margin: 0 0 30px 0;
}
.page_subTitle{
    font-size: 20px;
    color: #208eb7;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}
.cols_2{
    margin: 0 -2.5%;
}
.cols_2 .column{
    float: left;
    width: 50%;
    max-width: 50%;
    padding: 0 2.5%;
}
.cols_4{
    margin: 0 -1%;
}
.cols_4 .column{
    float: left;
    max-width: 25%;
    width: 25%;
    padding: 0 1%;
}
.cols_3{
    margin: 0 -1%;
}
.cols_3 .column{
    float: left;
    max-width: 33.33%;
    width: 33.33%;
    padding: 0 1%;
}
.cols_5 {
    margin: 0 -1%;
}
.cols_5 .column {
    float: left;
    max-width: 20%;
    width: 20%;
    padding: 0 1%;
}
.ez-hide {
    opacity: 0;
    filter:alpha(opacity=0);
    height: 100% !important;
    border: 0;
    margin: 0;
    line-height: 100%;
}
.ez-checkbox {
    background: transparent url('../img/sortable_selectMark.png') left top no-repeat;
    width: 38px;
    height: 36px;
    display:inline-block;
    vertical-align: middle;
}
.ez-radio {
    /*background: transparent url('../images/radio-black.png') 0 1px no-repeat;*/
    display:inline-block;
}
.ez-checked {
    background-position: 0 bottom;
}
.ez-selected {
    background-position: 0 bottom;
}
.ez-checkbox, .ez-radio {
    zoom: 1;
    *display:inline;
    _height:30px;
}
.page_row{
    margin: 0 0 25px 0;
}
/*====================Main structure end======================*/
/*====================Header start======================*/
header {
    background: #0d4b63;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    min-height: 50px;
    position: fixed;
    z-index: 9999;
    width: 100%;

    /* Try fix for iOS InAppBrowser : fixed elements disappearing */
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
}
.page_content{
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1;
}
header .header_left {
    float: left;
}
header .header_right {
    float: right;
}
#power_off {
    float: right;
    width: 25px;
    height: 25px;
    background: url("../img/power_off_icon.png") no-repeat;
    cursor: pointer;
    margin: 14px 0 0 0;
    display: block;
}
#user_off{
    float: right;
    width: 25px;
    height: 25px;
    background: url("../img/user_off_icon.png") no-repeat center center;
    cursor: pointer;
    margin: 14px 0 0 0;
    display: block;
}
#user_greeting {
    float: right;
    padding: 0 10px;
    text-align: center;
    min-width: 190px;
    line-height: 50px;
    text-transform: none;
}
#user_greeting span {
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
}
#header_img {
    float: right;
    display: block;
}
#breadcrumb {
    float: left;
    display: inline-block;
    padding: 0 7px;
}
#breadcrumb img {
    vertical-align: middle;
    margin: 11px 0 0 0;
}
#breadcrumb span {
    color: var(--orange);
    line-height: 40px;
    vertical-align: middle;
    display: inline-block;
    min-height: 40px;
    margin: 4px 0 0 32px;
    padding: 0 0 0 50px;
}
#breadcrumb span.white {
    color: var(--white);
}
#breadcrumb span em {
    display: inline-block;
    line-height: 15px;
    padding: 2px 0 0 0;
    vertical-align: middle;
    max-width: 350px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
#breadcrumb span.control_delivery {
    background: url("../img/controle_reception_icon.png") no-repeat left top;
}
#header_logo {
    float: left;
    margin: 4px 0 0 87px;
}
#calendar_box {
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -130px;
    min-width: 260px;
    padding: 0 10px 0 45px;
    background: url("../img/calendar_icon.png") no-repeat left top;
    min-height: 31px;
    line-height: 31px;
    text-align: center;
}
#calendar_box span {
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
}
/*====================Header end======================*/
/*====================Login start======================*/
.login_screen_img {
    background: url("../img/login_screen_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#login_box {
    background: rgba(255, 255, 255, 0.6);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 28px 32px 40px 32px;
    width: 472px;
    margin: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -240px;
    margin-left: -235px;
}
#login_box.clients {
    border: #0D4B63 2px solid;
}
#login_box.superpoulpe {
    border: #ff9900 2px solid;
}
#login_box > img {
    display: block;
    margin: 0 auto 15px auto;
}
#restore_pass {
    color: #0d4b63;
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    display: inline-block;
    line-height: 16px;
}
#restore_pass:hover {
    text-decoration: underline;
}
#login_box .btn {
    width: 100%;
    margin-top: 25px;
    padding-left: 1em;
    padding-right: 1em;
}
#login_box input[type="text"] {
    /*background: url("../img/user_icon.png") no-repeat right center #fff;*/
    padding-right: 60px;
}
#login_box input[type="password"] {
    /*background: url("../img/icon_eye.png") no-repeat right center #fff;*/
    padding-right: 60px;
}
#login_box .error_messge > span {
    padding: 10px 0 0 0;
}
#resetForm, .form_wrap {
    margin: 0 auto;
    max-width: 405px;
}
#resetForm button, .form_wrap .btn {
    width: 100%;
}
#login_box.new_login {
    color: #0D4B63;
    background: white;
}
#login_box.new_login .logo_box {
    border-bottom: #DAE5E9 1px solid;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
#login_box.new_login .logo_box img {
    width: 125px;
}
#login_box.new_login .title {
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 0.5rem;
    display: block;
}
#login_box.new_login .subtitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #0D4B63;
}
#login_box.new_login fieldset label {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
}
#login_box.new_login fieldset input {
    border-radius: 15px;
    border: #DAE5E9 1px solid;
    padding: 0 20px;
    height: 55px;
}
#login_box.new_login fieldset #restore_pass {
    color: #1F96F2;
    line-height: 18px;
    font-size: 15px;
    font-weight: 700;
}
#login_box.new_login fieldset .fa {
    position: absolute;
    top: -45px;
    right: 15px;
    font-size: 20px;
    height: auto;
}
#login_box.new_login .btn {
    height: 55px;
    font-size: 20px;
    text-transform: none !important;
    line-height: 0;
}

#login_box.new_login fieldset input::-ms-reveal,
#login_box.new_login fieldset input::-ms-clear {
    display: none;
}
#login_box.new_login .form_style {
    margin-bottom: 2rem;
}
.blue_border_box {
    border: #0D4B63 1px solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 30px 20px 30px 20px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.02em;
}
#admin_loginForm .btn{
    margin-top: 20px;
}
.form_section{
    margin: 0 0 22px 0;
}
.form_section fieldset:nth-child(even){
    background: #c4dee4;
}
.notifyjs-corner{
    margin: 0 !important;
    left: 90px !important;
    bottom: 36px !important;
}
.notifyjs-foo-base {
    background: #0d4b63;
    padding: 5px 55px 5px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 54px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    font-weight: 400;
}
.notifyjs-foo-base .title {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    min-width: 270px;
}
.notifyjs-foo-base .close_notification {
    position: absolute;
    right: 20px;
    top: 50%;
    background: url("../img/cross_icon.png") no-repeat;
    width: 19px;
    height: 19px;
    margin-top: -9px;
    cursor: pointer;
}
/*==================== Login end======================*/
/*==================== User selection start======================*/
.user_selectionContent {
    position: relative;
    padding: 55px 0 145px 0;
}
.user_selectionTitle {
    font-size: 75px;
    line-height: 56px;
    text-align: center;
    color: #208eb7;
    margin: 0 0 0.2em 0;
    background: url("../img/users_selection_titleBg.png") no-repeat center center;
    padding: 24px 20px 7px 20px;
    background-size: cover;
    font-weight: 100;
}
.user_selectionTitle span {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.02em;
    display: block;
}
.users_selectionWrap {
    padding: 0 125px;
}
.user_selectionButton {
    text-align: right;
    padding: 0 125px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 55px;
}
.user_selectionList {
    margin: 0 -1%;
    text-align: center;
}
.user_selectionList .column {
    display: inline-block;
    padding: 12px 1%;
    width: 24%;
}
.user_selectionList .button_wrap{
    display: table;
    width: 100%;
    font-size: 1em;
    padding: 0;
}
.user_selectionList .button_setContent {
    line-height: 100px;
    font-size: 1.5em;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.user_selectionList .button_setContent span {
    line-height: 30px;
}
.user_selectionList .button_wrap.has_tasks .button_setContent{
    width: 75%;
}
.user_selectionList .user_tasks_list {
    width: 25%;
    display: table-cell;
    background: #ff8a66;
    vertical-align: middle;
    position: relative;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
.user_selectionList .user_tasks_list:after {
    content: '';
    display: block;
    position: absolute;
    left: -18px;
    top: 50%;
    margin-top: -11px;
    width: 0;
    height: 0;
    border-width: 11px 8px 11px 11px;
    border-color: transparent #ff8a66 transparent transparent;
    border-style: solid;
}
.user_selectionList .user_tasks_list img {
    max-height: 2.8em;
    margin: 0.267em 0;
    max-width: 2.8em;
}
.top_page {
    padding-left: 20px;
    padding-right: 20px;
}
.top_page .top_barSearch {
   padding-left: 0;
   max-width: 50em;
}
/*====================User selection end======================*/
/*====================Home start======================*/
.home_cols {
    margin: 0 -2%;
}
.home_cols .column {
    float: left;
    padding: 0 2%;
    width: 33.33%;
    max-width: 33.33%;
}
.home_section_title {
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    width: 100%;
    color: #ff9900;
    margin: 0 0 38px 0;
}
.home_section_title > div {
    display: table;
    width: 100%;
    border-bottom: 7px solid #ff9900;
}
.home_section_title > div span {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
    padding: 8px 0;
    height: 80px;
}
#temp_section .home_section_title {
    color: #208eb7;
}
#temp_section .home_section_title > div {
    border-color: #208eb7;
}
#restaurant_section .home_section_title {
    color: #0d4b63;
}
#restaurant_section .home_section_title > div {
    border-color: #0d4b63;
}
#hygiene_section .home_section_title {
    color: #3eac34;
}
#hygiene_section .home_section_title > div {
    border-color: #3eac34;
}
.home_btn {
    margin: 20px 0 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ff9900;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0.02em;
    transition: all 0.2s ease;
    display: block;
}
.home_btn > div {
    position: relative;
    transition: all 0.2s ease;
    width: 100%;
    display: table;
    table-layout: fixed;
}
.home_btn .home_btnIco {
    height: 100px;
    vertical-align: middle;
    padding: 10px 18px 10px 99px;
    background-position: 18px center !important;
    background-repeat: no-repeat !important;
    display: table-cell;
    width: 100%;
}
.home_btn.home_btn_hasAllert .home_btnIco {
    padding-right: 115px;
}
.home_btn:hover > div .home_btnAllert {
    opacity: 1;
}
.home_btn .home_btnAllert {
    position: absolute;
    height: 100%;
    background: #c27501;
    min-width: 85px;
    line-height: 90px;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    top: 0;
    right: 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
.home_btn .home_btnAllert.home_btnAllertLight{
    border-left: 1px solid #fff;
    background: none !important;
}
.home_btn .home_btnAllert span {
    display: inline-block;
    line-height: 38px;
    vertical-align: middle;
}
.home_btn .home_btnAllert em {
    font-size: 16px;
    line-height: 18px;
    display: block;
    margin: 5px 0 0 0;
    font-style: normal;
    font-weight: 300;
}
.home_btn .home_btnAllert strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}
#temp_section .home_btn {
    background: #208eb7;
}
#temp_section .home_btn .home_btnAllert, #temp_section .home_btn .dropdown_element .dropdown_icon{
    background: #0d4b63;
}
#hygiene_section .home_btn {
    background: #3eac34;
}
#hygiene_section .home_btn .home_btnAllert, #hygiene_section .home_btn .dropdown_element .dropdown_icon{
    background: #0e5807;
}
#restaurant_section .home_btn {
    background: #0d4b63;
}
.home_btn .home_btnAllert.warning_expire {
    background: #ff8a66 !important;
}
.home_btn .home_btnAllert.warning_expire:after {
    border-color: transparent #ff8a66 transparent transparent !important;
}
a.home_btn:hover {
    /*background: #cd881f;*/
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.5);
}
.parameters_categoriesList .home_btn > div > span{
    transition: all 0.2s ease 0s;
}
a.home_btn:hover .home_btnIco, .parameters_categoriesList .home_btn:hover img, .parameters_categoriesList .home_btn:hover > div > span {
    opacity: 0.5;
}
.parameters_categoriesList .home_btn.subcategory_active:hover > div > span{
    opacity: 1;
}
/*#temp_section .home_btn:hover {
    background: #166785;
}
#hygiene_section .home_btn:hover {
    background: #347e2d;
}*/
.home_btn.inactive {
    cursor: default;
}
.home_btn.inactive:not(.not_setup) {
    background: #b5b2b2 !important;
}
.home_btn.inactive > div {
    opacity: 0.5 !important;
}
.home_btn.inactive .home_btnAllert {
    background: #929292 !important;
}
.home_btn.inactive:hover {
    color: rgba(255, 255, 255, 1);
    opacity: 1;
}
.home_btn.inactive:hover .home_btnIco {
    opacity: 1;
}
.home_btn .home_btn_dropdown{
    padding: 0 15px 15px 15px;
    display: none;
}
.home_btn .dropdown_element{
    display: table;
    width: 100%;
    margin: 15px 0 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(255,255,255,0.45);
    transition: all 0.2s ease;
    color: #fff;
}
.home_btn .dropdown_element > div{
    height: 75px;
    vertical-align: middle;
    padding: 10px 18px 10px 15px;
    display: table-cell;
}
.home_btn .dropdown_element .home_btnAllert{
    position: relative;
    width: 70px;
    min-width: 70px;
    line-height: 75px;
    padding: 0;
    font-size: 30px;
    vertical-align: middle;
}
.home_btn .dropdown_element .home_btnAllert em{
    font-size: 12px;
    line-height: 15px;
    display: inline-block;
}
.home_btn .dropdown_element .home_btnAllert span{
    line-height: 20px;
}
.home_btn .dropdown_element .dropdown_icon{
    background: #c27501;
    text-align: center;
    vertical-align: middle;
    top: 0;
    right: 0;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 70px;
    min-width: 70px;
    position: relative;
    padding: 5px;
}
.home_btn .dropdown_element .dropdown_icon img{
    width: 30px;
}
.home_btn .dropdown_element .dropdown_icon_big img{
    width: 2.778em;
}
.home_btn .home_btnAllert:after {
    content: '';
    display: block;
    position: absolute;
    left: -18px;
    top: 50%;
    margin-top: -11px;
    width: 0;
    height: 0;
    border-width: 11px 8px 11px 11px;
    border-color: transparent #c27501 transparent transparent;
    border-style: solid;
}
.home_btn .home_btnAllert.home_btnAllertLight:before {
    content: '';
    display: block;
    position: absolute;
    left: -23px;
    top: 50%;
    margin-top: -12px;
    width: 0;
    height: 0;
    border-width: 12px 10px 12px 13px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
.home_btn .home_btnAllert.home_btnAllertLight:after{
    border-color: transparent #ff9900 transparent transparent;
}
.home_btn .dropdown_element .dropdown_icon:after {
    content: '';
    display: block;
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -11px;
    width: 0;
    height: 0;
    border-width: 11px 0 11px 9px;
    border-color: transparent transparent transparent #c27501;
    border-style: solid;
}
#temp_section .home_btn .home_btnAllert:after {
    border-right-color: #0d4b63;
}
#temp_section .home_btn .home_btnAllertLight:after {
    border-right-color: #208eb7;
}
.home_btn .dropdown_element .dropdown_icon:after{
    border-left-color: #0d4b63;
}
#product_section .dropdown_element .dropdown_icon:after{
    border-left-color: #c27501;
}
#temp_section .home_btn .dropdown_element .home_btnAllertLight:after{
    border-right-color: #85C1D7;
}
#hygiene_section .home_btn .home_btnAllert:after {
    border-right-color: #0e5807;
}
#hygiene_section .dropdown_element .dropdown_icon:after{
    border-left-color: #0e5807;
}
.home_btn:hover > .home_btnAllertLight:before{
    border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent;
}
.home_btn:hover > .home_btnAllertLight{
    border-color: rgba(255, 255, 255, 0.5);
}
.home_btn.inactive .home_btnAllert:after {
    border-right-color: #929292 !important;
}
.home_btn .dropdown_element.inactive{
    background: #c1bfc0 !important;
    cursor: default;
}
.home_btn .dropdown_element.inactive .dropdown_icon:after{
    border-left-color: #979797 !important;
}
.home_btn .dropdown_element.inactive .dropdown_icon{
    background: #979797 !important;
}
.home_btn .dropdown_element.inactive .home_btnAllertLight:after{
    border-right-color: #c1bfc0 !important;
}
.home_btn .dropdown_element:hover{
    opacity: 0.5;
}
.home_btn .dropdown_element.inactive:hover{
    opacity: 1;
}
.home_btn.not_setup {
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-size: 10px 10px;
    position: relative;
    background: -webkit-repeating-linear-gradient(-45deg, #FFAC28, #FFAC28 2px, #ff9900 2px, #ff9900 6px);
    background: -moz-repeating-linear-gradient(-45deg, #FFAC28, #FFAC28 2px, #ff9900 2px, #ff9900 6px);
    background: -ms-repeating-linear-gradient(-45deg, #FFAC28, #FFAC28 2px, #ff9900 2px, #ff9900 6px);
    background: -o-repeating-linear-gradient(-45deg, #FFAC28, #FFAC28 2px, #ff9900 2px, #ff9900 6px);
    background: repeating-linear-gradient(-45deg, #FFAC28, #FFAC28 2px, #ff9900 2px, #ff9900 6px);
}
#temp_section .home_btn.not_setup {
    background: -webkit-repeating-linear-gradient(-45deg, #419FC2, #419FC2 2px, #208eb7 2px, #208eb7 6px);
    background: -moz-repeating-linear-gradient(-45deg, #419FC2, #419FC2 2px, #208eb7 2px, #208eb7 6px);
    background: -ms-repeating-linear-gradient(-45deg, #419FC2, #419FC2 2px, #208eb7 2px, #208eb7 6px);
    background: -o-repeating-linear-gradient(-45deg, #419FC2, #419FC2 2px, #208eb7 2px, #208eb7 6px);
    background: repeating-linear-gradient(-45deg, #419FC2, #419FC2 2px, #208eb7 2px, #208eb7 6px);
}
#hygiene_section .home_btn.not_setup {
    background: -webkit-repeating-linear-gradient(-45deg, #82BF76, #82BF76 2px, #3eac34 2px, #3eac34 6px);
    background: -moz-repeating-linear-gradient(-45deg, #82BF76, #82BF76 2px, #3eac34 2px, #3eac34 6px);
    background: -ms-repeating-linear-gradient(-45deg, #82BF76, #82BF76 2px, #3eac34 2px, #3eac34 6px);
    background: -o-repeating-linear-gradient(-45deg, #82BF76, #82BF76 2px, #3eac34 2px, #3eac34 6px);
    background: repeating-linear-gradient(-45deg, #82BF76, #82BF76 2px, #3eac34 2px, #3eac34 6px);
}
.home_btn.not_setup:after {
    content: "\e903";
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 1rem;
    height: 100%;
    display: flex;
    align-items: center;

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.home_btn.not_setup .home_btnAllert {
    display: none;
}
.employee-name{
    text-transform: none;
}
/*====================Home end======================*/
/*====================Control delivery start======================*/
#breadcrumb .control_deliveryIco {
    background: url("../img/controle_reception_icon.png") no-repeat left center;
}
#breadcrumb .complaintsIco {
    background: url("../img/complaints_header_icon.png") no-repeat left center;
}
#breadcrumb .frigeIco {
    background: url("../img/frige_temp_icon.png") no-repeat left center;
}
#breadcrumb .adminRestaurantIco {
    background: url("../img/admin_restaurant_icon.png") no-repeat left center;
}
#breadcrumb .labelIco {
    background: url("../img/label_header_icon.png") no-repeat left center;
}
#breadcrumb .oilIco {
    background: url("../img/oil_header_icon.png") no-repeat left center;
}
#breadcrumb .printLabelIco {
    background: url("../img/printLabel_header_icon.png") no-repeat left center;
}
#breadcrumb .wasteIco {
    background: url("../img/waste_header_icon.png") no-repeat left center;
}
#breadcrumb .serviceIco {
    background: url("../img/service_temp_header_icon.png") no-repeat left center;
}
#breadcrumb .coolingIco {
    background: url("../img/cooling_header_icon.png") no-repeat left center;
}
#breadcrumb .adminIco {
    background: url("../img/admin_header_icon.png?v=11") no-repeat left center;
}
#breadcrumb .cleaningIco {
    background: url("../img/cleaning_header_icon.png") no-repeat left center;
}
#breadcrumb .checklistIco {
    background: url("../img/checklist_header_icon.png") no-repeat left center;
}
#breadcrumb .warmUpIco {
    background: url("../img/warm_up_header_icon.png") no-repeat left center;
}
#breadcrumb .internalAuditsIco {
    background: url("../img/internal_audits_header_icon.png") no-repeat left center;
}
#breadcrumb .cleaningCheckIco {
    background: url("../img/cleaning_check_header_icon.png") no-repeat left center;
}
#breadcrumb .clientDashboardIco {
    background: url("../img/icone_siege_icon.png") no-repeat left center;
}
#breadcrumb .cookingIco {
    background: url("../img/cooking_header_icon.png") no-repeat left center;
}
#breadcrumb .cookChillIco {
    background: url("../img/cook_chill_header_icon.png") no-repeat left center;
}
#breadcrumb .workflowIco {
    background: url("../img/category_temp_header_icon.png") no-repeat left center;
    background-size: 2rem auto;
}
#breadcrumb .remove-icon {
    padding-left: 0;
    background: none;
}
#control_deliveryStep1 {
    display: block;
}
.control_deliveryBoxes1 {
    margin: 0 -2%;
}
.control_deliveryBoxes1 .column {
    padding: 0 2%;
    float: left;
}
.control_deliveryBoxes1 .hours_column {
    width: 24%;
}
.control_deliveryBoxes1 .provider_column {
    width: 33%;
}
.control_deliveryBoxes1 .product_category_column {
    width: 43%;
}
.control_deliveryBoxes1 .product_column {
    width: 35%;
}
.control_deliveryBoxes1 .temp_column {
    width: 28%;
}
.control_deliveryBoxes1 .dlc_column {
    width: 37%;
}
.control_deliveryBoxes1 .noconfirm_type_column {
    width: 30%;
}
.control_deliveryBoxes1 .noconfirm_quantity_column {
    width: 35%;
}
.time_fields .time_btns {
    background: #fff;
}
.time_fields .time_btns span {
    float: right;
    background: #0d4b63;
    color: #fff;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
    font-size: 50px;
    text-align: center;
    width: 49.5%;
    line-height: 100px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.time_fields .time_btns span:first-child {
    float: left;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}
.time_fields .decrease_btns span {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.time_fields .decrease_btns span:first-child {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.time_fields .time_text {
    font-size: 60px;
    color: #262930;
    text-align: center;
    line-height: 130px;
    font-weight: 100;
    background: #fff;
    display: flex;
}
.time_fields .time_text input,
.time_fields .time_text span {
    font-size: 60px;
    color: #262930;
    text-align: center;
    line-height: 130px;
    font-weight: 100;
    background: #fff;
    margin: auto;
}
.time_fields .time_text .time_hours {
    text-align: right;
}
.time_fields .time_text .time_min {
    text-align: left;
}
.time_fields.active .time_btns .taphover.hover{
    background: #8cb5bf;
}
.time_fields.inactive{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.list_box {
    overflow: hidden;
}
.list_box ul {
    list-style: none;
}
.list_box ul li {
    display: block;
    font-size: 18px;
    letter-spacing: 0.025em;
    color: #000;
    text-transform: uppercase;
    padding: 10px 80px 10px 20px;
    min-height: 68px;
    line-height: 48px;
    margin: 1px 0 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #c4dee4;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}
.list_box ul li span {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}
.list_box ul li:first-child {
    margin: 0;
}
.list_box ul li em {
	display:none;
}
.list_box ul li.active {
    background: #8cb5bf;
}
.list_box ul li.active em {
    position: absolute;
    right: 34px;
    width: 37px;
    height: 33px;
    background: url("../img/check_mark_blue.png") no-repeat;
    top: 50%;
    margin-top: -16px;
	display: block;
}
.product_category {
    margin: 0 -1%;
    position: relative;
    display: flex;
}
.product_category .column {
    padding: 0 1%;
    width: 33.33%;
    max-width: 33.33%;
    float: left;
    position: relative;
    margin: 0 0 20px 0;
}
.product_category .product_categoryElement {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 18px 10px 10px 10px;
    min-height: 163px;
    height: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s ease;
}
.product_category .product_categoryElement img {
    margin: 0 auto 20px auto;
    display: block;
}
.product_category .product_categoryElement .category_mark {
    position: absolute;
    top: 53px;
    left: 50%;
    margin-left: -16px;
    z-index: 10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.2s ease;
}
.product_category .product_categoryElement.active {
    color: rgba(255, 255, 255, 0.5);
}
.product_category .product_categoryElement.active img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
/*.product_category .product_categoryElement.active .category_mark {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}*/
.product_category .product_categoryElement.orange {
    background: #ff9933;
}
.product_category .product_categoryElement.light_blue {
    background: #98dede;
}
.product_category .product_categoryElement.blue {
    background: #3970a7;
}
.product_category .product_categoryElement.blue2 {
    background: #5482a9;
}
.product_category .product_categoryElement.orange {
    background: #ff9900;
}
.categories-flex {
    display: flex;
    justify-content: space-between;
}
.categories-flex .product_categoryElement {
    height: 100%;
}
.product_sub_category {
    display: none;
}
.product_sub_category ul {
    list-style: none;
}
.product_sub_category ul li {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 100px 5px 18px;
    color: #fff;
    position: relative;
    height: 68px;
    line-height: 58px;
    margin: 15px 0 0 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s ease;
}
.product_sub_category ul li:first-child {
    margin: 0;
}
.product_sub_category ul li:first-child em {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 19px 9px 19px;
    position: absolute;
    top: -9px;
    left: 0;
    border-color: transparent transparent #007bff transparent;
    margin-left: -19px;
}
.product_sub_category ul li span {
    word-break: break-all;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.product_sub_category ul li img {
    position: absolute;
    right: 33px;
    top: 0;
    max-height: 68px;
}
.product_sub_category .product_category_icon {
    position: absolute;
    right: 1em;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    min-width: 4em;
    justify-content: center;
}
.product_sub_category .product_category_icon img {
    position: relative;
    right: 0 !important;
    max-height: 2.8em;
    max-width: 2.8em;
}
.product_sub_category ul li .category_mark {
    right: 42px;
    top: 22px;
    z-index: 10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.2s ease;
}
.product_sub_category ul li.active img, .product_sub_category ul li.active span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.product_sub_category input[type="radio"] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}
.default_category .product_sub_category ul li .category_mark{
    right: 1.889em;
    top: 50%;
    margin-top: -0.889em;
}
.default_category .product_sub_category ul li.active .category_mark{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.autocomplete_box {
    position: relative;
}
.autocomplete_box .easy-autocomplete {
    position: relative;
    z-index: 3;
    width: 100% !important;
}
.autocomplete_box .easy-autocomplete input {
    width: 100% !important;
}
.autocomplete_box .select2-container {
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    height: 50px;
}
.autocomplete_box .select2-container .selection {
    position: absolute;
    right: 0;
    top: 0;
}
.autocomplete_box .select2-container .select2-selection--single .select2-selection__rendered {
    display: none;
}
.autocomplete_box .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url("../img/select_arrow.png") no-repeat center center #208eb7;
}
.autocomplete_box .select2-container--default .select2-selection--single {
    border: 0;
    width: 50px;
    height: 50px;
}
.autocomplete_box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.autocomplete_box .select2-dropdown {
    margin: 1px 0 0 0;
}
.product-autocomplete .easy-autocomplete, .product-autocomplete input, .product-autocomplete .easy-autocomplete-container {
    width: 100% !important;
}
.counter_btns {
    background: #0d4b63;
    cursor: pointer;
    color: #fff;
    line-height: 100px;
    height: 100px;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    transition: all 0.2s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.one_field_counter.active .taphover.hover{
    background: #8cb5bf;
}
.one_field_counter .increase_btn {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.one_field_counter .decrease_btn {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.one_field_counter .counter_value {
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    line-height: 130px;
    height: 130px;
    color: #262930;
    font-weight: 100;
    font-size: 60px;
}
.one_field_counter .counter_value input {
    display: inline-block;
    width: 2.4em;
    height: 1.5em;
    padding: 0;
    font-size: 1em;
    text-align: right;
    font-weight: 100;
}
.one_field_counter .counter_value.error, .time_text.error span, .time_text.error input, .one_field_counter .counter_value.error input {
    color: #ff3203;
}
.one_field_counter .counter_value.warning, .one_field_counter .counter_value.warning input,
.one_field_counter .counter_value.impossible, .one_field_counter .counter_value.impossible input {
    color: #EFB108;
}
.one_field_counter .counter_value.valid, .time_text.valid span, .time_text.valid input, .one_field_counter .counter_value.valid input {
    color: #448600;
}
.one_field_counter.has-error-icon .counter_value.error:after {
    content: "\e92e";
    background: var(--error-color);
    font-size: 0.55em;
    height: 1.65em;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    -webkit-text-fill-color: var(--white-color);
    min-width: 1.56em;
    max-width: 1.65em;
    display: flex;
    font-family: var(--font-icon);
    text-align: center;
    border-radius: 50%;
    margin-left: 0.5em;
}
.one_field_counter.inactive{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.one_field_counter.hirozontal {
    display: table;
    width: 100%;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}
.one_field_counter.hirozontal > div {
    display: table-cell;
    height: 1.5em;
    line-height: 1.5em;
    padding: 0 !important;
    font-size: 3em;
    vertical-align: middle;
}
.one_field_counter.hirozontal .counter_btns{
    width: 1.5em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 2.5em;
}
.date_field_counter {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.date_field_counter.inactive{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.date_field_counter .date_field_line {
    display: table;
    width: 100%;
    margin: 15px 0 0 0;
}
.date_field_counter .date_field_line:first-child {
    margin: 0 !important;
}
.date_field_counter .date_field_line > div {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
}
.date_field_counter .date_field_line .counter_btns {
    width: 69px;
}
.date_field_counter .counter_value {
    background: #fff;
    text-align: center;
}
.date_field_counter .counter_value span {
    font-size: 15px;
    color: #208eb7;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 3px 0;
}
.date_field_counter .counter_value strong {
    font-size: 60px;
    color: #262930;
    font-weight: 100;
}
.date_field_counter.active .taphover.hover{
    background: #8cb5bf;
}
.date_field_counter input {
    font-size: 60px;
    color: #262930;
    font-weight: 100;
    text-align: center;
}
.date_field_counter.valid input {
    color: green;
}
.date_field_counter.error input {
    color: red;
}
.submit_btn {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    border: 0;
    padding: 0 50px;
    height: 79px;
    line-height: 1.2;
    background: #b5b2b2;
    text-align: center;
    cursor: default;
    font-size: 24px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 700;
    display: flex; 
    align-items: center; 
    justify-content: center;
    border-radius: 0;
}
.submit_btn span {
    display: inline-block;
}
.validStep .submit_btn, .submit_btn.active {
    background: #448600;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
}
.submit_btn.valid span {
    padding: 0 45px 0 0;
    background: url("../img/valid_button_mark.png") no-repeat right 17px;
    display: flex;
    align-items: center;
    height: 100%;
}
.submit_btn .submit_btn_icon {
    font-size: 2em;
    margin-right: 0.4em;
}
.submit_btn img {
    margin-right: 0.4em;
}
.valid_icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 12px 0 0 0;
    background: url("../img/confirm_icon2.png") no-repeat left top;
}
.delay_icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 12px 0 0 0;
    background: url("../img/declare_later_icon.png") no-repeat left top;
}
.option_box:hover .valid_icon, .option_box:hover .delay_icon {
    background-position: left bottom;
}
.control_delivery_options ul{
    list-style: none;
    display: flex;
    margin: 0 -1%;
    flex-flow: wrap;
    align-items: stretch;
}
.control_delivery_options ul li {
    display: flex;
    justify-content: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    width: 31%;
    margin: 0 1% 1.5em 1%;
    font-size: 0.9em;
    flex-direction: column;
    text-transform: uppercase;
    padding: 1em 1.5em;
    color: #fff;
    position: relative;
    line-height: 3.25em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s ease;
    text-align: center;
}
.control_delivery_options ul li img {
    max-height: 3.8em;
    display: block;
    margin: 0 auto;
}
.control_delivery_options ul li span {
    line-height: 1.2;
    display: block;
    min-height: 2.4em;
}
.delivery_confirm_box {
    height: 100%;
}
.delivery_confirm_box .validation_buttons {
    width: 15em;
}
.delivery_confirm_box textarea {
    height: 8em;
}
.delivery_slide .easy-autocomplete-container {
    background: none !important;
}
.control_delivery_list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -1%;
}
.control_delivery_list .element {
    margin: 0 1% 2em 1% !important;
    width: 48%;
}
.nonconformities_list.control_delivery_list .element_wrap {
    height: 100%;
}
.nonconformities_list.control_delivery_list .element_contentLine {
    position: relative;
    padding-right: 5em;
}
.control_delivery_list .mark {
    position: absolute;
    right: 1.667em;
    top: 0.57em;
    width: 2.056em;
}
/*====================Control delivery end======================*/
/*====================No confirm complaints start======================*/
.noconfirm_complaints {
    padding-top: 15px;
}
.noconfirm_complaints_title {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 22px;
    color: #208eb7;
    text-transform: uppercase;
    font-weight: 700;
}
.noconfirm_complaints_title strong {
    display: block;
    font-size: 56px;
    font-weight: 700;
    margin: 0 0 5px 0;
}
.noconfirm_complaints_list {
    overflow: hidden;
}
.noconfirm_complaints_list .cols_3 {
    margin: 0 -1%;
    display: flex;
    flex-wrap: wrap;
}
.noconfirm_complaints_list .cols_3 .column {   
    padding: 1.2em 1%;
    width: 33.33%;
    max-width: 33.33%;
}
.noconfirm_complaints_list_delete .cols_3 {
    margin: 0 0 0 -1.5% !important;
}
.noconfirm_complaints_list_delete .cols_3 .column {
    padding: 1.5em 1.5% !important;
}
.noconfirm_complaints_list .cols_3 .row:first-child .column {
    margin: 0;
}
.complaints_wrap {
    padding: 20px;
    background: #e1e1e1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.complaints_wrap .delete_complaints,
.production_div .delete_complaints {
    position: absolute;
    right: -1.2em;
    top: -1.2em;
    background: url("../img/cross_icon.png") no-repeat center #208eb7;
    width: 3em;
    height: 3em;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    background-size: 1.267em auto !important;
}
.complaints_elementLine {
    margin: 14px 0 0 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: table;
    width: 100%;
    background: #fff;
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
}
.complaints_elementLine .complaints_elementWrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 10px 15px 10px;
}
.complaints_user {
    background: #208eb7;
    color: #fff;
    margin: 0;
    padding: 7px 0;
}
.complaints_elementLine span {
    font-size: 15px;
    display: inline-block;
    color: #208eb7;
    font-weight: 500;
    position: relative;
    padding: 0 0 0 53px;
    line-height: 28px;
    min-height: 28px;
    margin: 0 0 8px 0;
}
.complaints_elementLine span img {
    position: absolute;
    left: 0;
    top: 0;
}
.complaints_user .complaints_elementWrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 2.56em;
}
.complaints_user span {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    margin: 0;
    padding: 5px 0 0 33px;
    background: url("../img/complaint_suser_icon.png") no-repeat left top;
    max-height: 2.56em;
    overflow: hidden;
}
.complaints-header {
    color: #fff;
    margin: 0;
    padding: 0.292em 0;
}
.complaints-header span {
    color: #fff;
    font-weight: 400;
    font-size: 0.93em;
    margin: 0;
    padding: 0.23em 0 0 0 !important;
    line-height: 1.27em;
    min-height: 1.27em;
    max-height: 2.56em;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.complaints-header span img {
    position: relative;
    height: 1.5em;
    margin-right: 0.5em;
}
.complaints_product span {
    color: #fff;
    font-weight: 400;
    font-size: 0.93em;
    margin: 0;
    padding: 0.23em 0 0 2.3em !important;
    background: url("../img/prod_titleIcon.png") no-repeat left 0.364em;
    background-size: 1.955em auto !important;
    line-height: 1.27em;
    min-height: 1.27em;
    max-height: 2.56em;
    overflow: hidden;
}
.complaints_wrap .btn {
    width: 100%;
    margin-top: 20px;
}
.noconfirm_complaints_list .mCSB_container {
    margin-right: 32px;
}
.noconfirm_complaints_list .mCSB_scrollTools {
    right: 0;
}
.noconfirm_complaints_list .mCSB_scrollTools .mCSB_draggerRail {
    border: 2px solid rgba(187, 177, 177, 0.8);
}
.page_buttons {
    text-align: center;
    margin: 30px 0 0 0;
}
.page_buttons .btn{
    min-width: 380px;
}
.page_buttons.align_center .btn{
    margin: 0 34px;
}
/*====================No confirm complaints end======================*/
/*====================No confirm complaints declaration start======================*/
.nonconfirm_declaration {
    padding-right: 70px;
}
.nonconfirm_declaration .steps_title {
    margin: 0 0 15px 0;
}
.nonconfirm_declaration .noconfirm_complaints_list .cols_3 {
    margin: 0 -3%;
}
.nonconfirm_declaration .noconfirm_complaints_list .cols_3 .column {
    padding: 0 3%;
}
.nonconfirm_declaration .complaints_wrap {
    padding: 15px;
}
.nonconfirm_declaration .complaints_elementLine {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 1px 0 0 0;
    font-size: 16px;
}
.nonconfirm_declaration .complaints_elementLine > div {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 17px;
    height: 40px;
    text-align: left;
}
.nonconfirm_declaration .complaints_elementLine > div:first-child {
    width: 52px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    border-right: 3px solid #e1e1e1;
}
.nonconfirm_declaration .complaints_user {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
}
.nonconfirm_declaration .complaints_user > div {
    height: auto;
}
.nonconfirm_declaration .complaints_user > div:first-child {
    border: 0;
}
.complaints_elementLineWrap {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin: 4px 0 0 0;
}
.complaints_elementLineWrap .complaints_elementLine:first-child {
    margin: 0;
}
.nonconfirm_declaration .complaints_wrap .btn {
    font-size: 20px;
    padding: 13px 15px;
    margin-top: 13px;
}
.nonconfirm_declaration .noconfirm_complaints_list .mCSB_container {
    margin: 0;
}
.nonconfirm_declaration .noconfirm_complaints_list .mCSB_scrollTools {
    right: -40px;
}
/*====================No confirm complaints declaration end======================*/
/*====================Complaints form start======================*/
#complaintsStep2 .control_deliveryBoxes1 .dlc_column {
    width: 43%;
}
.nonconfirm_type_box .product_category .column {
    width: 50%;
}
.nonconfirm_type_box .product_sub_category ul li {
    padding-right: 90px;
    margin-top: 4px;
}
.nonconfirm_type_box .product_sub_category ul li:first-child {
    margin: 0;
}
.nonconfirm_type_box .product_sub_category ul li img {
    right: 1em;
}
.nonconfirm_type_box .product_sub_category ul li .category_mark {
    right: 36px;
}
.category_other.flag {
    background: #f3f3f3 !important;
    border: 1px solid #999999;
    color: #000;
}
.category_other .category_other_icons{
    display: none;
}
.remove_category_other{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
    cursor: pointer;
    display: none;
    background: url("../img/category_other_close.png") no-repeat center center;
}
.category_other.flag .remove_category_other{
    display: block;
}
.field_label{
    margin: 0 0 10px 0;
}
.quantity_box input{
    width: 53%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    color: #999999;
    font-size: 18px;
}
.page_content .quantity_box .select2-container{
    float: right;
    width: 41% !important;
    text-align: center;
}
.quantity_box .select2-container .select2-selection--single .select2-selection__rendered{
    padding-right: 60px;
    padding-left: 10px;
}
/*====================Complaints form end======================*/
/*====================Nonconformities start======================*/
.nonconformities_list .element{
    background: #e1e1e1;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 20px 0 0 0;
}
.nonconformities_list .element:first-child{
    margin: 0;
}
.nonconformities_list .element_wrap{
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 75px 0 0;
    position: relative;
    min-height: 152px;
}
.nonconformities_list .action_btn{
    position: absolute;
    right: 0;
    width: 75px;
    height: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #0d4b63;
}
.nonconformities_list .edit_action:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../img/nonconformities_edit_icon.png") no-repeat center center;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.nonconformities_list .edit_action{
    top: 0;
    border-bottom: 1px solid #fff;
}
.nonconformities_list .delete_action:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../img/nonconformities_delete_icon.png") no-repeat center center;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.nonconformities_list .delete_action{
    bottom: 0;
    border-top: 1px solid #fff;
}
.nonconformities_list .action_btn:hover{
    background: #7796a2;
}
.nonconformities_list .action_btn:hover:after{
    opacity: 0.5;
}
.nonconformities_list .element_contentLine{
    display: table;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    padding: 5px 0;
}
.nonconformities_list .element_contentLine span, .nonconformities_list .element_contentLine > div{
    display: table-cell;
    padding: 5px 15px;
    vertical-align: middle;
    height: 45px;
}
.nonconformities_list .element_contentLine > div {
    padding: 5px 30px;
}
.nonconformities_list .element_contentLine span:first-child{
    padding: 5px 30px;
    width: 113px;
}
.bottom_btns{
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    text-align: center;
}
.bottom_space{
    padding-bottom: 120px;
}
.nonconformities_comment_box textarea{
    font-weight: 300;
    padding: 15px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.nonconformities_list .element .valid_check{
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -16px;
}
/*====================Nonconformities end======================*/
/*====================Fridge temperature start======================*/
#fridge_temperature .procedure_btn, .slider_list .procedure_btn{
    margin-top: 6px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.content_slider{
    position: relative;
}
.content_slider .main_contentWrap{
    padding-left: 88px;
    padding-right: 88px;
    padding-bottom: 105px;
}
.main_contentWrap.right_space{
    padding-right: 35px;
}
.main_contentWrap.left_space{
    padding-left: 35px;
}
.content_slider .owl-nav, .content_slider .owl-nav > div{
    z-index: 3;
}
.content_slider .submit_btn{
    z-index: 1;
}
.fridge_tempList{
    margin: 0 -1%;
    text-align: center;
}
.fridge_tempList .column{
    display: inline-block;
    padding: 0 1%;
    width: 19.5%;
    max-width: 19.5%;
    vertical-align: top;
}
.fridge_tempSlide .main_contentWrap{
    padding-top: 150px;
}
.fridge_tempBox, .delivery_box{
    background: #e1e1e1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 17px 13px;
    position: relative;
    height: 100%;
    min-height: 32.267em;
}
#oils_change_list .fridge_tempBox {
    min-height: unset;
}
.delivery_box .product_categoryElement {
    display: flex;
    flex-direction: column;
}
.fridge_number{
    position: absolute;
    width: 1.700em;
    height: 1.700em;
    line-height: 1.700em;
    color: #fff;
    text-align: center;
    left: 50%;
    margin-left: -0.840em;
    top: -0.840em;
    z-index: 2;
    background: #0d4b63;
    font-weight: 700;
    font-size: 3.333em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.fridge_name{
    background: #fff;
    font-size: 1em;
    color: #0d4b63;
    text-transform: uppercase;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 0 1.533em 0;
    padding: 2.333em 0.333em 1.200em 0.333em;
    min-height: 2.533em;
    font-weight: 400;
    line-height: 2.533em;
}
.fridge_name span{
    display: inline-block;
    line-height: 1.200em;
    vertical-align: middle;
}
.fridge_tempBox .counter_btns{
    height: 80px;
    line-height: 80px;
}
.fridge_tempBox .counter_value{
    height: 140px;
    line-height: 140px;
    color: #448600;
    font-weight: 300;
    font-size: 45px;
}
.fridge_tempBox .temp_counter{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.fridge_tempBox.active .temp_counter, .fridge_tempBox.saved .temp_counter, .temp_counter.active{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.fridge_tempBox.saved .temp_counter{
    display: table;
    width: 100%;
    padding: 50px 0;
}
.fridge_tempBox.saved .counter_btns{
    display: none;
}
.fridge_tempBox.saved .counter_value{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: table-cell;
    width: 100%;
    height: 198px;
    line-height: 50px;
    vertical-align: middle;
}
.fridge_tempBox.saved .counter_value em{
    display: inline-block;
    background: url("../img/saved_temp_valid.png") no-repeat;
    width: 37px;
    height: 33px;
    margin: 8px 0 0 0;
}
.fridge_tempBox.saved .counter_value.error em{
    background: url("../img/saved_temp_error.png") no-repeat;
}
.fridge_tempBox.saved .counter_value.warning em{
    background: url("../img/saved_temp_warning.png") no-repeat;
}
.fridge_tempBox.saved .counter_value.impossible em{
    display: none;
}
#temp_notSaved_popup h3.icon img, #temp_access_denied h3.icon img, .fridge_titleIcon.icon img{
    top: -5px !important;
}
#temp_notSaved_popup h3.icon, #temp_access_denied h3.icon, .fridge_titleIcon.icon{
    padding-left: 40px !important;
}
#temp_error_popup h3{
    border: 0;
    margin: 0;
    max-width: 45%;
}
#temp_errorBox{
    background: #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px 20px;
    text-align: center;
    margin: 0 0 15px 0;
}
#temp_error_popup .popup_container{
    padding-bottom: 24px;
}
.temp_error_fridge{
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 400;
    color: #0d4b63;
    text-transform: uppercase;
    display: table;
    width: 58%;
    margin: 0 auto 30px auto;
    text-align: left;
}
.temp_error_fridge span{
    line-height: 18px;
    vertical-align: middle;
    display: table-cell;
    padding: 15px;
}
.temp_error_fridge span:first-child{
    padding: 5px 10px;
    color: #fff;
    width: 70px;
    text-align: center;
}
.temp_error_fridge.no-num span{
    color: #333;
    height: 70px;
    width: 100%;
}
.temp_error_fridge em{
    width: 60px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    text-align: center;
    z-index: 2;
    background: #0d4b63;
    font-weight: 400;
    font-size: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    display: block;
}
.temp_error_step p{
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 22px;
}
.popup_progress{
    padding: 0 40px;
    text-align: center;
    font-size: 15px;
    color: #000;
    position: relative;
}
.popup_progress p{
    margin: 0 0 8px 0;
}
.popup_progress ul{
    display: inline-block;
}
.popup_progress ul li{
    float: left;
    width: 98px;
    height: 18px;
    background: #999999;
    margin-left: 1px;
}
.popup_progress ul li.active{
    background: #448600;
}
.popup_progress ul li:first-child{
    margin: 0;
}
.temp_error_step{
    display: none;
}
.temp_error_step.active{
    display: block;
}
.button_setElement.bigButton{
    width: 60%;
}
.button_setElement.bigButton .button_setContent{
    height: 134px;
    width: 100%;
    display: table-cell;
}
.button_setElement.bigButton .button_setContent img{
    margin-top: 15px;
}
.popup_progress_back{
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
    background: url("../img/error_temp_btn_return.png") no-repeat;
    width: 21px;
    height: 43px;
    display: none;
}
/*====================
    Fridge temperature end
======================*/
/*====================
    Labels start
======================*/
.labels_list .element{
    background: #e6e6e6;
    padding: 10px;
}
.labels_list .element{
    margin: 10px 0;
}
.labels_list .cols_3 .row:first-child .element{
    margin: 0;
}
.labels_list .element .info{
    background: #fff;
    padding: 2px 10px;
    margin: 0 0 10px 0;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
}
.labels_list .element .capture{
    background-color: #b8d0ef;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    cursor: pointer;
    margin-top: 5px;
}
.labels_list .element .capture_list {
    height: 245px;
    display: flex;
    flex-direction: row;
}
.basket-products .element .capture_list {
    height: auto;
}
.labels_list .element .capture_list.single .capture{
    height: 245px;
}
.labels_list .element .info > div{
    padding: 2px 0 0 40px;
    margin: 12px 0;
    position: relative;
    min-height: 20px;
}
.labels_list .print-labels-list .element .info > div {
    margin: 5px 0;
}
.labels_list .element .info > div img{
    position: absolute;
    left: 0;
    top: 0;
}
.label_uploadImg .upload_box .wrapper{
    height: 250px;
}
.labels_basketSlide .main_contentWrap{
    padding-top: 6.667em;
}
.labels_basketList .column {
    max-width: 100%
}
/*====================
    Labels end
======================*/

/*====================
    Oil start
======================*/
#oils_list{
    position: relative;
}
#oils_list .main_contentWrap{
    padding-top: 120px;
    position: relative;
}
#oils_list .fridge_tempList{
    margin: 0 -2%;
}
#oils_list .fridge_tempList .column{
    width: 24%;
    padding: 0 2%;
}
#oils_list .fridge_tempBox .counter_btns{
    height: 50px;
    line-height: 50px;
}
#oils_list .fridge_tempBox .counter_value{
    height: 80px;
    line-height: 80px;
}
#oils_list .oil_temp_icons{
    text-align: center;
    color: #0d4b63;
    font-weight: 700;
    padding: 10px 0;
    font-size: 18px;
}
#oils_list .oil_temp_icons img{
    display: inline-block;
    margin-right: 10px;
    height: 40px;
}
#oils_list .oil_temp_icons span{
    line-height: 40px;
    vertical-align: top;
    display: inline-block;
}
#oils_list .fridge_tempBox .fridge_name{
    margin: 0 !important;
}
#oils_list .fridge_tempBox.saved .temp_counter{
    padding: 0;
}
#oils_list .fridge_tempBox.saved .counter_value{
    padding-top: 10px;
    padding-bottom: 10px;
}
.oil_temp_new{
    height: 422px;
    margin-top: 63px;
    background: #8ca5af;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    width: 100%;
    cursor: pointer;
}
.oil_temp_new .counter_value{
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
.oil_temp_new .counter_value span{
    line-height: 35px;
    display: inline-block;
}
.fridge_tempBox.new .oil_temp_new{
    display: table;
}
.fridge_tempBox.new .oil_temp_values{
    display: none;
}
.fridge_tempBox.new.saved .oil_temp_new{
    background: #fff;
    cursor: default;
}
.fridge_tempBox.new.saved .oil_temp_new .counter_value{
    color: #448600;
}
.oils_check .oil_temp_new{
    margin-top: 17px;
    height: 250px;
    background: #0d4b63;
}
.oils_check .oil_temp_new .counter_value{
    padding: 10px;
}
.oils_check.saved .oil_temp_new .counter_value img{
    display: none;
}
#oils_change_list .main_contentWrap {
    padding-top: 7.5em;
}
#oils_change_list .procedure_btn{
    left: 3.7em;
}
.oil_changeList .column{
    width: 46%;
    float: left;
    margin: 0 2%;
}
.oil_changeOptions .row{
    display: flex;
    margin: 0.5em -1% 0 -1%;
}
.oil_changeOptions .row:first-child {
    margin-top: 0;
}
.oil_changeOptions .row > div {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
}
.oil_changeOptions .btn {
    font-size: 1.2em;
    text-align: left;
    padding: 0.4em 0.8em 0.4em 1.2em;
    margin: 0.4em 0;
    flex-direction: row;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.oil_changeOptions .upload_box {
    flex-direction: row;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    flex: 1;
    margin-bottom: 0.4em;
    justify-content: space-between;
}
.btn.cursor-default:hover {
    background: #0d4b63;
    color: #fff;
}
.oil_changeOptions .one_field_counter.hirozontal {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 0.2em;
}
.oil_changeOptions .counter_btns {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.oil_changeOptions .one_field_counter.hirozontal > div {
    font-size: 2.4em;
}
.oil_changeOptions .counter_value {
    color: #0d4b63;
}
.add_oil, .oil_temperature, .oil_polar {
    opacity: 0.5;
}
.add_oil.active, .oil_temperature.active, .oil_polar.active {
    opacity: 1;
}
.oil_changeOptions .flex-direction-column {
    margin-bottom: 0.4em;
}
.oil_changeOptions .upload_box .wrapper {
    width: 100%;
    height: 100%;
    margin: 0;
}
.oil_changeOptions .btn.active {
    background: #208eb7;
}
.oil_changeOptions .btn .mark {
    position: absolute;
    right: 0.8em;
    top: 0.6em;
    opacity: 0;
}
.oil_changeOptions .btn.active .mark {
    opacity: 0.8;
}
/*====================
    Oil end
======================*/

/*====================
    Label print start
======================*/
.exist_product_duree{
    line-height: 48px;
    min-height: 68px;
    letter-spacing: 0.025em;
    border-radius: 5px;
}
.exist_product_duree span{
    line-height: 1;
}
/*====================
    Label print end
======================*/

/*====================
    Late tasks start
======================*/
.late_tasks_categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1.5em;
}
.late_tasks_categories .late_tasks_element {
    flex: 1;
    background: var(--light-blue);
    min-height: 6.667em;
    display: flex;
    color: var(--white);
    cursor: pointer;
    opacity: 0.6;
}
.late_tasks_categories .late_tasks_element.active {
    background: var(--blue2);
    opacity: 1;
}
.late_tasks_categories .late_tasks_element .late_tasks_element_title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 0.667em 1.333em;
} 
.late_tasks_categories .late_tasks_element .late_tasks_element_title > div {
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.late_tasks_categories .late_tasks_element .late_tasks_element_title > div img {
    max-height: 4.8em;
}
.late_tasks_categories .late_tasks_element .late_tasks_element_icon {
    min-width: 5em;
    margin-right: 1em;
}
.late_tasks_categories .late_tasks_element .late_tasks_element_counter {
    min-width: 5.667em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: var(--blue);
    color: var(--white);
}
.late_tasks_categories .late_tasks_element .late_tasks_element_counter span{
    font-size: 2em;
    font-weight: 500;
}
.late_tasks_categories .late_tasks_element .late_tasks_element_counter:after {
    content: '';
    display: block;
    position: absolute;
    left: -1.200em;
    top: 50%;
    margin-top: -0.733em;
    width: 0;
    height: 0;
    border-width: 0.733em 0.533em 0.733em 0.733em;
    border-color: transparent var(--blue) transparent transparent;
    border-style: solid;
}
.late_cards_container {
    display: none;
    flex-wrap: wrap;
    padding-top: 1em;
    margin: 0 -1%;
}
.late_card {
    margin: 1em 1%;
    padding: 1.5em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    color: var(--white);
    text-transform: uppercase;
    justify-content: space-between;
    cursor: pointer;
    flex: 0 0 31.33%;
    font-weight: 400;
    max-width: 31.33%;
    text-align: left;
}
.late_card.fixed {
    min-width: 25em;
}
.late_card .delete {
    position: absolute;
    right: -0.8em;
    top: -0.8em;
    background: url("../img/cross_icon.png") no-repeat center var(--blue);
    width: 2em;
    height: 2em;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    background-size: 1em auto !important;
}
.late_time {
    text-align: left;
    margin-bottom: 1.2em;
}
.late_time span {
    margin-right: 1.2em;
}
.late_task_container {
    display: flex;
    align-items: flex-end;
}
.late_task {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 0.9em;
}
.late_task img {
    max-height: 3.333em;
}
.late_task .late_task_icon {
    min-height: 3.333em;
    display: flex;
    flex: 1;
    align-items: center;
}
.late_task .late_task_text {
    margin-top: 0.7em;
    font-size: 1.2em;
    min-height: 2em;
    line-height: 1.2em;
}
.late_count {
    display: flex;
    align-items: flex-start;
}
.late_count span {
    display: block;
}
.late_count img {
    margin-left: 0.5em;
    max-height: 4em;
}
.late_card_count {
    font-weight: 500;
    font-size: 3.733em;
    text-align: center;
}
.late_count_text {
    font-size: 0.9em;
    line-height: 1.3;
    margin-top: 0.4em;
}
#late_tasks_delete_popup .popup_container {
    width: 600px;
}
.late_tasks_counter {
    position: relative;
    margin-left: 2.133em;
}
.late_tasks_counter .late_tasks_count_icon {
    height: 2.067em;
}
.late_tasks_count {
    position: absolute; 
    left: 1em;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-style: normal;
}
.late_tasks_count_ko {
    font-weight: 500; 
    background-color: var(--orange);
}
.late_tasks_count_ok {
    background: var(--blue2);
    padding-bottom: 0.8em;
}
.late_tasks_banner {   
    padding: 0 0 2em 0;
}
.content_slider .late_tasks_banner {   
    padding: 1.5em 3em;
}
.late_tasks_banner .late_tasks_banner_wrap {
    margin: 0 -0.667em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.late_tasks_banner h4 {
    font-size: 1.4em;
    font-weight: 700;
    color: #0d4b63;
}
.late_tasks_banner .late_tasks_banner_wrap > div {
    margin: 0.5em 0.667em;
}
.late_tasks_banner .late_tasks_banner_wrap > div:last-child {
    flex: 1;
}
.late_tasks_banner .btn {
    padding: 0.313em 1.5em;
    position: relative;
    min-height: 2.083em;
    min-width: 12.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4em;
    opacity: 0.6;
}
.late_tasks_banner .btn img {
    margin-right: 0.5em;
}
.late_tasks_banner .btn {
    background: #4A88A0;
}
.late_tasks_banner .btn.active, .late_tasks_banner .btn:active, .late_tasks_banner .btn:hover {
    cursor: pointer;
    background: #0d4b63;
    color: #fff;
    opacity: 1;
}
.late_tasks_banner .btn:active span, .late_tasks_banner .btn:active img, .late_tasks_banner .btn:hover img, .late_tasks_banner .btn:hover span {
    opacity: 1;
}
.late_tasks_banner .btn span {
    padding: 0 !important;
    display: inline-block;
    background: none !important;
    line-height: 1.2;
}
.with_shadow {
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.late_tasks_popup {
    padding: 0;
}
.late_tasks_popup h4 {
    text-transform: none;
    border: 0;
    padding: 0;
}
.late_tasks_popup #other_reason {
    flex: 0 0 100%;
    width: 100%;
    padding: 0.667em;
    margin: 0;
}
.late_tasks_popup #other_reason input {
    border-radius: 8px;
}
/*====================
    Late tasks end
======================*/

/*====================
    Admin start
======================*/
.top_btnSet .btn{
    margin: 0 0 13px 20px;
    min-width: 230px;
}
.admin_topBar{
    margin: 0 0 25px 0;
}
.admin_topNav{
    float: left;
    background: #e6e6e6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    display: inline-block;
}
.admin_topNav ul{
    list-style: none;
    border: 1px solid #bebebe;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 18px;
    color: #208eb7;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
}
.admin_topNav ul li{
    float: left;
    position: relative;
}
.admin_topNav ul li a{
    color: #208eb7;
    display: block;
    padding: 0 19px;
    min-width: 234px;
    position: relative;
    z-index: 2;
}
.admin_topNav ul a span{
    display: inline-block;
    padding: 0 0 0 40px;
}
#admin_dashboardBtn span{
    background: url("../img/icon_dashboard.png") no-repeat left -84px;
}
#admin_parametersdBtn span{
    background: url("../img/icon_settings.png") no-repeat left -84px;
}
#admin_homeBtn span{
    background: url("../img/home_icon_settings.png") no-repeat left -4.5em;
    background-size: 1.6em auto !important;
}
.admin_fryersBtn span{
    background: url("../img/oil_title_icon.png") no-repeat left;
}
.admin_topNav ul li.active .admin_fryersBtn span{
    background: url("../img/icon_huiles_small.png") no-repeat left;
}
.admin_parametersBtn span{
    background: url("../img/parameters_titleIcon_blue.png") no-repeat left;
}
.admin_topNav ul li.active .admin_parametersBtn span{
    background: url("../img/parameters_titleIcon.png") no-repeat left;
}
.admin_fridgesBtn span{
    background: url("../img/fridge_blue.svg") no-repeat left;
}
.admin_topNav ul li.active .admin_fridgesBtn span{
    background: url("../img/fridge.svg") no-repeat left;
}
.admin_notificationsBtn span{
    background: url("../img/notification_titleIcon_blue.png") no-repeat left;
}
.admin_topNav ul li.active .admin_notificationsBtn span{
    background: url("../img/notification_titleIcon.png") no-repeat left;
}
.admin_alertsBtn span{
    background: url("../img/alerts_titleIcon_blue.png") no-repeat left;
}
.admin_topNav ul li.active .admin_alertsBtn span{
    background: url("../img/alerts_titleIcon.png") no-repeat left;
}
.admin_areasBtn span{
    background: url("../img/zone_titleIcon_blue.png") no-repeat left;
}
.admin_topNav ul li.active .admin_areasBtn span{
    background: url("../img/zone_titleIcon.png") no-repeat left;
}
.admin_tasksBtn span{
    background: url("../img/label_time_icon.png") no-repeat left;
}
.admin_topNav ul li.active .admin_tasksBtn span{
    background: url("../img/time_titleIcon.png") no-repeat left;
}
.admin_wholesalersBtn span{
    background: url("../img/compaints_provider_iconSmall.png") no-repeat left;
    background-size: 32px;
}
.admin_topNav ul li.active .admin_wholesalersBtn span{
    background: url("../img/wholesalerList_titleIcon.png") no-repeat left;
    background-size: 32px;
    background-position-y: 2px;
}
.admin_productsBtn span{
    background: url("../img/products_icon_blue.png") no-repeat left;
    background-size: 32px;
}
.admin_topNav ul li.active .admin_productsBtn span{
    background: url("../img/selling_products_titleIcon.png") no-repeat left;
    background-size: 32px;
}
.admin_agrementBtn span{
    background: url("../img/agrement_blue.svg") no-repeat left;
    background-size: 32px;
}
.admin_topNav ul li.active .admin_agrementBtn span{
    background: url("../img/agrement.svg") no-repeat left;
    background-size: 32px;
}
.admin_alertBtn span{
    background: url("../img/alarm_titleIcon_blue.png") no-repeat left;
}
.admin_topNav ul li.active .admin_alertBtn span{
    background: url("../img/alarm_titleIcon.png") no-repeat left;
}
.admin_procBtn span{
    background: url("../img/procedure_blue_icon.svg") no-repeat left;
    background-size: 30px 30px;
}
.admin_topNav ul li.active .admin_procBtn span{
    background: url("../img/register_titleIcon.png") no-repeat left;
}
.admin_employeesBtn span{
    background: url("../img/parameters_category8_icon_blue.png") no-repeat left;
    background-size: 32px auto !important;
}
.admin_topNav ul li.active .admin_employeesBtn span{
    background: url("../img/parameters_category8_icon.png") no-repeat left;
    background-size: 32px auto !important;
}
.admin_adminBtn span{
    background: url("../img/parameters_category7_icon_blue.png") no-repeat left;
    background-size: auto 100% !important;
    background-position-y: -4px;
}
.admin_topNav ul li.active .admin_adminBtn span{
    background: url("../img/parameters_category7_icon.png") no-repeat left;
    background-size: auto 100% !important;
    background-position-y: -4px;
}
.admin_restaurantBtn span{
    background: url("../img/parameters_category6_icon_blue.png") no-repeat left;
    background-size: auto 30px !important;
}
.admin_topNav ul li.active .admin_restaurantBtn span{
    background: url("../img/parameters_category6_icon.png") no-repeat left;
    background-size: auto 30px !important;
}
.admin_devicesBtn span{
    background: url("../img/noun-phone-blue.svg") no-repeat left;
    background-size: auto 30px !important;
}
.admin_topNav ul li.active .admin_devicesBtn span{
    background: url("../img/noun-phone-white.svg") no-repeat left;
    background-size: auto 30px !important;
}
.admin_topNav ul li.active strong{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-top: 3px solid #208eb7;
    border-bottom: 3px solid #208eb7;
    border-left: 1px solid #208eb7;
    border-right: 1px solid #208eb7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #208eb7;
    left: -1px;
    top: -3px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.admin_topNav ul li.active a{
    color: #fff;
}
.admin_topNav ul li.active #admin_dashboardBtn span, .admin_topNav ul li.active #admin_parametersdBtn span, .admin_topNav ul li.active #admin_homeBtn span{
    background-position: left top;
}
.parameters_categoriesList{
    position: relative;
}
.parameters_categoriesList .home_section_title{
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 20px;
    font-weight: bold;
}
.parameters_categoriesList.owl-carousel .home_section_title > div span{
    padding: 0 0 8px 0;
    height: 92px;
}
.parameters_categoriesList.owl-carousel .home_section_title img{
    margin-bottom: 10px;
}
.parameters_categoriesList.owl-carousel .home_section_title > div{
    border-bottom-width: 5px;
}
.parameters_categoriesList.owl-carousel .owl-nav .owl-prev, .parameters_categoriesList.owl-carousel .owl-nav .owl-next{
    width: 20px;
    height: 34px;
    top: 20px;
    position: absolute;
}
.parameters_categoriesList.owl-carousel .owl-nav .owl-next{
    background: url("../img/parameters_listArrow_right.png") no-repeat;
    right: -33px;
}
.parameters_categoriesList.owl-carousel .owl-nav .owl-prev{
    background: url("../img/parameters_listArrow_left.png") no-repeat;
    left: -33px;
}
.parameters_categoriesList.owl-carousel .home_btn{
    display: table;
    width: 100%;
    margin: 0;
}
.parameters_categoriesList.owl-carousel .home_btn > div{
    display: table-cell;
    width: 100%;
    height: 120px;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
}
.parameters_categoriesList.owl-carousel .home_btn span{
    display: table;
    width: 100%;
    margin: 10px 0 0 0;
}
.parameters_categoriesList.owl-carousel .home_btn span em{
    display: table-cell;
    height: 44px;
    vertical-align: middle;
}
.parameters_categoriesList.owl-carousel .home_btn img{
    transition: all 0.2s ease;
}
.parameters_categoriesList.owl-carousel .home_btn.subcategory_active:hover{
    opacity: 1;
    color: rgba(255,255,255,1);
}
.parameters_categoriesList.owl-carousel .home_btn.subcategory_active:hover img{
    opacity: 1;
}
.parameters_categoriesList.owl-carousel .home_btn.subcategory_active img{
    height: 30px;
}
.parameters_categoriesList.owl-carousel .home_btn.subcategory_active span{
    font-size: 14px;
    margin-top: 5px;
    line-height: 1.1;
}
.parameters_categoriesList.owl-carousel .home_btn.subcategory_active span em{
    height: auto;
}
.parameters_subcategories{
    display: none;
}
.parameters_subcategory{
    display: table;
    width: 100%;
    margin-top: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
}
.parameters_subcategory > div{
    display: table-cell;
    vertical-align: middle;
    height: 75px;
    padding: 5px 15px;
    text-transform: uppercase;
    text-align: left;
    background: rgba(255,255,255,0.45);
}
.parameters_subcategory > div:first-child{
    text-align: center;
    padding: 5px;
    background: #c27501;
    position: relative;
    width: 70px;
}
.parameters_subcategory img{
    vertical-align: middle;
}
.parameters_subcategory > div:first-child:after{
    content: '';
    display: block;
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -11px;
    width: 0;
    height: 0;
    border-width: 11px 0 11px 9px;
    border-color: transparent transparent transparent #c27501;
    border-style: solid;
}
#temp_section .parameters_subcategory > div:first-child{
    background: #0d4b63;
}
#temp_section .parameters_subcategory > div:first-child:after{
    border-color: transparent transparent transparent #0d4b63;
}
#hygiene_section .parameters_subcategory > div:first-child{
    background: #0e5807;
}
#hygiene_section .parameters_subcategory > div:first-child:after{
    border-color: transparent transparent transparent #0e5807;
}
#restaurant_section .parameters_subcategory > div:first-child{
    background: #052b3a;
}
#restaurant_section .parameters_subcategory > div:first-child:after{
    border-color: transparent transparent transparent #052b3a;
}
.parameters_subcategory:hover{
    opacity: 0.5;
    color: #fff;
}
.parameters_verticalScroll{
    overflow: hidden;
    width: 100% !important;
}
.verticalScroll_item{
    padding: 10px 0;
    width: 100% !important
}
.parametersCategories .bx-viewport{
    z-index: 10;
    height: 100% !important;
}
.vericalScroll_nav{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
}
.parametersCategories .bx-wrapper{
    position: relative;
    padding: 22px 5px 30px 5px;
    overflow: visible;
   /* max-height: 550px;*/
}
.parametersCategories .bx-controls-direction a{
    display: block;
    width: 34px;
    height: 21px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -18px
}
.parametersCategories .bx-controls{
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.parametersCategories .bx-controls-direction .bx-prev{
    background: url("../img/verticalScroll_arrowUp_orange.png") no-repeat;
    top: 0;
}
.parametersCategories .bx-controls-direction .bx-next{
    background: url("../img/verticalScroll_arrowDown_orange.png") no-repeat;
    bottom: 0;
}
.parametersCategories .bx-controls-direction a.disabled{
    opacity: 0;
    cursor: default;
}
#temp_section .bx-controls-direction .bx-prev{
    background: url("../img/verticalScroll_arrowUp_blue.png") no-repeat;
}
#temp_section .bx-controls-direction .bx-next{
    background: url("../img/verticalScroll_arrowDown_blue.png") no-repeat;
}
#hygiene_section .bx-controls-direction .bx-prev{
    background: url("../img/verticalScroll_arrowUp_green.png") no-repeat;
}
#hygiene_section .bx-controls-direction .bx-next{
    background: url("../img/verticalScroll_arrowDown_green.png") no-repeat;
}
#restaurant_section .bx-controls-direction .bx-prev{
    background: url("../img/verticalScroll_arrowUp_darkBlue.png") no-repeat;
}
#restaurant_section .bx-controls-direction .bx-next{
    background: url("../img/verticalScroll_arrowDown_darkBlue.png") no-repeat;
}
.section_subTitle{
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #72919d;
    padding: 12px 20px;
    line-height: 20px;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}
.admin_formStyle fieldset{
    background: #a5d3de;
    margin: 0 0 2px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    text-transform: uppercase;
    display: table;
    width: 100%;
}
.admin_formStyle fieldset > label{
    padding: 8px 20px;
    display: table-cell;
    vertical-align: top;
    height: 66px;
    line-height: 50px;
}
.admin_formStyle fieldset > label span{
    line-height: 20px;
    display: inline-block;
}
.admin_formStyle .inactive label {
    opacity: 0.5;
}
.admin_formStyle .field_wrap{
    display: table-cell;
    vertical-align: middle;
    height: 66px;
}
.admin_formStyle .field_wrap > label{
    min-width: 75px;
    display: inline-block;
    float: right;
    line-height: 66px;
    text-align: center;
}
.admin_formStyle .field_wrap input[type="text"], .admin_formStyle .field_wrap textarea, .admin_formStyle .field_wrap input[type="password"], 
.admin_formStyle .field_wrap input[type="email"], .admin_formStyle .field_wrap input[type="tel"], .table-form input[type="text"], .table-form input[type="tel"],
.admin_formStyle .field_wrap input[type="time"], .admin_formStyle .field_wrap input[type="number"]{
    float: right;
    border: 2px solid #c4dee4;
    font-size: 18px;
    color: #000000;
    font-weight: 300;
    width: 365px;
}
.admin_formStyle .field_wrap input[type="text"], .admin_formStyle .field_wrap input[type="password"], 
.admin_formStyle .field_wrap input[type="email"], .admin_formStyle .field_wrap input[type="tel"], .table-form input[type="text"], .table-form input[type="tel"],
.admin_formStyle .field_wrap input[type="time"], .admin_formStyle .field_wrap input[type="number"]{
    height: 100%;
}
.admin_formStyle .field_wrap input[type="time"]{
    font-size: 24px;
    width: inherit;
}
.admin_formStyle .autocomplete_box {
    height: 100%;
}
.admin_formStyle .small_field input[type="text"]{
    width: 5.556em !important;
}
.admin_formStyle ::-webkit-input-placeholder {
    color: #c4c4c4;
}
.admin_formStyle :-moz-placeholder {
    color: #c4c4c4;
}
.admin_formStyle ::-moz-placeholder {
    color: #c4c4c4;
    opacity: 1;
}
.admin_formStyle input:-ms-input-placeholder {
    color: #c4c4c4 !important;
}
.admin_formStyle .field_wrap input[type="tel"].error, .admin_formStyle .field_wrap input[type="text"].error, .admin_formStyle .field_wrap textarea.error, .admin_formStyle .field_wrap input[type="password"].error, .admin_formStyle .field_wrap input[type="email"].error, .admin_formStyle .error input[type="text"], .admin_formStyle .error input[type="password"]{
    border-color: #d33b00;
}
.admin_formStyle .field_border{
    display: inline-block;
    float: right;
    height: 100%;
}
.admin_formStyle .half_width_children input, .admin_formStyle .half_width_children .select2-container{
    width: 100% !important;
}
.admin_formStyle .custom_delete_checkbox .ez-checkbox {
    margin: 0.7em 1em; 
}
.border_left{
    border-left: 2px solid #f3f3f3;
}
.border_right{
    border-right: 2px solid #f3f3f3;
}
.admin_formStyle .field_space{
    padding: 9px 15px 9px 0;
}
.admin_formStyle input.inactive{
    color: rgba(0,0,0,0.5) !important;
}
.admin_formStyle .inactive::-webkit-input-placeholder {
    color: rgba(0,0,0,0.5);
}
.admin_formStyle .inactive:-moz-placeholder {
    color: rgba(0,0,0,0.5) !important;
}
.admin_formStyle .inactive::-moz-placeholder {
    color: rgba(0,0,0,0.5);
    opacity: 1;
}
.admin_formStyle .inactive:-ms-input-placeholder {
    color: rgba(0,0,0,0.5) !important;
}
.admin_formStyle .easy-autocomplete{
    width: 100% !important;
    height: 100%;
}
.admin_formStyle .easy-autocomplete-container {
    top: 3.5em;
}
.admin_formStyle .easy-autocomplete-container ul li, .admin_formStyle .easy-autocomplete-container ul .eac-category {
    background: #fff;
    border: 1px solid #72919d;
}
.admin_formStyle .radioSet_element {
    width: 100%;
    float: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
}
.admin_formStyle .fixed_field > input[type="tel"] {
    max-width: 100% !important;
}
.admin_formStyle .iti input, .admin_formStyle .iti input[type=tel], .admin_formStyle .iti input[type=text] {
    min-height: 3.63em;
}
.checkboxSet_days{
    width: 60% !important;
}
.checkboxSet_gender{
    width: 50% !important;
}
.checkboxSet.cols_2{
    margin: 0 -1%;
}
.checkboxSet.cols_2 .column{
    padding: 0 1%;
    max-width: 50%;
    width: 50%;
}
.checkboxSet .checkboxSet_element{
    background: #0d4b63;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 51px;
    line-height: 51px;
    border: 2px solid #0d4b63;
    position: relative;
    margin: 0.34em 0;
}
.checkboxSet .checkboxSet_element.secondary{
    background: #fff;
}
.checkboxSet .checkboxSet_element.error{
    border: 2px solid #d33b00;
}
.checkboxSet .checkboxSet_element.inactive{
    opacity: 0.4;
    cursor: default;
}
.checkboxSet .checkboxSet_element.disabled{
    background: #d2d2d2;
    cursor: default;
    border-color: #d2d2d2;
}
.checkboxSet .checkboxSet_element.disabled input{
    cursor: default;
    width: 0px !important;
}
.checkboxSet .checkboxSet_element span{
    vertical-align: middle;
    line-height: 20px;
    display: inline-block;
    font-size: 0.85em;
    padding: 0 2em;
}
.checkboxSet .checkboxSet_element.active, #deselect_option.active{
    background: #208eb7;
    border-color: #208eb7;
}
.checkboxSet .checkboxSet_element.active.secondary, #deselect_option.active.secondary{
    background: #fff;
}
.checkboxSet.small .checkboxSet_element span{
    font-size: 16px;
}
.checkboxSet .checkboxSet_element.active:after, #deselect_option.active:after, .radioSet_element.active:after {
    content: "\f121";
    font-family: "Ionicons";
    position: absolute;
    right: 0.5em;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.checkboxSet .checkboxSet_element.active.secondary:after, #deselect_option.active.secondary:after, .radioSet_element.active.secondary:after {
    color: #208eb7;
}
.checkboxSet input{
    opacity: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}
.checkboxSet .checkboxSet_element.inactive input{
    cursor: default;
}
.checkboxIcons .checkboxSet_element {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.checkboxIcons .checkboxSet_element img {
    max-height: 35px;
}
.verticalAlign{
    position: relative;
}
.checkboxSet_days .checkboxSet_element.active{
    background: #ff6666;
    border-color: #ff6666;
}
.admin_formStyle .deadline_time{
    position: relative;
}
.admin_formStyle .deadline_time.disabled, .admin_formStyle fieldset.disabled{
    opacity: 0.4;
    position: relative;
}
.disabled-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.width180{
    width: 180px !important;
}
.width250{
    width: 250px !important;
}
.fixed_field .select2-container, .fixed_field input[type="text"]{
    width: 100% !important;
}
#clear_periodBtn, .clear_periodBtn{
    vertical-align: middle;
    cursor: pointer;
    display: none;
}
.daterangepicker{
    left: 0 !important;
    top: 0 !important;
    display: none;
}
.overlay{
    background: rgba(38,41,48,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.daterangepicker .cancelBtn{
    display: none;
}
.daterangepicker .applyBtn{
    background: url("../img/cross_icon.png") no-repeat;
    width: 19px;
    height: 19px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 22px;
    right: 28px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.daterangepicker{
    background: #0d4b63;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 980px !important;
    position: relative;
}
.daterangepicker .calendar{
    margin: 0 !important;
    max-width: 50% !important;
    width: 50% !important;
    float: left !important;
}
.daterangepicker .calendar-table{
    background: #0d4b63;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    padding: 40px 25px 35px 25px !important;
}
.daterangepicker td{
    height: 63px;
    width: 59px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 700;
}
.daterangepicker th{
    height: 45px;
    padding-top: 40px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 300;
    cursor: default;
}
.daterangepicker .calendar-table thead tr:first-child th{
    font-size: 28px;
    height: 30px;
    font-weight: 700;
    vertical-align: top;
    padding-top: 0;
}
.daterangepicker .next, .daterangepicker .prev{
    cursor: pointer;
}
.daterangepicker .next i{
    display: inline-block;
    width: 13px;
    height: 25px;
    background: url("../img/calendar_arrowRight.png") no-repeat;
}
.daterangepicker .prev i{
    display: inline-block;
    width: 13px;
    height: 25px;
    background: url("../img/calendar_arrowLeft.png") no-repeat;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
    background: none;
    color: #737373;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
    background: #ff9900;
}
.daterangepicker td.start-date, .daterangepicker td.end-date, .daterangepicker td.start-date.end-date{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ff9900 !important;
}
.daterangepicker td.in-range{
    background: #c59c50;
    color: #fff;
}
.daterangepicker td.available:hover{
    background: #ff9900;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fff !important;
}
.daterangepicker th.available:hover{
    background: none;
}
.daterangepicker .daterangepicker_input{
    padding: 19px 15px 27px 19px;
    text-align: center;
    background: #c4dee4;
}
.daterangepicker .input-mini{
    display: inline-block;
    max-width: 180px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 2px solid #f3f3f3;
    color: #000;
    font-weight: 300;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    line-height: 64px;
    height: 64px;
}
.daterangepicker .input-mini.active{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 2px solid #0d4b63;
}
.daterangepicker .calendar.single {
    width: 100% !important;
    max-width: 100% !important;
}
.form_errorSection p{
    color: #d33b00;
    margin: 0 0 22px 0;
    font-size: 15px;
    font-weight: 400;
}
.form_warningSection p{
    color: #d33b00;
    margin: 0 0 22px 0;
    font-size: 15px;
    font-weight: 400;
}
.dataTable{
    width: 100% !important;
    display: table;
}
.dataTable .row{
    display: table;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 4px 0;
    width: 100% !important;
    overflow: hidden;
}
.dataTable .row.tr{
    display: table-row;
}
.dataTable .row > div{
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
    padding: 13px 15px;
    height: 68px;
    background: #a5d3de;
    position: relative;
}
.dataTable .row:nth-child(even) > div{
    background: #c4dee4;
}
.dataTableHead .row > div{
    background: #72919d;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 15px;
    font-weight: 700;
    text-align: left;
    height: 40px;
}
.dataTableHead .btn {
    font-size: 0.8em;
    padding: 0.4em 1.5em 0.3em;
    line-height: 2.1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dataTableHead .btn:hover {
    background: #fff;
    color: #0d4b63;
}
.dataTable .align_center{
    text-align: center !important;
}
.dataTable .border_left{
    border-width: 4px;
}
.dataTableHead .row .border_left{
    border-color: #72919d;
}
.dataTableHead .custom_delete_checkbox .ez-checkbox {
    margin: 0.2em;
}
.dataTable .tableBtn{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #0d4b63;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease;
    color: #fff;
}
.dataTable .tableBtn span{
    font-weight: 700;
    font-size: 20px;
}
.clearWrap{
    padding: 0 !important;
}
.fixedTable .row > .dataTable_cell.clear-action-space {
    padding: 0;
}
.dataTable .deleteBtn, .deleteBtn {
    background: url("../img/dataTable_deleteBtn.png") no-repeat center center #0d4b63;
    cursor: pointer;
    background-size: 1.167em auto;
}
.dataTable .editBtn {
    background: url("../img/dataTable_editBtn.png") no-repeat center center #0d4b63;
}
.dataTable .copyBtn {
    background: url("../img/dataTable_copy.png") no-repeat center center #0d4b63;
}
.dataTable .enterBtn {
    background: url("../img/error_temp_btn_icon1.png") no-repeat center center #0d4b63;
    background-size: 1.4em auto;
}
.dataTable .passwordBtn {
    background: url("../img/noun-password.svg") no-repeat center center #0d4b63;
    background-size: 3.2em auto;
}
.dataTable .tableBtn:hover, .dataTable .tableBtn:active{
    opacity: 0.5;
}
.dataTable .inactive .tableBtn:hover, .dataTable .inactive .tableBtn:active{
    opacity: 1;
    cursor: default;
}
.dataTable_scroll{
    position: relative;
}
.big_dataTable_scroll{
    position: relative;
    max-width: 100%;
    min-width: 100%;
    overflow: auto;
    padding: 0 !important;
    -webkit-border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;
}
.floatThead-container{
    padding: 0 !important;
}
.dataTable_scroll .bx-viewport{
    position: relative;
    z-index: 3;
}
.dataTable_scroll .bx-wrapper{
    padding: 0 0 30px 0;
}
.dataTable_scroll .bx-wrapper.top_disabled{
    padding: 0 0 30px 0;
}
.dataTable_scroll .bx-wrapper.top_enabled{
    padding: 30px 0;
}
.dataTable_scroll .bx-controls-direction{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.dataTable_scroll .bx-controls-direction a{
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    margin-left: -12px;
}
.dataTable_scroll .bx-prev{
    background: url("../img/dataTable_scrollTop.png") no-repeat center center;
    top: 0;
}
.dataTable_scroll .bx-next{
    background: url("../img/dataTable_scrollDown.png") no-repeat center center;
    bottom: 0;
}
.dataTable_scroll .bx-prev.disabled, .dataTable_scroll .bx-next.disabled{
    display: none;
}
.dataTable-email{
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 12vw;
    cursor: pointer;
    position: relative;
    line-height: 1.5;
}
.table_inlineForm{
    display: inline-block;
}

.blue_cell {
    background: #0d4b63 !important;
}

.dataTable div.blue_cell{
    background: #0d4b63 !important;
}
.dataTable .inactive{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.bigDataTable{
    border-spacing: 0;
    border-collapse: unset;
    white-space: nowrap;
    position: relative;
    min-width: 100%;
}
.bigDataTable tr td{
    vertical-align: middle;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    padding: 10px;
    height: 50px;
    background: #fff;
    position: relative;
    border-top: 4px solid #f3f3f3;
    border-left: 4px solid #f3f3f3;
    text-align: left;
    overflow: hidden;
}
.bigDataTable tr td:first-child{
    border-left: 0;
    -webkit-border-radius: 8px 0 0 5px;
    -moz-border-radius: 8px 0 0 5px;
    border-radius: 8px 0 0 5px;
}
.bigDataTable tr td:last-child{
    -webkit-border-radius: 0 8px 5px 0;
    -moz-border-radius: 0 8px 5px 0;
    border-radius: 0 8px 5px 0;
}
.bigDataTable tr.warning td{
    background: #fff2cc;
}
.bigDataTable tr.gray td{
    background: #ccc;
}
.bigDataTable tr.blue td{
    background: #6699cc;
}
.bigDataTable tr.no_confirm td{
    background: #ffcccc;
}
.bigDataTable tr.confirm td{
    background: #a9d18e;
}
.bigDataTable tr.pending td{
    background: #9fcbdb;
}
.bigDataTable .no_printable {
    width: 5.556em;
}
.bigDataTable tbody tr:first-child td{
    border-top: 0;
}
.bigDataTable tbody tr:first-child td:first-child{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    min-width: 78px;
}
.bigDataTable tbody tr:first-child td:last-child{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.bigDataTable thead tr th:first-child{
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}
.bigDataTable thead tr th:last-child{
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}
.bigDataTable th{
    background: #ff9900;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px;
    font-weight: 700;
    text-align: left;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
    border-left: 4px solid transparent;
}
.bigDataTable tr th:first-child{
    border: 0;
}
.dataTable-buttons-set {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 100%;
}
.dataTable-buttons-set > a, .dataTable-buttons-set > span {
    flex: 1;
    border-left: 4px solid #f3f3f3;
    max-width: 8em;
}
.alignTable_center tr td, .alignTable_center th{
    text-align: center;
}
.simpleTableHead .row > div{
    background: #ff9900;
}
.simpleTableHead .row{
    margin: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.simpleTable .row:first-child{
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.simpleTable .row > div{
    background: #fff !important;
}
.pdf_btn{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/icon_pdf.png") no-repeat center center #0d4b63;
    height: 100%;
    width: 100%;
    color: #fff;
}
.simple_summary{
    margin: 0 -0.5%;
}
.simple_summary .column{
    float: left;
    padding: 0 0.5%;
    width: 50%;
}
.summary_box{
    margin: 0 0 20px 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.summary_box h5{
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    color: #208eb7;
    text-transform: uppercase;
    padding: 15px 20px 10px 20px;
    background: #c4dee4;
    font-weight: 700;
}
.summary_box .summary_text{
    background: #fff;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    color: #353636;
    font-size: 18px;
    padding: 20px 20px 15px 20px;
    text-transform: uppercase;
    font-weight: 400;
}
.warning_message{
    padding: 20px 0 20px 32px;
    font-size: 16px;
    color: #ff8a66;
    text-transform: uppercase;
    background: url("../img/warning_messageIcon.png") no-repeat left 17px;
}
.admin_formStyle .select2-container .select2-selection--single{
    height: 66px;
}
.admin_formStyle .select2-container--default .select2-selection--multiple {
    min-height: 3.65em;
}
.admin_formStyle .select2-container--default .select2-selection--single, .admin_formStyle .select2-container--default .select2-selection--multiple{
    border: 2px solid #c4dee4;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.admin_formStyle .select2-container--default .select2-search--inline .select2-search__field {
    width: auto !important;
}
.admin_formStyle .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
}
.admin_formStyle .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em;
    min-height: 3.125em;
    background: #fff;
    margin-bottom: 5px;
}
.admin_formStyle .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0.5em;
    color: red;
}
.admin_formStyle .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 63px;
    color: #000;
    padding-right: 75px;
}
.admin_formStyle .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 65px;
    width: 67px;
    background: url("../img/admin_selectArrow.png") no-repeat center center #0d4b63;
}
.admin .select2-results__option{
    background: #fff;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.admin .select2-results{
    border: 2px solid #c4dee4;
    border-top: 0;
}
.admin .mCSB_scrollTools .mCSB_draggerRail{
    background: rgba(196,222,228,0.8);
}
.select2-container.error .select2-selection{
    border-color: #d33b00;
}
.sortable {
    padding: 34px 0 0 0;
    margin: 0 -2%;
    position: relative;
}
.sortable .item {
    padding: 0 2%;
    float: left;
    width: 20%;
    text-align: center;
}
.sortable .itemSort > div{
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: move;
    margin: 0 0 8px 0;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 11em;
}
.sortable .itemSort > div > div{
    display: block;
    vertical-align: middle;
    padding: 0 10px 10px 10px;
    width: 100%;
}
.sortable .itemSort .elementTitle{
    line-height: 50px;
    height: 60px;
    overflow: hidden;
    padding: 5px 15px;
}
.sortable .itemSort .elementTitle em{
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    font-style: normal;
}
.sortable.sortable-no-num {
    padding-top: 0 !important;
}
.sortable.sortable-no-num .item {
    margin: 1.5em 0;
}
.itemSortCheck{
    display: inline-block;
    position: relative;
    background: url("../img/sortable_selectMark.png") no-repeat top center;
    width: 38px;
    height: 36px;
    cursor: pointer;
}
.itemSortCheck.active{
    background-position: bottom center;
}
.itemSortCheck input{
    position: absolute;
    z-index: -9999;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;
}
.itemSortCheck.disabled {
    background: none;
}
.sortable .itemSortPosition > div{
    width: 100%;
    margin: 0 0 40px 0;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
    color: #b9c5ca;
    line-height: 30px;
    border: 1px solid #e4e7e9;
}
.sortable .item.disabled > div{
    height: 109px;
    background: #e6e6e6 !important;
    cursor: default;
}
.sortable .itemSort.inactive > div{
    background: #b5b2b2 !important;
}
#ajaxLoader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}
#ajaxLoader img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
}
.oil_list{
    max-width: 80%;
    margin: 0 auto;
}
.oil_list .sortable .item{
    width: 25%;
}
.product_doc_file input{
    display: none;
}
.add_file_btn{
    background: url(../img/new_btn_icon.png) no-repeat center #0D4B63;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
}
.uploaded_file_btn{
    background: url(../img/icon_pdf.png) no-repeat center #0D4B63;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: none;
    min-width: 100px;
}
.edit_file_btn{
    background: url(../img/edit_icon.png) no-repeat center #0D4B63;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
}
.download_btn{
    background: url(../img/icon_download.png) no-repeat center #0D4B63;
    background-size: 1.611em auto;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: none;
}
.dataTable-buttons-set .uploaded_file_btn {
    min-width: 6.667em;
    background-size: 4.533em auto;
}
.dataTable-buttons-set .deleteBtn {
    background-size: 1.400em auto;
}
.dataTable-buttons-set .add_file_btn {
   background-size: 2.333em auto;
}
.dataTable-buttons-set .editBtn {
    background-size: 2.000em auto;
}
.add-formLine-btn{
    background: #0D4B63;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    text-align: center;
    padding: 0 30px;
    font-weight: bold;
    min-height: 3.66em;
}
.input-remove{
    position: relative;
    height: 100%;
}
.input-remove > em{
    background: url('../img/popup_close.png') no-repeat center center;
    display: block;
    cursor: pointer;
    width: 40px;
    height: 66px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}
.input-remove input{
    padding-right: 40px !important;
}
.family-row.input-remove > em{
    top: 0;
    right: 0;
    height: 2.667em;
}
.closed_days_wrapper .close_days {
    border-top: 1px solid #ccc;
    padding-top: 0.333em;
    margin-top: 1.667em;
    margin-bottom: 0.533em;
}
.closed_days_wrapper .close_days:first-child {
    border: 0;
    margin-top: 0;
}
/*====================Admin end======================*/
/*====================Admin dashboard start======================*/
.admin_topNav_graph{
    float: right;
    display: table;
    background: #e6e6e6;
    font-size: 18px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.chartBox{
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}
.chartBox .pie_chart{
    display: inline-block;
    margin: 0 23px 0 0;
    width: 50px;
    height: 50px;
    float: left;
}
.chartBox span{
    font-size: 26px;
    float: left;
    height: auto !important;
    display: inline-block !important;
    width: auto !important;
}
.chartBox span strong{
    font-size: 48px;
    font-weight: 700;
}
.admin_topNav_graph > div{
    display: table-cell;
    vertical-align: middle;
    padding: 5px 17px;
    text-transform: uppercase;
    height: 58px;
    font-weight: 700;
}
.green_chart > div{
    color: #3eac34;
}
.orange_chart > div{
    color: #ff9900;
}
.red_chart > div{
    color: #d33b00;
}
.admin_topNav_graph .chartBox{
    margin-left: 20px;
}
.admin_filterBar{
    margin: 0 0 25px 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.admin_filterBar .top_barSearch {
    flex: 1;
    min-width: 250px;
}
.admin_filterBar > div:not(.export_options){
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -0.5em;
}
.admin_filterBar > div:not(.export_options) > * {
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.667em;
}
.admin_filterBar > div:not(.export_options) > .btn {
    margin-top: 0;
}
.admin_filterBar .filter_btn{
    width: 148px;
    position: relative;
    z-index: 2;
}
.admin_filterBar .sample_btn {
    height: 3.333em;
    line-height: 3.333em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
}
.admin_filterBar .sample_btn img {
    max-height: 70%;
}
.admin_filterBar.add_options > div:first-child{
    padding-right: 124px;
}
.admin_filterBar .export_options{
    position: absolute;
    right: 0;
    top: -0.4em;
    display: inline-block;
    width: auto;
}
.admin-filterBar-wrapper {
    /*display: flex;*/
    margin: 0 0 1.68em;
    align-items: center;
    flex-wrap: wrap;
}
.admin-filterBar-wrapper .admin_filterBar {
    margin-bottom: 0 !important;
    flex: 1;
}
.admin-filterBar-wrapper .admin-filter-button {
    margin: 0.5em 0.5em 0.5em 0;
    padding-right: 1.8em;
    padding-left: 1.8em;
    position: relative;
}
.admin-filterBar-wrapper .admin-filter-button.active {
    background: #208eb7;
}
.admin-filterBar-wrapper .admin-filter-button.active:after {
    content: "\f121";
    font-family: "Ionicons";
    position: absolute;
    right: 0.5em;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.admin-filterBar-wrapper .admin_filterSet > div {
    min-width: 30em;
}
.admin-top-bar {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1em;
    margin-right: -1em;
}
.admin-top-bar .select2-container {
    width: 100% !important;
}
.admin-top-bar > div {
    flex: 1;
    padding: 0 1em 0.5em 1em;
}
.admin-top-bar .top_barSearch {
    width: 100% !important;
    padding-left: 0;
}
.export_btn{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #0d4b63;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 0 10px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
#excel_btn{
    background-image: url("../img/icon_excel.png");
}
#print_btn{
    background-image: url("../img/icon_printer.png");
}
.export_btn:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.export_btn.disabled{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    pointer-events: none;
}
.export_options .export_btn{
    float: right;
}
.admin_filterSet{
    flex: 1;
}
.admin_filterSet {
    position: relative;
}
.admin_filterSet > div{
    background: #c0ced3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0;
    width: 100%;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
}
.admin_filterSet span{
    display: inline-block;
    padding: 6px 12px;
}
.admin_filterSet span strong{
    color: #7a7b7c;
    font-size: 17px;
    font-weight: normal;
}
.admin_filterSet.showMore {
    padding-right: 36px;
}
.admin_filterSet.showMore > div {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    position: relative;
}
.admin_filterSet.showMore > em {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 100%;
    width: 35px;
    border-left: 1px solid #fff;
    text-align: center;
    background: url('../img/double_arrow.png') no-repeat center center #c0ced3;
    background-size: 14px auto;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}
.admin_filterSet.showMore > div > em {
    position: absolute;
    right: 0;
    line-height: 40px;
    height: 100%;
    top: 0;
    background: #c0ced3;
    display: block;
    padding: 0 10px;
}
.dashboard_section{
    margin: 0 0 20px 0;
    position: relative;
}
.dashboard_section h4{
    text-transform: uppercase;
    font-size: 15px;
    margin: 0 0 5px 0;
    color: #ff9900;
    font-weight: 700;
    padding: 0 248px 0 0;
    position: relative;
}
.dashboard_section h4 div{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 248px;
    text-align: center;
    color: #717171;
}
.dashboard_sectionBox{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #b25200;
    padding: 8px 248px 8px 97px;
    min-height: 150px;
    text-transform: uppercase;
    position: relative;
}
.dashboard_sectionBox_icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 97px;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.dashboard_sectionBox_datas{
    display: table;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    overflow: hidden;
    border-spacing: 4px;
    width: 64.1%;
    float: left;
}
.dashboard_sectionBox_datas > div, .dashboard_sectionBox_datas > .dashboard-section-box{
    display: table-cell;
    vertical-align: top;
    height: 137px;
    padding: 15px 10px;
    color: #000;
    background: #ffffff;
    margin: 0 0 0 4px;
    text-align: center;
    width: 28.1%;
}
.dashboard_sectionBox_datas > div:first-child, .dashboard_sectionBox_datas > .dashboard-section-box:first-child{
    width: 43.8%;
    background: #f38d00;
    color: #fff;
    font-weight: 700;
}
.dashboard_datasTitle{
    display: inline-block;
    min-height: 45px;
    margin: 0 0 20px 0;
    line-height: 22px;
}
.dashboard_sectionBox_datas > div:first-child .dashboard_datasTitle, .dashboard_sectionBox_datas > .dashboard-section-box:first-child .dashboard_datasTitle{
    line-height: 16px;
    margin: 0 0 10px 0;
}
.dashboard_sectionBox_datas.one_cols {
    width: 28.3%;
}
.dashboard_sectionBox_datas.one_cols > div:first-child, .dashboard_sectionBox_datas.one_cols > .dashboard-section-box:first-child {
    width: 100%;
}
.dashboard_sectionBox_datas.two_cols {
    width: 46.2%;
}
.dashboard_sectionBox_datas.two_cols > div:first-child, .dashboard_sectionBox_datas.two_cols > .dashboard-section-box:first-child {
    width: 44.4%;
}
.dashboard_sectionBox_datas.three_cols {
    width: 64%;
}
.dashboard_sectionBox_datas.three_cols > div:first-child, .dashboard_sectionBox_datas.three_cols > .dashboard-section-box:first-child {
    width: 43.7%;
}
.dashboard_sectionBox_datas.four_cols{
    width: 82%;
}
.dashboard_sectionBox_datas.four_cols > div, .dashboard_sectionBox_datas.four_cols > .dashboard-section-box{
    width: 21.9%;
}
.dashboard_sectionBox_datas.four_cols > div:first-child, .dashboard_sectionBox_datas.four_cols > .dashboard-section-box:first-child{
    width: 34.1%;
}
.dashboard_sectionBox_datas.five_cols{
    width: 100%;
}
.dashboard_sectionBox_datas.five_cols > div, .dashboard_sectionBox_datas.five_cols > .dashboard-section-box {
    width: 18%;
}
.dashboard_sectionBox_datas.five_cols > div:first-child, .dashboard_sectionBox_datas.five_cols > .dashboard-section-box:first-child{
    width: 28%;
}
.dashboard-section-2boxes {
    background: none !important;
    padding: 0px !important;
}
.dashboard-section-1box {
    display: block;
    background: white !important;
    padding: 5px;
}
.dashboard-section-1box .dashboard_datasTitle {
    min-height: 0px;
    margin: 0 0 10px 0;
}
.dashboard-section-1box .dashboard_datasValue strong {
    font-size: 26px;
}
.dashboard-section-2boxes > .dashboard-section-1box:first-child{
    margin-bottom: 5px;
}
.dashboard_datasValue{
    font-size: 22px;
    color: #000;
    position: relative;
    display: inline-block;
}
.dashboard_datasValue strong{
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
}
.dashboard_datasValue em{
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon_alert.png) no-repeat;
    right: -25px;
    top: -7px;
}
.dashboard_sectionBox_datas > div:first-child .dashboard_datasValue strong, .dashboard_sectionBox_datas > .dashboard-section-box:first-child .dashboard_datasValue strong{
    font-size: 2.182em;
    color: #fff;
}
.dashboard_sectionBox_datasList{
    list-style: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    width: 35%;
    float: right;
    margin: 4px 0;
}
.dashboard_sectionBox_datasList li{
    background: #fff;
    color: #000;
    padding: 5px 20px 5px 90px;
    line-height: 22px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 2px 0 0 0;
    position: relative;
}
.dashboard_sectionBox_datasList li:first-child{
    margin: 0;
}
.dashboard_sectionBox_datasList li strong{
    position: absolute;
    font-weight: 700;
    left: 20px;
    top: 5px;
}
.dashboard_sectionBox_datasList li span{
    display:inline-block;
    width: 100%;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.dashboard_sectionBox_datasList .link{
    margin: 0;
    background: url("../img/dashboard_show_moreIcon.png") no-repeat center center #ff9900;
    padding: 0;
    height: 32px;
    transition: all 0.2s ease;
}
.dashboard_sectionBox_datasList .link:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.dashboard_sectionBox_datasList .link a{
    display: block;
    width: 100%;
    height: 100%;
}
.dashboard_history_options{
    position: absolute;
    right: 0;
    top: 0;
    width: 248px;
    height: 100%;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.history_btn{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 7px;
    min-height: 65px;
    margin: 0 0 0.462em 0;
    width: 100%;
    line-height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ff9900;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}
.history_btn.small{
    min-height: auto;
}
.dashboard_history_options .history_btn:last-of-type {
    margin-bottom: 0;
}
.history_btn span{
    padding: 0 0 0 40px;
    display: inline-block;
    position: relative;
    line-height: 40px;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}
.history_btn span em{
    display: inline-block;
    font-style: normal;
    line-height: 20px;
    vertical-align: middle;
}
.history_btn.small span{
    line-height: 35px;
}
.history_btn:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.dashboard_history_options > div .history_btn:first-child{
    margin-top: 0;
}
.dashboard_section.blue h4{
    color: #0d4b63;
}
.dashboard_section.blue .dashboard_sectionBox{
    background: #0d4b63;
}
.dashboard_section.blue .dashboard_sectionBox_datas > div:first-child, .dashboard_section.blue .dashboard_sectionBox_datas > .dashboard-section-box:first-child{
    background: #368faf;
}
.dashboard_section.blue .history_btn{
    background: #3f9cbe;
}
.dashboard_section.green h4{
    color: #44b03a;
}
.dashboard_section.green .dashboard_sectionBox{
    background: #115e09;
}
.dashboard_section.green .dashboard_sectionBox_datas > div:first-child, .dashboard_section.green .dashboard_sectionBox_datas > .dashboard-section-box:first-child{
    background: #44b03a;
}
.dashboard_section.green .history_btn{
    background: #44b03a;
}
.dashboard_section.gray h4{
    color: #658692;
}
.dashboard_section.gray .dashboard_sectionBox{
    background: #658692;
}
.dashboard_section.gray .dashboard_sectionBox_datas > div:first-child, .dashboard_section.gray .dashboard_sectionBox_datas > .dashboard-section-box:first-child{
    background: #c0ced3;
}
.dashboard_section.gray .history_btn{
    background: #0d4b63;
}

.checkboxSet_tasks_days .checkboxSet_element.active{
    background: #208eb7;
}

.history_not_found_title {
    font-size: 30px;
    color: #0d4b63;
    padding-top: 40px;
    margin-bottom: 38px;
}
/*====================Admin dashboard v2 start ======================*/
.dashboard_sectionBox_datas.v2 {
    width: 100%;
}
.dashboard_sectionBox_datas.v2 {
    display: flex;
    flex-direction: row;
}
.dashboard_sectionBox_datas.v2 > * {
    border-radius: 8px;
    margin: 0px 10px;
}
.dashboard_sectionBox_datas.v2 .activity_box {
    display: flex;
    flex-direction: row;
    color: white;
    width: 80% !important;
    padding: 10px;
    height: auto !important;
}
.dashboard_sectionBox_datas.v2 .nc_box {
    text-align: center;
    background: white;
    width: 15% !important;
}
.dashboard_sectionBox_datas.v2 .title_box {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dashboard_sectionBox_datas.v2 .activity_box .title_box {
    width: 20%;
}
.dashboard_sectionBox_datas.v2 .title_box.nc_box {
    text-align: center;
    font-weight: 700;
}

.title_value {
    margin-top: 8px;
    font-size: 36px;
}
.rank_box .title_label img {
    vertical-align: sub;
}
.center_rank_table {
    display: flex;
    justify-content: center;
}
.center_rank_table table {
    text-align: left;
    min-width: 60%;
    line-height: 20px;
}
.center_rank_table tr:nth-child(even) {
    background: white;
}
.percent_cell {
    min-width: 4em;
}

.dashboard_sectionBox_datas.v2 .activity_box .rank_box {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    width: 80%;
    justify-content: space-between;
    min-height: 130px;
}
.dashboard_sectionBox_datas.v2 .activity_box .rank_box > * {
    display: flex;
    flex-direction: column;
    border: 3px solid #b25200;
    border-radius: 8px;
    width: 50%;
    margin: 0px 4px;
    justify-content: space-between;
    padding: 2px 0;
}
.dashboard_sectionBox_datas.v2 .activity_box .rank_box table {
    font-weight: 300;
    text-align: left;
}
.dashboard_sectionBox_datas.v2 .activity_box .rank_box table tr {
    border-bottom: 3px solid #f38d00;
    border-top: 3px solid #f38d00;
    background: white;
    color: black;
}
.dashboard_sectionBox_datas.v2 .activity_box .rank_box table tr td {
    padding: 4px 0;
}
.dashboard_section.blue .dashboard_sectionBox_datas.v2 .activity_box .rank_box table tr{
    border-bottom: 3px solid #368faf;
    border-top: 3px solid #368faf;
}
.dashboard_section.blue .dashboard_sectionBox_datas.v2 .activity_box .rank_box > * {
    border: 3px solid #0d4b63;
}
.dashboard_section.green .dashboard_sectionBox_datas.v2 .activity_box .rank_box table tr{
    border-bottom: 3px solid #44b03a;
    border-top: 3px solid #44b03a;
}
.dashboard_section.green .dashboard_sectionBox_datas.v2 .activity_box .rank_box > * {
    border: 3px solid #115e09;
}
.dashboard_section.gray .dashboard_sectionBox_datas.v2 .activity_box .rank_box table tr{
    border-bottom: 3px solid #c0ced3;
    border-top: 3px solid #c0ced3;
}
.dashboard_section.gray .dashboard_sectionBox_datas.v2 .activity_box .rank_box > * {
    border: 3px solid #658692;
}
.dashboard_section.gray .title_box,
.dashboard_section.gray .dashboard_sectionBox_datas.v2 .activity_box .rank_box > * {
    color: #7a7b7c;
}
.dashboard_sectionBox_datas.v2 .activity_box .rank_box table tr:first-child {
    border-top: none !important;
}
.dashboard_sectionBox_datas.v2 .activity_box .rank_box table tr:last-child {
    border-bottom: none !important;
}
/*====================Admin dashboard end======================*/
/*==================== Filters start ======================*/
.filters_wrap{
    padding: 0 34px;
}
.filters_wrap .steps_title{
    padding-left: 28px;
    border-color: #0d4b63;
    color: #0d4b63;
    font-size: 20px;
}
.filters_wrap .steps_title img{
   position: absolute;
    left: 0;
    top: 15px;
}
.filters_box{
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 18px 20px 20px 20px;
    margin: 0 0 30px 0;
}
.filters_box h3, .filters_box h4{
    font-size: 20px;
    font-weight: 500;
    color: #0d4b63;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 0 5px;
}
.radioSet_element, .admin_checkboxSet_element{
    float: left;
    margin: 0 5px 10px 5px;
    padding: 0 2em;
    background: #0d4b63;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    position: relative;
}
.radioSet_element input, .admin_checkboxSet_element input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}
.radioSet_element.active, .admin_checkboxSet_element.active{
    background: #208eb7;
}
.admin_checkboxSet_element.active:after {
    content: "\f121";
    font-family: "Ionicons";
    position: absolute;
    right: 0.5em;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.admin_checkboxSet_element.inactive{
    opacity: 0.5;
}

.clean-radioSet .radioSet_element.active span{
    padding: 0 !important;
    background: none !important;
}
.filters_box.folded {
    padding-bottom: 1px;
}
.filters_box.folded .admin_radioSet{
    display: none;
    padding-bottom: 20px;
}
.filters_box.folded h3 {
    padding-right: 50px;
    position: relative;
    cursor: pointer;
}
.filters_box.folded h3:before {
    width: 34px;
    height: 21px;
    display: block;
    background: url('../img/verticalScroll_arrowDown_darkBlue.png') no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    content: ' ';
}
.filters_box.folded h3.active:before {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*==================== Filters end ======================*/
/*==================== Ckeditor style start ======================*/
.cke_toolbox{
    float: right !important;
}
.cke_chrome{
    border: 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.cke_bottom{
    background: #0d4b63 !important;
    padding: 13px 18px !important;
}
.cke_toolgroup{
    margin: 0 !important;
    padding: 0 !important;
}
a.cke_button{
    width: 31px !important;
    height: 26px !important;
    padding: 0 !important;
    cursor: pointer !important;
}
.cke_button .cke_button__bold_icon{
    background: url(../img/editor_bold_btn.png) no-repeat center center !important;
    width: 31px !important;
    height: 26px !important;
    margin: 0 !important;
}
.cke_button .cke_button__italic_icon{
    background: url(../img/editor_italic_btn.png) no-repeat center center !important;
    width: 31px !important;
    height: 26px !important;
    margin: 0 !important;
}
.cke_button__underline{
    margin-right: 10px !important;
}
.cke_button .cke_button__underline_icon{
    background: url(../img/editor_underline_btn.png) no-repeat center center !important;
    width: 31px !important;
    height: 26px !important;
    margin: 0!important;
}
.cke_button__numberedlist{
    margin-right: 5px !important;
}
.cke_toolgroup .cke_button .cke_button__numberedlist_icon{
    background: url(../img/editor_numlist_btn.png) no-repeat center center !important;
    width: 31px !important;
    height: 26px !important;
    margin: 0 !important;
}
.cke_toolgroup .cke_button .cke_button__bulletedlist_icon{
    background: url(../img/editor_bulletlist_btn.png) no-repeat center center !important;
    width: 31px !important;
    height: 26px !important;
    margin: 0 !important;
}
.cke_toolgroup .cke_button:hover, .cke_toolgroup .cke_button:focus, .cke_toolgroup .cke_button:active{
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}
.cke_1 .cke_button_on{
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    opacity: 0.6;
}
.cke_combo__format {
    margin: 0 0 0 15px !important;
}
a.cke_combo_button{
    padding: 0 !important;
}
.cke_combo_text{
    margin: 0 !important;
    width: auto !important;
    min-width: 31px;
    padding: 0 !important;
    color: #fff !important;
    height: 26px !important;
}
.cke_combo_open{
    line-height: 20px !important;
    height: 20px !important;
}
.cke_combo_arrow{
    border-top-color: #fff !important;
    float: none !important;
    margin: 0 !important;
}
.cke_toolbar .cke_combo_on a.cke_combo_button, a.cke_combo_button:hover, a.cke_combo_button:focus, a.cke_combo_button:active{
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    margin: 0 !important;
}
.cke_combo_button .cke_combo_inlinelabel{
    background: url("../img/editor_forn_btn.png") no-repeat;
}
.cke_combo_text{
    font-weight: bold !important;
}
.cke_contents{
    padding: 10px !important;
}
/*==================== Ckeditor style end ======================*/
.upload_box .wrapper{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    height: 150px;
    margin: 0 0 30px 0;
    background: url("../img/add_file_icon.png") no-repeat center center #fff;
}
.upload_box .wrapper.active{
    background: #fff;
}
.upload_box .wrapper input{
    position: absolute;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}
.upload_box .image-holder{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    z-index: 2;
    background-repeat: no-repeat !important;
    background-size: cover !important; /* missing on preprod, updated line to add it */
    background-position: center center !important;
}
.upload_box .image-holder.file{
    display: table;
}
.upload_box .image-holder.file > div{
    display: table-cell;
    width: 100%;
    height: 150px;
    vertical-align: middle;
    text-align: center;
}
.upload_box .image-holder.file > div img{
    margin: 0 0 10px 0;
    width: 65px;
}
.upload_box .wrapper em{
    position: absolute;
    background: url("../img/remove_file_icon.png") no-repeat;
    width: 31px;
    height: 31px;
    cursor: pointer;
    top: 4px;
    right: 7px;
    z-index: 4;
}

.file_name_pdf{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
}
.upload_box_multy {
    max-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
}
.image-holder-multy {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.image-holder-multy .wrapper {
    flex: 0 0 calc(33.33% - 10px);
    margin: 0 5px 10px;
    height: 120px !important;
}
.upload_box .wrapper.active input{
    z-index: 1;
}
.upload_box_single {
    display: flex;
    flex: 1;
}
.upload_box_single .wrapper {
    height: auto;
    width: 100%;
    margin: 0;
}
#procedureContent_popup .popup_grayBox_text h1, #procedureContent_popup .popup_grayBox_text h2, #procedureContent_popup .popup_grayBox_text h3{
    margin: 15px 0;
    padding: 0;
    border: 0;
    color: inherit;
    text-transform: none;
}
#procedureContent_popup p{
    font-size: 16px;
}
#procedureContent_popup .popup_grayBox_text em{
    font-style: italic;
}
#procedureContent_popup .popup_grayBox_text ul{
    list-style-type: disc;
    list-style-position: outside;
    padding: 0 0 0 35px;
    margin: 15px 0;
}
#procedureContent_popup .popup_grayBox_text ol{
    list-style-type: decimal;
    list-style-position: outside;
    padding: 0 0 0 35px;
    margin: 15px 0;
    font-weight: bold;
}
.editorTitle1{font-size: 28px !important; font-weight: normal;}
.editorTitle2{font-size: 24px !important; font-weight: normal}
.editorTitle3{font-size: 20px !important; font-weight: normal}
.editorNormal{font-size: 16px !important;}


/*====================Mass upload/download style start ======================*/
.top_btnSet_left{
    float: left;
    display: inline-block;
}
.upload_xls_wrap{
    display: inline-block;
    position: relative;
    margin: 0 20px 13px 0;
}
.upload_xls_wrap input[type='file']{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    padding: 0;
    height: 100%;
    z-index: -999;
}
.sample_btn{
    min-width: 75px;
    height: 62px;
    line-height: 62px;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #0d4b63;
    cursor: pointer;
    padding: 0 10px;
    display: inline-block;
    text-align: center;
    transition: all 0.2s ease;
}
.sample_btn:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=0.5);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.sample_btn img{
    display: inline-block;
    vertical-align: middle;
    width: 2.5vw;
}
.sample_btn span {
    margin-left: 0.5rem;
}
.top_barSearch{
    float: left;
    padding: 6px 0 6px 20px;
    position: relative;
}
.top_barAddProduct{
    float: right;
    padding: 6px 0px 6px 50px;
    position: relative;
}
.top_barSearch_full {
    padding-left: 0;
    margin: 0;
    width: 100% !important;
}
.top_barSearch button, .top_barAddProduct button{
    position: absolute;
    top: 6px;
    width: 50px;
    height: 50px;
    background-size: 30px auto;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}
.top_barSearch button{
    background: url("../img/search_icon.png") no-repeat center center #0d4b63;
    right: 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
.top_barAddProduct button{
    background: url("../img/new_btn_icon.png") no-repeat center center #0d4b63;
    left: 0;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    cursor: default;
}
.top_barSearch button:hover{
    opacity: 0.5;
}
.top_barSearch input[type="text"], .top_barAddProduct input[type="text"]{
    padding-right: 60px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.top_barSearch input[type="text"]{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.top_barAddProduct input[type="text"]{
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
.top_barSearch.full_width {
    padding-left: 0;
    width: 100% !important;
}
.extended_search {
    padding-right: 3.5em !important;
}
.extended_search input[type="text"], .extended_search > div {
    margin: 0 0.5%;
    width: 49% !important;
    float: left;
}
.extended_search > .select2-container {
    font-size: 0.93em;
}
.extended_search input[type="text"] {
    padding-right: 14px !important;
}
.extended_search button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.notifications{
    position: fixed;
    top: 0;
    right: 5em;
    min-width: 357px;
    max-width: calc(100vw - 6.16em);
    color: #fff;
    z-index: 9;
    margin: 10px 0 0 0;
}
.file_process{
    position: relative;
    margin: 0 0 10px 0;
    width: 100%;
}
.file_process > div{
    display: flex;
    align-items: center;
    width: 100%;
    background: rgba(13,75,99,0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: bold;
}
.file_process a{
    color: #fff;
}
.file_process > div img.export_cancel{
    cursor: pointer;
    margin-left: 15px;
}
.file_process a:hover{
    text-decoration: underline;
}
.file_process_notification > div{
    padding-right: 45px;
    min-height: 49px;
}
.file_process_notification.success > div{
    background: rgba(68,134,0,0.7);
}
.file_process_notification.error > div{
    background: rgba(211,59,0,0.7);
}
.file_process_notification > div img{
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}
.file_process_notification.error > div{
    padding-right: 15px;
}
.file_process_bar{
    width: 50px;
    height: 50px;
    position: relative;
    display: table-cell;
}
.file_process_bar span{
    position: absolute;
    width: 100%;
    line-height: 50px;
    display: block;
    text-align: center;
    top: 0;
    left: 0;
    font-size: 14px;
}
.file_process_text{
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 15px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.2;
}
.file_process span{
    text-transform: none;
    font-weight: normal;
}
/*====================Mass upload/download style end ======================*/


/*=============================
    Cleaning area style start
===============================*/
.area_grid{
    margin: 0 -1%;
    display: flex;
    flex-wrap: wrap;
}
.area_grid .column{
    padding: 0 1%;
    width: 20%;
    margin: 0 0 2em 0;
}
.area_grid .element{
    background: #3eac34;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    min-height: 11em;
}
.area_grid .folder {
    display: flex;
    justify-content: center;
    align-items: center;
}
.area_grid .element.all{
    background: #0d4b63;
}
.area-element-content{
    padding: 10px;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.area-element-count{
    position: relative;
    width: 100%;
    height: 1.786em;
    background: #0e5807;
    font-size: 1.65em;
    padding: 0.357em;
    text-align: center;
    font-weight: 700;
}
.area-element-count.null{
    background: #3eac34;
    border-top: 1px solid #fff;
}
.area_grid .element.all .area-element-count{
    background: #0d4b63;
    border-top: 1px solid #fff;
}
.area_grid .element.has-impossible .area-element-count {
    min-height: 1.786em;
    height: unset;
}
.area-element-count:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 0 8px 7px 8px;
    border-color: transparent transparent #0e5807 transparent;
    border-style: solid;
}
.area-element-count.inherit:before {
    border-bottom-color: inherit !important;
}
.area-element-count.null:after, .area_grid .element.all .area-element-count:after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 0 8px 6px 8px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    z-index: 1;
}
.area-element-count.null:before {
     content: '';
     display: block;
     position: absolute;
     left: 50%;
     top: -5px;
     margin-left: -8px;
     width: 0;
     height: 0;
     border-width: 0 8px 6px 8px;
     border-color: transparent transparent #3eac34 transparent;
     border-style: solid;
     z-index: 2;
}
.area_grid .element.all .area-element-count:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 0 8px 6px 8px;
    border-color: transparent transparent #0d4b63 transparent;
    border-style: solid;
    z-index: 2;
}
.area_grid .element.blue{
    background: #208eb7;
}
.area_grid .element.blue .area-element-count{
    background: #0d4b63;
    border-top: 1px solid #fff;
}
.area_grid .element.blue .area-element-count.inactive{
    background: gray;
}
.area_grid .element.blue .area-element-count:after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 0 8px 6px 8px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    z-index: 1;
}
.area_grid .element.blue .area-element-count.inactive:before {
    border-color: transparent transparent gray transparent;
}
.area-element-icon{
    height: 3.3em;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.area-element-icon img{
    vertical-align: middle;
    max-height: 100%;
}
.area-element-title{
    line-height: 1.2;
    overflow: hidden;
    font-size: 18px;
}
.filter_link{
    display: inline-block;
    background: url('../img/icon_filter_blue.png') no-repeat left center;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 10px 10px 30px;
    color: #0d4b63;
    font-weight: 700;
}
.f_filterBar .admin_filterSet{
    width: 40%;
    padding: 0;
}
.f_filterBar .btn{
    min-width: 140px;
    margin: 5px 10px 5px 0;
}
.f_filterBar .filter_link{
    margin: 0 5px 5px 0;
}
.rate_btn{
    background: url("../img/rate_start.png") no-repeat center center #0d4b63;
    min-height: 40px;
}
.rate_btn:hover{
    background: url("../img/rate_start.png") no-repeat center center #7796a2;
}
.rate_btn.active{
    background: url("../img/rate_start.png") no-repeat center center #208eb7;
}
.cleaning-tasks h3{
    color: #208eb7;
    font-weight: 400;
    padding-left: 95px;
    margin: 20px 0 10px 0;
}
.cleaning-tasks h3:first-child{
    margin-top: 0;
}
.cleaning-tasks .element{
    padding: 0 0 0 95px;
    margin: 0 0 15px 0;
    position: relative;
}
.cleaning-tasks .task-area{
    position: absolute;
    height: 100%;
    background: #44b03a;
    color: #fff;
    text-align: center;
    width: 85px;
    top: 0;
    left: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 5px;
}
.cleaning-tasks .task-area .task-area-icon{
    height: 40px;
    line-height: 40px;
}
.cleaning-tasks .task-area img{
    max-height: 35px;
    vertical-align: middle;
}
.cleaning-tasks .task-area > div span{
    line-height: 25px;
    display: block;
    min-height: 25px;
    margin: 5px 0 0 0;
}
.cleaning-tasks .task-area > div span em{
    display: inline-block;
    font-style: normal;
    line-height: 13px;
    font-size: 13px;
    vertical-align: middle;
}
.cleaning-tasks .task-info{
    background: #fff;
    border: 2px solid #e9e9e9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: table;
    width: 100%;
    font-weight: 400;
    color: #1a1a1a;
}
.cleaning-tasks .task-info > div{
    display: table-cell;
    vertical-align: middle;
    padding: 15px 5px;
    height: 80px;
}
.cleaning-tasks .task-info .task-info-col1{
    padding-left: 66px;
    position: relative;
    width: 30%;
}
.cleaning-tasks .task-info.no-rate .task-info-col1{
    padding-left: 33px;
}
.rate-icon{
    display: inline-block;
    width: 31px;
    height: 54px;
    background: url("../img/hilight_task.png") no-repeat left top;
    cursor: pointer;
    position: absolute;
    left: 15px;
    top: 15px;
}
.rate-icon.active{
    background-position: left -112px;
}
.tasks-finished .rate-icon.active{
    background-position: left -56px;
}
.tasks-finished .rate-icon{
    cursor: default;
}
.cleaning-tasks .task-info .task-descTitle{
    font-size: 20px;
    text-transform: uppercase;
    color: #84b056;
    display: inline-block;
    margin-bottom: 8px;
}
.cleaning-tasks .task-info .task-info-col2{
    position: relative;
    padding-right: 165px;
}
.task-info .task-options{
    cursor: pointer;
    width: 70px;
    position: absolute;
    height: 100%;
    right: 80px;
    top: 0;
    background: #0d4b63;
}
.task-info .document-link {
    right: 0 !important;
}
.cleaning-tasks .task-info .document-column {
    padding: 1.08em 6em 1.08em 1.08em;
    overflow: hidden;
}
.cleaning-tasks .task-info .document-column .task-descText {
    width: 100%;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}
.task-info .task-procedure{
    background: url('../img/register_titleIcon.png') no-repeat center center #0d4b63;
}
.task-info .task-comment{
    background: url('../img/info_titleIcon.png') no-repeat center center #0d4b63;
}
.task-info .task-attach{
    background: url('../img/attached_icon.png') no-repeat center center;
    right: 80px;
}
.task-info .task-check{
    position: absolute;
    width: 80px;
    height: 100%;
    right: 0;
    top: 0;
    text-align: center;
}
.task-info .task-check .ez-checkbox{
    background: url("../img/custom_checkbox.png") no-repeat left top;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: 50%;
    margin-top: -20px;
}
.task-info .task-check .ez-checkbox.ez-checked{
    background-position: left -40px;
}
.task-info .task-status{
    position: absolute;
    width: 10.667em;
    height: 100%;
    right: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.task-info .task-status label {
    display: flex;
    width: 3em;
    height: 3em;
    background: #0D4B63;
    position: relative;
    margin: 0 0.667em;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.task-info .task-status label input {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.task-info .task-status label img {
    height: 1.733em;
}
.task-info .no_status.active {
    background: #ff3203;
}
.task-info .yes_status.active {
    background: #448600;
}
.tasks-finished .task-info .task-descText, .finished .task-info .task-descText{
    text-decoration: line-through;
    color: #989898;
}
.tasks-finished .task-info .task-comment{
    opacity: 0.4;
    cursor: default;
}
.cleaning-plan-file {
    margin: 15px 0 0 0;
}
.cleaning-plan-file a {
    background: #0d4b63;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    line-height: 42px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 60px;
}
.cleaning-plan-file span{
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.cleaning-plan-file a img{
    vertical-align: middle;
    max-height: 25px;
}
#all_products_section input {
    border-radius: 10px;
    border: 1px solid #0d4b63;
    margin-top: -0.4rem;
}
.task-info .audit-comment{
    background: #0d4b63;
    right: 0 !important;
    opacity: 0.4;
}
.task-info .audit-comment.active{
    opacity: 1;
}
.audit-category{
    position: relative;
    margin: 0 -1%;
}
.audit-category .column{
    float: left;
    padding: 0 1%;
}
.audit-category .element{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: table;
    width: 100%;
    cursor: pointer;
    position: relative;
}
.audit-category .element > div{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
    text-align: center;
    height: 80px;
}
.audit-category .element .category_mark{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -14px;
    margin-top: -13px;
    opacity: 0.6;
    display: none;
}
.audit-category.selected .element{
    opacity: 0.5;
}
.audit-category .element.active{
    opacity: 1;
}
.audit-category .element.active .category_mark{
    display: block;
}
.audit-category .element input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    cursor: pointer;
}
.audit-type-text{
    border-width: 1px;
    border-style: solid;
    padding: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    position: relative;
    display: none;
}
.audit-type-text > span{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -9px;
    width: 38px;
    height: 9px;
    border-width: 0 19px 9px 19px;
    border-color: transparent transparent #000 transparent;
    border-style: solid;
}
.audit-type-text > span em{
    content: '';
    display: block;
    position: absolute;
    right: -18px;
    top: 0;
    margin-top: 1px;
    width: 0;
    height: 0;
    border-width: 0 18px 8px 18px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
}
.popup_btn_set .btn{
    margin: 0 0.5em;
    min-width: 8em;
}
.popup_btn_set .btn img {
    height: 1.2em;
    width: auto;
    margin: 0.3em 0 0 0;
}
/* ----------- Admin part ------------ */
.area-list{
    margin: 0 -1.5%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.area-list .column{
    float: left;
    padding: 0 1.5%;
    width: 20%;
    margin: 0 0 30px 0;
}
.area-list.cols_4 .column{
    max-width: 25%;
    width: 25%;
}
.area-list .element{
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background: #b9b6b6;
    padding-bottom: 3em;
    text-align: center;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    min-height: 11em;
}
.area-list.no-controls .element {
    padding-bottom: 0;
    min-height: 7.667em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.area-list .element.active{
    background: #44b03a;
}
.label-basket .element.active {
    background: #ff9900;
}
.area-list .element .area-content{
    padding: 1em;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.area-list .element .area-content span, .area-list .element .area-content a{
    display: block;
    line-height: 1.4;
    flex: 1;
    overflow: hidden;
    margin: 0 0 5px 0;
}
.area-list .element .area-content span > em, .area-list .element .area-content span > a{
    display: inline-block;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
}
.area-list .element .area-content span > a {
    cursor: pointer;
    text-decoration: underline;
}
.area-list .element .area-content .area-action{
    display: block;
    height: 36px;
}
.area-list .element > a, .area-links-split, .area-list .element.empty > span, .area-list .element .basket-type{
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 3em;
    background: #105169;
    color: #fff;
    line-height: 3em;
    padding: 0 10px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    font-size: 0.8em;
}
.area-list.sortable .element.empty > span {
    height: 3.2em;
}
.elementDelete, .area-list .element .elementDelete{
    position: absolute;
    top: -15px;
    right: -8px;
    left: auto;
    background: url("../img/sortable_deleteIcon.png") no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.area-list .element .basket-type {
    display: flex;
    align-items: center;
    padding: 0 0.6em;
}
.area-list .element .basket-type > img {
    max-width: 1.5em;
    margin: 0 0.5em 0 0;
}
.area-list .element > a > span, .area-links-split a > span, .area-list .element.empty > span > span{
    line-height: 1.4em;
    vertical-align: middle;
    display: inline-block;
    background: url("../img/edit_icon.png") no-repeat left center;
    background-size: auto 1.333em !important;
    padding-left: 2em;
}
.area-links-split {
    display: table !important;
    padding: 0 !important;
    font-size: 0.8em;
}
.area-links-split > a {
    display: table-cell;
    padding: 0 0.5em;
    width: 50%;
}

.area-links-split > a:first-child {
    border-right: 1px solid #fff;
}

.area-list .element a.procedure > span {
    background: url("../img/register_titleIcon.png") no-repeat left center;
    background-size: 1.333em auto !important;
}

.area-list .element.empty > span, .area-list .element.new-list-element > a {
    background: #ffc400;
    padding: 0 15px;
}

.area-list .element.empty {
    background: #e8e8e8;
}

.area-list .element.empty > span > span, .area-list .element.new-list-element > a > span {
    font-size: 1.2em;
    padding: 0;
    background: none;
}

.area-list .element.empty .area-content span {
    cursor: pointer;
}

.area-list .element .area_addArea {
    position: relative;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: url("../img/new_btn_icon_yellow.png") no-repeat center center #e8e8e8;
    background-size: 2.5em auto !important;
    cursor: pointer;
    flex: 1;
    padding: 0;
}
.area-list .element .delete_areaBtn{
    position: absolute;
    background: url("../img/sortable_deleteIcon.png") no-repeat;
    width: 32px;
    height: 32px;
    top: -10px;
    right: -10px;
    left: auto;
    cursor: pointer;
    padding: 0;
}
.area-list .element .copy_areaBtn{
    position: absolute;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    top: 25px;
    right: -10px;
    left: auto;
    cursor: pointer;
    padding: 0;
}
.area-list .element .copy_areaBtn img{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
}
.fridge-area-element .area-content{
    min-height: 7.571em;
}
.fridge-area-element .area-content img {
    max-height: 4em;
}
.upload_xls_btn{
    background: #ffc000;
}
.download_xls_btn{
    background: #0d4b63;
    margin-right: 10px;
}
.group-select-wrap .select2-container{
    width: 100% !important;
}
.admin_control_delivery_list form {
    position: relative;
    width: 100%;
}
.admin_control_delivery_list .area-action {
    position: absolute;
    bottom: 1em;
    left: 0;
}
.admin_control_delivery_list {
    display: flex;
    flex-wrap: wrap;
}
.admin_control_delivery_list .column {
    display: flex;
    flex-direction: column;
}
.admin_control_delivery_list .element {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.admin_control_delivery_list .element .area-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.admin_control_delivery_list .element.active {
    background: #ff9900 !important;
}
.admin_control_delivery_list .element .area-content span {
    height: auto !important;
}
.radioSet-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.radioSet-line .radioSet_element {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 15em;
}
/*=============================
    Cleaning area style end
===============================*/


/*=============================
    Checklists style start
===============================*/
.checklist-list .element{
    padding-left: 0 !important;
}
.checklist-list h3{
    padding-left: 0 !important;
}
.checklist-list .task-info .task-descTitle{
    margin: 0 !important;
}
.checklist-read .task-info .task-info-col1{
    padding-left: 20px;
}
.checklist-read .task-info .task-info-col2{
    padding-right: 20px;
}
.readonly{
    background: #dddcdc !important;
}
.checklist-create-step{
    display: none;
}
.default-text-box{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    display: table;
}
.default-text-box > div{
    display: table-cell;
    vertical-align: middle;
    color: #0d4b63;
    width: 100%;
    padding: 10px;
    height: 70px;
    text-align: center;
}
.custom-fieldset{
    margin: 0 0 10px 0;
}
.custom-fieldset > label{
    display: inline-block;
    float: left;
    font-weight: 400;
    line-height: 50px;
    margin: 0 10px;
    min-width: 40px;
    text-transform: uppercase;
    vertical-align: middle;
}
.custom-fieldset > label > span{
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}
.custom-fieldset input[type="text"]{
    float: left;
    width: 250px;
    margin: 0;
}
.checklist-category .element .area-content span{
    cursor: pointer;
}
/*=============================
    Checklists style end
===============================*/

/*=============================
    Audits style start
===============================*/
.table-form{
    width: 100%;
}
.table-form th, .table-form td{
    border-left: 2px solid #f3f3f3;
    height: 66px;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 8px 20px;
    text-align: left;
    background: #c4dee4;
}
.table-form tr td{
    border-top: 2px solid #f3f3f3;
}
.table-form tr th:first-child, .table-form tr td:first-child{
    border-left: 0 !important;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.table-form tr:nth-child(even) td{
    background: #a5d3de;
}
.table-form input[type="text"]{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    float: none;
}
.table-form .field-cell{
    padding: 0;
}
.table-form .align_center {
    text-align: center;
}
.table-form .checkboxSet.single {
    display: block;
    width: 100%;
    height: 100%;
}
.table-form .checkboxSet.single .checkboxSet_element{
    margin: 0 !important;
    height: 100% !important;
    vertical-align: middle;
    display: block;
    line-height: 3.5em !important;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/*=============================
    Audits style end
===============================*/

/*=============================
    Baskets style start
===============================*/
.baskets-list .element{
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background: #ff9900;
}
.baskets-list .area-element-content {
    height: 7.333em;
    width: 100%;
    padding: 0;
}
.baskets-list .area-element-content > div {
    width: 100%;
    vertical-align: middle;
    line-height: 1.4;
    padding: 0.75em !important;
}
.baskets-list .area-element-content .area-element-icon {
    height: auto;
    padding: 0.75em 0.75em 0 0.75em !important;
    margin-bottom: 5px;
}
.baskets-list .area-element-count {
    background: #c27501;
    line-height: 1.4;
    font-size: 1.333em;
    font-weight: 400;
}
.baskets-list .area-element-count:before {
    border-color: transparent transparent #c27501 transparent;
}
.baskets-list .element.default {
    background: #208eb7;
}
.baskets-list .element.default .area-element-count {
    background: #0d4b63;
}
.baskets-list .element.default .area-element-count:before {
    border-color: transparent transparent #0d4b63 transparent;
}
.basket-products  .element .capture_list.single .capture {
    height: 8em !important;
}
/*=============================
    Baskets style end
===============================*/

/*=============================
    Fryer counters start
===============================*/
.fryer_counters .oil_temp_new {
    margin-top: 1.667em;
}
.fryer_counters .oil_temp_values img{
    margin: 1.667em auto;
    display: block;
}
.fryer_counters .process_btn {
    display: block;
    line-height: 6em;
    text-align: center;
    background: #8ca5af;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 2.85em;
}
.fryer_counters .count_value_wrap {
    background: #fff;
    display: table;
    width: 100%;
    height: 15em;
    padding: 1em;
    line-height: 1.2;
}
.fryer_counters .count_value_wrap > div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    color: #0d4b63;
    font-weight: 500;
}
.fryer_counters .active .process_btn {
    background: #0d4b63;
}
/*=============================
    Fryer counters end
===============================*/

.uppercase{
    text-transform: uppercase;
}
.pdf_box{
    height: 508px;
    overflow: hidden;
}
.pdf_box img{
    display: block;
    margin: 0 auto;
}
.pdf_box .mCSB_scrollTools .mCSB_draggerRail{
    border: 2px solid rgba(187, 177, 177, 0.8);
}
.pdf_box .mCSB_container {
    margin-right: 40px;
}
.pdf_box .mCSB_scrollTools {
    right: 10px;
}
.period_custom{
    display: none;
}

.border-field-white{
    border: 1px solid #fff;
}

.custom_delete_checkbox .ez-checkbox{
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    background: url('../img/custom_checkbox.png') no-repeat left top #fff;
    background-size: 100% auto;
    margin: 0;
}
.custom_delete_checkbox .ez-checked {
    background-position: left -2.18em;
}
.custom_delete_checkbox.inactive .ez-checkbox{
    background: url('../img/custom_checkbox_disabled.png') no-repeat left top #fff;
}
.custom_delete_checkbox.inactive .ez-checkbox.ez-checked{
    background-position: left -2.23em;
}
.validation_buttons label {
    width: 100%;
    display: table;
    height: 9.056em;
    padding: 0.682em;
    text-align: center;
    font-size: 1.200em;
    align-items: center;
    position: relative;
    background: #0d4b63;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.validation_buttons label div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.validation_buttons label span {
    display: block;
}
.validation_buttons input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    border: 0;
    margin: 0;
    padding: 0;
}
.validation_buttons .not_valid.active{
    background: #ff3203;
}
.validation_buttons .valid.active{
    background: #448600;
}
.validation_buttons label img {
    display: block;
    margin: 0.5em auto 0 auto;
    height: 4.389em;
}
.select_box .select2-results {
    max-height: 23.1em !important;
}
.mobile_action {
    display: none;
}
.mobile_table_action {
    margin: 0 0 0.8em 0;
    text-align: right;
}
.print-labels-list { 
    display: flex;
    flex-wrap: wrap;
}
.print-labels-list .column {
    display: flex;
    flex-direction: column;
}
.print-labels-list .element {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.print-labels-list .element .info { 
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.multiple_select > .select2-container {
    width: 100% !important; 
} 
.multiple_select .select2-selection--multiple {
    border: 0 !important;
    border-radius: 0;
    padding: 0.333em;
    line-height: 1.333em;
    min-height: 3.333em;
}
.multiple_select .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
    display: block;
}
.multiple_select .select2-selection--multiple .select2-selection__choice {
    margin: 0.278em;
    background-color: #c4dee4;
    border: 0;
    border-radius: 5px;
    cursor: default;
    padding: 0.556em 1.833em 0.556em 0.833em;
    text-transform: uppercase;
    font-size: 1.200em;
    position: relative;
}
.multiple_select .select2-search--inline .select2-search__field {
    margin-left: 0.333em;
    margin-top: 0;
}
.multiple_select .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    position: absolute;
    right: 0.556em;
    margin: 0;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 22.9em;
    overflow: auto;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: #8cb5bf;
    position: relative;
}
.select2-container--default .select2-results__option[aria-selected=true]:after {
    content: '';
    position: absolute;
    right: 0.5em;
    width: 1.8em;
    height: 1.833em;
    background: url("../img/check_mark_blue.png") no-repeat;
    background-size: 100% auto !important;
    top: 50%;
    margin-top: -0.889em;
    display: block;
}
.page-top-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page-top-actions form {
    flex: 1;
    max-width: 40em;
    margin: 0 0 0 1em;
}
.page-top-actions .new_btn {
    margin: 0 0 0 1em;
}
.page-top-actions.move-form-right {
    justify-content: flex-end;
}
.page-top-actions.move-form-right form {
    margin-left: 0;
    padding-left: 0;
}
.admin_filterBar .check-today, .check-today {
    display: flex;
    align-items: center;
    width: auto;
    color: #0d4b63;
    font-weight: 400;
}
.check-today .ez-checkbox{
    background: url("../img/custom_checkbox.png") no-repeat left top #fff;
    background-size: 2.667em auto !important;
    width: 2.667em;
    height: 2.667em;
    display: inline-block;
    position: relative;
    margin-left: 1em;
}
.check-today .ez-checkbox.ez-checked{
    background-position: left -2.667em;
}

.multi-list {
    
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    width: fit-content;
    height: 40px;

}

.multi-list > span {
    width: auto;
    font-weight: 400;
    color: #0d4b63;
}

.multi-list > input {
    width: 15px;
}

.filer-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.filer-options > div:first-child {
    flex: 1;
}
.filer-options > div {
    display: flex;
    float: none;
    width: auto;
}
.filer-options .admin_filterSet {
    margin: 0 0.667em 0.667em 0;
}

.slide-checkbox-button {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    min-width: 10em;
    display: flex;
    cursor: pointer;
}
.slide-checkbox-button input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
}
.slide-checkbox-button span {
    font-size: 1.8em;
    text-align: center;
    font-weight: 400;
    width: 50%;
    padding: 0.241em 0.3em;
    z-index: 2;
    color: #0d4b63;
    position: relative;
}
.slide-checkbox-button span:first-child {
    color: #fff;
}
.slide-checkbox-button em {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #0d4b63;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.2s ease;
}
.slide-checkbox-button input:checked + em {
    left: 50%;
}
.slide-checkbox-button.checked span {
    color: #fff;
}
.slide-checkbox-button.checked span:first-child {
    color: #0d4b63;
}

.notifyjs-foo-error {
    background: #d33b00;
}
.table-download-link {
    height: 100%;
    min-height: 3.2em;
    width: 100%;
    display: block;
    background: url("../img/icon_download.png") no-repeat center #0d4b63;
}
.home-documents-btn {
    background: #0d4b63;
}

.cr_dlc_column .date_field_line.inactive {
    opacity: 0.4;
}
.dashboard-loader {
    margin: 1.333em 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-loader img {
    width: 2.933em;
}
.dashboard-section-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.dashboard-section-loader > img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    display: block;
    width: 2.933em;
    margin-top: -0.667em;
    margin-left: -1.467em;
}
.simple-checkbox {
   display: inline-block;
   position: relative;
   cursor: pointer;
}
.simple-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0;
    z-index: -999;
    height: 100%;
}
.simple-checkbox span {
    display: flex;
    border: 2px solid #0d4b63;
    width: 2em;
    height: 2em;
    align-items: center;
    justify-content: center;
    background: #fff;
}   
.simple-checkbox span:after {
    content: "";
    font-family: "Ionicons";
    color: #0d4b63;
    font-size: 1.5em;
    line-height: 1;
}
.simple-checkbox input:checked ~ span:after {
    content: "\f122";
}
.sample-dish-row {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
    padding-bottom: 1em;
}
.sample-dish-row > div {
    padding: 0 1%;
    width: 50%;
}
.sample-dish-row > div:first-child {
    width: 30%;
}
.sample-dish-row > div:last-child {
    width: 20%
}
.sample-dish-row .one_field_counter.hirozontal {
    min-height: 3.333em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.sample-dish-row .one_field_counter.hirozontal > div {
    line-height: 1 !important;
    height: auto;
    font-size: 2.5em;
}
.easy-autocomplete {
    width: 100% !important;
}
.printed-products .element {
    padding: 0;
    margin: 0 0 1em 0;
    display: flex;
    background: #fff;
    border: 2px solid #e9e9e9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    font-weight: 400;
    color: #1a1a1a;
    justify-content: space-between;
}
.printed-products-header {
    width: 100%;
    font-weight: 400;
    color: #1a1a1a;
    justify-content: space-between;
    display: flex;
    margin: 0 0 1em 0;
    color: #208eb7;
}
.printed-products-header a {
    display: flex;
    align-items: center;
}
.printed-products .element > div, .printed-products-header > div {
    padding: 1em 0.8em;
    width: calc((100%-9.333em)/4);
    display: flex;
    align-items: center;
}
.printed-products-header > div {
    padding: 0 0.8em;
}
.printed-products .element .col1 {
    padding-left: 4.400em;
    position: relative;
    min-height: 5.333em;
    display: flex;
    align-items: center;
}
.printed-products .element > div:last-child, .printed-products-header > div:last-child {
    padding: 0;
    display: flex;
    width: 10.333em;
    align-items: stretch;
    justify-content: flex-end;
}
.printed-products-list-finished .printed-products-texts{
    text-decoration: line-through;
    color: #989898;
}
.print-option {
    cursor: pointer;
    width: 4.667em;
    height: 100%;
    background: url("../img/print_titleIcon.png") no-repeat center #0d4b63;
    display: block;
    right: 0;
}
.custom-task-checkbox {
    width: 4.667em;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-task-checkbox .ez-checkbox {
    background: url(../img/custom_checkbox.png) no-repeat left top;
    width: 2.667em;
    height: 2.667em;
    display: inline-block;
    position: relative;
}
.custom-task-checkbox .ez-checkbox.ez-checked {
    background-position: left -2.667em;
}
.print-rate-icon {
    display: inline-block;
    width: 2.067em;
    height: 3.6em;
    background: url(../img/hilight_printed.png) no-repeat left top;
    cursor: pointer;
    position: absolute;
    left: 1em;
    top: 1em;
    background-size: 100% auto;
}
.print-rate-icon.red {
    background-position: left -3.7em;
}
.print-rate-icon.yellow {
    background-position: left -7.4em;
}
.group-field-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.top_btnSet .group-field-wrap input {
    margin-bottom: 0.58em;
}
.checkbox-list label {
    display: block;
    position: relative;
}
.checkbox-list label input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -9999;
    margin: 0;
}
.checkbox-list label span {
    display: flex;
    justify-content: space-between;
    font-size: 1.200em;
    letter-spacing: 0.025em;
    color: #000;
    text-transform: uppercase;
    padding: 0.556em 1.111em;
    min-height: 3.778em;
    line-height: 2.667em;
    margin: 1px 0 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #c4dee4;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    align-items: center;
}
.checkbox-list label input:checked ~ span {
    background: #8cb5bf;
}
.checkbox-list label input:checked ~ span:after {
    height: 1.833em;
    background: url("../img/check_mark_blue.png") no-repeat;
    background-size: 100% auto;
    display: block;
    width: 2.056em;
    content: '';
}
.popup-export-period-wrap {
    max-width: 600px;
    margin: 0 auto;
}
.period-select-fields {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1em;
}
.period-select-fields > .custom-fieldset {
    flex: 1;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
    flex-wrap: wrap;
    min-width: 21em;
    margin: 10px 0;
}
.period-select-fields > .custom-fieldset .admin_selectWrap {
    flex: 1;
}
.period-select-fields > .custom-fieldset label {
    float: none;
    width: auto;
    min-width: 4em;
    margin: 0 1em 0 0;
}
.period-select-fields > .custom-fieldset .admin_selectWrap .select2 {
    width: 100% !important;
}

/*=============================
    Miltiple photos start
===============================*/
.camera-content-wrap {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-top: 1.5em;
}
.camera-content-wrap .submit_btn {
    position: relative;
    bottom: 0;
}
.camera-content-wrap .page_row {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.drop-box {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em;
    background: #fff;
    border: 2px dashed var(--light-blue);
    flex: 1;
    color: var(--light-blue);
    cursor: pointer;
    position: relative;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.camera-content {
    max-height: 100%;
    display: flex;
    height: 100%;
    min-height: 100%;
    flex: 1;
    flex-direction: column;
}
.camera-front .camera-front-counter {
    position: absolute;
    right: 2em;
    bottom: 2em;
    background: #0d4b63;
    color: #fff;
    height: 4em;
    min-width: 4em;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.camera-front .camera-front-counter em {
    font-size: 1.6em;
    font-style: normal;
}
.camera-front-back {
    color: var(--light-blue);
    cursor: pointer;
    display: none;
    font-size: 2em;
    margin-right: 1em;
}
.camera-validation .camera-content-box {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.camera-slider-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-height: 100%;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #000;
}
.camera-slider-image img {
    max-width: 100%;
    max-height: calc(100vh - 16.792em);
}
.camera-slider-thumbs {
    width: 100%;
    background: #0d4b63;
}
.camera-slider-thumbs-scene {
    display: flex;
    height: 7.5em;
    overflow: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.camera-slider-thumbs .item {
    max-width: 9em;
    min-width: 9em;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
    display: flex;
    height: 5.6em;
    margin: 0 5px;
    display: flex;
    overflow: hidden;
}
.camera-slider-thumbs .item img {
    height: 100%;
}
.camera-slider-thumbs .item.active {
    border-color: #fff;
}
.camera-slider-nav span {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.camera-slider-nav .camera-slider-nav-prev {
    left: 2em;
}
.camera-slider-nav .camera-slider-nav-next {
    right: 2em;
}
.camera-slider-nav span em {
    font-style: normal;
    font-size: 3em;
    line-height: 1;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
}
.camera-slider-back {
    position: absolute;
    left: 2em;
    top: 1.5em;
    cursor: pointer;
    z-index: 3;
}
.camera-slider-delete {
    position: absolute;
    right: 2em;
    top: 1.5em;
    cursor: pointer;
    z-index: 3;
}
.camera-slider-back em, .camera-slider-delete em {
    font-style: normal;
    font-size: 3em;
    line-height: 1;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    color: #fff;
}
.product-multiple-photos-step1 {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    padding-bottom: 6.6em;
}
.product-multiple-photos-step1 .submit_btn {
    position: fixed;
}
.recipe-product {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5em 0;
    background: var(--light-blue);
    color: #fff;
    border-radius: 15px;
}
.recipe-product-info {
    flex: 1;
    text-transform: uppercase;
    margin-bottom: 1em;
    padding: 0 1.5em;
}
.recipe-product-info > div {
    margin-bottom: 1em;
}
.recipe-product-images {
    background: var(--blue);
    display: flex;
    height: 12em;
    position: relative;
}
.recipe-product-images em {
    background: var(--blue);
    color: #fff;
    width: 2.2em;
    height: 2.2em;
    font-size: 2em;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    border-radius: 50%;
    top: -1.1em;
    position: absolute;
}
.recipe-product-images > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding-left: 2px;
}
.recipe-product-images > div:first-child {
    padding-right: 2px;
    padding-left: 0;
}
.recipe-product-images > div img {
    max-height: 100%;
}
.main-content-back-arrow {
    color: var(--light-blue);
    font-size: 3em;
    position: absolute;
    left: 0.2vw;
    top: 0.05em;
    line-height: 1;
}
.batch-number-field {
    max-width: 30em;
    margin: 0 0 1.667em 0;
    position: relative;
}
.batch-number-field input[type="text"] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-right: 5.5em;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    text-transform: uppercase;
}
.batch-number-field button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.2em;
    width: 4em;
    height: 100%;
    text-transform: uppercase;
    cursor: pointer;
    background: var(--blue);
    color: #fff;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    transition: all 0.2s ease 0s;
}
.batch-number-field button:disabled {
    background: var(--disabled-button-bg);
    cursor: default;
}
.batch-number-field button:not(:disabled):hover{
    opacity: 0.5;
}
.batch-number-block {
    max-width: 30em;
    margin: 0 0 1.667em 0;
    background: var(--gray);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3.333em;
    font-weight: 500;
}
.batch-number-block em {
    font-style: normal;
}
.masonry .item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.masonry .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.masonry {
    display: grid;
    grid-gap: 2.5em;
    /*grid-template-columns: repeat(auto-fit, minmax(318px, 1fr));*/
    grid-template-columns: repeat(auto-fill, calc((100% - 5em)/3));
    grid-auto-flow: dense;
    padding-bottom: 2.5em;
}
.masonry .tall {
    grid-row: span 2;
}
.masonry .wide {
    grid-column: span 2;
}
.popup_buttons_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -2.5%;
    margin-right: -2.5%;
    justify-content: center;
}
.popup_buttons_container > .button {
    flex: 0 0 45%;
    max-width: 17em;
    margin-left: 2.5%;
    margin-right: 2.5%;
    font-size: 1.067em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 6.250em;
}
.popup_buttons_container > .button img {
    height: 2em;
    margin: 0 0 0.5em 0;
}
.popup_buttons_container span {
    margin-top: 1em;
    line-height: 1.2;
}
/*=============================
    Miltiple photos end
===============================*/
/*=============================
    REST API documentation
===============================*/
.api_entry {
    margin: 20px 0 0 0;
    letter-spacing: 0.02em;
    transition: all 0.2s ease;
    display: block;
}
.api_entry .title {
    font-weight: 500;
    font-size: x-large;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ff9900;
    color: #fff;
    position: relative;
    transition: all 0.2s ease;
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 8px;
    cursor: pointer;
}
.api_entry .title .path {
    display: table-cell;
    width: 100%;
}
.api_entry .title .type {
    position: absolute;
    right: 8px;
}
.api_entry .title .type:after {
    content: ' ▾';
}
.api_entry .title .type.reduced:after {
    content: ' ◂' !important;
}
.api_entry .description {
    font-size: large;
    margin-left: 8px;
    margin-top: 16px;
}
.api_entry .description ul {
    margin-left: 24px;
    list-style: circle;
}
.api_entry .description span {
    font-weight: 500;
}
.api_entry .description em {
    font-style: italic;
}
/*=============================
    Custom notifications start
===============================*/
.circled {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #0d4b63;
    color: white !important;
}
.circled.not {
    border: none;
    background: none;
    color: #0d4b63 !important;
}
.clickable {
    cursor: pointer;
    color: #0d4b63;
    font-weight: 500;
}

.admin_topNav ul li .corrective-action-icon span
{
    background: url('../img/info_titleIcon_blue.png') no-repeat left;
}
.admin_topNav ul li.active .corrective-action-icon span
{
    background: url('../img/info_titleIcon.png') no-repeat left;
}
.correctiveAction_titleIcon.icon img{
    top: 5px !important;
}

/*=============================
        Workflow T° start
===============================*/
.workflowTemp_list .home_btn .home_btnIco {
    background-size: auto 66px !important;
}
#workflowTemp_action .fridge_tempBox {
    min-height: unset;
}
#workflowTemp_action .main_contentWrap {
    padding-top: 7.5em;
}
#workflowTemp_action h3 {
    padding-top: 2em;
    margin-left: 46px;
}
.workflowStep_icon {
    position: absolute;
    bottom: 32px;
    text-align: right;
}
.workflowAction_icon {
    position: absolute;
    font-size: 28px;
}
.workflowAction_icon.left {
    bottom: -10px;
    left: 10px;
    text-align: left;
}
.workflowAction_icon.right {
    bottom: -5px;
    right: 10px;
    text-align: right;
}

.historic_info_message {
    font-size: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 2em;
    margin-top: 0;
    padding: 0.4em 1.6em;
    border-radius: 20px;
    border: 1px solid var(--blue);
    color: var(--blue);
    line-height: 1.4;
}
.historic_info_message.warning {
    border: none;
    background: #e84f13;
    color: white;
    font-weight: 700;
}
.alert-message {
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    border-radius: 1rem;
    font-size: 1.125rem;
    background: var(--white-color);
    padding: 1rem;
    color: var(--main-color);
    margin: 0 2em 2em 2em;
}
.alert-messages-popup {
    margin: 1rem 1rem 0 1rem;
}
.info-message {
    display: flex;
    flex-direction: row;
    margin: 0 1rem;
    color: var(--main-color);
}
.info-message.shortened {
    align-items: center;
}
.popup .info-message, .new-popup .info-message {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    padding: 1rem;
    border-radius: 1.063rem;
}
.popup .info-message:not(:last-child), .new-popup .info-message:not(:last-child) {
    margin-bottom: 1rem;
}
.alert-message hr {
    margin: 1rem 0;
    color: #0d4b63;
}
.info-message .title {
    font-size: 1.4rem;
    font-weight: 600;
}
.info-message .message {
    flex-grow: 1;
    margin-left: 1rem;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    width: 0px; /* weird but working for text ellipsis... */
}
.info-message .message span:first-child {
    margin-bottom: 0.4rem;
    font-size: var(--h9);
    font-weight: 300;
}
.info-message .message span:first-child em {
    margin-left: 0.6rem;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
}
.info-message .message span:nth-child(2) {
    font-weight: 500;
    overflow: hidden;
}
.info-message.shortened .message span:nth-child(2) {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-message .arrow {
    font-size: 2rem;
}
.alert-message .messages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.alert-message .messages .info-content {
    width: 100%;
    overflow: hidden;
    height: 3rem;
    display: flex;
    align-items: center;
    position: relative;
}
.alert-message .messages .info-content .info-message {
    position: absolute;
    width: calc(100% - 1rem);
    background-color: transparent;
}
.alert-message .messages .info-content .info-message .message {
    margin-left: 1rem;
}
.alert-message .messages .arrow {
    display: flex;
    align-items: center;
    padding: 0 0.6rem;
    z-index: 1;
}
.important-alert-message {
    color: #FF0000;
    font-weight: 700;
}
.show-all-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid var(--main-color);
    padding-top: 1rem;
    margin-top: 1rem;
    font-size: var(--h7);
    text-decoration: underline;
}
.info-message .btn {
    background: #FF9900;
    color: #FFF;
    font-size: 1.25rem;
    line-height: 1rem;
}
.info-message.octopus {
    border: #FF9900 1px solid;
}
.info-message.slideinleft {
    -webkit-animation: slideinleft 0.5s ease-in-out forwards;
    animation: slideinleft 0.5s ease-in-out forwards;
}
.info-message.slideoutleft {
    -webkit-animation: slideoutleft 0.5s ease-in-out forwards;
    animation: slideoutleft 0.5s ease-in-out forwards;
}
@keyframes slideinleft {
  0% { transform: translateX(105%) scale(25%); }
  80% { transform: translateX(-10%) scale(105%); }
  100% { transform: translateX(0%) scale(100%); display: flex; }
}
@keyframes slideoutleft {
  0% { transform: translateX(0%) scale(100%); }
  20% { transform: translateX(10%) scale(75%); }
  100% { transform: translateX(-105%) scale(0%); display: none; }
}
.info-message.slideinright {
    -webkit-animation: slideinright 0.5s ease-in-out forwards;
    animation: slideinright 0.5s ease-in-out forwards;
}
.info-message.slideoutright {
    -webkit-animation: slideoutright 0.5s ease-in-out forwards;
    animation: slideoutright 0.5s ease-in-out forwards;
}
@keyframes slideinright {
  0% { transform: translateX(-105%) scale(25%); }
  80% { transform: translateX(10%) scale(105%); }
  100% { transform: translateX(0%) scale(100%); display: flex; }
}
@keyframes slideoutright {
  0% { transform: translateX(0%) scale(100%); }
  20% { transform: translateX(-20%) scale(75%); }
  100% { transform: translateX(105%) scale(0%); display: none; }
}


.admin_formStyle .multiple-fields {
    display: flex;
    flex-wrap: wrap;
}
.admin_formStyle .multiple-fields > div {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    min-width: 125px;
}
.admin_formStyle .multiple-fields-labels span {
    position: absolute;
    right: 1em;
}
.admin_formStyle .field_wrap .multiple-fields input {
    width: 100% !important;
    padding-right: 5em;
}

.center_block {
    background: #fff;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 50%;
    align-items: center;
    padding: 1rem;
    color: #0d4b63;
}
.center_block h4 {
    margin-bottom: 1.4rem;
    font-size: 1.438rem;
    font-weight: 700;
}
.center_block h6 {
    margin-bottom: 1.4rem;
    font-size: 1.125rem;
}
.center_block .btn {
    text-transform: none;
    font-size: 1.25rem;
    width: 100%;
}
.center_block .horizontal {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 0;
    justify-content: space-between;
}

/* Nav footer */
.footer {
    position: fixed;
    height: 4.5rem;
    display: flex;
    bottom: -4.5rem;
    opacity: 0;
    background: var(--white-color);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border: solid var(--main-color) 1px;
    border-bottom: none;
    animation-delay: 0.5s;
    animation-duration: 0.2s;
    animation-name: animate-showup;
    animation-timing-function: cubic-bezier(.26, .53, .74, 1.48);
    animation-fill-mode: forwards;
    color: var(--main-color);
    font-family: var(--font-medium); 
    padding-bottom: 1px;

    /* Try fix for iOS InAppBrowser : fixed elements disappearing */
    z-index: 1;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
}
@keyframes animate-showup {
    0% {bottom: -4.5rem; opacity: 0;}
    100% {bottom: 0; opacity: 1;}
}
.footer > * {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 8rem;
    text-align: center;
    font-size: var(--h7);
    font-weight: 400;
    border-bottom: solid #fff0 5px;
    margin: 0 1rem;
    font-weight: 500;
}
.footer > .selected,
.footer > *:hover:not(.selected) {
    border-bottom: solid var(--main-color) 5px;
}
.footer > * em {
    font-size: var(--h5);
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.swal2-cross-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2em;
  height: 1.2em;
  transition: color 0.1s ease-out;
  border: none;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 40px;
  cursor: pointer;
}

.swal2-cross-close-btn:hover {
  color: #0D4B63;
}

/* Main style start */
.page-title {
    color: var(--main-color);
    display: flex;
    align-items: center;
}
.page-title-action {
    width: fit-content;
}
.page-title-action em {
    margin-right: 0.8rem;
    font-size: 2rem;
}
.page-title-actions > div {
    min-width: 15rem;
    display: flex;
    justify-content: flex-end;
}
.page-title-actions:before {
    min-width: 15rem;
    content: '';
}
.page-title-actions.no-button:before {
    display: none;
}
/* Main style end */

.period-calendar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 26em;
    margin: 0 auto;
    background: var(--main-color);
    color: var(--white-color);
}
.period-calendar > div {
    width: 100%;
}
.period-calendar .daterangepicker2 {
    width: 100%;
    padding: 1em;
    box-shadow: none;
    background: none;
    border-radius: 0;
    font-size: var(--h6);
}
.period-calendar .daterangepicker2 .clickable {
    color: var(--white-color);
}
.period-calendar .daterangepicker2 .calendar .calendar-table .table-row .clickable.unavailable {
    color: var(--disabled-color2);
}
.period-calendar .calendar .calendar-table .table-row .table-col .table-value-wrapper {
    height: 2.5em;
}
.period-calendar .calendar .calendar-table {
    height: auto;
    border-radius: 0;
}
.period-calendar .calendar .calendar-table .table-row.weekdays .table-col {
    font-weight: normal;
    font-family: var(--font-light);
}
.period-calendar .daterangepicker2 .calendar .calendar-table .table-row:not(.weekdays) .table-col:not(.out-of-boundaries) .table-value-wrapper:hover {
    background: var(--dark-orange-color2) !important;
    border-radius: 0 !important;
    color: var(--white-color);
}
.period-calendar .calendar .calendar-table .table-row:not(.weekdays) .table-col.start-date .table-value-wrapper,
.period-calendar .daterangepicker2:not(.week-period) .calendar .calendar-table .table-row:not(.weekdays) .table-col.start-date .table-value-wrapper:hover {
    background: var(--dark-orange-color2);
    border-radius: 0;
}
.period-calendar .daterangepicker2 select.month-select, .period-calendar .daterangepicker2 select.year-select {
    -webkit-box-flex: unset;
    flex: unset;
    max-width: unset;
    width: auto;
    background: none;
    padding: 0;
    border: 0;
    color: var(--white-color);
    appearance: none;
    font-size: var(--h5);
    margin: 0;
    box-shadow: none;
    opacity: 1;
    border-radius: 0;
    margin: 0 0.2em 0 0;
}
.period-calendar .calendar .calendar-header .arrow.arrow-hidden {
    visibility: visible;
}
.period-calendar .calendar .calendar-header .arrow.arrow-hidden button {
    opacity: 0.5;
    cursor: default !important;
}
.period-calendar .calendar .calendar-header .calendar-selects {
    justify-content: flex-start;
    padding: 0 0 0 0.5em;
}
.period-calendar .calendar .calendar-header button {
    width: auto;
    padding: 0;
    border-radius: 0;
    color: var(--white-color);
    background: none;
}
.period-calendar .calendar .calendar-header button:hover {
    background: none;
}
.period-calendar .calendar .calendar-header .today-button {
    text-decoration: underline;
    font-weight: bold;
}
.period-calendar .daterangepicker2 .arrow-left, .period-calendar .daterangepicker2 .arrow-right {
    color: var(--white-color);
    position: relative;
    width: auto;
    height: auto;
    background: none;
    margin-left: 0;
    margin-right: 0;
}
.period-calendar .daterangepicker2 .arrow-left:before, .period-calendar .daterangepicker2 .arrow-right:before {
    position: relative;
    translate: none;
    transform: none;
    border: 0;
}
.period-calendar .daterangepicker2 .arrow-left:before {
    content: "\e957";
    font-family: 'icomoon' !important;
}
.period-calendar .daterangepicker2 .arrow-right:before {
    content: "\e957";
    font-family: 'icomoon' !important;
    transform: rotate(180deg);
}
.period-calendar .calendar .calendar-header {
    margin-bottom: 1em;
}
.period-calendar .calendar .calendar-table .table-row .table-col .table-value-wrapper .table-value {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.period-calendar .calendar .calendar-table .table-row .table-col .week-day:hover {
    background: var(--dark-orange-color2) !important;
    border-radius: 0 !important;
}
.period-calendar .daterangepicker2.month-period .calendar .calendar-table,
.period-calendar .daterangepicker2.quarter-period .calendar .calendar-table,
.period-calendar .daterangepicker2.year-period .calendar .calendar-table {
    max-width: 14em;
}
.period-calendar .daterangepicker2.month-period .table-col,
.period-calendar .daterangepicker2.quarter-period .table-col,
.period-calendar .daterangepicker2.year-period .table-col {
    font-size: var(--h5);
    text-transform: uppercase;
}
.period-calendar .daterangepicker2.quarter-period .calendar .calendar-table .table-row {
    display: flex;
    flex-direction: column;
}
.period-calendar .daterangepicker2.quarter-period .table-col .months {
    font-size: inherit;
    opacity: 1;
    display: flex;
    width: 100%;
}
.period-calendar .daterangepicker2.quarter-period .calendar .calendar-table .table-row .table-col.start-date .table-value-wrapper {
    background: var(--dark-orange-color2) !important;
}
.period-calendar .daterangepicker2.quarter-period .table-col .months span {
    flex: 1;
    height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.period-calendar .daterangepicker2.quarter-period .table-col .months span:hover {
    background: var(--dark-orange-color2);
}


@media (max-width: 700px){
    .double-bottom-buttons{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 1em;
    }
}

/* Workflow temp */
.productions_div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: flex-start;
}
.productions_div .title {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.productions_div div:first-child > .title {
    margin-top: 0;
}
.production_div {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 30%;
    background-color: white;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(13, 75, 99, 0.20);
    -moz-box-shadow: 0px 2px 5px 0px rgba(13, 75, 99, 0.20);
    box-shadow: 0px 2px 5px 0px rgba(13, 75, 99, 0.20);
    border-radius: 15px;
    padding-top: 10px;
    margin-bottom: 1rem;
    margin-right: 1rem;
}
.production_div .workflow {
    display: flex;
    padding: 2px 0;
    position: relative;
}
.production_div .workflow span {
    font-size: 12px;
    font-weight: 600;
    color: white;
}
.production_div .workflow span:not(.time) {
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 5px;
    font-weight: 700;
    max-width: 75%;
}
.production_div .workflow span.time {
    position: absolute;
    background: #BCCC33;
    border-radius: 15px;
    padding: 0px 10px;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    right: 2rem;
}
.production_div .workflow span.time.late {
    background: #FF0707;
}
.production_div .workflow span.time.ended {
    background: #9EB5BE;
}
.production_div > * {
    height: 35px;
}
.production_div > span {
    display: flex;
    align-items: center;
}
.production_div > *:not(.action) {
    margin-left: 10px;
}
.production_div .action {
    border-radius: 0px 0px 10px 10px;
    background: #0D4B63;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    margin-top: 0.5rem;
}

.option_box.inactive {
    cursor: default;
    background: #d2d2d2 !important;
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
}

.workflow_select_btn {
    display: flex;
    border: 2px solid transparent !important;
}
.workflow_select_btn.active {
    border: 2px solid white !important;
}
.workflow_select_btn > span:first-child {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 2px 0px 2px 15px;
}
.workflow_select_btn > span:last-child {
    display: flex;
    justify-content: center;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin: 5px 0;
}

.delete-cross-btn {
    position: absolute;
    background: url("../img/sortable_deleteIcon.png") no-repeat;
    width: 32px;
    height: 32px;
    top: -10px;
    right: -10px;
    left: auto;
    cursor: pointer;
    padding: 0;
}

.small-popup .popup_container {
    width: 350px;
    padding: 20px;
    color: var(--blue);
    font-family: var(--font-regular);
    line-height: 1.2;
}
.small-popup .button.small-button {
    max-width: fit-content;
    font-size: 1.2rem;
    padding: 0.9rem 1.5rem;
    min-height: auto;
    font-weight: 700;
    min-width: unset;
}
.small-popup input {
    border: 1px solid var(--disabled-button-bg);
    color: var(--blue);
    border-radius: 1.2rem;
    font-family: var(--font-regular);
}

.small-popup > .popup-close {
    position: absolute;
    right: 1.8rem;
    top: 1rem;
    width: auto;
    cursor: pointer;
    border: 0;
}

.module_table .moreBtn {
    position: relative;
    transition: none !important;
    transform: none !important;
}
.module_table .moreBtn ul {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 99;
    border: 1px solid var(--app-bg);
    padding: 0.2rem 0.5rem;
    min-width: 13rem;
    display: none;
    transition: all 0.5s ease;
}

.module_table .moreBtn ul li {
    display: block;
    font-size: 0.9rem;
    padding: 0.3rem 0;
    margin: 0 !important;
}
.module_table .moreBtn ul li a:hover {
    text-decoration: underline;
}
.module_table tr .closed-wrap {
    display: none;
}
.module_table tr.closed .closed-wrap {
    display: flex;
}

.dataTable-params .row .border_left {
    border-color: none;
}
.dataTable .custom_switch {
    position: relative;
    display: inline-block;
    min-width: 54px;
    height: 26px;
}
.dataTable .custom_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.dataTable .custom_slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.dataTable .custom_slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.dataTable input:checked + .custom_slider {
    background-color: var(--main-color);
}
.dataTable input:checked + .custom_slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.dataTable .custom_slider.round {
    border-radius: 34px;
}
.dataTable .custom_slider.round:before {                
    border-radius: 50%;
}
.dataTable-params-content {
    display: flex;
    align-items: center;
}
.dataTable-params-input {
    background: #fff;
    width: 4rem;
    border: 1px solid #208eb7;
    text-align: center;
    margin: 0 1rem;
}
.dataTable-params-select {
    background: #fff;
    border: 1px solid #208eb7;
    font-family: 'Roboto', sans-serif;
    width: 11rem;
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 14px;
    line-height: 20px;
    height: 50px;
    cursor: pointer;
    margin: 0 1rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}