/*add class name OptimizedSize to form items*/ 

.Select2RoundCorners + span .select2-selection { /* + select sibling*/
    border-radius: 4px !important;
}

.Select2RoundCornersLeft + span .select2-selection { /* + select sibling*/
    border-radius: 4px 0px 0px 4px !important;
}

.Select2RoundCornersRight + span .select2-selection { /* + select sibling*/
    border-radius: 0px 4px 4px 0px !important;
}

.Select2RoundCornersNone + span .select2-selection { /* + select sibling*/
    border-radius: 0px 0px 0px 0px !important;
    border: none !important
}
 
.select2-no-search .select2-search {
    display: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius:4px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    border-radius:4px;
}

.select2-container--default .select2-results__option--selected {
    border-radius:4px;
}



/* DATETIMEPICKER */

body.dark .bootstrap-datetimepicker-widget {
    background-color: #2e2e2e !important;
    color: #ffffff;
    border: 1px solid #444;
}

    body.dark .bootstrap-datetimepicker-widget .picker-switch,
    body.dark .bootstrap-datetimepicker-widget table td,
    body.dark .bootstrap-datetimepicker-widget table th {
        background-color: #3a3a3a ;
        color: #ffffff;
    }

        body.dark .bootstrap-datetimepicker-widget table td:hover,
        body.dark .bootstrap-datetimepicker-widget table th:hover {
            background-color: #333 !important;
            cursor: pointer;
        }

        body.dark .bootstrap-datetimepicker-widget table td.active,
        body.dark .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #3a3a3a;
            color: #ffffff;
        }

        body.dark .bootstrap-datetimepicker-widget table td.disabled,
        body.dark .bootstrap-datetimepicker-widget table td.disabled:hover {
            color: #777777;
            cursor: not-allowed;
        }

    body.dark .bootstrap-datetimepicker-widget .picker-switch {
        background-color: #444;
        color: #ffffff;
    }

    body.dark .bootstrap-datetimepicker-widget table td.today:before {
        border-bottom-color: #1a73e8;
    }

    body.dark .bootstrap-datetimepicker-widget table td.today.active:before {
        border-bottom-color: #ffffff;
    }

    body.dark .bootstrap-datetimepicker-widget button[data-action] {
        background-color: #444;
        color: #ffffff;
    }

        body.dark .bootstrap-datetimepicker-widget button[data-action]:hover {
            background-color: #555;
        }

/* DATETIMEPICKER */




/*FOCUS input fields*/ 
    .select2-selection.select2-selection--single, .form-control {
        box-shadow: none !important;
    }

    .select2 > .selection > .select2-selection--single:focus
    , .form-control:focus {
        border-color: rgba(82, 168, 236, .8) !important; 
        box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.55) !important;
        border-bottom-color: rgba(82, 168, 236, .8) !important;
        border-top-color: transparent !important;
        border-right: transparent !important;
        border-left-color: transparent !important;
    }

    button.focuspokus:focus {
        border-color: rgba(82, 168, 236, .8) !important;
        box-shadow: 0 0 0 0.1rem rgba(102, 175, 233, 0.55) !important;
        border-bottom-color: transparent !important;
        border-top-color: transparent !important;
        border-right: transparent !important;
        border-left-color: transparent !important;
    }


    .multiselect-native-select button:focus:not(.multiselect-clear-filter) {
        background-color: #FFF;
        border-color: #66afe9 !important;
        outline: 0 !important;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.55) !important; 
        box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.55) !important; 
    }


/*FOCUS input fields*/

/*CHECKBOX*/

.checkbox-wrapper-2 .ikxBAC {
    appearance: none;
    background-color: #dfe1e4 !important;
    border-radius: 10px !important;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 30px;
}

    .checkbox-wrapper-2 .ikxBAC::before {
        bottom: -6px;
        content: "";
        left: -6px;
        position: absolute;
        right: -6px;
        top: -6px;
    }

    .checkbox-wrapper-2 .ikxBAC,
    .checkbox-wrapper-2 .ikxBAC::after {
        transition: all 100ms ease-out;
    }

        .checkbox-wrapper-2 .ikxBAC::after {
            background-color: #fff;
            border-radius: 50% !important;
            content: "";
            height: 14px;
            left: 3px;
            position: absolute;
            top: 3px;
            width: 14px;
        }

.checkbox-wrapper-2 input[type=checkbox] {
    cursor: pointer;
}

.checkbox-wrapper-2 .ikxBAC:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
}

.checkbox-wrapper-2 .ikxBAC:checked {
    background-color: #337ab7 !important;
}

