.tcs-theme-bg.tcs-theme-1 {
    background-color: #a40f74;
}

button.tcs-theme-bg.tcs-theme-1:hover {
    background-color: #bb1185;
}

.tcs-theme-bg.tcs-theme-2 {
    background-color: #d76314;
}

button.tcs-theme-bg.tcs-theme-2:hover {
    background-color: #ea6f1b;
}

.tcs-theme-bg.tcs-theme-3 {
    background-color: #ce1329;
}

button.tcs-theme-bg.tcs-theme-3:hover {
    background-color: #e5152e;
}

.tcs-theme-bg.tcs-theme-4 {
    background-color: #f1c30a;
}

button.tcs-theme-bg.tcs-theme-4:hover {
    background-color: #f6cb1f;
}

.tcs-theme-bg.tcs-theme-5 {
    background-color: #5fb134;
}

button.tcs-theme-bg.tcs-theme-5:hover {
    background-color: #6ac53a;
}

.tcs-theme-bg.tcs-theme-6 {
    background-color: #4696f1;
}

button.tcs-theme-bg.tcs-theme-6:hover {
    background-color: #5ea3f3;
}

.tcs-theme-bg.tcs-theme-7 {
    background-color: #131b64;
}

button.tcs-theme-bg.tcs-theme-7:hover {
    background-color: #172179;
}

.tcs-theme-bg.tcs-theme-8 {
    background-color: #6a2aa5;
}

button.tcs-theme-bg.tcs-theme-8:hover {
    background-color: #772fb9;
}

.tcs-theme-bg.tcs-theme-9 {
    background-color: #583c1b;
}

button.tcs-theme-bg.tcs-theme-9:hover {
    background-color: #6c4921;
}

button.tcs-theme-bg {
    color: #fff;
}

    button.tcs-theme-bg:hover {
        color: #fff;
    }


