@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.bootbox.modal {
    z-index: 10000 !important;
}

/* other modals around z-index: 1050 */


/*CHECKBOX switch*/ 


.mycheckbox input[type="checkbox"] {
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 10px;
}


.caret-right {
    transform: rotate(-90deg);
    display: inline-block;
}

.glow-on-drop {
    /*box-shadow: 0 0 12px 3px rgba(138, 43, 226, 0.75);  purple glow */
    background: rgba(138, 43, 226, 0.75) !important; 
    transition: box-shadow 0.3s ease; 
} 

.glow-on-drop i { 
    color: #FFF !important;
    transition: box-shadow 0.3s ease;
}


.no-style-btn {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    box-shadow: none;
    outline: none;
    padding-right:15px;
    padding-top:3px;
    /*padding-bottom:3px;*/
}

.no-style-btn:hover,
.no-style-btn:focus {
    text-decoration: none;
    box-shadow: none;
    outline: none;
    background: #f5f5f5 !important;
}

.no-style-btn:hover span,
.no-style-btn:focus span {
    color: #D9534F !important;
}

body.dark button.no-style-btn {
    background-color:transparent !important;
}
body.dark button.no-style-btn:hover,
body.dark button.no-style-btn:focus {
    background-color: #337ab7 !important;
}
body.dark .dropdown-menu > li > a > button >span.caret-right {
    color: white !important;
}