thead .checkbox-wrapper-2 .ikxBAC {
    appearance: none;
    background-color: #dfe1e4 !important;
    border-radius: 10px !important;
    flex-shrink: 0;
    height: 30px;
    margin: 0;
    position: relative;
    width: 20px;
}


    thead .checkbox-wrapper-2 .ikxBAC:checked:hover {
        background-color: #b7339c !important;
    }

    thead .checkbox-wrapper-2 .ikxBAC:checked {
        background-color: #de43bf !important;
    }

        thead .checkbox-wrapper-2 .ikxBAC:checked::after {
            background-color: #fff;
            top: 13px !important;
            left: 3px !important;
        }

.checkbox-wrapper-2 .ikxBAC:checked::after {
    background-color: #fff;
    left: 13px;
}

.checkbox-wrapper-2 :focus:not(.focus-visible) {
    outline: 0;
}

.checkbox-wrapper-2 .ikxBAC:checked:hover {
    background-color: #225a8a !important;
}

th .checkbox-wrapper-2 {
    margin-left: -5px;
}
/*CHECKBOX*/


/*pievieno input laukiem selecta bultiņu*/
.addArrow {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1ex;
    background-origin: content-box;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
}

.noArrow + span .selection .select2-selection__arrow b {
    display: none !important;
}

.addonPaddingSmall {
    padding-right: 0px;
    padding-left: 6px;
}


/*large screen*/
@media (min-width: 992px) {

    .removeBorderRadiusRightLg {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .removeBorderRadiusLeftLg {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
  
    .border-right-gray {
        border-right: 1px solid gray;
    }

    .shadow-right-gray {
        -webkit-box-shadow: 4px 0 3px -3px black;
        -moz-box-shadow: 4px 0 3px -3px black;
        box-shadow: 4px 0 3px -3px black;
    }

    .callout-input-sm-pl {
        padding-left: 2px;
    }

    .callout-input-sm-pr {
        padding-right: 2px;
    }

    .callout-input-sm-pl5 {
        padding-left: 5px !important;
    }

    .callout-input-sm-pr5 {
        padding-right: 5px !important;
    }

    .pl0-on-lg {
        padding-left: 0px !important;
    }

    .pr0-on-lg {
        padding-right: 0px !important;
    }
}


/*small screen*/
@media (max-width: 992px) {

    .pl0-on-xs {
        padding-left: 0px !important;
    }

    .pr0-on-xs {
        padding-right: 0px !important;
    }

    .pad0-on-xs {
        padding: 0px;
    }

    .mb2-on-xs {
        margin-bottom: 2px;
    }

    .mt2-on-xs {
        margin-top: 2px;
    }

    .short-text {
        display: inline;
    }

    .full-text {
        display: none;
    }
}

.pl0 {
    padding-left: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

/*******************************************************/
/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -moz-box-shadow: inset 2px 0 3px -2px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 2px 0 3px -2px rgba(0,0,0,0.7);
    box-shadow: inset 2px 0 3px -2px rgba(0,0,0,0.7);
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }



/*******************************************************/
/* width */
#sidebar-wrapper::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */
#sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
#sidebar-wrapper::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
    -moz-box-shadow: inset 2px 0 3px -2px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 2px 0 3px -2px rgba(0,0,0,0.7);
    box-shadow: inset 2px 0 3px -2px rgba(0,0,0,0.7);
}

    /* Handle on hover */
    #sidebar-wrapper::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }
/*******************************************************/

.multi-line-tooltip:after {
    white-space: normal !important;
    width: 250px !important;
}

.borderRightRadius4 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.borderLeftRadius4 {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
/*see below*/
.borderRightRadius0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.borderLeftRadius0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.borderLeftNone, .borderLeftNone + span .select2-selection {
    border-left: none !important;
}

.borderRightNone, .borderRightNone + span .select2-selection {
    border-right: none !important;
}

.borderNone {
    border: none !important;
}

.roundCorners, .roundCorners.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
    border-radius: 4px !important;
}

.roundRightCorners, .roundRightCorners.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.roundLeftCorners, .roundLeftCorners.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.noRoundCorners, .noRoundCorners.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
    border-radius: 0px !important;
}

.noRoundRightCorners, .noRoundRightCorners.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.noRoundLeftCorners, .noRoundLeftCorners.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}