.location-colors {
    display: inline-block;
}

    .location-colors .color {
        display: inline-block;
        height: 50px;
        width: 50px;
        margin-right: 10px;
        margin-bottom: 10px;
        color: #ffffff;
        position: relative;
    }

        .location-colors .color.tcs-theme-1 {
            background: #c9128e;
            background: -moz-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c9128e), color-stop(100%, #7f0c5a));
            background: -webkit-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
            background: -o-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
            background: -ms-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
            background: linear-gradient(135deg, #c9128e 0%, #7f0c5a 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-2 {
            background: #eb7729;
            background: -moz-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eb7729), color-stop(100%, #b25211));
            background: -webkit-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
            background: -o-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
            background: -ms-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
            background: linear-gradient(135deg, #eb7729 0%, #b25211 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-3 {
            background: #ea1f37;
            background: -moz-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ea1f37), color-stop(100%, #a91022));
            background: -webkit-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
            background: -o-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
            background: -ms-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
            background: linear-gradient(135deg, #ea1f37 0%, #a91022 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-4 {
            background: #f6ce2d;
            background: -moz-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ce2d), color-stop(100%, #caa308));
            background: -webkit-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
            background: -o-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
            background: -ms-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
            background: linear-gradient(135deg, #f6ce2d 0%, #caa308 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-5 {
            background: #72c845;
            background: -moz-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #72c845), color-stop(100%, #4e912b));
            background: -webkit-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
            background: -o-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
            background: -ms-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
            background: linear-gradient(135deg, #72c845 0%, #4e912b 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-6 {
            background: #6cacf4;
            background: -moz-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6cacf4), color-stop(100%, #2080ee));
            background: -webkit-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
            background: -o-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
            background: -ms-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
            background: linear-gradient(135deg, #6cacf4 0%, #2080ee 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-7 {
            background: #1a2486;
            background: -moz-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1a2486), color-stop(100%, #0c1242));
            background: -webkit-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
            background: -o-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
            background: -ms-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
            background: linear-gradient(135deg, #1a2486 0%, #0c1242 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-8 {
            background: #7f32c6;
            background: -moz-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7f32c6), color-stop(100%, #552284));
            background: -webkit-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
            background: -o-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
            background: -ms-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
            background: linear-gradient(135deg, #7f32c6 0%, #552284 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-9 {
            background: #775125;
            background: -moz-linear-gradient(-60deg, #775125 0%, #392711 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #775125), color-stop(100%, #392711));
            background: -webkit-linear-gradient(-60deg, #775125 0%, #392711 100%);
            background: -o-linear-gradient(-60deg, #775125 0%, #392711 100%);
            background: -ms-linear-gradient(-60deg, #775125 0%, #392711 100%);
            background: linear-gradient(135deg, #775125 0%, #392711 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color i {
            font-size: 20px;
            position: absolute;
            left: calc(50% - 10px);
            top: calc(50% - 10px);
        }

.location-option {
    padding: 10px;
    background-color: #eeeeee;
    border-radius: 3px;
    margin-bottom: 10px;
}

    .location-option:hover {
        background-color: #dadada;
        cursor: pointer;
    }

    .location-option.placeholder {
        background-color: transparent;
        border: 1px dashed #777777;
    }

    .location-option.selected {
        background-color: #fdf3ed;
        border: 2px solid #d76314;
        padding: 8px;
    }

    .location-option span {
        margin-left: 10px;
    }

    .location-option button {
        float: right;
    }

.location-colors {
    display: inline-block;
}

    .location-colors .color {
        display: inline-block;
        height: 50px;
        width: 50px;
        margin-right: 10px;
        margin-bottom: 10px;
        color: #ffffff;
        position: relative;
    }

        .location-colors .color.tcs-theme-1 {
            background: #c9128e;
            background: -moz-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c9128e), color-stop(100%, #7f0c5a));
            background: -webkit-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
            background: -o-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
            background: -ms-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
            background: linear-gradient(135deg, #c9128e 0%, #7f0c5a 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-2 {
            background: #eb7729;
            background: -moz-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eb7729), color-stop(100%, #b25211));
            background: -webkit-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
            background: -o-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
            background: -ms-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
            background: linear-gradient(135deg, #eb7729 0%, #b25211 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-3 {
            background: #ea1f37;
            background: -moz-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ea1f37), color-stop(100%, #a91022));
            background: -webkit-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
            background: -o-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
            background: -ms-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
            background: linear-gradient(135deg, #ea1f37 0%, #a91022 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-4 {
            background: #f6ce2d;
            background: -moz-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ce2d), color-stop(100%, #caa308));
            background: -webkit-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
            background: -o-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
            background: -ms-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
            background: linear-gradient(135deg, #f6ce2d 0%, #caa308 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-5 {
            background: #72c845;
            background: -moz-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #72c845), color-stop(100%, #4e912b));
            background: -webkit-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
            background: -o-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
            background: -ms-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
            background: linear-gradient(135deg, #72c845 0%, #4e912b 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-6 {
            background: #6cacf4;
            background: -moz-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6cacf4), color-stop(100%, #2080ee));
            background: -webkit-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
            background: -o-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
            background: -ms-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
            background: linear-gradient(135deg, #6cacf4 0%, #2080ee 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-7 {
            background: #1a2486;
            background: -moz-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1a2486), color-stop(100%, #0c1242));
            background: -webkit-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
            background: -o-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
            background: -ms-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
            background: linear-gradient(135deg, #1a2486 0%, #0c1242 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-8 {
            background: #7f32c6;
            background: -moz-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7f32c6), color-stop(100%, #552284));
            background: -webkit-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
            background: -o-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
            background: -ms-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
            background: linear-gradient(135deg, #7f32c6 0%, #552284 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color.tcs-theme-9 {
            background: #775125;
            background: -moz-linear-gradient(-60deg, #775125 0%, #392711 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #775125), color-stop(100%, #392711));
            background: -webkit-linear-gradient(-60deg, #775125 0%, #392711 100%);
            background: -o-linear-gradient(-60deg, #775125 0%, #392711 100%);
            background: -ms-linear-gradient(-60deg, #775125 0%, #392711 100%);
            background: linear-gradient(135deg, #775125 0%, #392711 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

        .location-colors .color i {
            font-size: 20px;
            position: absolute;
            left: calc(50% - 10px);
            top: calc(50% - 10px);
        }

.location-option {
    padding: 10px;
    background-color: #eeeeee;
    border-radius: 3px;
    margin-bottom: 10px;
}

    .location-option:hover {
        background-color: #dadada;
        cursor: pointer;
    }

    .location-option.placeholder {
        background-color: transparent;
        border: 1px dashed #777777;
    }

    .location-option.selected {
        background-color: #fdf3ed;
        border: 2px solid #d76314;
        padding: 8px;
    }

    .location-option span {
        margin-left: 10px;
    }

    .location-option button {
        float: right;
    }

.waiting_meter_container {
    padding: 2px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 7px;
    position: relative;
}

.waiting_meter {
    height: 14px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    min-width: 14px;
}

span.time_indicator {
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    left: 7px;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: "";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

.clearfix,
.dl-horizontal dd,
.container,
.container-fluid,
.row,
.form-horizontal .form-group,
.btn-toolbar,
.btn-group-vertical > .btn-group,
.nav,
.navbar,
.navbar-header,
.navbar-collapse,
.pager,
.panel-body,
.modal-header,
.modal-footer {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */
}

.xxl {
    font-size: 50px;
}

.xs {
    font-size: 12px;
}

.text-lg {
    font-size: 18px;
}

.text-orange {
    color: #d76314;
}

.bold {
    font-weight: bold;
}

.tcs-col-padding {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

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

.page-small {
    overflow-y: auto;
}

#start_select_zone {
    /*font-family: 'roboto_condensedlight', sans-serif;*/
    padding: 50px;
}

.select-location-wrapper {
    margin: 100px auto;
    padding: 50px;
    text-align: center;
}

#start_select_zone .color-line,
#start_select_location .color-line {
    position: fixed;
    left: 0;
    height: 10px;
    background-size: 100% 10px;
}

    #start_select_zone .color-line.top,
    #start_select_location .color-line.top {
        top: 0;
    }

    #start_select_zone .color-line.bottom,
    #start_select_location .color-line.bottom {
        bottom: 0;
    }

#start_select_zone h1,
#start_select_location h1 {
    color: #333333;
    margin: 0 auto;
    margin-bottom: 10px;
}

#start_select_zone p,
#start_select_location p {
    color: #333333;
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 18px;
}

#start_select_location select {
    font-size: 30px;
    font-weight: 200;
    width: 100%;
    padding: 10px;
}

#start_select_zone ul {
    list-style: none;
    padding: 20px;
    background-color: #f1f1f1;
    box-shadow: 0 0 10px #eeeeee inset;
    border-radius: 2px;
    overflow-x: hidden;
    overflow-y: auto;
}

    #start_select_zone ul li a {
        font-size: 24px;
        display: block;
        padding: 15px;
        color: #333333;
    }

    #start_select_zone ul li i.zone-needs-attention {
        font-style: normal;
        color: #ffffff;
        height: 30px;
        width: 30px;
        padding: 5px !important;
        font-weight: bolder;
        display: inline-block;
        background-color: #ce142a;
        font-size: 20px;
        line-height: 1;
        border-radius: 50%;
        text-align: center;
    }

i.zone-needs-attention::before {
    display: none;
}

#start_select_zone button {
    height: 100px;
    /*max-width: 284px;*/
    background-color: #d76314;
    border: 0;
    padding: 0;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 36px;
    /* float: right;*/
    /*  margin-right: 100px;*/
}

@media (max-width: 767px) {
    #start_select_zone ul li a {
        font-size: 18px;
    }

    #start_select_zone button {
        height: 100px;
        font-size: 18px;
        margin-right: 100px;
    }
}
/*---------------------------*/
/*-------Create job on location-------------*/
/*---------------------------*/
#create_jobs
/*#queue*/
{
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.create_job_modal {
    padding: 10px;
}

    .create_job_modal h1 {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .create_job_modal .wizard {
        text-align: center;
        /*margin: 0 auto 20px;
        padding: 20px;*/
    }

        .create_job_modal .wizard .step {
            margin: 2px;
            height: 16px;
            width: 16px;
            border-radius: 8px;
            border: 3px solid #555555;
            background: #d5d5d5;
            display: inline-block;
        }

            .create_job_modal .wizard .step.active {
                background: #ffffff !important;
            }

    .create_job_modal .create_job_list {
        background-color: rgba(255, 255, 255, 0.9);
        height: 390px;
        padding: 10px;
        -webkit-box-shadow: 0 0 5px #000000 inset;
        box-shadow: 0 0 5px #000000 inset;
        overflow-y: auto;
    }

        .create_job_modal .create_job_list .job_text_hasChildren {
            color: #555555;
            border-bottom: 1px solid rgba(85, 85, 85, 0.2);
            text-align: left;
        }

    .create_job_modal .time_setter {
        text-align: left;
    }

        .create_job_modal .time_setter .time_container {
            position: relative;
            display: inline-block;
            width: 100px;
            height: 60px;
        }

            .create_job_modal .time_setter .time_container .time {
                position: absolute;
                font-size: 30px;
                font-weight: bold;
                width: 100px;
                top: 12px;
                left: 0;
                text-align: center;
            }

        .create_job_modal .time_setter i {
            font-size: 60px !important;
            background-color: transparent !important;
            padding: 0 !important;
            opacity: 0.9;
        }

            .create_job_modal .time_setter i:hover {
                opacity: 0.8;
            }

.modal-dialog.tcs-theme-1 .wizard .step {
    border-color: #750b53;
    background: #ee45b7;
}

.modal-dialog.tcs-theme-1 .create_job i.job-icon {
    background-color: #750b53;
}

.modal-dialog.tcs-theme-2 .wizard .step {
    border-color: #a84e10;
    background: #f2aa78;
}

.modal-dialog.tcs-theme-2 .create_job i.job-icon {
    background-color: #a84e10;
}

.modal-dialog.tcs-theme-3 .wizard .step {
    border-color: #9f0f20;
    background: #f26f7e;
}

.modal-dialog.tcs-theme-3 .create_job i.job-icon {
    background-color: #9f0f20;
}

.modal-dialog.tcs-theme-4 .wizard .step {
    border-color: #c09b08;
    background: #fae281;
}

.modal-dialog.tcs-theme-4 .create_job i.job-icon {
    background-color: #c09b08;
}

.modal-dialog.tcs-theme-5 .wizard .step {
    border-color: #4a8a28;
    background: #a5dc88;
}

.modal-dialog.tcs-theme-5 .create_job i.job-icon {
    background-color: #4a8a28;
}

.modal-dialog.tcs-theme-6 .wizard .step {
    border-color: #177bed;
    background: #bdd9fa;
}

.modal-dialog.tcs-theme-6 .create_job i.job-icon {
    background-color: #177bed;
}

.modal-dialog.tcs-theme-7 .wizard .step {
    border-color: #0b0f39;
    background: #2738cf;
}

.modal-dialog.tcs-theme-7 .create_job i.job-icon {
    background-color: #0b0f39;
}

.modal-dialog.tcs-theme-8 .wizard .step {
    border-color: #50207c;
    background: #a973db;
}

.modal-dialog.tcs-theme-8 .create_job i.job-icon {
    background-color: #50207c;
}

.modal-dialog.tcs-theme-9 .wizard .step {
    border-color: #31210f;
    background: #ba7f39;
}

.modal-dialog.tcs-theme-9 .create_job i.job-icon {
    background-color: #31210f;
}

.modal-dialog .create_job {
    text-align: left;
    font-size: 18px;
    padding: 0;
    color: #ffffff;
    position: relative;
    height: 60px;
}

    .modal-dialog .create_job i.job-icon {
        float: left;
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.9);
        font-size: 20px;
        margin-right: 10px;
    }

    .modal-dialog .create_job span {
        padding: 15px 10px 15px 0;
        line-height: 1;
        height: 51px;
        overflow: hidden;
    }

.create_job {
    text-align: center;
    font-size: 18px;
    padding: 20px;
    color: #ffffff;
    position: relative;
}

    .create_job.tcs-theme-1 {
        background: #c9128e;
        background: -moz-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c9128e), color-stop(100%, #7f0c5a));
        background: -webkit-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -o-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -ms-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: linear-gradient(135deg, #c9128e 0%, #7f0c5a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job.tcs-theme-2 {
        background: #eb7729;
        background: -moz-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eb7729), color-stop(100%, #b25211));
        background: -webkit-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -o-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -ms-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: linear-gradient(135deg, #eb7729 0%, #b25211 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job.tcs-theme-3 {
        background: #ea1f37;
        background: -moz-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ea1f37), color-stop(100%, #a91022));
        background: -webkit-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -o-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -ms-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: linear-gradient(135deg, #ea1f37 0%, #a91022 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job.tcs-theme-4 {
        background: #f6ce2d;
        background: -moz-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ce2d), color-stop(100%, #caa308));
        background: -webkit-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -o-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -ms-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: linear-gradient(135deg, #f6ce2d 0%, #caa308 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job.tcs-theme-5 {
        background: #72c845;
        background: -moz-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #72c845), color-stop(100%, #4e912b));
        background: -webkit-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -o-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -ms-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: linear-gradient(135deg, #72c845 0%, #4e912b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job.tcs-theme-6 {
        background: #6cacf4;
        background: -moz-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6cacf4), color-stop(100%, #2080ee));
        background: -webkit-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -o-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -ms-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: linear-gradient(135deg, #6cacf4 0%, #2080ee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job.tcs-theme-7 {
        background: #1a2486;
        background: -moz-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1a2486), color-stop(100%, #0c1242));
        background: -webkit-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -o-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -ms-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: linear-gradient(135deg, #1a2486 0%, #0c1242 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job.tcs-theme-8 {
        background: #7f32c6;
        background: -moz-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7f32c6), color-stop(100%, #552284));
        background: -webkit-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -o-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -ms-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: linear-gradient(135deg, #7f32c6 0%, #552284 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job.tcs-theme-9 {
        background: #775125;
        background: -moz-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #775125), color-stop(100%, #392711));
        background: -webkit-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -o-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -ms-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: linear-gradient(135deg, #775125 0%, #392711 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

    .create_job i {
        display: block;
        font-size: 48px;
        margin-bottom: 10px;
    }

        .create_job i.hasChildren_icon {
            position: absolute;
            bottom: 10px;
            right: 20px;
            font-size: 20px;
            opacity: 0.75;
        }

    .create_job span {
        padding-bottom: 8px;
        display: block;
    }

#queue {
    display: block;
    opacity: 1;
}

    #queue #queue_content {
        background-color: #eee;
        -webkit-box-shadow: 0 0 10px #000000 inset;
        box-shadow: 0 0 10px #000000 inset;
        /*padding: 10px !important;*/
        /*margin-top: 10px;*/
        /*margin-right: 15px;*/
        /*min-height: 60vh;*/
        
        /*height: 100%;*/
        /*margin-bottom: 140px;*/
    }

@media (max-width: 768px) {

    #queue #queue_content {
        margin-right: 0px;
        margin: auto;
        min-height: 300px;
        margin-bottom: 80px;
    }
}

@media (min-width: 768px) {
    #queue #queue_content {
        height: calc( 100vh - 100px);
    }
        .location_title h1 {
        margin-top: 20px;
    }

    .location_title hr {
        max-width: 200px;
        border-top-width: 3px;
        border-color: #888;
        margin: 0 auto;
    }

    .location_title p {
        margin: 10px auto 20px;
        font-size: 16px;
        font-weight: 900;
    }
}

@media (max-width: 767px) {
    .nav.nav-tabs {
        font-size: 18px;
        font-family: 'roboto_condensedlight', sans-serif;
    }

    .tab-pane {
        padding: 10px !important;
        background-color: #ffffff;
    }
}
/*---------------------------*/
/*-------Job-new-------------*/
/*---------------------------*/
#operating_screen {
    padding: 10px;
    overflow: hidden;
}

#job-wrapper {
    float: left;
    margin: 10px 10px 10px 0;
}

#jobs {
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

    #jobs .job {
        margin-bottom: 10px;
        height: 120px;
        position: relative;
        display: block;
        text-align: center;
        font-family: 'roboto_condensedlight', sans-serif;
        color: #ffffff;
        font-size: 22px;
        cursor: pointer;
        padding: 5px;
        -webkit-box-shadow: 0 0 3px #555555;
        box-shadow: 0 0 3px #555555;
    }

        #jobs .job.tcs-theme-1 {
            background: #c9128e;
            background: -moz-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c9128e), color-stop(80%, #7f0c5a));
            background: -webkit-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 80%);
            background: -o-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 80%);
            background: -ms-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 80%);
            background: linear-gradient(135deg, #c9128e 0%, #7f0c5a 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-1 .icon-container {
                background: #750b53;
            }

            #jobs .job.tcs-theme-1 .waiting_meter {
                background-color: rgba(117, 11, 83, 0.4);
            }

            #jobs .job.tcs-theme-1 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-1 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-1 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #7f0c5a;
                }

            #jobs .job.tcs-theme-1 .job-cover {
                background-color: rgba(117, 11, 83, 0.4);
            }

                #jobs .job.tcs-theme-1 .job-cover.truck {
                    background-color: rgba(117, 11, 83, 0.9);
                }

        #jobs .job.tcs-theme-2 {
            background: #eb7729;
            background: -moz-linear-gradient(-60deg, #eb7729 0%, #b25211 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eb7729), color-stop(80%, #b25211));
            background: -webkit-linear-gradient(-60deg, #eb7729 0%, #b25211 80%);
            background: -o-linear-gradient(-60deg, #eb7729 0%, #b25211 80%);
            background: -ms-linear-gradient(-60deg, #eb7729 0%, #b25211 80%);
            background: linear-gradient(135deg, #eb7729 0%, #b25211 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-2 .icon-container {
                background: #a84e10;
            }

            #jobs .job.tcs-theme-2 .waiting_meter {
                background-color: rgba(168, 78, 16, 0.4);
            }

            #jobs .job.tcs-theme-2 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-2 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-2 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #b25211;
                }

            #jobs .job.tcs-theme-2 .job-cover {
                background-color: rgba(168, 78, 16, 0.4);
            }

                #jobs .job.tcs-theme-2 .job-cover.truck {
                    background-color: rgba(168, 78, 16, 0.9);
                }

        #jobs .job.tcs-theme-3 {
            background: #ea1f37;
            background: -moz-linear-gradient(-60deg, #ea1f37 0%, #a91022 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ea1f37), color-stop(80%, #a91022));
            background: -webkit-linear-gradient(-60deg, #ea1f37 0%, #a91022 80%);
            background: -o-linear-gradient(-60deg, #ea1f37 0%, #a91022 80%);
            background: -ms-linear-gradient(-60deg, #ea1f37 0%, #a91022 80%);
            background: linear-gradient(135deg, #ea1f37 0%, #a91022 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-3 .icon-container {
                background: #9f0f20;
            }

            #jobs .job.tcs-theme-3 .waiting_meter {
                background-color: rgba(159, 15, 32, 0.4);
            }

            #jobs .job.tcs-theme-3 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-3 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-3 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #a91022;
                }

            #jobs .job.tcs-theme-3 .job-cover {
                background-color: rgba(159, 15, 32, 0.4);
            }

                #jobs .job.tcs-theme-3 .job-cover.truck {
                    background-color: rgba(159, 15, 32, 0.9);
                }

        #jobs .job.tcs-theme-4 {
            background: #f6ce2d;
            background: -moz-linear-gradient(-60deg, #f6ce2d 0%, #caa308 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ce2d), color-stop(80%, #caa308));
            background: -webkit-linear-gradient(-60deg, #f6ce2d 0%, #caa308 80%);
            background: -o-linear-gradient(-60deg, #f6ce2d 0%, #caa308 80%);
            background: -ms-linear-gradient(-60deg, #f6ce2d 0%, #caa308 80%);
            background: linear-gradient(135deg, #f6ce2d 0%, #caa308 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-4 .icon-container {
                background: #c09b08;
            }

            #jobs .job.tcs-theme-4 .waiting_meter {
                background-color: rgba(192, 155, 8, 0.4);
            }

            #jobs .job.tcs-theme-4 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-4 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-4 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #caa308;
                }

            #jobs .job.tcs-theme-4 .job-cover {
                background-color: rgba(192, 155, 8, 0.4);
            }

                #jobs .job.tcs-theme-4 .job-cover.truck {
                    background-color: rgba(192, 155, 8, 0.9);
                }

        #jobs .job.tcs-theme-5 {
            background: #72c845;
            background: -moz-linear-gradient(-60deg, #72c845 0%, #4e912b 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #72c845), color-stop(80%, #4e912b));
            background: -webkit-linear-gradient(-60deg, #72c845 0%, #4e912b 80%);
            background: -o-linear-gradient(-60deg, #72c845 0%, #4e912b 80%);
            background: -ms-linear-gradient(-60deg, #72c845 0%, #4e912b 80%);
            background: linear-gradient(135deg, #72c845 0%, #4e912b 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-5 .icon-container {
                background: #4a8a28;
            }

            #jobs .job.tcs-theme-5 .waiting_meter {
                background-color: rgba(74, 138, 40, 0.4);
            }

            #jobs .job.tcs-theme-5 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-5 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-5 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #4e912b;
                }

            #jobs .job.tcs-theme-5 .job-cover {
                background-color: rgba(74, 138, 40, 0.4);
            }

                #jobs .job.tcs-theme-5 .job-cover.truck {
                    background-color: rgba(74, 138, 40, 0.9);
                }

        #jobs .job.tcs-theme-6 {
            background: #6cacf4;
            background: -moz-linear-gradient(-60deg, #6cacf4 0%, #2080ee 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6cacf4), color-stop(80%, #2080ee));
            background: -webkit-linear-gradient(-60deg, #6cacf4 0%, #2080ee 80%);
            background: -o-linear-gradient(-60deg, #6cacf4 0%, #2080ee 80%);
            background: -ms-linear-gradient(-60deg, #6cacf4 0%, #2080ee 80%);
            background: linear-gradient(135deg, #6cacf4 0%, #2080ee 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-6 .icon-container {
                background: #177bed;
            }

            #jobs .job.tcs-theme-6 .waiting_meter {
                background-color: rgba(23, 123, 237, 0.4);
            }

            #jobs .job.tcs-theme-6 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-6 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-6 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #2080ee;
                }

            #jobs .job.tcs-theme-6 .job-cover {
                background-color: rgba(23, 123, 237, 0.4);
            }

                #jobs .job.tcs-theme-6 .job-cover.truck {
                    background-color: rgba(23, 123, 237, 0.9);
                }

        #jobs .job.tcs-theme-7 {
            background: #1a2486;
            background: -moz-linear-gradient(-60deg, #1a2486 0%, #0c1242 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1a2486), color-stop(80%, #0c1242));
            background: -webkit-linear-gradient(-60deg, #1a2486 0%, #0c1242 80%);
            background: -o-linear-gradient(-60deg, #1a2486 0%, #0c1242 80%);
            background: -ms-linear-gradient(-60deg, #1a2486 0%, #0c1242 80%);
            background: linear-gradient(135deg, #1a2486 0%, #0c1242 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-7 .icon-container {
                background: #0b0f39;
            }

            #jobs .job.tcs-theme-7 .waiting_meter {
                background-color: rgba(11, 15, 57, 0.4);
            }

            #jobs .job.tcs-theme-7 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-7 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-7 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #0c1242;
                }

            #jobs .job.tcs-theme-7 .job-cover {
                background-color: rgba(11, 15, 57, 0.4);
            }

                #jobs .job.tcs-theme-7 .job-cover.truck {
                    background-color: rgba(11, 15, 57, 0.9);
                }

        #jobs .job.tcs-theme-8 {
            background: #7f32c6;
            background: -moz-linear-gradient(-60deg, #7f32c6 0%, #552284 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7f32c6), color-stop(80%, #552284));
            background: -webkit-linear-gradient(-60deg, #7f32c6 0%, #552284 80%);
            background: -o-linear-gradient(-60deg, #7f32c6 0%, #552284 80%);
            background: -ms-linear-gradient(-60deg, #7f32c6 0%, #552284 80%);
            background: linear-gradient(135deg, #7f32c6 0%, #552284 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-8 .icon-container {
                background: #50207c;
            }

            #jobs .job.tcs-theme-8 .waiting_meter {
                background-color: rgba(80, 32, 124, 0.4);
            }

            #jobs .job.tcs-theme-8 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-8 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-8 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #552284;
                }

            #jobs .job.tcs-theme-8 .job-cover {
                background-color: rgba(80, 32, 124, 0.4);
            }

                #jobs .job.tcs-theme-8 .job-cover.truck {
                    background-color: rgba(80, 32, 124, 0.9);
                }

        #jobs .job.tcs-theme-9 {
            background: #775125;
            background: -moz-linear-gradient(-60deg, #775125 0%, #392711 80%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #775125), color-stop(80%, #392711));
            background: -webkit-linear-gradient(-60deg, #775125 0%, #392711 80%);
            background: -o-linear-gradient(-60deg, #775125 0%, #392711 80%);
            background: -ms-linear-gradient(-60deg, #775125 0%, #392711 80%);
            background: linear-gradient(135deg, #775125 0%, #392711 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
        }

            #jobs .job.tcs-theme-9 .icon-container {
                background: #31210f;
            }

            #jobs .job.tcs-theme-9 .waiting_meter {
                background-color: rgba(49, 33, 15, 0.4);
            }

            #jobs .job.tcs-theme-9 .job_text_with_ellipsis {
                overflow: hidden;
                position: relative;
                line-height: 24px;
                max-height: 48px;
            }

                #jobs .job.tcs-theme-9 .job_text_with_ellipsis:before {
                    content: '...';
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }

                #jobs .job.tcs-theme-9 .job_text_with_ellipsis:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: 0.2em;
                    background: #392711;
                }

            #jobs .job.tcs-theme-9 .job-cover {
                background-color: rgba(49, 33, 15, 0.4);
            }

                #jobs .job.tcs-theme-9 .job-cover.truck {
                    background-color: rgba(49, 33, 15, 0.9);
                }

        #jobs .job.hasComment .hasComment_indicator {
            display: block;
            opacity: 0.5;
            float: right;
        }

        #jobs .job:not(.hasComment) .hasComment_indicator {
            display: none;
        }

        #jobs .job .icon-container {
            width: 20%;
            float: left;
            height: 120px;
            margin: -5px;
            margin-right: 5px;
        }

            #jobs .job .icon-container .icon {
                font-size: 50px;
                margin-top: 40px;
                display: block;
                opacity: 0.75;
            }

        #jobs .job .information_container {
            width: 80%;
            float: left;
        }

        #jobs .job .location {
            font-size: 14px;
            height: 22px;
            margin: 0;
            margin-top: 10px;
            text-transform: uppercase;
            font-weight: bold;
            text-align: left;
            overflow: hidden;
        }

        #jobs .job .isMachine {
            padding-top: 10px;
        }

            #jobs .job .isMachine .location {
                text-align: center;
            }

            #jobs .job .isMachine .slot {
                font-size: 40px;
                line-height: 1;
                height: 50px;
                width: 50px;
                padding: 5px;
                display: inline-block;
                background-color: rgba(255, 255, 255, 0.5);
                border-radius: 50%;
                margin-top: 10px;
            }

                #jobs .job .isMachine .slot.empty i {
                    color: rgba(255, 255, 255, 0.1);
                }

        #jobs .job .job_description {
            font-size: 20px;
            height: 58px;
            overflow: hidden;
            margin: 0;
            text-align: left;
        }

        #jobs .job .machine-counter {
            font-weight: 700;
        }

            #jobs .job .machine-counter span {
                display: inline-block;
                margin: -2px;
            }

        #jobs .job .job-status-indicator-wrapper {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 120px 120px;
            border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
            position: absolute;
            bottom: 0;
            right: 0;
            opacity: 0.9;
            z-index: 100;
        }

            #jobs .job .job-status-indicator-wrapper.rejected {
                border-color: transparent transparent rgba(206, 20, 42, 0.6) transparent;
            }

        #jobs .job .job-status-indicator {
            position: absolute;
            bottom: 5px;
            right: 5px;
            z-index: 1000;
        }

            #jobs .job .job-status-indicator span {
                text-transform: uppercase;
                font-size: 16px;
                font-weight: bold;
                margin-top: 5px;
            }

            #jobs .job .job-status-indicator i {
                display: block;
                text-align: right;
                font-size: 30px;
            }

        #jobs .job.placeholder {
            box-shadow: none !important;
            cursor: default;
            background-color: #ededed;
        }