.checkbox.checbox-switch {
    padding-left: 0;
}

    .checkbox.checbox-switch label,
    .checkbox-inline.checbox-switch {
        display: inline-block;
        position: relative;
        padding-left: 0;
    }

        .checkbox.checbox-switch label input,
        .checkbox-inline.checbox-switch input {
            display: none;
        }

        .checkbox.checbox-switch label span,
        .checkbox-inline.checbox-switch span {
            width: 35px;
            border-radius: 20px;
            height: 18px;
            border: 1px solid #dbdbdb;
            background-color: rgb(255, 255, 255);
            border-color: rgb(223, 223, 223);
            box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }

            .checkbox.checbox-switch label span:before,
            .checkbox-inline.checbox-switch span:before {
                display: inline-block;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background: rgb(255,255,255);
                content: " ";
                top: 0;
                position: relative;
                left: 0;
                transition: all 0.3s ease;
                box-shadow: 0 1px 4px rgba(0,0,0,0.4);
            }

        .checkbox.checbox-switch label > input:checked + span:before,
        .checkbox-inline.checbox-switch > input:checked + span:before {
            left: 17px;
        }


        /* Switch Default */
        .checkbox.checbox-switch label > input:checked + span,
        .checkbox-inline.checbox-switch > input:checked + span {
            background-color: rgb(180, 182, 183);
            border-color: rgb(180, 182, 183);
            box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch > input:checked:disabled + span {
            background-color: rgb(220, 220, 220);
            border-color: rgb(220, 220, 220);
            box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch label > input:disabled + span,
        .checkbox-inline.checbox-switch > input:disabled + span {
            background-color: rgb(232,235,238);
            border-color: rgb(255,255,255);
        }

            .checkbox.checbox-switch label > input:disabled + span:before,
            .checkbox-inline.checbox-switch > input:disabled + span:before {
                background-color: rgb(248,249,250);
                border-color: rgb(243, 243, 243);
                box-shadow: 0 1px 4px rgba(0,0,0,0.1);
            }

        /* Switch Light */
        .checkbox.checbox-switch.switch-light label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-light > input:checked + span {
            background-color: rgb(248,249,250);
            border-color: rgb(248,249,250);
            box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Dark */
        .checkbox.checbox-switch.switch-dark label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-dark > input:checked + span {
            background-color: rgb(52,58,64);
            border-color: rgb(52,58,64);
            box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
            background-color: rgb(100, 102, 104);
            border-color: rgb(100, 102, 104);
            box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Success */
        .checkbox.checbox-switch.switch-success label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-success > input:checked + span {
            background-color: rgb(40, 167, 69);
            border-color: rgb(40, 167, 69);
            box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
            background-color: rgb(153, 217, 168);
            border-color: rgb(153, 217, 168);
            box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
        }

        /* Switch Danger */
        .checkbox.checbox-switch.switch-danger label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-danger > input:checked + span {
            background-color: rgb(200, 35, 51);
            border-color: rgb(200, 35, 51);
            box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
            background-color: rgb(216, 119, 129);
            border-color: rgb(216, 119, 129);
            box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Primary */
        .checkbox.checbox-switch.switch-primary label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
            background-color: rgb(0, 105, 217);
            border-color: rgb(0, 105, 217);
            box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
            background-color: rgb(109, 163, 221);
            border-color: rgb(109, 163, 221);
            box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Info */
        .checkbox.checbox-switch.switch-info label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-info > input:checked + span {
            background-color: rgb(23, 162, 184);
            border-color: rgb(23, 162, 184);
            box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
            background-color: rgb(102, 192, 206);
            border-color: rgb(102, 192, 206);
            box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Warning */
        .checkbox.checbox-switch.switch-warning label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-warning > input:checked + span {
            background-color: rgb(255, 193, 7);
            border-color: rgb(255, 193, 7);
            box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
            background-color: rgb(226, 195, 102);
            border-color: rgb(226, 195, 102);
            box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }


/*END - CHECKBOX SWITCH*/


/*loader - spinner*/

.ajax-loader {
    position: fixed;
    top: 40%;
    left: 50%;
    height: 100vh; /* to make it responsive */
    width: 100vw; /* to make it responsive */
    overflow: hidden; /*to remove scrollbars */
    z-index: 99999; /*to make it appear on topmost part of the page */
    display: none; /*to make it visible only on fadeIn() function */
}

/*.ajax-loader {
      visibility: hidden;
      background-color: rgba(255,255,255,0.7);
      position: absolute;
      z-index: +100 !important;
      width: 100%;
      height:100%;
    }

    .ajax-loader img {
      position: relative;
      top:50%;
      left:50%;
    }*/


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

    .lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite;
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3px;
            left: 37px;
            width: 6px;
            height: 18px;
            border-radius: 20%;
            background-color: #337ab7;
        }

        .lds-spinner div:nth-child(1) {
            transform: rotate(0deg);          
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/*loader - spinner*/

/* The messageBar - position it at the bottom and in the middle of the screen */
#messageBar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 400px; /* Set a default minimum width */
    margin-left: -200px; /* Divide value of min-width by 2 */
    background-color: rgba(0, 0, 0, 0.78); /* #5cb85c; Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 10001; /* Add a z-index if needed */
    left: 50%; /* Center the messageBar */
    top: 57px; /* 30px from the top */
}

    /* Show the messageBar when clicking on a button (class added with JavaScript) */
    #messageBar.show {
        visibility: visible; /* Show the messageBar */
        /* Add animation: Take 0.5 seconds to fade in and out the messageBar.
              However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

/* Animations to fade the messageBar in and out */
@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 57px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 57px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 57px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 57px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}


.colorful-tooltip + .tooltip > .tooltip-inner {
    background-color: rgba(0, 0, 0, 0.8);
}

.colorful-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: rgba(0, 0, 0, 0.8);
}

/*TOOLTIPS*/
[data-title]:hover:after {
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    opacity: 1;
    transition: all 0.1s ease 0.3s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
    width: auto;
    white-space: nowrap;
    background-color: #10183d;
    /*background-color: #000;*/
    /*background: black; /*#C11623;*/
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
    font-size: 14px;
    padding: 3px 5px;
    visibility: hidden;
    z-index: 99999;
}

[data-title] {
    position: relative;
}

.pseudo-tooltip-wrapper {
    /*This causes the wrapping element to be the same size as what it contains.*/
    display: block;
    width: 100%;
}
/*TOOLTIPS*/

/*round button*/
.circle_fl {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #FFF;
    width: 30px;
    height: 30px;
    line-height: 15px;
    padding: 5px;
    font-size: 15px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    box-shadow: inset 0 2px 0px rgba(255, 255, 255, 0.25), inset 0 -2px 0px rgba(0, 0, 0, 0.18);
    transition: .2s;
    float: right;
}

    .circle_fl .fa {
        line-height: 30px;
    }

    .circle_fl:hover {
        box-shadow: none;
    }

    .circle_fl.lightBlue {
        background: #1da1f3;
        border: solid 2px #1da1f3;
    }

    .circle_fl.blue {
        background: #337ab7;
        border: solid 2px #337ab7;
    }

    .circle_fl.red {
        background: #ef4d4d;
        border: solid 2px #ef4d4d;
    }

    .circle_fl.green {
        background: #7ece46;
        border: solid 2px #7ece46;
    }

    .circle_fl.gray {
        background: #999;
        border: solid 2px #999;
    }

    .circle_fl.lightGray {
        background: #EEEEEE;
        border: solid 2px #EEEEEE;
    }


/*round button - end*/

button {
    outline: none; /*novāc melno in-focus līniju ap pogu*/
}


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

label {
    margin-top: 5px;
    font-weight: normal;
}


/*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=");
}

/*AutoComplete flyout */

.CompletionListCssClass {
    z-index: 10000 !important;
    border: solid 1px darkgray; /*#0275d8;*/
    margin: 0px;
    padding: 0px;
    height: 150px;
    overflow: auto;
    background-color: #FFFFFF;
    cursor: pointer;
    /*color: blue;*/
}

.CompletionListItemCssClass {
    color: #555555;
    padding: 3px;
    padding-left: 5px;
}

.CompletionListHighlightedItemCssClass {
    color: #FFFFFF;
    background-color: #337ab7;
    padding: 3px;
    padding-left: 5px;
}

.ajax__combobox_inputcontainer {
    /*top:5px !important;*/
    /*margin:5px;*/
}

.ajax__combobox_textboxcontainer, .ajax__combobox_textboxcontainer input, .ajax__combobox_textboxcontainer button {
    width: 100%;
    /*margin:5px !important;*/
}

.ajax__combobox_itemlist li {
    white-space: nowrap;
    /*width: 100%;*/
    padding: 0px 3px 0px 7px !important;
}

.ajax__combobox_itemlist {
    white-space: nowrap;
    width: 250px !important;
}

.ajax__combobox_buttoncontainer button {
    height: 23px !important;
    width: 23px !important;
    padding: 0px !important;
}

.ajax__combobox_textboxcontainer {
}



.pointer {
    cursor: pointer;
}



.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    line-height: 1.7;
}


*.bs-callout:empty {
    padding: 20px;
    margin: 0px;
    border: none;
}


.bs-callout .h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    /*border-left-color: #777;*/
    border-left-width: 1px;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}



.input-group-warning-addon {
    background-color: #FFF !important;
}

.bg-primary {
    background-color: #428bca !important;
}

.bg-success {
    background-color: #5cb85c !important;
}

.bg-danger {
    background-color: #d9534f !important;
}

.bg-warning {
    background-color: #f0ad4e !important;
}

.bg-info {
    background-color: #5bc0de !important;
}

.c-primary {
    color: #428bca !important;
}

.c-success {
    color: #5cb85c !important;
}

.c-danger {
    color: #d9534f !important;
}

.c-warning {
    color: #f0ad4e !important;
}

.c-info {
    color: #5bc0de !important;
}



.callout-heading {
    color: #999;
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
    display: inline;
    float: left;
}

.callout-input {
    width: 100%;
}

.callout-textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 30px;
    max-height: 200px;
}