/*large screen*/
@media (min-width: 992px) {

    .displayNone-lg {
        display: none !important;
    }

    /*add to form-group*/
    .widthAdd35px-lg {
        width: calc(100% + 35px);
    }
    /*add to form-group*/
    .widthRemove35px-lg {
        width: calc(100% - 35px);
    }
    .mlAdd35px-lg {
        margin-left: 35px; /*add to next form group if first one is extended*/
    }


    .borderRightNone-lg, .borderRightNone-lg.select2-hidden-accessible + span .select2-selection {
        border-right: none !important;
    }
    .borderLeftNone-lg, .borderLeftNone-lg.select2-hidden-accessible + span .select2-selection {
        border-left: none !important;
    }


    .roundCorners-lg, .roundCorners-lg.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-radius: 4px !important;
    }
    .roundRightCorners-lg, .roundRightCorners-lg.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }
    .roundLeftCorners-lg, .roundLeftCorners-lg.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }

    .noRoundCorners-lg, .noRoundCorners-lg.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-radius: 0px !important;
    }

    .noRoundRightCorners-lg, .noRoundRightCorners-lg.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .noRoundLeftCorners-lg, .noRoundLeftCorners-lg.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }
}

/*small screen*/
@media (max-width: 992px) {

    .displayNone-xs {
        display:none !important;
    }

    /*add to form-group*/
    .widthAdd35px-xs {
        width: calc(100% + 35px);
    }
    /*add to form-group*/
    .widthRemove35px-xs {
        width: calc(100% - 35px);
    }
    .mlAdd35px-xs {
        margin-left: 35px; /*add to next form group if first one is extended*/
    }

    .borderRightNone-xs, .borderRightNone-xs.select2-hidden-accessible + span .select2-selection {
        border-right: none !important;
    }

    .borderLeftNone-xs, .borderLeftNone-xs.select2-hidden-accessible + span .select2-selection {
        border-left: none !important;
    }

    .roundCorners-xs, .roundCorners-xs.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-radius: 4px !important;
    }

    .roundRightCorners-xs, .roundRightCorners-xs.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

    .roundLeftCorners-xs, .roundLeftCorners-xs.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }

    .noRoundCorners-xs, .noRoundCorners-xs.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-radius: 0px !important;
    }

    .noRoundRightCorners-xs, .noRoundRightCorners-xs.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .noRoundLeftCorners-xs, .noRoundLeftCorners-xs.select2-hidden-accessible + span .select2-selection { /* + select sibling*/
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

}



.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f
    }

tbody .label-danger:not(#EmailModal *) {
    background-color: #d9534f;
    width: 100%;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f;
}

.label-CargoNew {
    background-color: #b587d9;
}

.label-CargoConfirmed {
    background-color: #9f9f9f;
}

.label-CargoLoaded {
    background-color: #029adb;
}

.label-CargoReceivedInTerminal {
    background-color: #ebcf1e;
}

.label-InvoicePaid {
    background-color: #14a131;
}

.label-InvoiceHopelessDebtor {
    background-color: #000000;
}

body.dark .text-muted {
    color: #d5d5d5;
}

body.dark .multiselect-container .input-group-addon {
    background-color: transparent !important;
}

body.dark .ag-body-vertical-scroll-viewport {
    scrollbar-width: none !important
}
body.dark .ProgressBar {
   background-color:transparent !important;
}




.labelMinW110 {
    min-width: 110px;
    text-align: left;
}

.labelMinW120 {
    min-width: 120px;
    text-align: left;
}

.labelMinW130 {
    min-width: 130px;
    text-align: left;
}

.labelMinW140 {
    min-width: 140px;
    text-align: left;
}

.labelMinW150 {
    min-width: 150px;
    text-align: left;
}

.labelMinW160 {
    min-width: 160px;
    text-align: left;
}

.labelMinW170 {
    min-width: 170px;
    text-align: left;
}

.labelMinW180 {
    min-width: 180px;
    text-align: left;
}

.labelMinW190 {
    min-width: 190px;
    text-align: left;
}

.labelMinW200 {
    min-width: 200px;
    text-align: left;
}




.dataTable > tbody > tr {
    height: 31px;
}

.dataTable > tbody >tr> td.dataTables_empty {
    vertical-align: middle !important;
}

.labelMaxW140ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 140px !important;
    text-align: left !important;
}

.labelMaxW80ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 80px !important;
    text-align: left !important;
}

.labelMaxW90ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 90px !important;
    text-align: left !important;
}

.labelMaxW100ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px !important;
    text-align: left !important;
}

.labelMaxW100ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px !important;
    text-align: left !important;
}
.labelMaxW110ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 110px !important;
    text-align: left !important;
}
.labelMaxW120ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 120px !important;
    text-align: left !important;
}
.labelMaxW130ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 130px !important;
    text-align: left !important;
} 

.labelMaxW140ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 140px !important;
    text-align: left !important;
}

.labelMaxW150ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px !important;
    text-align: left !important;
}

