body { padding-top: 50px; padding-bottom: 20px; }
.body-content { padding-left: 15px; padding-right: 15px; }
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea { max-width: 280px; }
/*css*/
.border-none { border: none; }
.margin-none { margin: 0; }
.margin-left-20 { margin-left: 20px; }
.margin-top-2 { margin-top: 2px; }
.padding-btn { padding: 0 12px 0 12px; margin-bottom:1px; }
.page-header h1, .page-header h2 { font-size: 20px; text-transform: uppercase; color: #fff; margin-top: 12px;}
.navbar-inverse .navbar-nav > li > a { color:#fff; font-size:13px;}
.backRight { background-color:#E4E4E4; float:right; display:inline-block; height:100%; padding:6px; box-sizing: border-box;}
.toLeft { background-color: #E4E4E4; float: left; display: inline-block; height: 100%; padding: 11px; box-sizing: border-box;}
.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner, .bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td {padding-top: 5px!important;padding-bottom: 5px!important;padding-left: 5px!important;padding-right: 0px; /*padding: 5px 0px 5px 10px !important;*/}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align:baseline !important}
.page-list .dropdown-toggle { 
    padding:3px 9px;
    margin-right: 5px;
}

.form-control { height:31px; padding: 5px 12px;}

h1 small { margin-left: 5px; }

.footerHr { margin-bottom: 5px; }

/* Errors */
.inpError { border: 1px solid #FF0000; background-color: #FFC4C4; }
.inpErrorDummy { border: 1px solid #FF0000; background-color: #FFC4C4; }
.validationMessage { display: none; }

/*#region Dashboard*/
#dashboard .progress { margin-bottom: 3px; }
#dashboard .commodityItem { margin-top: 20px; }
#dashboard .commodityItem strong { color: #EAEAEA; margin-left: 8px; }
#dashboard .commodityItem .graph-label { font-weight: bold; color: #EAEAEA; }
#dashboardGraph { margin-top: 10px; }
.align-right { text-align: right; }
.align-center { text-align: center; }
#drivingColsWrapper .col-left { padding-left: 0px; margin-left: 0px; }
#drivingColsWrapper .col-right { padding-right: 0px; margin-right: 0px; }
#dashboard .panel-heading { color: #EAEAEA; }
#dashboard .panel-body { padding: 0px; }
#dashboard .list-group-item { border-width: 1px 0px 0px 0px; }

.m-stats-item { text-align: center; background-color: #08c; color: white; margin-top: 5px; padding: 15px; text-decoration: none !important; }
a.m-stats-item:hover { color: white; text-decoration: none; }
.m-stats-val { display: block; font-size: 2em; font-weight: bold; }

#dashboard .panel h2 { font-size: 1.3em; padding: 3px 0px; margin: 0px; }
#dashboard .panel h3 { font-size: 1.2em; padding: 3px 0px; margin: 0px; }

#dashboard .list-group-item .badge { margin-left: 8px; background-color: #0088CC; border-radius: 4px; padding: 4px 8px; }
#dashboard .panel h2 .pull-right { margin-top: -5px; }
/*#endregion*/

/*#region Loader helper */
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform: rotate(0deg); } 
    to { transform: rotate(360deg); }
}
.ld_overlay { background-color: #000; filter: alpha(opacity=20); -moz-opacity: .2; opacity: .2; z-index: 10001; }
.ld_loader { text-align: center; font-size: 32px; color: #CCC; position: absolute; width: 40px; height: 40px; z-index: 10002; -webkit-animation-name: spin; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
/*#endregion*/

.col-nomarginleft { padding-left: 0px; margin-left: 0px; }
.col-nomarginright { padding-right: 0px; margin-right: 0px; }

/* XS + Small devices (phones, tablets, 991px and below) */
@media (max-width: 991px) {
    .col-xs-sm-nomarginleft { padding-left: 0px; margin-left: 0px; }
    .col-xs-sm-nomarginright { padding-right: 0px; margin-right: 0px; }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .col-sm-hidden { display: none; }
    .col-sm-visible { display: block; }
    .col-sm-nomarginleft { padding-left: 0px; margin-left: 0px; }
    .col-sm-nomarginright { padding-right: 0px; margin-right: 0px; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .col-md-hidden { display: none; }
    .col-md-visible { display: block; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .col-lg-hidden { display: none; }
    .col-lg-visible { display: block; }
}

@media (min-width: 1200px) {
    .container {
        width: 99.5%;
    }
}

.table-hover > tbody > tr.selected > td,
.selected > td {
    background-color: transparent !important;
}

table.alarm-warning {
    border: 0;
    border-style: none;
    border-spacing: 0px;
}

.alarm-warning > td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.alarm-warning > td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
}

.alarm-warning > td:last-child a {
    margin-right: 10px;
}

.side-warning-text {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
  padding: 5px;
  margin: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#idTextSearch {
    margin-top: 7px;
    max-width: 180px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.fixed-col-widths {
    white-space:normal!important;
}

.fixed-col-widths .th-inner {
    white-space: normal !important;
    padding-right: 30px !important;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 0px 0;
}

    input[type=range]:focus {
        outline: none;
    }

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

    input[type=range]::-webkit-slider-thumb {
        box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);
        border: 1.9px solid rgba(0, 30, 0, 0.57);
        height: 16px;
        width: 32px;
        border-radius: 4px;
        background: #3071a9;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: 0px;
    }

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

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

    input[type=range]::-moz-range-thumb {
        box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);
        border: 1.9px solid rgba(0, 30, 0, 0.57);
        height: 16px;
        width: 32px;
        border-radius: 4px;
        background: #3071a9;
        cursor: pointer;
    }

    input[type=range]::-ms-track {
        width: 100%;
        height: 16px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range]::-ms-fill-lower {
        background: #ffffbd;
        border: 0px solid #010101;
        border-radius: 0px;
        box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    }

    input[type=range]::-ms-fill-upper {
        background: #ffffd6;
        border: 0px solid #010101;
        border-radius: 0px;
        box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    }

    input[type=range]::-ms-thumb {
        box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);
        border: 1.9px solid rgba(0, 30, 0, 0.57);
        width: 32px;
        border-radius: 4px;
        background: #3071a9;
        cursor: pointer;
        height: 16px;
    }

    input[type=range]:focus::-ms-fill-lower {
        background: #ffffd6;
    }

    input[type=range]:focus::-ms-fill-upper {
        background: #fffff0;
    }


#gridMain {
    overflow-y: auto;
    overflow-x: no-display;
    display: block;
    padding-top: 0px!important;
    padding-left: 0px!important;
    width: 100%;
}

#gridMainBin {
    overflow-y: auto;
    overflow-x: no-display;
    /*display: block;*/
    padding-top: 0px !important;
    padding-left: 0px !important;
    width: 100%;
}

#gridMainStock {
    overflow-y: auto;
    overflow-x: no-display;
    /*display: block;*/
    padding-top: 0px !important;
    padding-left: 0px !important;
    width: 100%;
}

.table > thead > tr > th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    overflow-y:hidden;
}

#mapContainer {
    border-radius : 4px
}