.row-m {
    margin-top: .2rem;
    margin-bottom: .2rem;
}

.combobox table {
    top: 1px !important;
}

.callout-select {
    width: 100%;
    max-width: 100%;
    padding: 3px 2px;
    /*display: inline-block;*/
}

.callout-label {
    font-weight: bold;
    /*font-size: 90%;*/
    /*float:left;*/
    text-align: right;
    vertical-align: middle;
    padding-top: 3px;
}

.callout-button {
    float: right !important;
    padding: 7px;
    border-radius: 50%;
    float: left;
    align-items: center;
    vertical-align: middle;
    color: white;
}


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

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


@media (max-width: 768px) {
    .paralel-col-A {
        margin-bottom: 2rem !important;
    }

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

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

  
}

@media (min-width: 768px) {
    .paralel-col-A {
        padding-right: 0px !important;
    }

    .paralel-col-B {
        padding-left: 0px !important;
    }

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

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

    #txtNumCl {
        margin-right: 30px;
    }
}


span[aria-expanded=true] .fa-chevron-right {
    display: none;
}

span[aria-expanded=false] .fa-chevron-down {
    display: none;
}

span[aria-expanded=true] .fa-chevron-down {
    display: inline !important;
}

.btnToggleCollapse[aria-expanded=true] .fa-chevron-right {
    display: none;
}