.job.active,
.queued_job.active {
    -webkit-box-shadow: 0 0 6px #222222 inset;
    box-shadow: 0 0 6px #222222 inset;
}

.job.attention .attention-wrapper,
.queued_job.attention .attention-wrapper {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 120px 120px 0 0;
    border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    z-index: 100;
}

.job.attention.queued_job .attention-wrapper,
.queued_job.attention.queued_job .attention-wrapper {
    border-width: 70px 70px 0 0;
}

.job.attention.queued_job .attention-icon i,
.queued_job.attention.queued_job .attention-icon i {
    font-size: 18px;
    padding: 0;
    color: #fff;
}

.job.attention.machine_full .attention-wrapper,
.queued_job.attention.machine_full .attention-wrapper {
    border-color: rgba(255, 255, 255, 0.75) transparent transparent transparent;
}

.job.attention .attention-icon i,
.queued_job.attention .attention-icon i {
    font-size: 24px;
    position: absolute;
    z-index: 101;
    padding: 20px;
    text-align: center;
    -webkit-animation: resize 2s linear infinite;
    -moz-animation: resize 2s linear infinite;
    -ms-animation: resize 2s linear infinite;
    -o-animation: resize 2s linear infinite;
    animation: resize 2s linear infinite;
}

.job.attention.urgent .attention-icon i.urgent,
.queued_job.attention.urgent .attention-icon i.urgent {
    display: block;
}