#streetView {
    position: absolute;
    left:52px;
    right: 2px;
    top: 2px;
    height: 35%;
    border-radius: 4px;
    z-index: 999;
    visibility: hidden;
}

#buildingView {
    position: absolute;
    left: 52px;
    right: 2px;
    top: 5%;
    height: 95%;
    border-radius: 4px;
    z-index: 999;
    background-color: #FDFBF9;
    visibility: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: darkgray;
}

#streetViewNoImage {
    position: absolute;
    left: 20px;
    top: 15px;
    z-index: 1000;
    visibility: hidden;
}

#streetViewInitMessage {
    position: absolute;
    left: 32px;
    top: 15px;
    right: 32px;
    z-index: 1000;
    visibility: hidden;
}

.page-header {
    margin-top: 0px;
}

.table {
    font-size: 12px;
    width: 100%!important;
}

body {
    font-size: 12px;
}

.form-control {
    font-size: 12px;
}

#splitter {
    width: 7px;
    left: 31%;
    height: 100%;
    position: absolute;
    cursor: w-resize;
    z-index: 999;
    border-radius: 2px
}

.menuButtonDivRight,
.menuButtonDiv {
    background-color: #E4E4E4;
    float: left;
    display: inline-block;
    height: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 1px;
    padding-right: 2px;
    box-sizing: border-box;
}

.menuButtonDivRight {
    padding-right: 11px;
}

.menuButton {
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 2px;
    min-width: 105px;
}

.menuButtonSelected {
    padding-left: 0px;
    padding-right: 0px;
    width: 105px;
    background-color: #f26664;
    border-color: #f26664;
    /*    border-color: #3E3F3A;
    border-width: 2px;
    margin-top: -1px*/
}

.menuButtonSelectedOZV {
    padding-left: 0px;
    padding-right: 0px;
    width: 165px;
    background-color: #59a436;
    border-color: #59a436;
    color: white !important;
    /*    border-color: #3E3F3A;
    border-width: 2px;
    margin-top: -1px*/
}


/*for hiding sorting arrows*/
.fixed-table-container thead th .both {
    background-image:none;
}

.fixed-table-container thead th .asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)
}

.fixed-table-container thead th .desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=)
}