.btnToggleCollapse[aria-expanded=false] .fa-chevron-down {
    display: none;
}

.btnToggleCollapse[aria-expanded=true] .fa-chevron-down {
    display: inline !important;
}

/*hide next div next stop collapsible*/ /*attiecas uz next sibling*/
.collapse.in + div {
    display: none;
}
/*novāc animāciju lai netirinās*/
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.eta-icon {
    color: gray;
    font-size: 2rem;
    margin-right: 7px;
}

*:focus {
    outline: 0 !important;
}


.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 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: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

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

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

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

.multiline-data-title-wrapper {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black;*/
}

    .multiline-data-title-wrapper .multiline-data-title-text {
        visibility: hidden;
        width: auto;
        background-color: #10183d;
        /*background-color: #000;*/
        color: #fff;
        text-align: center;
        border-radius: 4px;
        padding: 4px;
        position: absolute;
        z-index: 100000 !important;
        top: -50%;
        left: 110%;
        margin-left: 0px;
        opacity: 0;
        transition: opacity 0.3s;
    }

/*
        
    .multiline-data-title .multiline-data-titletext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
	}*/

.multiline-data-title-wrapper:hover .multiline-data-title-text {
    visibility: visible;
    opacity: 1;
    z-index: 100000 !important;
}

.multiline-data-title-text {
   display:none;
}


.multiline-data-title-text-top-center {
    top: auto !important;
    bottom: 130% !important;
    left: 25% !important;
}



/* DARK MODE *************************************************************************/
body.dark {
    background: #333;
}

body.dark  .multiselect-search {
        background-color: #354b6c !important
    }