.labelMaxW160ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 160px !important;
    text-align: left !important;
}

.labelMaxW170ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 170px !important;
    text-align: left !important;
}
.labelMaxW180ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 180px !important;
    text-align: left !important;
}
.labelMaxW190ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 190px !important;
    text-align: left !important;
}
.labelMaxW200ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px !important;
    text-align: left !important;
}


 
/*fix .input-group width issue*/
.select2-container--default {
    display: table !important;
    table-layout: fixed !important;
}
/*red delete button inside select2*/
.select2-selection > button > span {
    color: red;
}
 .select2-selection > button > span {
        color: red;
    }

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important;
}

.select2-selection__rendered {
    padding-right:0px !important;
}

.editButtonPencil {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0px;
    color: #337ab7 !important;
    background-color: rgba(238, 238, 238, 0.6) !important;
    border: none;
    margin-right: 10px;
}

.dataTable > tbody > tr.selected > td a,
.dataTable > tbody > tr.selected > td span {
    /*color: #FFF;*/
}
/*.dataTable > tbody > tr.selected > td .popover-content  .text-success:not(.selected) a,*/

 /*FOR SELECTED POPOVER COLOR*/
.dataTable tr.selected .popover-content .text-success {
    color: #5cb85c !important
}
.dataTable tr.selected .popover-content .text-primary {
    color: #337ab7 !important
}
.dataTable tr.selected .popover-content .text-danger {
    color: #d9534f !important
}
.dataTable tr.selected .popover-content .text-warning {
    color: #f0ad4e !important
}
.dataTable tr.selected .popover-content .text-info {
    color: #5bc0de !important
}




.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}




/********************************/
.select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices, .select2-container--open > span > span {
    /* border-color: #66afe9; */
    outline: none;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.55) !important;
    box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.55) !important;
}

.select2-container--open > span > span {
    /* border-color: #66afe9; */
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.select2.select2-container.select2-container--open.select2-container--open.select2-dropdown {
    background-color: white;
    border: rgba(82, 168, 236, .8) !important;
    box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.55) !important;
    border-top: none !important;
    border-radius: 4px;
}

/*WORKING RULE form select2 input field WHEN DROPDOWN OPENED*/
.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
    box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.55) !important;
}

/*WORKING RULE form select2 dropdown coutour WHEN DROPDOWN OPENED*/
.select2-container--open .select2-dropdown--below {
    border: 1px solid #EAEAEA !important; /*peleka kontura*/
    box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.55) !important;
}

/********************************/


.form-group.has-error .select2-hidden-accessible + .select2-container .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgb(185, 74, 72) !important;
    border-color: rgb(185, 74, 72) !important;  
    border-radius: 4px;
}

.form-group.has-error .select2-hidden-accessible + .select2-container .select2-dropdown {
    background-color: white;
    border: 1px solid rgb(185, 74, 72) !important;
    border-color: rgb(185, 74, 72) !important;  
    border-top: none !important;
    border-radius: 4px;
}


.form-group.has-warning .select2-hidden-accessible + .select2-container .select2-selection--single {
    background-color: #fff;
    border: 1px solid #8a6d3b !important; /*dark orange*/
    border-color: #8a6d3b !important; /*dark orange*/ 
    /*border: 1px solid rgb(255,140,0) !important;
    border-color: rgb(255,140,0) !important;*/  
    border-radius: 4px;
}

.form-group.has-warning .select2-hidden-accessible + .select2-container .select2-dropdown {
    background-color: white;
    border: 1px solid #8a6d3b !important; /*dark orange*/
    border-color: #8a6d3b !important; /*dark orange*/
    /*border: 1px solid rgb(255,140,0) !important;
    border-color: rgb(255,140,0) !important;*/
    border-top: none !important;
    border-radius: 4px;
}


.form-group.has-info .select2-hidden-accessible + .select2-container .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgb(65,105,225) !important;
    border-color: rgb(65,105,225) !important; /*addded*/
    border-radius: 4px;
}

.form-group.has-info .select2-hidden-accessible + .select2-container .select2-dropdown {
    background-color: white;
    border: 1px solid rgb(65,105,225) !important;
    border-color: rgb(65,105,225) !important; /*addded*/
    border-top: none !important;
    border-radius: 4px;
}


.form-group.has-success .select2-hidden-accessible + .select2-container .select2-selection--single {
    background-color: #fff;
    border: 1px solid #3c763d !important;
    border-color: #3c763d !important; /*addded*/
    border-radius: 4px;
}