.export {
    margin-top: -56px;
    margin-right: 5px;
}

.export .btn{
    padding-top:4px;
    padding-bottom:3px;
    margin-top:10px;
}

.fixed-table-toolbar .bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{
    margin-top: 0px;
    margin-bottom: 0px;
}

.dropdown-menu {
    z-index: 1005;
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.multiselect, .multiselect:hover, .multiselect:focus {
    font-size: 12px;
    background-color: white;
    color: #9A9A9A;
    padding-top: 6px;
    padding-bottom: 5px;
    margin-bottom: 1px;
    line-height: 1.5;
    min-width:200px
}

.image-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    background-color: #333;
    overflow: hidden;
}

.current-image {
    width: auto;
    height: 100%;
}

.next-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0px;
    left: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all .1s;
    justify-content: center;
}

    .next-list li {
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 135px;
        min-width: 135px;
        height: 51px;
        margin: 0 5px;
        text-align: center;
        line-height: 50px;
        cursor: pointer;
        transition: all .1s;
    }

        .next-list li:first-of-type {
            padding-left: 15px;
        }

        .next-list li:last-of-type {
            padding-right: 15px;
        }

.image-of-list {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    box-shadow: 0 0 20px #000;
    transition: all .1s;
}

.current-image-list {
    opacity: 1;
    transition: all .1s;
}

.arrow {
    display: flex;
    position: absolute;
    width: 50px;
    height: 100px;
    bottom: 0px;
    flex: 1;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}


.arrow-left {
    left: 10px;
}

.arrow-right {
    right: 10px;
}

.measurement-times-table {
    border-radius: 4px;
    background-color: #282828;
    color: #c8c8c8;
}
.measurement-times-table-light {
    border-radius: 4px;
    background-color: #eeeeee;
    color: #1e2bd4;
}

.measurement-times-label1 {
    padding: 5px 15px;
    text-align: left;
    display: inline-block;
    margin: 2px 5px;
    cursor: pointer;
    min-width: 51px;
}

.measurement-times-label2 {
    color: #ffff00;
    font-weight: normal;
}
.measurement-times-label2-light {
    color: #333;
    font-weight: normal;
}

.measurement-times-checked {
    border: 1px solid #ffffff;
    border-radius: 4px;
    border-spacing: 0;
}

.measurement-times-flabel {
    font-size: 16px;
    color: #fff;
}
.measurement-times-flabel-light {
    font-size: 16px;
    color: #000;
}

.today {
    color: red !important;
    font-weight: 900
}

.margin_padding_0 {
    margin: 0;
    padding: 0;
}

.font_size_color {
    font-size: 12px;
    color: #dedede;
    font-weight: normal;
}
.font_size_color-light {
    font-size: 12px;
    color: #731919;
    font-weight: normal;
}

/*
 * Animations
 */
@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fc-left h2 {
    font-size: 24px;
    margin-top:8px;
}

.fc-center h2 {
    font-size: 24px;
    margin-top: 8px;
}

.fc-toolbar.fc-header-toolbar{
    margin-bottom:0px;
}

.fc-list-heading-main {
    color:#888;
}

.fc-list-heading-alt {
    color: #888;
}

.modal-backdrop.show {
    opacity: 0.7;
}

.modal-backdrop.fade {
    opacity: 0.7;
}

/* zarovnavanie drop-up menu pod tabulkou */
.fixed-table-pagination .btn-group {
    position: relative;
    display: inline-block!important;
    vertical-align: middle;
}

.dropup > .dropdown-menu {
    top: auto!important;
    transform: none!important;
}

body::-webkit-scrollbar {
    width: 0 !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    color: #333;
}

.leaflet-popup-content {
    overflow-x: scroll;
}

.tblx {
    background-color: rgba(0,0,0, 0.3);
}
.tblx-light {
    background-color: rgba(210,130,240, 0.3);
}

.tblthx {
    background-color: rgba(184,21,245, 0.3);
    width: 114px;
}

.tbltdx {
    background-color: rgba(201,201,201, 0.3);
    vertical-align: top;
}


.iprowselected {
    font-weight: bold;
    font-style: italic;
    border-style: solid !important;
    border-top-color: #7eec63 !important;
    border-bottom-color: #7eec63 !important;
    border: 1px solid #7eec63 !important;
}

.iprowselected_light {
    font-weight: bold;
    font-style: italic;
    border-top-color: black !important;
    border-bottom-color: black !important;
    border: 1px solid #0c0c0c !important;
}

.iptablecell0 {
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    min-height: 25px;
    margin: 0;
    text-align: right;
    height: 26px !important;
}

.iptablecell1 {
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    min-height: 25px;
    padding: 0px 4px 0px 4px;
    margin: 0;
    text-align: right;
    height: 26px !important;
}

