.browser-warning {
    text-align: center;
    padding: 5px;
    color: #e56d2e
}

.bold {
    font-weight: bold;
}

a {
    color: #493d55;
}

a:hover {
    color: #40353A;
}

a.force-hover:hover {
    color: #40353A !important;
}

.login-block .dx-texteditor {
    border: 1px solid #493d55 !important;
}

.loadpanel {
    z-index: 2000 !important;
}

.date-time-format {
    font-size: 11px;
}

.longsign .dx-texteditor-container::before {
    content: "-";
    margin-left: 5px;
}

.longsign .dx-texteditor-input {
    width: 90% !important;
    padding-left: 0px;
}

.mar-bottom-30 {
    margin-bottom: 30px;
}

.dx-list-item-content {
    text-overflow: initial !important;
    white-space: normal !important;
}

.width-79 {
    width: 79% !important;
}

.width-36 {
    width: 36% !important;
}

.table tbody>tr>td.tag-grid-error {
    padding: 0;
}

.table tbody>tr>td.tag-grid-error>div {
    padding: 10px;
}

.expand-block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
}

.btn-custom.icon-btn-space.dx-button-has-icon .dx-button-content {
    padding: 6px;
}

.btn-custom.icon-btn-space.dx-button-has-icon.dx-button {
    box-shadow: none;
}

.padding-5 {
    padding: 5px;
}

.dx-field-label.custom-label {
    margin: 0;
    padding: 0;
    width: 16%
}

.padding-top-34 {
    padding-top: 34px;
}

.import-grid .dx-toolbar-after {
    right: auto;
    left: 0;
    padding-left: 0;
}

.import-grid .dx-datagrid-header-panel .dx-button {
    margin-left: 0;
    margin-bottom: 2px;
}

.import-grid .dx-datagrid-header-panel {
    border-bottom: 0;
}

.import-grid .dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0;
}

.grid-top-space .grid-view {
    margin-bottom: 0;
    margin-top: 0;
}

.font22 {
    font-size: 22px;
}

.icon-btn .import-file {
    padding: 5px 11px 5px 9px;
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    color: #606060;
    margin-bottom: 0;
}

.icon-btn .import-file:hover,
.icon-btn .import-file:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
}

.red-lbl {
    color: #ff0000 !important;
}