body.dark .multiselect-clear-filter {
        background-color: #354b6c !important
    }

    body.dark .navbar /*navbar*/ /*.dark*/ {
        background-color: #777;
        border-color: #333;
    }

        body.dark .navbar /*navbar*/ li a {
            color: #EAEAEA !important;
        }

            body.dark .navbar li a:hover,
            body.dark .navbar li a:hover > span {
                color: #EAEAEA !important;
                background-color: #337ab7 !important;
            }

    body.dark .nav .open > a,
    body.dark .nav .open > a:focus,
    body.dark .nav .open > a:hover {
        background-color: #337ab7 !important; /*blue*/
        color: #EAEAEA !important;
    }

        body.dark .nav .open > a > span,
        body.dark .nav .open > a:focus > span,
        body.dark .nav .open > a:hover > span {
            background-color: #337ab7 !important;
            color: #EAEAEA !important;
        }

    body.dark .navbar li a > span {
        color: #EAEAEA !important;
    }

    /*submenu*/
    body.dark .navbar /*navbar*/ li ul {
        background-color: #777;
    }

        body.dark .navbar /*navbar*/ li ul a:hover,
        body.dark .navbar /*navbar*/ li ul a:hover > span {
            background-color: #337ab7 !important; /*blue*/
        }

    body.dark .bs-callout {
        background-color: #333 !important;
        border: none !important;
    }

    body.dark .panel-heading-nav {
        background-color: transparent !important;
        border-bottom:none;
    }

    body.dark .bs-callout-caption {
        background-color: #337ab7 !important; /*blue*/
        border: none !important;
    }

    body.dark .nav-tabs {
        border-bottom: 1px solid #337ab7 !important; /*blue*/
    }

    body.dark .well {
        background-color: #555 !important; /*#444*/
        border: none !important;
    }

    body.dark .stylableDiv {
        background-color: #333 !important;
        color: #EAEAEA !important;
    }

        body.dark .stylableDiv li:hover > a,
        body.dark .stylableDiv li.active > a {
            background-color: #337ab9 !important;
            color: #EAEAEA !important;
            border: 1px solid #337ab7;
            border-bottom-color: transparent;
        }

    body.dark table th, body.dark table td {
        color: #EAEAEA !important;
    }

    body.dark .richText-editor table tr:hover > td {
        color: black !important;
        background-color: white !important;
    }

    body.dark .richText-editor table tr {
        background-color: transparent !important;
    }

    body.dark #GridSrv1.dataTable thead th, body.dark #GridSrv1.dataTable tfoot th {
        background-color: #444 !important;
    }
    
    body.dark #GridSrv1.dataTable tbody td {
        background-color: #333 !important;
    }

    body.dark #C1189Table.dataTable thead th, body.dark #C1189Table.dataTable tfoot th {
        background-color: #444 !important;
    }
    
    body.dark #C1189Table.dataTable tbody td {
        background-color: #333 !important;
    }

    body.dark #C1190Table.dataTable thead th, body.dark #C1190Table.dataTable tfoot th {
        background-color: #444 !important;
    }
    
    body.dark #C1190Table.dataTable tbody td {
        background-color: #333 !important;
    }

    body.dark #C1193Table.dataTable thead th, body.dark #C1193Table.dataTable tfoot th {
        background-color: #444 !important;
    }

    body.dark #C1193Table.dataTable tbody td {
        background-color: #333 !important;
    }

    /*FOR RIGHTBAT DARK MODE*/
    body.dark #C1189MapLocationList_wrapper table td {
        color: #EAEAEA !important;
        background-color: #333;
    }
    body.dark #C1189MapLocationListHeader table td {
        color: #EAEAEA !important;
        background-color: #333;
    }

    body.dark #C1189MapLocationList_wrapper table {
        width: 100%;
    }

    body.dark .locationListItem {
        background-color: #333 !important;
    }
    /*FOR RIGHTBAT DARK MODE*/

    body.dark textarea {
        color: white;
        background-color: #333 !important;
    }

    body.dark label {
        color: #EAEAEA !important;
    }

    body.dark .nav.tree li:hover > a {
        background-color: #888 !important;
        /*color:red !important;*/
    }

    body.dark input :not(.btn),
    body.dark select {
        background-color: #EAEAEA !important;
    }

    body.dark .modal-content {
        background-color: #444 !important;
        border: 1px solid #333 !important;
    }

     body.dark .modal-content .input-group-addon {
        color: #EAEAEA !important;
        background-color:transparent !important;
    }

    body.dark .frameLabel {
        background-color: #555 !important;
    }   

    body.dark tr {
        background-color: #444 !important;
    }
    
    body.dark table .editButtonPencil {
        background-color: rgba(238, 238, 238, 0.6) !important;
    }

    body.dark button {
        background-color: #333 !important;
        color: white;
    } 

    body.dark button:hover {
        color: white;
    }

    body.dark button:focus {
        color: white !important;
    }

    body.dark .multiselect {
        background-color: #333 !important;
        color: white !important;
    }

    body.dark .multiselect:hover {
        background-color: #333 !important;
        color: white !important;
    }

    body.dark input {
        background-color: #333 !important;
        color: white;
    }

    body.dark .input-group-addon {
        color: #EAEAEA !important;
    }

    body.dark .dropdown-menu {
        background-color: #354b6c !important;
        color: white;
    }

    body.dark .dropdown-menu > li > a {
        color: white !important;
        background-color: #354b6c !important;
    }

    body.dark .dropdown-menu > li > a > span {
        color: white !important;
    }

    body.dark .dropdown-menu > li > a:hover {
        background-color: #515151 !important;
    }

    body.dark #SubmitButtonRow {
        color:white;
        font-weight:600;
    }

    body.dark .bootbox-body {
        color: white;
    }

    body.dark .modal-header {
        color:white;
    }

    body.dark .clrblack {
        color: #9f6df7 !important;
    }

    body.dark .link-btn {
        color: #337ab7;
    }

    body.dark ._1r8lAIwBnKqv0lKMscsOM5 {
        background-color: #333;
    }

    body.dark .dropdown-menu > li:not(.divider) {
        background-color: transparent !important;
    }

    body.dark #navbar {
       max-height:900px !important
    }

    body.dark .headrow {
        background-color: #adadad;
    }