.iptablecell2 {
    border-top: 1px solid #c8c8c8;
}

.iptablecell_lcb {
    border-left: 1px solid #dddddd;
    border-right: 0px solid #dddddd;
    min-height: 25px;
    padding: 0px 4px 0px 4px;
    margin: 0;
    text-align: right;
    height: 26px !important;
}

.iptablecell2selected4white {
    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
    background-color: #59a436 !important;
    /*color:white;*/
}
.iptablecell2selected4black {
    border-top: 1px solid #f39f9f !important;
    border-bottom: 1px solid #f39f9f !important;
}

.iptable-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.iptooltip {
    position: relative;
    display: inline-block;
    z-index: 7;
}

.iptooltip .iptooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 10;
    top: -35%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.iptooltip:hover .iptooltiptext {
    visibility: visible;
    opacity: 1;
}

.ipButtonDiv {
    background-color: #E4E4E4;
    box-sizing: border-box;
    text-align: center;
    font-weight: normal;
    padding: 4px;
}

.ipHeadCollMM {
    min-width: 120px;
    max-width: 140px;
}

.ipHeadCollDet {
    min-width: 110px;
    max-width: 110px;
}

.ipButtonA {
    padding-left: 0px;
    padding-right: 0px;
    width: 110px;
    color: #295f0f;
    cursor: pointer;
}

.ipform-group {
    content: " ";
    display: table;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 6px;
}

.ipmodaltable > tbody > tr :hover {
    background-color: #7ee4b4;
}

.ipmodaltable-cell-inner {
    height: 25px;
    max-height: 25px;
    overflow: hidden;
    padding: 4px;
}

.ipmodaltable td {
    border: 1px solid #d8efd6;
}

.ipmodaltable tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

.cr_graph_style {
    fill: #00a0f2;
    stroke-width: 2px;
    stroke: #050092;
}

.col_min_width_60 {
    width: 60px;
    min-width: 60px;
}
.col_min_width_75 {
    width: 75px;
    min-width: 75px;
}
.col_min_width_90 {
    width: 90px;
    min-width: 90px;
}
.col_min_width_120 {
    width: 120px;
    min-width: 120px;
}
.col_min_width_140 {
    width: 140px;
    min-width: 140px;
}
.col_min_width_160 {
    width: 160px;
    min-width: 160px;
}
.col_min_width_190 {
    width: 190px;
    min-width: 190px;
}
.col_min_width_210 {
    width: 210px;
    min-width: 210px;
}
.col_min_width_240 {
    width: 240px;
    min-width: 240px;
}
.col_min_width_300 {
    width: 300px;
    min-width: 300px;
}
.col_min_width_350 {
    min-width: 350px;
}
.col_min_datetime {
    width: 120px;
    min-width: 120px;
}

.marker-pin {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #c30b82;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
}

.marker-pin::after {
    content: '';
    width: 24px;
    height: 24px;
    margin: 3px 0 0 3px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
}

.marker-pin-selected {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #c30b82;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
}

    .marker-pin-selected::after {
        content: '';
        width: 24px;
        height: 24px;
        margin: 3px 0 0 3px;
        background: blue;
        position: absolute;
        border-radius: 50%;
    }


.custom-div-icon i {
    position: absolute;
    width: 18px;
    font-size: 18px;
    left: 0;
    right: 0;
    margin-top: 3px;
    margin-left: -2px;
    text-align: center;
}

.custom-div-icon i.awesome {
    margin: 12px auto;
    font-size: 17px;
}

.col_notes_datetime {
    table-layout: fixed;
    width: 130px;
}
.col_notes_icon {
    table-layout: fixed;
    width: 35px;
}
.col_two_icons {
    width: 60px;
    min-width: 60px;
}
.col_notes_user {
    min-width: 110px;
}

.task_coll_det_lab_pad {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.task_coll_det_pad {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: normal;
}

.col_log_groups_icon {
    table-layout: fixed;
    width: 60px;
}

.cp_col_iinfo {
    min-width: 300px;
}
.cp_col_os_info {
    min-width: 450px;
}

.cp_col_stand_code {
    min-width: 80px;
}

.cp_col_address {
    min-width: 170px;
}

.cp_col_actions {
    min-width: 85px;
}
.cp_col_order_id {
    min-width: 120px;
}
.cp_col_date_time {
    min-width: 90px;
}
.cp_col_user {
    min-width: 120px;
}

.formCollPoint .btn-group {
    margin-top: -24px;
    margin-right: 0px;
}
#selCollPoints .show {
    display: inline-block !important;
}
#selStates .show {
    display: inline-block !important;
}
#selLogGrps .show {
    display: inline-block !important;
}
#selFStandCities .show {
    display: inline-block !important;
}
#selFStandPartners .show {
    display: inline-block !important;
}
#selFSTKPartners .show {
    display: inline-block !important;
}
#selSTEntityTypes .show {
    display: inline-block !important;
}
#selDAreaTypes .show {
    display: inline-block !important;
}
#selStockCards .show {
    display: inline-block !important;
}
/* aby sa neroztahoval riadok, ked sa tento filter multicheckbox rozklikne */
#divTrashType .show {
    display: inline-block !important;
}
#divContainerType .show {
    display: inline-block !important;
}
#selStocks .show {
    display: inline-block !important;
}