.infraction-details {
    height: 85px;
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

.txt-right {
    text-align: right !important;
}

.height-137 {
    height: 137px;
}

.number-title {
    color: #0078D7;
}

.incident-number {
    font-size: larger;
    cursor: pointer
}

.incident-number-link {
    margin-top: 10px;
    font-size: larger;
    cursor: pointer;
    text-decoration: underline;
    color: #0078D7;
}

.incident-number-link:hover {
    margin-top: 10px;
    font-size: larger;
    cursor: pointer;
    text-decoration: underline;
    color: #0c67b0;
}

.incident-number-remove {
    margin-top: 10px;
    font-size: larger;
    cursor: pointer;
    color: #f16565;
}

.incident-number-remove:hover {
    margin-top: 10px;
    font-size: larger;
    cursor: pointer;
    color: #f16565;
}

.incident-text {
    display: block;
    font-size: small;
    cursor: pointer
}

.incident-comment-print {
    max-height: 500px;
    overflow: auto;
    padding-bottom: 50px;
}

.verticle-middle {
    vertical-align: middle !important;
}


/*Incident Tabs*/

ul.incident-tab {
    list-style: none;
    padding: 0;
    margin: 0;
}

.incident-tab li {
    float: left;
    margin-right: -1px;
    border: 1px solid #ccc;
    border-top-width: 0;
    padding: 8px 25px 8px 25px;
    background-color: #f2f2f2;
    color: #666666;
    cursor: pointer;
    line-height: 1.5;
}

.bottom-fixed {
    position: fixed;
    bottom: 10px;
}

.incident-tab-container {
    border-bottom: 1px solid #ccc;
    clear: both;
}

.incident-tab li.active {
    background-color: #FFF;
    color: #000;
    margin-top: -1px;
    padding-top: 9px;
}

.incident-tab-containernew {
    overflow-y: auto;
}

.addedit-popup .model-spacing>.dx-scrollable-container>.dx-scrollable-content {
    padding: 10px 15px;
}

.card {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    padding: 15px;
}


/*Button cross*/

.btn-cross {
    height: 28px;
    width: 28px;
}

.btn-cross .dx-button-content {
    padding: 0px;
}

.max-height-auto {
    max-height: none;
}

.scroller-padding-right-0 .dx-scrollable-content {
    padding-right: 0px !important;
}

.dx-datagrid .dx-link .fa {
    padding-right: 5px;
    font-size: 16px;
}

.lat-long-warning {
    position: relative;
}

.lat-long-warning .dx-texteditor {
    border-color: #ffa500;
}

.icon-warning {
    display: none;
}

.lat-long-warning .icon-warning {
    display: block;
    position: absolute;
    right: 10px;
    top: 7px;
    color: #ffa500;
}

.lat-long-warning .icon-warning .dx-icon-warning {
    font-size: 16px;
}

.warning-text {
    display: none;
}

.lat-long-warning.warning-active .warning-text {
    background: #ffa500;
    padding: 7px 10px;
    border-radius: 5px;
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.grid-btn-block {
    position: relative;
}

.winter-road {
    position: static;
    left: 29%;
    right: 30%;
    margin: 14px auto;
    text-align: center;
    top: 20px;
    font-size: 16px;
    font-family: Roboto Condensed;
}

.missing-winter-road {
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
}

.missing-winter-road label {
    color: #d93600;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
}

.missing-winter-road .dx-icon-warning {
    color: #ffd61d;
    font-size: 32px;
    position: relative;
    z-index: 1;
}

.missing-winter-road .dx-icon-warning>span {
    background: #000;
    position: absolute;
    top: 12px;
    width: 10px;
    height: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

.missing-winter-road span.tagline {
    font-size: 11px;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    bottom: -3px;
}

@media screen and (max-width: 1024px) {
    .missing-winter-road label {
        width: 85%;
        font-size: 14px;
    }
    .missing-winter-road span.tagline {
        text-align: right;
    }
    .winter-road {
        font-size: 14px;
        width: 200px;
        top: 5px;
        left: 24%;
        right: 15%
    }
}


/*photo gallery*/

.gallery-wrap ul li {
    margin-bottom: 15px;
}

.gallery-wrap ul li>.thumb-content {
    border: 1px #f2f2f2 solid;
    padding-bottom: 20px;
}

.lg-thumb-outer.lg-grab {
    display: none;
}

.lg-sub-html h4 {
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    font-weight: 300;
}

.gallery-textbox {
    border: 1px #cacaca solid;
    padding: 5px 10px;
    width: 50%;
    margin-right: 5px;
    color: #333;
}

.gallery-textbox:focus {
    border: 1px #b3b3b3 solid;
    outline: none;
}

.btn-gallery-save {
    background: #0078D7;
    border: 1px solid #0078D7;
    color: #fff;
    padding: 5px 15px;
}

.btn-gallery-cancel {
    background: #FE6868;
    border: 1px solid #FE6868;
    color: #fff;
    padding: 5px 15px;
}

.image-title {
    font-size: 14px;
    text-align: left;
    padding: 5px;
    color: #888;
}

.thumb-content {
    position: relative;
}

.thumb-content>.delete-link {
    color: #ff4b4b;
    position: absolute;
    right: 10px;
    bottom: 5px;
}

#lg-share,
#lg-actual-size,
#lg-zoom-out,
#lg-zoom-in,
.lg-fullscreen,
.lg-autoplay-button,
#lg-download {
    display: none;
}

.galleryImage {
    -ms-border-radius: 0;
    border-radius: 0;
}


/*WrDriver CSS*/

.edit-detail-block {
    border-right: 1px solid #ddd
}

.status-details h1 {
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: 10px
}

.modal-popup-form .status-details .dx-field {
    min-height: auto;
    max-width: 300px;
    margin: 0 auto 5px
}

.status-details .dx-field a {
    color: #0059B2;
    text-decoration: underline
}

.status-details .shipment-wrap {
    max-width: 300px;
    margin: 0 auto 5px
}

.status-details .shipment-wrap .light-block {
    position: relative;
    display: block;
    padding: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.status-details .shipment-wrap .number-block {
    position: relative;
    text-align: left;
    top: 0
}

.status-details .shipment-wrap .number-block-right {
    font-size: 44px;
    text-align: right;
    position: relative;
    font-weight: 100;
    float: right
}


/* WR Driver popup */

.wr-driver-col1 .label-block span {
    color: #909090;
    line-height: 13px;
    font-size: 12px;
    display: block;
}

.wr-driver-number {
    float: right;
}

.wr-driver-incinf {
    float: left;
    font-size: 50px;
}

.wr-driver-warnings {
    float: right;
    font-size: 50px;
}

.wr-driver-number .label-block {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    color: #333;
    font-size: 22px;
}

.shipment-wrap {
    color: #fff;
    position: relative;
    font-family: 'Roboto', sans-serif;
}

.shipment-wrap .number-block {
    font-size: 44px;
    position: absolute;
    left: 0;
    width: 100px;
    text-align: center;
    font-weight: 100;
    top: 5px;
}

.shipment-wrap .number-text {
    float: right;
    font-size: 22px;
    width: calc(100% - 100px);
    padding: 15px 10px 15px 0;
    text-align: right;
    font-weight: 300;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .status-history,
    .season-history {
        float: left;
        width: 50%;
    }
    .edit-detail-block {
        border-bottom: 1px solid #ddd;
        border-right: 0;
    }
}

@media only screen and (max-device-width: 767px) {
    .edit-detail-block {
        border-bottom: 1px solid #ddd;
        border-right: 0;
    }
}

.modal-popup-form .status-details .dx-field {
    min-height: auto;
    max-width: 300px;
    margin: 0 auto 5px
}


/*HSE CSS*/

.incident-tab-container {
    /*height: 580px;*/
    overflow: auto;
}

.bg-white {
    background-color: white !important
}


/*-- // DASHBOARD // --*/

.color-red {
    color: red;
}

.grid-wrap .grid-title .add-dash {
    position: absolute;
    right: 0;
    top: 0;
}

.add-dash>a {
    padding: 13px 15px;
    display: block;
    border-left: 1px #eee solid;
    text-align: center;
    color: #9ba3a8;
}

.dark-block {
    background: rgba(0, 0, 0, .2);
    padding: 2px 5px;
    position: relative;
}

.left-detail {
    float: left;
    width: 48%;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
}

.right-detail {
    float: right;
    width: 42%;
    font-size: 11px;
    font-weight: 500;
    text-align: right;
}

.left-detail span,
.right-detail span {
    font-size: 20px;
    vertical-align: middle;
    font-weight: 100;
}

.dash-grid-wrapper {
    margin: 0 15px;
}

.dash-grid-wrapper .dash-grid {
    margin-bottom: 10px;
    padding: 15px;
    border: #c1c1c0 solid 1px;
    min-height: 100px;
}

.dash-grid-wrapper .dash-grid .title {
    text-align: center;
    color: #999;
    font-size: 18px;
    margin-bottom: 2px;
}

.alert-block {
    margin: -10px -10px 0 -10px;
    color: #a58100;
    padding: 0px 5px;
    text-align: center;
}


/*-- //OVERRITE CSS// --*/

.mandatory-black {
    color: #f05050;
    font-size: 14px;
    line-height: 16px;
}

.staffhight {
    height: 56px;
}

.staffhight .dx-scrollable-container {
    overflow: hidden;
}

.dx-datagrid .dx-overlay-content {
    width: auto !important;
}


/*-- //DEFAULT// --*/

.span-6 {
    width: 48%;
    display: inline-block;
}

.span-6:first-child {
    margin-right: 2px;
}

.span-6:last-child {
    margin-left: 2px;
}

.span-6 .dx-datebox {
    width: 100% !important;
}

.span-8 {
    width: 58%;
    display: inline-block;
}

.span-4 {
    width: 38%;
    display: inline-block;
}

.pad-right0 {
    padding-right: 0px;
}

.pad-left0 {
    padding-left: 0px;
}

.padding0 {
    padding: 0
}

.padding-right0 {
    padding-right: 0
}

.padding-left0 {
    padding-left: 0
}

.col-space {
    width: 10px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 7px;
    text-align: center;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-70 {
    margin-top: 70px;
}

.linker {
    cursor: pointer;
}

.sub-field-text {
    position: absolute;
    color: #ccc;
    font-size: 12px;
    left: 0;
    right: 0;
    text-align: center;
    top: -18px;
}

.spill-height {
    height: 206px;
}


/*-- // UPLOAD BUTTON // --*/

.center-block {
    margin: 0 auto;
}

.vertical-scroll {
    overflow-y: auto;
    max-height: 210px;
}

.uploaded-block {
    font-family: 'Roboto Condensed', sans-serif;
}

.uploaded-block ul {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

.uploaded-block ul li {
    border: 1px #ccc solid;
    display: inline-block;
    width: 200px;
    height: 240px;
    position: relative;
    text-align: center;
    position: relative;
    vertical-align: top;
    margin: 0 15px 25px 0;
    box-shadow: 2px 2px 2px #eee;
}

.uploaded-block ul li img {
    height: 150px;
    width: auto;
    max-width: inherit;
}

.uploaded-block ul li>a {
    display: block;
    padding: 0;
}

.uploaded-block ul li>a.img-block {
    height: 150px;
    overflow: hidden;
}

.uploaded-block ul li>a.close-img {
    position: static;
    margin: 0;
    padding: 0 10px 10px 10px;
    font-size: 16px;
    color: #ff4b4b;
    text-align: right;
}

.uploaded-block ul li>a i {
    font-size: 14px;
    color: #fe6868;
}

.uploaded-block ul li .thumb-name {
    height: 55px;
    margin: 0 0 5px 0;
    border-top: 1px #ccc solid;
    padding-top: 5px;
}

.block-with-text {
    overflow: hidden;
    position: relative;
    max-height: 55px;
    text-align: left;
    padding-right: 1em;
    padding: 0 10px;
    display: block;
    font-weight: 400;
}

.block-with-text:before {
    content: '...';
    position: absolute;
    right: 10px;
    bottom: 0;
    padding-left: 5px;
    background: #fff;
}

.block-with-text:after {
    content: '';
    position: absolute;
    right: 8px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
}

.custom-upload .dx-fileuploader-input-wrapper {
    padding: 10px;
    height: 100px;
    border: 2px #ccc dashed;
    margin-bottom: 10px;
    border-radius: 0;
}

.custom-upload .dx-fileuploader-wrapper {
    padding: 0;
}

.custom-upload .dx-fileuploader-files-container {
    padding-top: 0;
}

.custom-upload .dx-fileuploader-input {
    padding: 2px 0;
}


/*.dx-fileuploader-input-container{border:2px dashed #ccc;}*/

.custom-upload .dx-fileuploader-input-wrapper .dx-button {
    margin-right: 5px;
}

.custom-upload .dx-fileuploader-input-label {
    padding: 5px 10px;
}

.fileUpload {
    border: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    margin: 10px;
    overflow: hidden;
    padding: 7px 15px;
    margin: 0;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fileUpload:hover,
.fileUpload:focus {
    background: #E6E6E6;
}

.toggle-btn {
    display: block;
    border: 1px #ccc solid;
    width: 100%;
    padding: 7px;
}

.toggle-btn.active {
    background: #0078D7;
    border-color: #0078D7;
    color: #fff;
}

.toggle-btn .dx-button-content {
    padding: 0;
}

.grid-title {
    margin-bottom: 0px;
    text-align: left;
    font-size: large;
    border-bottom: none
}

.infraction-previous-title {
    margin-bottom: 8px;
    text-align: center;
    font-size: large;
    border-bottom: none
}

.penalty-label {
    width: 30%;
    float: left;
    margin-top: 15px;
    margin-left: 6px;
}

.penalty-label-dr {
    width: 27%;
    float: left;
    margin-top: 15px;
    margin-left: 6px;
}

.penalty-radio-wrap {
    float: left;
    width: 61%;
    margin-top: 10px;
    margin-left: 6px;
}

.penalty-drop-wrap {
    float: left;
    width: 63%;
    margin-top: 10px;
    margin-left: 12px;
}

.penalty-date {
    float: left;
    width: 50%;
    margin-top: 10px;
    margin-left: 12px;
}

.pending-wrap {
    text-align: center;
    background: #FFF7D9;
    padding: 5px 10px;
    border: #ffe7d9 1px solid;
}

.pending-wrap .dx-radiogroup-horizontal .dx-collection {
    display: inline-block;
}

.pending-wrap>label {
    font-size: 22px;
    font-weight: 400;
    color: #FF9936
}

.report-wrap {
    padding: 10px 0;
}

.report-wrap .dx-field {
    margin-bottom: 5px;
}

.question-block {
    margin-top: 10px;
}

.question-block .dx-field {
    margin-bottom: 0;
}

.question-block .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.question-block .dx-field-value-static {
    width: 56%;
}

.que-block-header .dx-field-value .dx-radiogroup .dx-widget.dx-collection {
    display: inline-block;
    vertical-align: middle;
}

.que-block-header {
    background: #eee;
    padding: 0 7px;
    margin: 7px 0;
}

.table thead>tr>td.grid-input,
.table tbody>tr>td.grid-input,
.table tfoot>tr>td.grid-input {
    padding: 0;
}

.grid-input select,
.grid-input input {
    width: 100%;
    padding: 8px 5px;
    border: 0;
    background: #FFF7D9
}

.pending-wrap .dx-radiobutton .dx-radio-value-container {
    padding-right: 3px;
}

.inc-pending-wrap {
    width: 76%;
    margin: 0 auto;
}

.aid-block {
    width: 23%;
    float: left;
    margin-right: 10px;
}

.aid-block .dx-field-label {
    width: 165px;
}

.mediaid-block {
    width: 25%;
    float: left;
}

.mediaid-block .dx-field-label {
    width: 190px;
}

.lost-time {
    width: 25%;
    float: left;
    margin-right: 10px;
}

.lost-time .dx-field-label {
    width: 90px;
}

.modify-work {
    width: 25%;
    float: left;
}

.modify-work .dx-field-label {
    width: 180px;
}

.environment-block {
    width: 64%;
    float: left;
}

.environment-block .dx-field-label {
    width: 235px;
}

.types-impact {
    width: 36%;
    float: left;
}

.types-impact .dx-field-label {
    width: 145px;
}

.icon-block {
    text-align: center;
}

.icon-block>a {
    padding: 3px 7px;
    border: 1px #ccc solid;
    color: #777;
}

.icon-block>a.bg-red {
    color: #fe6868;
    border-color: #fe6868;
}

.icon-block>a:hover {
    background: #0078D7;
    color: #fff;
    border-color: #0078D7;
}

.icon-block>a.bg-red:hover {
    background: #fe6868;
    color: #fff;
    border-color: #fe6868;
}

.yellow-block {
    background: #FFF7D9;
    padding: 0 10px;
    margin-bottom: 10px;
    border: 1px solid #ffe7d9;
}

.report-wrap .dx-field-label {
    width: 130px;
}

.types-impact .dx-field-value .dx-checkbox-has-text {
    margin: 7px -69px 0px 0px;
}

.has-field {
    position: absolute;
    right: 0;
    width: 130px;
    top: 0;
}

.pos-relative {
    position: relative;
}

.report-wrap .has-field .dx-field-label {
    width: 25px;
}

.report-wrap .has-field .dx-field-value {
    width: 30px;
}

.vertical-scroll {
    overflow-y: auto;
    margin-bottom: 17px;
}

.incident-wrap .cutom-table .table {
    margin-bottom: 5px;
}

.assist-security-checkbox-wrap {
    float: left;
    margin-left: 6px;
    margin-top: 25px
}

.infraction-details-textarea {
    width: 100% !important;
}

.infraction-penalty-detail {
    height: 111px !important;
    margin-right: 6px !important;
}

.incident-infraction-penalty-detail {
    margin-top: -10px !important;
}

.infraction-penalty-header {
    color: red;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 3px;
    cursor: pointer;
}

.infraction-penalty-bottom {
    color: red;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 3px;
    cursor: pointer;
    margin-left: 66%
}

.dx-popup-title.dx-toolbar .dx-toolbar-before {
    width: 100%;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before .infraction-penalty-header {
    position: absolute;
    right: 33px;
    font-size: medium;
    margin-top: 3px;
}

.infraction-penaltyblock {
    background-color: #F9F0F0;
}


/*#FCF7F7*/

.penalty-dropdown {
    margin-left: 6px;
}


/*-- //LOCATION POPUP// --*/

.outer-wrapper {
    padding: 7px;
    border: 1px #EFEFEF solid;
    background: #EFEFEF;
    margin-top: 15px;
    margin-bottom: 15px;
}

.staff-grid {
    overflow: hidden;
}

.infraction-penaltyblock .penaltymessage-label {
    color: red;
    margin-left: 32% !important;
}


/*.static-input input{padding:5px 45px 5px 5px;}
.static-input .dx-texteditor.dx-invalid .dx-texteditor-container:after{right: 22px}
.static-input .dx-texteditor.dx-invalid .dx-texteditor-input {padding-right: 46px;}
.static-value{ position:absolute; right:5px; top: 10px;color: #b7b7b7;font-size: 12px;font-weight: normal;}
.status-block {position: absolute;right: -25px;}
.status-block .status-block-label{border-radius: 5px;padding: 3px 30px;}
.status-block .status-block-label.wrdriver-penalty{min-width: 615px;text-align: center;}
.active-status {color: #0a6522;}
.inactive-status {color: #aa0708;}
.bg-inactive{ background-color: #ffcfcf;border:1px solid #aa0708;}
.bg-active{ background-color: #d5ffd5;border:1px solid #0a6522;}*/


/*-- //MEDIA// --*/

.bg-inactive {
    background-color: #ffcfcf;
    border: 1px solid #aa0708;
}

.bg-active {
    background-color: #d5ffd5;
    border: 1px solid #0a6522;
}

.active-status {
    color: #0a6522;
}

.inactive-status {
    color: #aa0708;
}

@media screen and (max-width: 1920px) {
    .incident-tab-container {
        height: 700px;
        overflow: auto;
    }
}

@media screen and (max-width: 1680px) {
    .inline-form .field-wrap {
        width: 30%;
    }
    .inline-form .field-wrap.small-wd {
        width: 30%;
    }
    .inline-form .field-wrap.wrap-lg {
        width: 30%;
    }
    .inline-form .field-wrap.wrap-lg .dx-field-label {
        width: 70px;
    }
    .inline-form .field-wrap.wrap-lg .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .inline-form .field-wrap.wrap-lg .dx-field-value-static {
        width: 74%;
    }
    .inline-form .field-wrap {
        width: 34%;
    }
    .inline-form .field-wrap.label-lg,
    .inline-form .field-wrap.wrap-lg,
    .inline-form .field-wrap.first-cell {
        width: 34%;
    }
    .inline-form .field-wrap.label-lg .dx-field-label {
        width: 39%;
    }
    .inline-form .field-wrap.label-lg .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .inline-form .field-wrap.label-lg .dx-field-value-static {
        width: 60%;
    }
    .inline-form .field-wrap.first-cell .dx-field-label {
        width: 39%;
    }
    .inline-form .field-wrap.first-cell .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .inline-form .field-wrap.first-cell .dx-field-value-static {
        width: 60%;
    }
    .form-divider .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .form-divider .dx-field-value-static,
    .right-block .form-divider .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .right-block .form-divider .dx-field-value-static {
        width: 81%;
    }
    .inline-form .field-wrap .dx-field-label {
        width: 70px;
    }
    .inline-form .field-wrap .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .inline-form .field-wrap .dx-field-value-static {
        width: 81%;
    }
    .released-row {
        width: 29%;
    }
    .released-row:nth-child(2) {
        width: 22%;
    }
    .released-row:nth-child(3) {
        width: 20%;
    }
    .released-row:nth-child(4) {
        width: 20%;
    }
    .released-block .released-row:nth-child(4) .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .released-block .released-row:nth-child(4) .dx-field-value-static {
        width: 55%;
    }
    .inline-form .field-wrap .dx-field-label {
        padding: 8px 15px 9px 0
    }
    .dx-field-value.dx-radiogroup,
    .dx-field-value:not(.dx-widget)>.dx-radiogroup {
        margin: 5px 0;
    }
    .question-block .que-block-header .dx-field-label {
        width: 230px;
    }
    .lost-time .dx-field-label {
        width: auto;
    }
    .modify-work .dx-field-label {
        width: auto;
    }
    .question-block .aid-block .dx-field:first-child .dx-field-label,
    .question-block .mediaid-block .dx-field:first-child .dx-field-label,
    .question-block .lost-time .dx-field:first-child .dx-field-label,
    .question-block .modify-work .dx-field:first-child .dx-field-label {
        width: 100%;
    }
    .question-block .aid-block .dx-field:first-child .dx-field-value,
    .question-block .mediaid-block .dx-field:first-child .dx-field-value,
    .question-block .lost-time .dx-field:first-child .dx-field-value,
    .question-block .modify-work .dx-field:first-child .dx-field-value {
        width: 100%;
    }
    .question-block .que-block-header .types-impact .dx-field-label {
        width: 140px;
    }
    .has-field {
        position: relative;
        width: auto;
    }
    .report-wrap .has-field .dx-field-label {
        width: 90px;
    }
    .has-field .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
        width: 30%;
    }
    .environment-block {
        width: 68%;
    }
    .types-impact {
        width: 32%;
    }
    .question-block .types-impact .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
        width: 50%;
    }
    .question-block .aid-block .dx-field:first-child .dx-field-label,
    .question-block .mediaid-block .dx-field:first-child .dx-field-label,
    .question-block .lost-time .dx-field:first-child .dx-field-label,
    .question-block .modify-work .dx-field:first-child .dx-field-label {
        padding: 0;
    }
    .incident-tab-container {
        height: 650px;
        overflow: auto;
    }
    .addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img {
        max-height: 500px;
    }
}

@media screen and (max-width: 1600px) {
    .incident-tab-container {
        height: 640px;
        overflow: auto;
    }
}

@media screen and (max-width: 1440px) {
    .pending-wrap .dx-radiogroup-horizontal {
        text-align: left;
    }
    .pending-wrap .dx-radiobutton {
        width: 100%;
        text-align: left;
    }
    .pending-wrap .dx-radiobutton .dx-radio-value-container {
        display: inline-block;
        width: auto;
    }
    .pending-wrap .dx-radiobutton .dx-item-content {
        display: inline-block;
    }
    .incident-status-wrap .dx-radiogroup-horizontal {
        text-align: center;
    }
    .incident-status-wrap .dx-radiobutton {
        width: auto;
        text-align: left;
    }
    .incident-status-wrap .dx-radiobutton .dx-radio-value-container {
        display: inline-block;
        width: auto;
    }
    .incident-status-wrap .dx-radiobutton .dx-item-content {
        display: inline-block;
    }
    .question-block .aid-block .dx-field:first-child .dx-field-value,
    .question-block .mediaid-block .dx-field:first-child .dx-field-value,
    .question-block .lost-time .dx-field:first-child .dx-field-value,
    .question-block .modify-work .dx-field:first-child .dx-field-value {
        width: 100%;
    }
    .question-block .que-block-header .types-impact .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
        width: 0px;
    }
    .question-block .que-block-header .dx-field-label {
        width: 235px;
    }
    .report-wrap .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
        width: 115px;
    }
    .incident-tab-container {
        height: 640px;
        overflow: auto;
    }
    .environment-block {
        width: 63%;
    }
    .addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img {
        max-height: 400px;
    }
}

@media screen and (max-width: 1366px) {
    .incident-tab-container {
        height: 540px;
        overflow: auto;
    }
}

@media screen and (max-width: 1280px) {
    .search-btn input {
        width: 200px;
    }
    .inline-form .field-wrap.wrap-lg .dx-field-label {
        width: 26%;
    }
    .inline-form .field-wrap.wrap-lg .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
    .inline-form .field-wrap.wrap-lg .dx-field-value-static {
        width: 74%;
    }
    .tag-label {
        width: 20%;
    }
    .tag-block {
        width: 71%;
    }
    .report-wrap .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
        width: 58%;
    }
    .incident-tab-container {
        height: 700px;
        overflow: auto;
    }
}

@media screen and (max-width: 1024px) {
    .col-right-5 {
        padding-right: 15px !important;
    }
    .col-left-5 {
        padding-left: 15px !important;
    }
    .report-wrap .dx-field-label {
        width: 100%;
    }
    .report-wrap .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
        width: 100%;
    }
    .missing-winter-road label {
        width: 85%;
        font-size: 14px;
    }
    .missing-winter-road span.tagline {
        text-align: right;
    }
    .winter-road {
        font-size: 14px;
        width: 200px;
        top: 5px;
        left: 24%;
        right: 15%
    }
}

.dx-datagrid-revert-tooltip {
    display: none;
}

.concurrency-color {
    color: #950d11 !important;
    background-color: #f3dedd
}

.concurrency-border-top-1 {
    border-top: 1px solid #950d11 !important
}

.concurrency-popup .label-block {
    color: #950d11;
    text-align: left;
    width: 100%
}

.concurrency-popup .label-block span {
    vertical-align: middle
}

.concurrency-msg {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 20px
}

.ml-pr-7 {
    margin-left: 7% !important;
}

.concurrency-scroll {
    height: 85% !important;
}

.concurrency-popup .dx-checkbox-icon {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1px solid #950d11;
    background-color: #f3dedd;
    margin-right: 15px
}

.concurrency-popup .dx-checkbox-checked .dx-checkbox-icon {
    color: #950d11 !important
}

.concurrency-popup .dx-state-hover .dx-checkbox-icon,
.concurrency-popup .dx-state-focused .dx-checkbox-icon {
    border: 1px solid #d99f9f
}

.btn-blue {
    background: #0078D7;
    border: 1px solid #0078D7;
    color: #fff;
}

.btn-blue:hover {
    background: #0c67b0;
    border: 1px solid #0c67b0;
    color: #fff;
}

.add-incident-button .dx-state-focused {
    background: #0078D7;
    border: 1px solid #0078D7;
    color: #fff;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 60px;
}

.hight-width-0 {
    height: 0 !important;
    width: 0 !important;
}

.width-28 {
    width: 28px !important;
}

.w-75 {
    width: 70px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.container-boxes {
    background: #fff;
    border: 1px solid #dddddd;
}

.container-boxes .container-title {
    font-size: 18px;
    padding: 0px;
}

.dx-toast-lock {
    background-color: #f9eeee;
    color: #cd0909;
    border: 1px solid #cd0909;
    font-size: 16px;
    font-weight: normal;
}

.dx-toast-lock .dx-toast-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAABQCAYAAAC0wU3eAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAA/1JREFUeJztmk1oXFUYht/3ZJLQVqO1ouiiwU0xMySFJm0yiWYyaaBoXLRqRdSNgqAUtCAuigs3lepa3GituNT4QxGt1SaTtDUz/dk0nfxQcKGgxNQfUNOYZOa+LhSFcufecydjclvPszznO995n7lnLvcOAzgcjv8trGWz9/furbv122KHAXtk2AbhLgKbQDRCKgv4leB3AGYAnq1LcPTe0xd/qdX+NZE5uf3uLV7CPCvhMZK3WS+UyiC/hIe35jYnjz4yNFReSY4VyQynW5rrZA6JeJQr7CXgEj0cyJyZ/JiAqulRVQABHO1K7gPxGsH11fSo3FuflD3z9MCZ4g9R10aWOd7WtqFxfeldkA9FXRuBWZnynuxXM4UoiyLJjHclb1kkjxHYES1bFQh/eOTD/fnip7ZLrGVyma03Y6k0TGBbdemiI2iZ1O6+8enPbOqNTdH59vZ6LJY+XE0RACBYL/GDkc7Wdpt6K5nfGxZeIdFfRZ5ZAKcFHIMwLGgaUqTbL8F1pPfRqXtaN4bVJsIKxtItvQJftN1cwvcE3igbvLdzfPLrq+dzmeQNWsYuIzwDYMCmJ4nNpbL3OoAnAuuCJnOZTAJLP14gkAzbUIAH6NVGNR3sLhQWbELmuloGCHMYRLNNvSf29ReKY5XmA4+ZWbz8uI0IoHlIg9n81Eu2IgCQLUyfaIC2SThlU094hxRwASrKCKBHvBC6g7DoyQxmC1Of2wS6mu7C1M9LV+rukzQeVksyfTKdSlearygzlk51EGwN3QDYF3Tpbdg1MTHfwMQe/HXDCMSDnqo0V/mYCQ9a5DjRW5g8YlEXSk9+Yg7i82F1BHerQu6AY6ad4Y3xcrUPhX5kCsUhQRdDyjaN9KR8T4yvzPn29nqQWwNbSjO9+cm8XUw7CIjg22F1iTI6/MZ9ZX6rX2gm0BDUUMAXtbwq//bl8bAaj9riN+4rQ6M7whoacCI8WnT68sVLEBaDaijc6Z/JnxvDNhUwZ5EtMgQ8UJcD9yab/MZ9ZSQT+swmaNkuXnQkLAXNU6rzG7d60Fxtqv0uxlKmWpxMXHEyceW6kvnntbmYTDbMNXE7iY0UdoT9bkOgM5dOhb52V8mGkPnbc+nUAwKWWdKF7Lmp2b8zAaPdLffLM4dJhD7GxA0BHqE3r9y0tJ8jXakeA42C/K8+5dVBeCdhqIPANS4CAMSTRmD3WueoFSbsveVa4rq6NTuZuOJk4oqTiStOJq44mbjiZOKKk4krTiauOJm44mTiipOJK04mrhhJNfv7+lpjSB5d6xC1QfNGJR2A8M1aR1k55jmTPTc1WxI7JR0B8NNaR4qCoGUIBdAb7MsXa/K/N4fD4XA4HA5HbfgTgipEzYjBYa4AAAAASUVORK5CYII=");
}

.breadcrumb-number {
    color: #0078D7;
}

h2.page-head .active {
    color: #333;
}

h2.page-head a {
    color: #a2a2a2;
}

.custom-supervisor-dropdown {
    height: 25px;
    width: 80px;
    font-size: 11px !important;
    margin-right: 30px !important;
}

.custom-supervisor-dropdown>.dx-selectbox-container>.dx-texteditor-container>.dx-texteditor-input-container>input {
    padding-top: 0;
}

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

.pl-2 {
    padding-right: 2px !important;
}

.custom-form .dx-fieldset .dx-field .dx-field-label {
    font-weight: 300 !important;
    color: #666 !important;
    font-size: 12px;
}

.dx-button-has-text.small-button .dx-button-content {
    padding: 0px 7px;
    font-size: 13px;
}

.dx-texteditor.dx-state-readonly {
    border-style: solid;
}

.custom-disabled>.dx-state-disabled.dx-widget,
.custom-disabled>.dx-state-disabled.dx-widget>.dx-button-content>.dx-button-text {
    opacity: 1;
}

.pos-absolute {
    position: absolute;
}

.b-dark-red.danger-btn {
    border-color: darkred;
}

.incident-locked-self-info {
    font-size: 16px;
    color: darkred;
}

.bg-self-locked-section {
    background-color: #f9eeee;
    border-color: #d85454;
}

.b-dark-red.danger-btn:hover,
.b-dark-red.danger-btn:focus {
    border-color: darkred;
}

.font-warning {
    color: #ffa500;
}

.dx-popup-title.dx-toolbar.infraction-dialog-header .dx-toolbar-items-container {
    height: 45px;
}

.line-height-18 {
    line-height: 18px;
}

#sidebarScroll .dx-scrollable-content {
    padding-right: 0px !important;
}

.password-text-icon {
    cursor: pointer;
    pointer-events: all;
}

.text-red {
    color: #8c0000;
}