/* OPTIMIZED SIZE *************************************************************************/
body.optimized .Select2 .select2-selection > button, 
.OptimizedSizeAlways + span.select2-container .select2-selection > button {
    margin-top: 2px;
    margin-bottom: -2px;
}

body.optimized .input-group-addon
, .OptimizedSizeAlways .input-group-addon {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

body.optimized .form-group, .OptimizedSizeAlways .form-group {
    margin-bottom: 2px !important;
}

body.optimized .select2-container--default .select2-selection--single .select2-selection__clear
, .OptimizedSizeAlways .form-control + span.select2-container .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 15px;
    /* margin-right: 20px; */
    padding: 0px;
    /* padding-right: 0px; */
}


body.optimized .select2 .select2-choice, .OptimizedSizeAlways .form-control + span.select2-container .select2-choice {
    height: 22px !important;
    /*line-height: 1.42857 !important;*/
}

/*correct path when class added to !! form-group !! : .OptimizedSizeAlways .form-control + span.select2-container */
.OptimizedSizeAlways .form-control + span.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 22px !important;
}


body.optimized .select2 .select2-selection, .OptimizedSizeAlways .form-control + span.select2-container .select2-selection {
    height: 22px !important;
    /*line-height: 1.42857 !important;*/
}

body.optimized .select2 .select2-selection--single .select2-selection__rendered, .OptimizedSizeAlways .form-control + span.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 4px !important;
}

body.optimized .select2 .select2-selection .select2-selection__rendered
, body.optimized .Select2.OptimizedSize + span .select2-selection .select2-selection__arrow
, .OptimizedSizeAlways .form-control + span.select2-container .select2-selection .select2-selection__arrow {
    margin-top: -3px !important;
}
body.optimized .OptimizedLineHeight + .select2 .select2-selection .select2-selection__rendered { 
    line-height: 1.2 !important;
}

body.optimized .modal-header .close.OptimizedLineHeight {
    margin-top: -7px;
}

body.optimized .select2-selection > span
, .OptimizedSizeAlways .form-control .select2-selection > span {
    margin-top: -3px !important;
}

body.optimized input {
    padding-left:4px;
}

body.optimized textarea {
    padding-left: 4px;
}

body.optimized textarea.OptimizedSize {
    height: 22px;
    min-height: 22px !important;
    padding: 2px !important;
    padding-right: 10px !important;
    line-height:1.1;
}

body.optimized label.OptimizedSize {
    padding: 1px 4px !important;
    margin: 0px !important;
}

body.optimized button.OptimizedSize {
    padding: 1px 4px;
}

body.optimized h4.OptimizedSize.h4 {
    margin-top: 5px !important;
    margin-bottom: 3px !important;
}

body.optimized .form-group.OptimizedSize {
    margin-bottom: 2px !important;
}

body.optimized .OptimizedSize:not(textarea), .OptimizedSizeAlways .form-control {
    height: 22px !important;
}

body.optimized button.OptimizedSize, body.optimized .btn.OptimizedSize {
    padding: 1px !important;
}



body.optimized .OptimizedColTop {
    padding-top: 7px !important;
}

body.optimized .OptimizedColBottom {
    padding-bottom: 7px !important;
}