.stands_col_icons {
    min-width: 60px;
}

#modalCustomerWC .fixed-table-body {
    height: 220px;
    overflow-y: auto;
}
#modalEditMCZSForm .fixed-table-body {
    height: 425px;
    overflow-y: auto;
}
#modalEditSCZForm .fixed-table-body {
    height: 495px;
    overflow-y: auto;
}

.chosen-container .chosen-results {
    position: relative;
    z-index: 1011;
    height: 150px;
    max-height: 150px;
    overflow-y: scroll;
}

#idFilters .multiselect-container {
    max-height: 300px;
    overflow: auto;
}

#selLogGrps .multiselect-container {
    max-height: 300px;
    overflow: auto;
}

#selUserCustomers .multiselect-container {
    max-height: 400px;
    overflow: auto;
}
/*
#selFStandCities .multiselect-container {
    max-height: 400px;
    overflow: auto;
}
#frmFStandPartners .multiselect-container {
    max-height: 400px;
    overflow: auto;
}*/

#selSTEntityTypes .multiselect-container {
    max-height: 400px;
    overflow: auto;
}

#selStockCards .multiselect-container {
    max-height: 300px;
    overflow: auto;
}

#divStandDetLogGrps .multiselect-container {
    max-height: 300px;
    overflow: auto;
}

/* text color a zalomenie dlhych textov - pre jeden div a jeho podriadeny multiselect container */
#divCarriers .multiselect-container > li.active > a > label,
#divCarriers .multiselect-container > li.active > a:hover > label,
#divCarriers .multiselect-container > li.active > a:focus > label {
    color: #e6680f;
    white-space: normal;
}
/* zalomenie dlhych textov - pre jeden div a jeho podriadeny multiselect container */
#divCarriers .multiselect-container > li > a > label {
    white-space: normal;
}

.multiselect-container .multiselect-search {
    max-width: unset;
}

#divCustYCodes .multiselect-container > li > a > label {
    min-width: 500px;
    white-space: normal;
}

#divCustOtherCodes .multiselect-container > li > a > label {
    min-width: 500px;
    white-space: normal;
}

#divMCZNotes .fixed-table-container {
    height: 430px;
}
#divMCZNNotes .fixed-table-container {
    height: 370px;
}

.dcz_order_day_minus {
    background-color: #ff0000;
}
.dcz_order_day_0 {
    background-color: #f71842;
}
.dcz_order_day_2 {
    background-color: #ff7301;
}
.dcz_order_day_3 {
    background-color: #59a436c7 !important;
}
.dcz_order_day_4 {
    background-color: #ff730185 !important;
}
.dcz_order_day_5 {
    background-color: #33333391 !important;
}
.dcz_cancel_req_state {
    background-color: #f71842;
    color: white;
    min-width: 120px;
}

#btnCustTypeIDs-container li.multiselect-cust-type-selected a label {
    color: #0c20a9;
}
#btnSCDayHours-container li.multiselect-scday-hours-selected a label {
    color: #0c20a9;
}
#btnSCDayHours-container li.disabled a label {
    background-color: #e6b1bb;
}

.wms_highlight {
    background-color: #ea8736;
}

.scz_date_style0 {
    min-width: 60px;
    text-align: right;
}
.scz_date_style4 {
    background-color: #ff7301;
    color: white;
    min-width: 60px;
    text-align: right;
}
.scz_date_style8 {
    background-color: #f71842;
    color: white;
    min-width: 60px;
    text-align: right;
}

#divStockCardsWC .multiselect-container > li > a > label {
    min-width: 600px;
    white-space: normal;
}

#detailXCZGrid .fixed-table-container {
    height: 389px;
}
#modalXCZForm .fixed-table-body {
    height: 389px;
    overflow-y: auto;
}
#modalXCZForm .table > thead > tr > th,
#modalXCZForm .table > tbody > tr > th,
#modalXCZForm .table > tfoot > tr > th,
#modalXCZForm .table > thead > tr > td,
#modalXCZForm .table > tbody > tr > td,
#modalXCZForm .table > tfoot > tr > td {
    vertical-align: middle !important
}