.job.attention.timed_out .attention-icon i.timed_out,
.queued_job.attention.timed_out .attention-icon i.timed_out {
    display: block;
}

.job.attention.machine_almost_full .attention-icon i.machine_almost_full,
.queued_job.attention.machine_almost_full .attention-icon i.machine_almost_full {
    display: block;
}

.job.attention.machine_full .attention-icon i.machine_full,
.queued_job.attention.machine_full .attention-icon i.machine_full {
    display: block;
    color: #ce142a;
}

.job .attention-icon i,
.queued_job .attention-icon i {
    display: none;
}

@-webkit-keyframes resize {
    /* Safari and Chrome */
    0% {
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -ms-transform: scale(1.5, 1.5);
        -moz-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        -o-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
    }

    100% {
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes resize {
    0% {
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -ms-transform: scale(1.5, 1.5);
        -moz-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        -o-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
    }

    100% {
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
/*---------------------------*/
/*---Job-reserved in list----*/
/*---------------------------*/
.job-cover-text {
    display: none;
}

#queue .job-new .job-cover,
.job-reserved .job-cover {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 120px;
}

.job-cover .job-cover-text {
    text-align: center;
    padding-top: 36px;
    z-index: 4;
    color: #ffffff;
    text-shadow: 0 0 10px #000000;
}

.job-reserved .job-cover .job-cover-text.reserved {
    display: block;
}

.job-new .job-cover .job-cover-text.new {
    display: block;
}
/*---------------------------*/
/*---Confirm job modal----*/
/*---------------------------*/
.modal-dialog.tcs-dialog {
    padding: 0;
    border-radius: 0;
}

    .modal-dialog.tcs-dialog.tcs-theme-1 .modal-content,
    .modal-dialog.tcs-dialog.purple .modal-content {
        background: #c9128e;
        background: -moz-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c9128e), color-stop(100%, #7f0c5a));
        background: -webkit-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -o-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -ms-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: linear-gradient(135deg, #c9128e 0%, #7f0c5a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-1 .modal-content .info-wrapper i,
        .modal-dialog.tcs-dialog.purple .modal-content .info-wrapper i {
            background-color: #7f0c5a;
        }

    .modal-dialog.tcs-dialog.tcs-theme-1 .buttons button,
    .modal-dialog.tcs-dialog.purple .buttons button {
        background-color: rgba(117, 11, 83, 0.5);
    }

    .modal-dialog.tcs-dialog.tcs-theme-2 .modal-content,
    .modal-dialog.tcs-dialog.orange .modal-content {
        background: #eb7729;
        background: -moz-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eb7729), color-stop(100%, #b25211));
        background: -webkit-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -o-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -ms-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: linear-gradient(135deg, #eb7729 0%, #b25211 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-2 .modal-content .info-wrapper i,
        .modal-dialog.tcs-dialog.orange .modal-content .info-wrapper i {
            background-color: #b25211;
        }

    .modal-dialog.tcs-dialog.tcs-theme-2 .buttons button,
    .modal-dialog.tcs-dialog.orange .buttons button {
        background-color: rgba(168, 78, 16, 0.5);
    }

    .modal-dialog.tcs-dialog.tcs-theme-3 .modal-content,
    .modal-dialog.tcs-dialog.red .modal-content {
        background: #ea1f37;
        background: -moz-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ea1f37), color-stop(100%, #a91022));
        background: -webkit-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -o-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -ms-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: linear-gradient(135deg, #ea1f37 0%, #a91022 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-3 .modal-content .info-wrapper i,
        .modal-dialog.tcs-dialog.red .modal-content .info-wrapper i {
            background-color: #a91022;
        }

    .modal-dialog.tcs-dialog.tcs-theme-3 .buttons button,
    .modal-dialog.tcs-dialog.red .buttons button {
        background-color: rgba(159, 15, 32, 0.5);
    }

    .modal-dialog.tcs-dialog.tcs-theme-4 .modal-content {
        background: #f6ce2d;
        background: -moz-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ce2d), color-stop(100%, #caa308));
        background: -webkit-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -o-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -ms-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: linear-gradient(135deg, #f6ce2d 0%, #caa308 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-4 .modal-content .info-wrapper i {
            background-color: #caa308;
        }

    .modal-dialog.tcs-dialog.tcs-theme-4 .buttons button {
        background-color: rgba(192, 155, 8, 0.5);
    }

    .modal-dialog.tcs-dialog.tcs-theme-5 .modal-content {
        background: #72c845;
        background: -moz-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #72c845), color-stop(100%, #4e912b));
        background: -webkit-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -o-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -ms-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: linear-gradient(135deg, #72c845 0%, #4e912b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-5 .modal-content .info-wrapper i {
            background-color: #4e912b;
        }

    .modal-dialog.tcs-dialog.tcs-theme-5 .buttons button {
        background-color: rgba(74, 138, 40, 0.5);
    }

    .modal-dialog.tcs-dialog.tcs-theme-6 .modal-content {
        background: #6cacf4;
        background: -moz-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6cacf4), color-stop(100%, #2080ee));
        background: -webkit-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -o-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -ms-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: linear-gradient(135deg, #6cacf4 0%, #2080ee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-6 .modal-content .info-wrapper i {
            background-color: #2080ee;
        }

    .modal-dialog.tcs-dialog.tcs-theme-6 .buttons button {
        background-color: rgba(23, 123, 237, 0.5);
    }

    .modal-dialog.tcs-dialog.tcs-theme-7 .modal-content {
        background: #1a2486;
        background: -moz-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1a2486), color-stop(100%, #0c1242));
        background: -webkit-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -o-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -ms-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: linear-gradient(135deg, #1a2486 0%, #0c1242 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-7 .modal-content .info-wrapper i {
            background-color: #0c1242;
        }

    .modal-dialog.tcs-dialog.tcs-theme-7 .buttons button {
        background-color: rgba(11, 15, 57, 0.5);
    }

    .modal-dialog.tcs-dialog.tcs-theme-8 .modal-content {
        background: #7f32c6;
        background: -moz-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7f32c6), color-stop(100%, #552284));
        background: -webkit-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -o-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -ms-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: linear-gradient(135deg, #7f32c6 0%, #552284 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-8 .modal-content .info-wrapper i {
            background-color: #552284;
        }

    .modal-dialog.tcs-dialog.tcs-theme-8 .buttons button {
        background-color: rgba(80, 32, 124, 0.5);
    }

    .modal-dialog.tcs-dialog.tcs-theme-9 .modal-content {
        background: #775125;
        background: -moz-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #775125), color-stop(100%, #392711));
        background: -webkit-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -o-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -ms-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: linear-gradient(135deg, #775125 0%, #392711 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.tcs-theme-9 .modal-content .info-wrapper i {
            background-color: #392711;
        }

    .modal-dialog.tcs-dialog.tcs-theme-9 .buttons button {
        background-color: rgba(49, 33, 15, 0.5);
    }

    .modal-dialog.tcs-dialog.black .modal-content {
        background: #6a6a6a;
        background: -moz-linear-gradient(-60deg, #6a6a6a 0%, #414141 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6a6a6a), color-stop(100%, #414141));
        background: -webkit-linear-gradient(-60deg, #6a6a6a 0%, #414141 100%);
        background: -o-linear-gradient(-60deg, #6a6a6a 0%, #414141 100%);
        background: -ms-linear-gradient(-60deg, #6a6a6a 0%, #414141 100%);
        background: linear-gradient(135deg, #6a6a6a 0%, #414141 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .modal-dialog.tcs-dialog.black .modal-content .buttons button {
            background-color: rgba(0, 0, 0, 0.5);
        }

    .modal-dialog.tcs-dialog .modal-content .modal-body {
        padding: 0;
        font-family: 'roboto_condensedlight', sans-serif;
        color: #ffffff;
        text-align: center;
    }

        .modal-dialog.tcs-dialog .modal-content .modal-body .custom-wrapper {
            position: relative;
            padding: 10px;
        }

    .modal-dialog.tcs-dialog .job_comment {
        padding: 10px;
        text-align: left;
        font-size: 14px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 7px;
        position: relative;
        margin-bottom: 10px;
        height: 53px;
        overflow-y: auto;
    }

    /*.modal-dialog.tcs-dialog .modal-content .info-wrapper {
        padding: 30px;
        padding-bottom: 0;
        top: 0;
    }*/

        .modal-dialog.tcs-dialog .modal-content .info-wrapper i {
            font-size: 40px;
            border-radius: 50%;
            padding: 10px;
            margin-bottom: 10px;
            display: inline-block;
        }

        .modal-dialog.tcs-dialog .modal-content .info-wrapper .job-text {
            font-size: 24px;
        }

        .modal-dialog.tcs-dialog .modal-content .info-wrapper .location {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 20px;
        }

            .modal-dialog.tcs-dialog .modal-content .info-wrapper .location .zone {
                display: block;
                font-size: 14px;
            }

    .modal-dialog.tcs-dialog .modal-content .buttons {
        /*margin: 10px 0;
        padding: 10px;*/
    }

        .modal-dialog.tcs-dialog .modal-content .buttons .waiting_meter_container {
            margin-bottom: 10px;
        }

        .modal-dialog.tcs-dialog .modal-content .buttons.sum_of_buttons_2 button {
            width: calc(50% - 10px);
        }

        .modal-dialog.tcs-dialog .modal-content .buttons.sum_of_buttons_3 button {
            width: calc(33% - 7px);
        }

        .modal-dialog.tcs-dialog .modal-content .buttons button {
            display: inline-block;
            width: calc(33% - 7px);
            font-family: 'roboto_condensedlight', sans-serif;
            border: 0;
            padding: 10px;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 20px;
            margin-right: 10px;
        }

            .modal-dialog.tcs-dialog .modal-content .buttons button#btn_reject_job {
                display: inline-block !important;
            }

            .modal-dialog.tcs-dialog .modal-content .buttons button:last-child {
                margin-right: 0;
            }

@media (max-width: 767px) {
    .modal-dialog.tcs-dialog {
        margin-top: 10px;
    }

        .modal-dialog.tcs-dialog .modal-content {
            width: 100%;
            height: 100%;
            position: relative;
        }

            /*.modal-dialog.tcs-dialog .modal-content .info-wrapper {
                width: 100%;
                position: relative;
                padding: 30px 10px 0 10px;
            }*/

                .modal-dialog.tcs-dialog .modal-content .info-wrapper .location {
                    font-size: 16px;
                }

                .modal-dialog.tcs-dialog .modal-content .info-wrapper .job-text {
                    margin-top: 0;
                    margin-bottom: 0;
                    font-size: 20px;
                }

            .modal-dialog.tcs-dialog .modal-content .buttons {
                position: relative;
            }

                .modal-dialog.tcs-dialog .modal-content .buttons button {
                    margin-bottom: 10px;
                    height: 60px;
                    font-size: 20px;
                    margin-left: 0;
                    margin-right: 0;
                    width: 100%;
                }

                    .modal-dialog.tcs-dialog .modal-content .buttons button#btn_cancel_modal {
                        width: calc(70% - 13px);
                        margin-right: 0;
                    }

                    .modal-dialog.tcs-dialog .modal-content .buttons button#btn_reject_job_mobile {
                        width: 30%;
                        display: inline-block !important;
                        margin-right: 10px;
                    }

                    .modal-dialog.tcs-dialog .modal-content .buttons button#btn_reject_job {
                        display: none !important;
                    }

                .modal-dialog.tcs-dialog .modal-content .buttons .buttons button:last-child {
                    margin-bottom: 0;
                }
}
/*---------------------------*/
/*---Job-reserved panel----*/
/*---------------------------*/
#my_queue {
    background-color: #eeeeee;
    height: 70px;
    margin-bottom: 10px;
}

    #my_queue .queued_job {
        width: 33.3%;
        height: 70px;
        float: left;
        text-align: center;
        position: relative;
        padding: 10px;
    }

        #my_queue .queued_job.active_job {
            -webkit-box-shadow: 0 0 10px #333333 inset;
            box-shadow: 0 0 10px #333333 inset;
        }

        #my_queue .queued_job i.job_icon {
            color: rgba(255, 255, 255, 0.75);
            font-size: 22px;
            margin-bottom: 10px;
            display: block;
        }

        #my_queue .queued_job.tcs-theme-1 {
            background-color: #a40f74;
        }

        #my_queue .queued_job.tcs-theme-2 {
            background-color: #d76314;
        }

        #my_queue .queued_job.tcs-theme-3 {
            background-color: #ce1329;
        }

        #my_queue .queued_job.tcs-theme-4 {
            background-color: #f1c30a;
        }

        #my_queue .queued_job.tcs-theme-5 {
            background-color: #5fb134;
        }

        #my_queue .queued_job.tcs-theme-6 {
            background-color: #4696f1;
        }

        #my_queue .queued_job.tcs-theme-7 {
            background-color: #131b64;
        }

        #my_queue .queued_job.tcs-theme-8 {
            background-color: #6a2aa5;
        }

        #my_queue .queued_job.tcs-theme-9 {
            background-color: #583c1b;
        }

.reserved-job-panel {
    color: #ffffff;
    /*font-size: 36px;*/
    text-align: center;
    font-family: 'roboto_condensedlight', sans-serif;
    margin-bottom: 10px;
    position: relative;
    -webkit-box-shadow: 0 0 8px #000000;
    box-shadow: 0 0 8px #000000;
}

    .reserved-job-panel .reserved-job-panel-information.part_1 {
        position: absolute;
        top: 0;
        margin: 10px;
    }

        .reserved-job-panel .reserved-job-panel-information.part_1.minimize_panel_heigt p.job_icon {
            display: none !important;
        }

        .reserved-job-panel .reserved-job-panel-information.part_1.minimize_panel_heigt .location {
            /*font-size: 14px;*/
            margin-right: 20px;
        }

            .reserved-job-panel .reserved-job-panel-information.part_1.minimize_panel_heigt .location .zone {
                display: inline;
                margin-left: 15px;
            }

        .reserved-job-panel .reserved-job-panel-information.part_1.minimize_panel_heigt .message {
            /*font-size: 22px;*/
        }

    .reserved-job-panel .reserved-job-panel-information.part_2 {
        position: absolute;
        bottom: 0;
        margin: 10px;
    }

    .reserved-job-panel.tcs-theme-1 {
        background: #c9128e;
        background: -moz-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c9128e), color-stop(100%, #7f0c5a));
        background: -webkit-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -o-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: -ms-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
        background: linear-gradient(135deg, #c9128e 0%, #7f0c5a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-1 .job_icon {
            background-color: #7f0c5a;
        }

        .reserved-job-panel.tcs-theme-1 .job_comment i {
            color: #180211;
        }

        .reserved-job-panel.tcs-theme-1 a,
        .reserved-job-panel.tcs-theme-1 input[type=button] {
            background-color: rgba(117, 11, 83, 0.5);
        }

    .reserved-job-panel.tcs-theme-2 {
        background: #eb7729;
        background: -moz-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eb7729), color-stop(100%, #b25211));
        background: -webkit-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -o-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: -ms-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
        background: linear-gradient(135deg, #eb7729 0%, #b25211 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-2 .job_icon {
            background-color: #b25211;
        }

        .reserved-job-panel.tcs-theme-2 .job_comment i {
            color: #4b2307;
        }

        .reserved-job-panel.tcs-theme-2 a,
        .reserved-job-panel.tcs-theme-2 input[type=button] {
            background-color: rgba(168, 78, 16, 0.5);
        }

    .reserved-job-panel.tcs-theme-3 {
        background: #ea1f37;
        background: -moz-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ea1f37), color-stop(100%, #a91022));
        background: -webkit-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -o-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: -ms-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
        background: linear-gradient(135deg, #ea1f37 0%, #a91022 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-3 .job_icon {
            background-color: #a91022;
        }

        .reserved-job-panel.tcs-theme-3 .job_comment i {
            color: #42060d;
        }

        .reserved-job-panel.tcs-theme-3 a,
        .reserved-job-panel.tcs-theme-3 input[type=button] {
            background-color: rgba(159, 15, 32, 0.5);
        }

    .reserved-job-panel.tcs-theme-4 {
        background: #f6ce2d;
        background: -moz-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ce2d), color-stop(100%, #caa308));
        background: -webkit-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -o-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: -ms-linear-gradient(-60deg, #f6ce2d 0%, #caa308 100%);
        background: linear-gradient(135deg, #f6ce2d 0%, #caa308 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-4 .job_icon {
            background-color: #caa308;
        }

        .reserved-job-panel.tcs-theme-4 .job_comment i {
            color: #5e4c04;
        }

        .reserved-job-panel.tcs-theme-4 a,
        .reserved-job-panel.tcs-theme-4 input[type=button] {
            background-color: rgba(192, 155, 8, 0.5);
        }

    .reserved-job-panel.tcs-theme-5 {
        background: #72c845;
        background: -moz-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #72c845), color-stop(100%, #4e912b));
        background: -webkit-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -o-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: -ms-linear-gradient(-60deg, #72c845 0%, #4e912b 100%);
        background: linear-gradient(135deg, #72c845 0%, #4e912b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-5 .job_icon {
            background-color: #4e912b;
        }

        .reserved-job-panel.tcs-theme-5 .job_comment i {
            color: #203b11;
        }

        .reserved-job-panel.tcs-theme-5 a,
        .reserved-job-panel.tcs-theme-5 input[type=button] {
            background-color: rgba(74, 138, 40, 0.5);
        }

    .reserved-job-panel.tcs-theme-6 {
        background: #6cacf4;
        background: -moz-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6cacf4), color-stop(100%, #2080ee));
        background: -webkit-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -o-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: -ms-linear-gradient(-60deg, #6cacf4 0%, #2080ee 100%);
        background: linear-gradient(135deg, #6cacf4 0%, #2080ee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-6 .job_icon {
            background-color: #2080ee;
        }

        .reserved-job-panel.tcs-theme-6 .job_comment i {
            color: #0b4b93;
        }

        .reserved-job-panel.tcs-theme-6 a,
        .reserved-job-panel.tcs-theme-6 input[type=button] {
            background-color: rgba(23, 123, 237, 0.5);
        }

    .reserved-job-panel.tcs-theme-7 {
        background: #1a2486;
        background: -moz-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1a2486), color-stop(100%, #0c1242));
        background: -webkit-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -o-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: -ms-linear-gradient(-60deg, #1a2486 0%, #0c1242 100%);
        background: linear-gradient(135deg, #1a2486 0%, #0c1242 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-7 .job_icon {
            background-color: #0c1242;
        }

        .reserved-job-panel.tcs-theme-7 .job_comment i {
            color: #000000;
        }

        .reserved-job-panel.tcs-theme-7 a,
        .reserved-job-panel.tcs-theme-7 input[type=button] {
            background-color: rgba(11, 15, 57, 0.5);
        }

    .reserved-job-panel.tcs-theme-8 {
        background: #7f32c6;
        background: -moz-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7f32c6), color-stop(100%, #552284));
        background: -webkit-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -o-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: -ms-linear-gradient(-60deg, #7f32c6 0%, #552284 100%);
        background: linear-gradient(135deg, #7f32c6 0%, #552284 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-8 .job_icon {
            background-color: #552284;
        }

        .reserved-job-panel.tcs-theme-8 .job_comment i {
            color: #1c0b2b;
        }

        .reserved-job-panel.tcs-theme-8 a,
        .reserved-job-panel.tcs-theme-8 input[type=button] {
            background-color: rgba(80, 32, 124, 0.5);
        }

    .reserved-job-panel.tcs-theme-9 {
        background: #775125;
        background: -moz-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #775125), color-stop(100%, #392711));
        background: -webkit-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -o-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: -ms-linear-gradient(-60deg, #775125 0%, #392711 100%);
        background: linear-gradient(135deg, #775125 0%, #392711 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    }

        .reserved-job-panel.tcs-theme-9 .job_icon {
            background-color: #392711;
        }

        .reserved-job-panel.tcs-theme-9 .job_comment i {
            color: #000000;
        }

        .reserved-job-panel.tcs-theme-9 a,
        .reserved-job-panel.tcs-theme-9 input[type=button] {
            background-color: rgba(49, 33, 15, 0.5);
        }

    .reserved-job-panel .job_icon {
        border-radius: 50%;
        display: inline-block;
        padding: 10px;
    }

    .reserved-job-panel .location {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

        .reserved-job-panel .location .zone {
            font-size: 14px;
            display: block;
        }

    .reserved-job-panel .job_comment {
        padding: 10px;
        text-align: left;
        font-size: 14px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 7px;
        position: relative;
        margin-bottom: 10px;
        height: 53px;
        overflow-y: auto;
    }


    .reserved-job-panel .buttons a.reject {
        display: inline-block;
        width: 100%;
        font-family: 'roboto_condensedlight', sans-serif;
        padding: 10px;
        color: #ffffff;
        text-transform: uppercase;
        /*font-size: 28px;*/
        /*text-align: center;*/
    }

    .reserved-job-panel .buttons input[type=button] {
        display: inline-block;
        width: 100%;
        font-family: 'roboto_condensedlight', sans-serif;
        border: 0;
        padding: 10px;
        color: #ffffff;
        text-transform: uppercase;
        /*font-size: 28px;*/
    }

        .reserved-job-panel .buttons input[type=button].cancel {
            width: 100%;
        }

        /*.reserved-job-panel .buttons input[type=button]:first-child {
            margin-bottom: 10px;
        }*/

@media (max-width: 767px) {
    .reserved-job-panel .message {
        font-size: 20px;
        line-height: 1;
    }

    .reserved-job-panel .job_comment {
        padding: 5px;
        line-height: 1;
        height: 70px;
    }

    .reserved-job-panel .location {
        font-size: 14px;
    }

        .reserved-job-panel .location .zone {
            font-size: 14px;
            display: inline;
            margin-left: 10px;
        }
}
/*---------------------------*/
/*---------Overview panel---------*/
/*---------------------------*/
#bottom_menu {
    font-family: 'roboto_condensedlight', sans-serif;
    position: fixed;
    z-index: 1100;
    bottom: 0;
    height: 80px;
    background: #6a6a6a;
    background: -moz-linear-gradient(-60deg, #6a6a6a 0%, #414141 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6a6a6a), color-stop(100%, #414141));
    background: -webkit-linear-gradient(-60deg, #6a6a6a 0%, #414141 100%);
    background: -o-linear-gradient(-60deg, #6a6a6a 0%, #414141 100%);
    background: -ms-linear-gradient(-60deg, #6a6a6a 0%, #414141 100%);
    background: linear-gradient(135deg, #6a6a6a 0%, #414141 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
    color: #ffffff;
    font-size: 24px;
}

    #bottom_menu i:not(.zone-needs-attention) {
        font-size: 40px;
        padding: 20px;
        height: 80px;
        width: 80px;
        display: block;
        color: rgba(255, 255, 255, 0.5);
    }

    #bottom_menu i.zone-needs-attention,
    #bottom_menu .choose_location .dropdown-menu > li > a > i.zone-needs-attention,
    #bottom_menu .choose_jobCategory .dropdown-menu > li > a > i.zone-needs-attention {
        font-style: normal;
        color: #ffffff;
        height: 30px;
        width: 30px;
        padding: 5px !important;
        font-weight: bolder;
        display: inline-block;
        background-color: #ce1329;
        font-size: 20px;
        line-height: 1;
        border-radius: 50%;
        text-align: center;
    }

    #bottom_menu .square {
        width: 80px;
        height: 80px;
    }

    #bottom_menu.truck .choose_location {
        width: calc(50% - 200px);
        height: 80px;
    }

    #bottom_menu.truck .choose_jobCategory {
        width: calc(50% - 120px);
        height: 80px;
    }

    #bottom_menu.location .choose_location {
        width: calc(100% - 280px);
        height: 80px;
    }

    #bottom_menu.truck .filter_jobs {
        display: none;
    }

    #bottom_menu .dropdown-menu {
        font-size: 24px;
    }

    #bottom_menu ul.dropdown-menu {
        overflow-y: auto;
        overflow-x: hidden;
    }

    #bottom_menu .dropdown-menu > li > a {
        color: #ffffff;
        padding: 15px;
        display: block;
    }

        #bottom_menu .dropdown-menu > li > a:hover {
            background: #000000;
        }

        #bottom_menu .dropdown-menu > li > a > i {
            font-size: 24px;
            display: inline-block;
            padding: 0 !important;
            height: 24px;
            width: 24px;
            margin-right: 20px;
            margin-left: 20px;
        }

    #bottom_menu .dropup .dropdown-toggle::after {
        display: none;
    }

    #bottom_menu span.preset {
        padding: 20px;
        display: inline-block;
    }

    #bottom_menu .game_stats ul {
        list-style: none;
        padding: 5px 0;
    }

    #bottom_menu .game_stats .points {
        display: inline-block;
        margin-top: 10px;
        margin-left: 5px;
        font-size: 16px;
    }

    #bottom_menu .game_stats ul li {
        line-height: 1.45;
        font-size: 16px;
        display: block;
        font-weight: bold;
    }

        #bottom_menu .game_stats ul li:first-child,
        #bottom_menu .game_stats ul li:last-child {
            margin-left: -10px;
            font-weight: lighter;
            font-size: 14px;
        }

    #bottom_menu .connection .icons {
        font-size: 30px;
        padding-top: 20px;
        text-align: center;
    }

    #bottom_menu .connection .state-icon {
        font-family: 'icomoon';
        speak: none;
        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;
    }

    #bottom_menu .connection.state-connecting .state-icon:before {
        content: "\e97a";
        color: #fff;
        -webkit-animation: rotating 2s linear infinite;
        -moz-animation: rotating 2s linear infinite;
        -ms-animation: rotating 2s linear infinite;
        -o-animation: rotating 2s linear infinite;
        animation: rotating 2s linear infinite;
    }

    #bottom_menu .connection.state-connected .state-icon:before {
        content: "\ea10";
    }

    #bottom_menu .connection.state-reconnecting .state-icon:before {
        content: "\e97a";
        color: #d76314;
        -webkit-animation: rotating 2s linear infinite;
        -moz-animation: rotating 2s linear infinite;
        -ms-animation: rotating 2s linear infinite;
        -o-animation: rotating 2s linear infinite;
        animation: rotating 2s linear infinite;
    }

    #bottom_menu .connection.state-disconnected .state-icon:before {
        content: "\ea0f";
        color: #ce1329;
    }

@media (max-width: 767px) {
    #bottom_menu {
        height: 60px;
        font-size: 14px;
    }

        #bottom_menu i:not(.zone-needs-attention) {
            font-size: 30px;
            padding: 15px;
            height: 60px;
            width: 60px;
        }

        #bottom_menu i.zone-needs-attention,
        #bottom_menu .choose_location .dropdown-menu > li > a > i.zone-needs-attention,
        #bottom_menu .choose_jobCategory .dropdown-menu > li > a > i.zone-needs-attention {
            height: 20px;
            width: 20px;
            padding: 5px !important;
            font-size: 10px;
            margin-left: 5px;
        }

        #bottom_menu .square {
            width: 60px;
            height: 60px;
        }

        #bottom_menu.truck .choose_location {
            display: none;
        }

        #bottom_menu.truck .choose_jobCategory {
            display: none;
        }

        #bottom_menu.truck .filter_jobs {
            width: calc(100% - 240px);
            display: block;
        }

            #bottom_menu.truck .filter_jobs ul.dropdown-menu {
                position: fixed;
                bottom: 60px;
                width: 100%;
            }

                #bottom_menu.truck .filter_jobs ul.dropdown-menu span.title {
                    margin-left: 15px;
                    font-size: 20px;
                    padding-top: 20px;
                    display: block;
                    color: #fff;
                }

        #bottom_menu.location .choose_location {
            width: calc(100% - 200px);
        }

        #bottom_menu .connection .icons {
            font-size: 15px;
            padding-top: 20px;
        }

        #bottom_menu .dropdown-menu {
            font-size: 14px;
        }

            #bottom_menu .dropdown-menu > li > a > i {
                font-size: 16px;
                height: 16px;
                width: 16px;
                margin-right: 10px;
                margin-left: 10px;
            }
}
/*---------------------------*/
/*---------Gradients---------*/
/*---------------------------*/
.gradientBlack {
    background: #474747;
    background: -moz-linear-gradient(-60deg, #474747 0%, #1f1f1f 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #474747), color-stop(100%, #1f1f1f));
    background: -webkit-linear-gradient(-60deg, #474747 0%, #1f1f1f 100%);
    background: -o-linear-gradient(-60deg, #474747 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(-60deg, #474747 0%, #1f1f1f 100%);
    background: linear-gradient(135deg, #474747 0%, #1f1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
}

.gradient-tcs-theme-3 {
    background: #ea1f37;
    background: -moz-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ea1f37), color-stop(100%, #a91022));
    background: -webkit-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
    background: -o-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
    background: -ms-linear-gradient(-60deg, #ea1f37 0%, #a91022 100%);
    background: linear-gradient(135deg, #ea1f37 0%, #a91022 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
}

.gradientDarkRed {
    background: #c51227;
    background: -moz-linear-gradient(-60deg, #c51227 0%, #7a0b18 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c51227), color-stop(100%, #7a0b18));
    background: -webkit-linear-gradient(-60deg, #c51227 0%, #7a0b18 100%);
    background: -o-linear-gradient(-60deg, #c51227 0%, #7a0b18 100%);
    background: -ms-linear-gradient(-60deg, #c51227 0%, #7a0b18 100%);
    background: linear-gradient(135deg, #c51227 0%, #7a0b18 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
}

.gradient-tcs-theme-1 {
    background: #c9128e;
    background: -moz-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c9128e), color-stop(100%, #7f0c5a));
    background: -webkit-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
    background: -o-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
    background: -ms-linear-gradient(-60deg, #c9128e 0%, #7f0c5a 100%);
    background: linear-gradient(135deg, #c9128e 0%, #7f0c5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
}

.gradientDarkPurple {
    background: #9b0e6d;
    background: -moz-linear-gradient(-60deg, #9b0e6d 0%, #500739 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9b0e6d), color-stop(100%, #500739));
    background: -webkit-linear-gradient(-60deg, #9b0e6d 0%, #500739 100%);
    background: -o-linear-gradient(-60deg, #9b0e6d 0%, #500739 100%);
    background: -ms-linear-gradient(-60deg, #9b0e6d 0%, #500739 100%);
    background: linear-gradient(135deg, #9b0e6d 0%, #500739 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
}

.gradient-tcs-theme-2 {
    background: #eb7729;
    background: -moz-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eb7729), color-stop(100%, #b25211));
    background: -webkit-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
    background: -o-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
    background: -ms-linear-gradient(-60deg, #eb7729 0%, #b25211 100%);
    background: linear-gradient(135deg, #eb7729 0%, #b25211 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
}

.gradientDarkOrange {
    background: #ce5f13;
    background: -moz-linear-gradient(-60deg, #ce5f13 0%, #833c0c 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ce5f13), color-stop(100%, #833c0c));
    background: -webkit-linear-gradient(-60deg, #ce5f13 0%, #833c0c 100%);
    background: -o-linear-gradient(-60deg, #ce5f13 0%, #833c0c 100%);
    background: -ms-linear-gradient(-60deg, #ce5f13 0%, #833c0c 100%);
    background: linear-gradient(135deg, #ce5f13 0%, #833c0c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=1);
}
/*---------------------------*/
/*---------Rotating---------*/
/*---------------------------*/
@-webkit-keyframes rotating {
    /* Safari and Chrome */
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*---------------------------*/
/*---------Location---------*/
/*---------------------------*/
.create-job-form {
    width: 500px;
    margin: 30px auto;
    padding: 50px;
    text-align: center;
    color: #ffffff;
}

    .create-job-form .icon {
        font-size: 200px;
    }

    .create-job-form textarea {
        font-size: 24px;
        font-family: 'roboto_condensedlight', sans-serif;
        width: 400px;
        color: #333333;
        border: 0;
        padding: 8px;
        margin: 10px 0;
    }

input.job-description {
    width: 100%;
    color: #333333;
    font-size: 18px;
    padding: 15px;
    -webkit-box-shadow: 0 0 5px #333333 inset;
    box-shadow: 0 0 5px #333333 inset;
    border: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.95);
}

    input.job-description::-moz-placeholder {
        color: #808080;
        opacity: 1;
        font-style: italic;
    }

    input.job-description:-ms-input-placeholder {
        color: #808080;
        font-style: italic;
    }

    input.job-description::-webkit-input-placeholder {
        color: #808080;
        font-style: italic;
    }

.modal-dialog.tcs-dialog .modal-content .info-wrapper i.label_icon {
    background: transparent;
    font-size: 20px;
    opacity: 0.75;
    text-align: right;
    float: right;
}

.modal-dialog.tcs-dialog .modal-content .custom-wrapper {
    min-height: 0 !important;
}

.modal-dialog.tcs-dialog .modal-content .info-wrapper .alert {
    text-align: left;
    font-size: 18px;
}

    .modal-dialog.tcs-dialog .modal-content .info-wrapper .alert i {
        font-size: 24px;
        padding: 0;
        background-color: transparent;
        margin: 0;
        margin-right: 10px;
    }

.needs-attention {
    cursor: pointer;
    font-size: 18px;
    font-family: 'roboto_condensedlight', sans-serif;
    display: block;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: left;
}

.locationText .create-job-form {
    padding-top: 0;
    margin-top: 0;
}

.needs-attention.alarm-on {
    color: #ffffff;
}

    .needs-attention.alarm-on .icon-checkbox-checked {
        display: inline-block;
    }

    .needs-attention.alarm-on .icon-checkbox-unchecked {
        display: none;
    }

.needs-attention.alarm-off {
    color: rgba(255, 255, 255, 0.5);
}

    .needs-attention.alarm-off .icon-checkbox-checked {
        display: none;
    }

    .needs-attention.alarm-off .icon-checkbox-unchecked {
        display: inline-block;
    }

.create-job-form button {
    font-size: 24px;
    font-family: 'roboto_condensedlight', sans-serif;
    width: 400px;
    color: #ffffff;
    padding: 8px;
    border: none;
}
/**Variations for location types**/
.locationStatic .needs-attention {
    text-align: center;
    margin-top: 10px;
}

.locationText .needs-attention {
    margin-top: 0px;
}

.locationStatic .needs-attention.alarm-on {
    color: #333333;
}

.locationStatic .needs-attention.alarm-off {
    color: rgba(51, 51, 51, 0.5);
}

.location-jobs-wrapper {
    padding: 10px;
    overflow-x: scroll;
    background-color: #ffffff;
}

ul.location-jobs {
    padding: 0;
}

    ul.location-jobs li {
        font-family: 'roboto_condensedlight', sans-serif;
        list-style: none;
        padding: 10px;
        margin-bottom: 10px;
    }

.locationText ul.location-jobs li.job-new {
    background-color: #ec7d32;
    color: rgba(255, 255, 255, 0.5);
}

.locationStatic ul.location-jobs li.job-new {
    background-color: #d31395;
    color: rgba(255, 255, 255, 0.5);
}

.machine ul.location-jobs li.job-new {
    background-color: #eb2940;
    color: rgba(255, 255, 255, 0.5);
}

.locationText ul.location-jobs li.job-reserved {
    background-color: #d76314;
    color: #ffffff;
}

.locationStatic ul.location-jobs li.job-reserved {
    background-color: #a40f74;
    color: #ffffff;
}

.machine ul.location-jobs li.job-reserved {
    background-color: #ce1329;
    color: #ffffff;
}

ul.location-jobs li .message {
    font-weight: 700;
    font-size: 24px;
}

ul.location-jobs li .reserved-by,
ul.location-jobs li .not-reserved {
    font-size: 20px;
}

ul.location-jobs li.job-new .reserved-by {
    display: none;
}

ul.location-jobs li.job-reserved .reserved-by {
    display: block;
}

ul.location-jobs li.job-new .not-reserved {
    display: block;
}

ul.location-jobs li.job-reserved .not-reserved {
    display: none;
}
/*---------         Footer           ---------*/
.location-footer {
    height: 104px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

    .location-footer .connection {
        width: 104px;
        height: 104px;
        float: left;
        text-align: center;
    }

    .location-footer .reset-location {
        height: 104px;
        width: 104px;
        float: left;
    }

        .location-footer .reset-location button {
            height: 104px;
            width: 104px;
            background: transparent;
            border: 0;
            color: #ffffff;
        }

            .location-footer .reset-location button:hover {
                color: #eeeeee;
                background-color: rgba(0, 0, 0, 0.2);
            }

p.alarm {
    width: 50px;
    height: 50px;
}

    p.alarm.alarm-on {
        background-color: #5fb134;
    }

    p.alarm.alarm-off {
        background-color: #000000;
    }