.form-group.has-success .select2-hidden-accessible + .select2-container .select2-dropdown {
    background-color: white;
    border: 1px solid #3c763d !important;
    border-color: #3c763d !important; /*addded*/
    border-top: none !important;
    border-radius: 4px;
}



.form-group.input-bg-danger .select2-selection.select2-selection--single
, .form-group.input-bg-danger input[type=text]
, .form-group.input-bg-danger input[type=numeric] 
, span.input-bg-danger input[type=text]
, span.input-bg-danger input[type=numeric] 
, div.input-bg-danger input[type=text]
, div.input-bg-danger input[type=numeric] 
{
    background-color: RGBA(217, 83, 79, 0.3) !important;
}

.form-group.input-bg-primary .select2-selection.select2-selection--single
, .form-group.input-bg-primary input[type=text]
, .form-group.input-bg-primary input[type=numeric] 
, span.input-bg-primary input[type=text]
, span.input-bg-primary input[type=numeric] 
, div.input-bg-primary input[type=text]
, div.input-bg-primary input[type=numeric] {
    background-color: RGBA(51, 122, 183, 0.3) !important;
}

.form-group.input-bg-success .select2-selection.select2-selection--single
, .form-group.input-bg-success input[type=text]
, .form-group.input-bg-success input[type=numeric] 
, span.input-bg-success input[type=text]
, span.input-bg-success input[type=numeric] 
, div.input-bg-success input[type=text]
, div.input-bg-success input[type=numeric] {
    background-color: RGBA(92, 184, 92, 0.3) !important;
}

.form-group.input-bg-warning .select2-selection.select2-selection--single
, .form-group.input-bg-warning input[type=text]
, .form-group.input-bg-warning input[type=numeric] 
, span.input-bg-warning input[type=text]
, span.input-bg-warning input[type=numeric] 
, div.input-bg-warning input[type=text]
, div.input-bg-warning input[type=numeric] {
    background-color: RGBA(240, 173, 78, 0.3) !important;
}

.form-group.input-bg-info .select2-selection.select2-selection--single
, .form-group.input-bg-info input[type=text]
, .form-group.input-bg-info input[type=numeric]
, span.input-bg-info input[type=text]
, span.input-bg-info input[type=numeric] 
, div.input-bg-info input[type=text]
, div.input-bg-info input[type=numeric] {
    background-color: RGBA(91, 192, 222, 0.3) !important;
}

.strictMinWidth-10 {
    min-width: 10px !important;
}

.strictMinWidth-20 {
    min-width: 20px !important;
}

.strictMinWidth-30 {
    min-width: 30px !important;
}

.strictMinWidth-40 {
    min-width: 40px !important;
}

.strictMinWidth-50 {
    min-width: 50px !important;
}

.strictMinWidth-60 {
    min-width: 60px !important;
}

.strictMinWidth-70 {
    min-width: 70px !important;
}

.strictMinWidth-80 {
    min-width: 80px !important;
}

.strictMinWidth-80 {
    min-width: 120px !important;
}

.strictMinWidth-80 {
    min-width: 120px !important;
}

.strictMinWidth-90 {
    min-width: 90px !important;
}

.strictMinWidth-100 {
    min-width: 100px !important;
}

.strictMinWidth-110 {
    min-width: 110px !important;
}

.strictMinWidth-120 {
    min-width: 120px !important;
}

.strictMinWidth-130 {
    min-width: 130px !important;
}

.strictMinWidth-140 {
    min-width: 140px !important;
} 

.strictMinWidth-150 {
    min-width: 150px !important;
}
.strictMinWidth-160 {
    min-width: 160px !important;
}
.strictMinWidth-170 {
    min-width: 170px !important;
}
.strictMinWidth-180 {
    min-width: 180px !important;
}
.strictMinWidth-190 {
    min-width: 190px !important;
}
.strictMinWidth-200 {
    min-width: 200px !important;
}
.strictMinWidth-210 {
    min-width: 210px !important;
}
.strictMinWidth-220 {
    min-width: 220px !important;
}
.strictMinWidth-230 {
    min-width: 230px !important;
}
.strictMinWidth-240 {
    min-width: 240px !important;
}
.strictMinWidth-250 {
    min-width: 250px !important;
}
.strictMinWidth-260 {
    min-width: 260px !important;
}
.strictMinWidth-270 {
    min-width: 270px !important;
}
.strictMinWidth-280 {
    min-width: 280px !important;
}
.strictMinWidth-290 {
    min-width: 290px !important;
}
.strictMinWidth-300 {
    min-width: 300px !important;
}
 

.btnMmodalDismiss {
    position: fixed;
    top: 10px;
    right: 10px;
}

.modal-body {
    overflow:unset !important;
}