#divXCZDischargesTo .multiselect-container > li > a > label {
    min-width: 265px;
    white-space: normal;
}
#divXCZCarrier .multiselect-container > li > a > label {
    min-width: 265px;
    white-space: normal;
}

#divCPCombobox .multiselect-container > li > a > label {
    min-width: 500px;
    white-space: normal;
}

#WinsChecks .multiselect-container > li > a > label {
    min-width: 400px;
    white-space: normal;
}
#WinsChecks .multiselect-container {
    max-height: 400px;
    overflow: auto;
}

#divDiFilter .multiselect-container {
    min-width: 400px;
}

#divDiFilter .multiselect-container > .multiselect-group > a,
#divDiFilter .multiselect-container > .multiselect-group > a > label {
    background-color: #9ce6cd;
}

#divDistrictsOptions .multiselect-container > .multiselect-group > a,
#divDistrictsOptions .multiselect-container > .multiselect-group > a > label {
    background-color: #9ce6cd;
}

#divDistrictsOptions .multiselect-container {
    min-width: 600px;
}

#divDistrictsOptions .multiselect-container > li > a {
    white-space: normal;
}

#frmCustLGIDs .multiselect-container {
    width: 100% !important;
}
#frmCustLGAreaIDs .multiselect-container {
    width: 100% !important;
}

/* https://stackoverflow.com/questions/55946376/how-to-divide-page-into-two-equal-parts-horizontally-using-bootstrap
*/
.twoGrids80Percent {
    height: 75vh;
    background-color: #e3ebda;
}
#divTwoGridsUpperPart .fixed-table-body {
    overflow-x: unset;
    overflow-y: unset;
}
#divTwoGridsLowerGrid .fixed-table-body {
    overflow-x: unset;
    overflow-y: unset;
}
.twoGridsUpperPart, .twoGridsLowerPart {
    position: absolute;
    left: 20px;
    right: 20px;
}
.twoGridsUpperPart {
    position: relative;
    top: 0px;
    left: 0px;
    height: 34vh;
    overflow-x: scroll;
    overflow-y: scroll;
    background-color: beige;
}
.twoMCZGridsUpperPart {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    background-color: #F8F8F8;
}
#divMCZTwoGridsUpperPart .bootstrap-table {
    height: 35vh;
}
#divMCZTwoGridsUpperPart .fixed-table-container {
    height: inherit;
}
.twoGridsLowerPart {
    position: relative;
    top: 0px;
    left: 0px;
    height: 41vh;
    overflow-x: unset;
    overflow-y: unset;
    margin-bottom: 0px;
    background-color: antiquewhite;
}
.twoGridsLowerGrid {
    width: 100%;
    height: 40vh;
    overflow-x: scroll;
    overflow-y: scroll;
}

#divSCZMainGrid .fixed-table-body {
    overflow-x: unset;
    overflow-y: unset;
}
#divSCZMainGrid #gridMain {
    overflow-x: unset;
    overflow-y: unset;
}
.SCZMainGrid {
    height: 80vh;
    overflow-x: scroll;
    overflow-y: scroll;
}

#detailUCZGrid .fixed-table-container {
    height: 300px;
}

#divStockCalendarGrid .table > tbody > tr > td {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

#divStockCalendarGrid .fixed-table-body {
    overflow-x: unset;
    overflow-y: unset;
}

#divStockCalendarGrid #gridMain {
    overflow-x: unset;
    overflow-y: unset;
}

.StockCalendarGrid {
    height: 70vh;
    overflow-x: scroll;
    overflow-y: scroll;
}

.stock_calendar_col_1 {
    width: 90px;
    min-width: 90px;
}
.stock_calendar_col_0 {
    width: 90px;
    min-width: 90px;
    background-color: #2d99e2;
}
.stock_calendar_col_2 {
    width: 90px;
    min-width: 90px;
    background-color: #ce955e;
}

.calendar_combobox_item_canceled {
    color: red !important;
    text-decoration-line: line-through;
}
.calendar_opening_hour_weekday {
    color: blue !important;
    background-color: papayawhip;
}

.stk_type_style_ni {
    width: 120px;
    min-width: 120px;
    background-color: #186bf7;
    color: white;
}
.stk_type_style_repl {
    width: 120px;
    min-width: 120px;
    background-color: #ff7301;
    color: white;
}
.stk_type_style_serv {
    width: 120px;
    min-width: 120px;
    background-color: #9653a5;
    color: white;
}

.yearly .yearly-onthe {
    display: none;
}

.monthly .monthly-onthe {
    display: none;
}

.monthly {
    display: none;
}

.weekly {
    display: none;
}

.daily {
    display: none;
}