/*only for modals ? */
    body.optimized  .dataTable > tbody > tr {
        height: 15px !important;
        max-height: 15px !important;
    }

    body.optimized   .dataTable > tbody > tr > td {
        height: 15px !important;
        max-height: 15px !important;
    }

    body.optimized   .dataTable > tbody > tr input {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    body.optimized   .dataTable > tbody > tr > td > button {
        width: 20px !important;
        height: 20px !important;
    }

    body.optimized   .dataTable > tbody > tr > td .form-control {
        height: auto !important;
    }



/*only for modals ? */



body.dark .FrameLbl {
    background: linear-gradient(180deg, #444444 47%, transparent 49%) !important;
    color: #337ab7 !important;
}

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





/* grid ellipsis buttons hover */



#GridView1.dataTable tbody th, #GridView1.dataTable tbody td {
    padding: 0px;
    padding-left: 4px;
}


#GridView1 td:hover .td-actions {
    display: block;
}

#GridView1 td:hover {
    box-shadow: inset 0 0 1px #FFF, inset 0 0 2px #337ab7;
}

    #GridView1 td:hover .HiddenButton {
        visibility: visible !important;
    }




#GridView1 .td-content-wrap {
    position: relative;
    /*display: inline-block;*/
    display: table;
    width: 100%;
    min-height: 34px;
}

#GridView1 .td-actions {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0px 3px;
    color: #fff;
    height: calc( 100% - 10px );
    display: none;
    /*background-color:gray;*/
    /*margin-top:-14px;*/
    margin-top: -5px;
    margin-right: -7px;
}


#GridView1 .td-content-wrap {
}

#GridView1 .td-content-max-w {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    max-width: 40px !important;
    line-height:1;
}

@media (max-width: 992px) {
    #GridView1 .td-content-max-w {
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
        max-width: 400px !important;
    }
}

#GridView1 .action-button-wrapper {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left !important;
}

 

#GridView1 td {
    display: table-cell;
    vertical-align: middle;
}



/*POPOVER CLASS*/
#GridView1 .popover-title {
    color: black;
    font-size: 16px;
}

#GridView1 .popover-content {
    color: black;
    font-size: 14px;
}

#GridView1 .popover.bottom {
    margin-top: 2px !important;
}

#GridView1 .popover-none {
    display: none;
}

#GridView1 .popover {
    max-width: 400px !important;
}
/*POPOVER CLASS*/



#GridView1 td:has(.td-primary) {
    background-image: linear-gradient(225deg, #337ab7, #337ab7 10px, transparent 10px, transparent) !important;
}

#GridView1 td:has(.td-success) {
    background-image: linear-gradient(225deg, #5cb85c, #5cb85c 10px, transparent 10px, transparent) !important;
}

#GridView1 td:has(.td-warning) {
    background-image: linear-gradient(225deg, #f0ad4e, #f0ad4e 10px, transparent 10px, transparent) !important;
}

#GridView1 td:has(.td-danger) {
    background-image: linear-gradient(225deg, #d9534f, #d9534f 10px, transparent 10px, transparent) !important;
}

#GridView1 td:has(.td-info) {
    background-image: linear-gradient(225deg, #5bc0de, #5bc0de 10px, transparent 10px, transparent) !important;
}

#GridView1 .div-primary {
    background-image: linear-gradient(225deg, #337ab7, #337ab7 10px, transparent 10px, transparent) !important;
}

#GridView1 .div-success {
    background-image: linear-gradient(225deg, #5cb85c, #5cb85c 10px, transparent 10px, transparent) !important;
}

#GridView1 .div-warning {
    background-image: linear-gradient(225deg, #f0ad4e, #f0ad4e 10px, transparent 10px, transparent) !important;
}

#GridView1 .div-danger {
    background-image: linear-gradient(225deg, #d9534f, #d9534f 10px, transparent 10px, transparent) !important;
}

#GridView1 .div-info {
    background-image: linear-gradient(225deg, #5bc0de, #5bc0de 10px, transparent 10px, transparent) !important;
}


/* grid ellipsis buttons hover */