.hourly {
    display: none;
}

input[type="number"] {
    width: 60px;
}

#rrules-end > span {
    display: none;
}

#rrule {
    padding: 15px;
}

.help_content {
    padding: 10px 10px 10px 0px;
    margin: 0px 15px 15px 15px;
    border-radius: 5px;
    border: solid 1.5px;
    border-color: #00000069;
    background-color: #F5F5F5 !important;
}

.help_content_pages {
    height: 50px;
    border-radius: 5px;
    border: solid 1.5px;
    border-color: #00000069;
    background-color: #F5F5F5 !important;
}

.menu_div_help {
    background-color: #F5F5F5 !important;
    float: right;
    display: inline-block;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 11px;
    padding-left: 1px;
    padding-right: 2px;
    box-sizing: border-box;
    margin-right: -50px;
}

.ul_help {
    display: block;
    list-style-type: disc;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

.label_help {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px !important;
    color: darkred !important; /*darkred*/
    cursor: pointer;
}

.divHtml_help {
    padding: 8px;
    border: solid 1.5px;
    border-radius: 5px;
    border-color: #00000069;
}

.div_Html_help {
    margin-top: -10px;
    margin-right: -20px;
    margin-bottom: 7px;
}

.page_header_help {
    margin-top: 0px;
    background-color: #e4e4e4;
    border: solid 1.5px;
    border-color: #00000069;
    /*margin-right: 6px;*/
}

.clsChapterContent {
    margin-left: 20px;
    font-size: 16px;
}

.label_help_Html:not([href]) {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px !important;
    color: black !important;
    font-weight: bold;
    /*cursor: pointer;*/
    text-decoration:none;
}

.clsChapterContentHtml {
    margin-left: 10px;
    font-size: 16px;
    margin-top: 10px;
    /*background-color: #f5eded;*/
    padding: 5px;
}

.clsChapterBorder {
    border: solid 1.5px;
    border-color: darkred;
    border-radius: 5px;
}

.label_paragraph_html {
    margin-top: 10px;
    margin-bottom: 5px;
}

.btn_chapter {
    margin-top: 5px !important;
}

.lbl_help_content:not([href]) {
    color: darkred;
    text-decoration: none;
    font-weight: bold;
    margin-left: 165px;
}

.lbl_last_chapter {
    max-width: 130px;
    top: -3px;
    font-size: 15px;
    text-align: left !important;
    color: darkred;
}

.tb_lbl_print {
    height: 20px;
    padding: 5px;
    width: 50%;
    font-weight:100;
}

.hr-print {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    border: 0;
    border-top: 1px solid black;
}

.table_two_print {
    height: 25px;
    padding: 14px;
    width: 250px;
    font-weight: 100;
}

.margin-top-5 {
    margin-top: 5px;
}
.number-print {
    float: right;
    margin-top: 15px;
   /*margin-right: 100px;*/
}

.table-th {
    text-align: center !important;
}

.footer-print {
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

footer {
    font-size: 10px;
    /*color: #f00;*/
    text-align: center;
}

/*header {
    font-size: 9px;
    color: white;
    text-align: center;
}*/

@media all {
    .page-break {
        display: none;
    }
    footer {
        display: none;
    }
}

@page {
    size: A4;
    margin: 11mm 17mm 17mm 17mm;
}

@media print {

    footer {
        display:inline;
        position: fixed;
        bottom: 0;
        font-size: 10px;
        margin-right: 10px;
        text-align: center;
    }

    header {
        position: fixed;
        top: 0;
        overflow: avoid;
    }

    /*.content-block, p {
        page-break-inside: avoid;
        position: relative;
        width: 100%;
        top:1em;   
        left:0px;
        right:0px;
    }*/

    .page-break {
        display: block;
        page-break-before: always;
    }

    html, body {
        font: 10pt Georgia, "Times New Roman", Times, serif;
        line-height: 1.3;
        width: 210mm;
        height: 297mm;
    }

    .hidden-print {
        display: none;
    }
}

.tb_lbl_print_scz {
    height: 20px;
    padding: 5px;
    font-weight: 100;
}


.standDetailEditable {
    
}
.standDetailNoEditable {
    background-color: #ddd;
    cursor: not-allowed;
}


.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.twitter-typeahead, .tt-hint, .tt-input, .tt-menu {
    width: 100%;
}

.tt-menu { /* used to be tt-dropdown-menu in older versions */
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.table_dcz {
    height: 30px;
    padding: 5px;
    width: 50%;
    text-align: center;
}

#display-image {
    width: 400px;
    height: 225px;
    border: 1px solid black;
    background-position: center;
    background-size: cover;
    margin-left:auto;
    margin-right:auto;
}

.form {
    background-color: #efefef !important;
    border-radius: 7px;
    border: 2px solid #dee2e6 !important;
    /* margin-left: auto;
    margin-right: auto;*/
}

.hr-2 {
    margin-top: 20px;
    margin-bottom: -20px;
    border: 0;
    border-top: 1px solid #777;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute; 
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: green;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

    .lds-roller div:nth-child(2):after {
        top: 68px;
        left: 56px;
    }

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

    .lds-roller div:nth-child(3):after {
        top: 71px;
        left: 48px;
    }

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

    .lds-roller div:nth-child(4):after {
        top: 72px;
        left: 40px;
    }

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

    .lds-roller div:nth-child(5):after {
        top: 71px;
        left: 32px;
    }

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

    .lds-roller div:nth-child(6):after {
        top: 68px;
        left: 24px;
    }

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

    .lds-roller div:nth-child(7):after {
        top: 63px;
        left: 17px;
    }

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

    .lds-roller div:nth-child(8):after {
        top: 56px;
        left: 12px;
    }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.inputcheckbox {
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    padding: 10px;
}

.fa-exclamation-triangle {
    color: red;
    font-size:medium;
}



.carousel {
    position: relative;
}

    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}

    .active.carousel-item-right,
    .carousel-item-next:not(.carousel-item-left) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .active.carousel-item-left,
    .carousel-item-prev:not(.carousel-item-right) {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}

    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none;
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

img.d-block {
    max-width: 100%;
    max-height: 100%;
}

@keyframes append-animate {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes remove-animate {
    from {
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}


/* Bootstrap-table add style */
.bootstrap-table .export button {
    background-color: #dadada !important;
    border: none;
}
.bootstrap-table .export .dropdown-menu {
    left: unset !important;
    top: 35px !important;
    transform: unset !important;
    right: 0;
}
.bootstrap-table .loading-text {
    font-size: 18px !important;
}
.float-right {
    float: right !important;
}
.float-left {
    float: left !important;
}

.pagination-info .dropdown-menu {
    min-width: 220px !important;
}

.pagination-detail {
    display: inline-block;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: white;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #39bf4b;
}
.dropdown-item.disabled, .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}

.fixed-table-pagination .btn-default {
    background-color: #dadada !important;
    border: none;
}

.fixed-table-pagination .btn-group {
    margin-top: 0;
}
.fixed-table-pagination .btn-group label {
    color: #e8e8e8;
    font-weight: 500;
}
.bootstrap-table .fixed-table-toolbar .columns {
    margin: 0;
}
.bootstrap-table .fixed-table-container .table thead th .both {
    background-size: 9px 16px;
    background-position: top 4px right -2px;
}
.bootstrap-table .fixed-table-container .table thead th .sortable {
    padding-right: 12px !important;
}
.bootstrap-table table tbody td {
    padding-right: 5px !important;
}
.bootstrap-table .fixed-table-pagination>.pagination {
    margin-bottom: 3px;
}
.bootstrap-table thead > tr > th > div {
    margin: 3px 5px 3px 0 !important;
}

/* Bootstrap 5 compatibility fixes for bootstrap-multiselect */
.multiselect-container.dropdown-menu {
    background-color: whitesmoke;
    padding: 5px 0;
    border-radius: 5px;
}
.multiselect-container .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.5rem;
}
.multiselect-container .form-check-label {
    margin-bottom: 0;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback) {
    background-color: unset;
}
.multiselect-container .dropdown-item.multiselect-all:hover,
.multiselect-container .multiselect-option.dropdown-item:hover,
.multiselect-container .multiselect-group.dropdown-item:hover {
    background-color: #d3d3d3 !important;
    color: #2e2e2e;
}
.multiselect-container .dropdown-item.multiselect-all,
.multiselect-container .multiselect-option.dropdown-item,
.multiselect-container .multiselect-group.dropdown-item {
    color: #474747 !important;
    font-weight: 100 !important;
    font-family: Arial light,'Helvetica Neue', sans-serif !important;
}
.multiselect-container .multiselect-option:focus:not(:active),
.multiselect-container .dropdown-item.multiselect-all:focus:not(:active) {
    background-color: transparent !important;
}
table .btn-primary {
    margin-right: 3px;
}
.bootstrap-table .fixed-table-toolbar .search  {
    margin-top: 0;
}
.login-modal {
    padding: 20px 30px 60px;
    margin-top:60px;
    margin-bottom:30px;
    border-radius:12px;
    box-shadow: 4px 4px 15px #00000040;
}
.delete-seal-code:hover {
    background-color: #ff5f5f !important;
}
#StandardTexts .fixed-table-toolbar {
    margin-top: -32px;
    float: right;
}