﻿body {
    padding-top: 60px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.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;*/
}

    input:focus,
    a:focus,
    button:focus,
    select:focus,
    textarea:focus {
        outline: 1px dotted rgba(179, 190, 215, 0.78) !important;
    }

#header-fixed {
    position: fixed;
    top: 45px;
    display: none;
}

    #header-fixed table {
        background-color: white;
    }


.table-container {
    width: 100%;
}

    .table-container td {
    }

    .table-container tr > td.widthFit {
        width: 1px;
    }

.table-hover > tbody > tr > :first-child input[type="checkbox"]:not(:checked),
.table-hover > thead > tr > :first-child input[type="checkbox"]:not(:checked) {
    display: none;
}



.table-hover > thead > tr:hover > :first-child input[type="checkbox"]:not(:checked) {
    display: inline;
}

.table-hover > tbody .selected {
    background-color: #edf6fb;
    /*border-color: #007196;*/
}

    .table-hover > tbody .selected:hover {
        background-color: #deecf3;
        /*border-color: #007196;*/
    }

tr.attantion {
    background-color: #f3f3de;
}


.table.nonselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ibo .carousel-indicators {
    position: relative;
    margin: 0;
    left: 0;
    bottom: 0;
    width: auto;
    text-align: left;
}

    .ibo .carousel-indicators li {
        border: 1px solid #808080;
        border-radius: 0;
        width: 20px;
    }

    .ibo .carousel-indicators .active {
        background-color: #808080;
        height: 10px;
        margin: 1px;
    }


.ibo.carousel.fadeIn {
    opacity: 1;
}

    .ibo.carousel.fadeIn .item {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        -moz-transition: opacity 0.6s;
        -o-transition: opacity 0.6s;
        -webkit-transition: opacity 0.6s;
        transition: opacity 0.6s;
    }

        .ibo.carousel.fadeIn .item.active {
            position: relative;
            opacity: 1;
            -moz-transition: opacity 0.6s;
            -o-transition: opacity 0.6s;
            -webkit-transition: opacity 0.6s;
            transition: opacity 0.6s;
        }

.scrollbox {
    overflow: auto;
    visibility: hidden;
}

.scrollbox-content {
}

.scrollbox-content,
.scrollbox:hover {
    visibility: visible;
}

.scrollbox_delayed {
    -moz-transition: visibility 0.2s;
    -o-transition: visibility 0.2s;
    -webkit-transition: visibility 0.2s;
    transition: visibility 0.2s;
}

    .scrollbox_delayed:hover {
        -moz-transition: visibility 0s 0.2s;
        -o-transition: visibility 0s 0.2s;
        -webkit-transition: visibility 0s 0.2s;
        transition: visibility 0s 0.2s;
    }


.flexGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: auto;
    grid-gap: 5px;
}


.flexGridItem {
}

.flexGrid-modal {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
}

.dropdown-menu .dropdown-content {
    padding: 12px 15px;
    font-weight: 400;
}

.contextMenu .divider {
    margin: 0;
}



input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

[data-notify="progressbar"] {
    margin-bottom: 0;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
}

.alert-minimalist {
    background-color: #ffffff;
    border-color: #b0c3ca;
    border-width:1px;
    border-radius: 0;
    color: rgb(91, 93, 101);
    padding: 10px;
    min-height: 110px;
    font-weight:500;

}

.alert-minimalist-Error {
    border-left-color: #970f0f;
    border-left-width: 10px;
}

.alert-minimalist > [data-notify="dismiss"] {
    color: #b0c3ca;
}

.alert-minimalist > [data-notify="icon"] {
    height: 50px;
    margin-right: 12px;
    margin-bottom: 10px;
}

.alert-minimalist > [data-notify="title"] {
    color: rgb(51, 51, 51);
    display: block;
    font-weight: 100;
    font-size: 130%;
}

.alert-minimalist > [data-notify="message"] {
    font-size: 100%;
}

.alm-notice-gray {
    border: 1px solid #cccccc;
    background-color: #f7f7f7;
    color: #808080;
    padding: 8px;
    font-size: 80%;
}


.alm-notice {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
   
    width: 100%;
}
.alm-notice-danger {
    border-left-color: #ce4844;}
    
.alm-notice-danger h4

{
    color: #ce4844;
}


.alm-notice-warning {
    border-left-color: #aa6708;
}
.alm-notice-warning h4 {
    color: #aa6708;
}
.alm-notice-info {
    border-left-color: #1b809e;
 
}
    .alm-notice-info h4 {
        color: #1b809e;
    }


body.modal-open .supreme-container {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: 1s -webkit-filter linear;
    -moz-transition: 1s -webkit-filter linear;
    -o-transition: 1s -webkit-filter linear;
    transition: 1s -webkit-filter linear;
}

@media (min-width: 768px) {
    .checkWarper {
        display: none;
    }
}




.loader {
    z-index: 1;
}

    .loader .loader-c {
        z-index: 2;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
        border: 8px solid #f3f3f3;
        border-radius: 50%;
        border-top: 8px solid #3498db;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    .loader .loader-s {
        z-index: 1;
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.80);
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


#ModalBody_help {
      visibility: hidden;
    /* transition: visibility 0.3s 0.3s;*/
    right: 0px;
    width: 35%;
    min-width: 500px;
    max-width: 1200px;
    position: fixed;
    height: 100%;
    top: 0;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    opacity: 0;
    transform: translate3d(30%, 0, 0);
    background-color: white;
    z-index: 9999;
    border-left: 1px solid #e5e5e5;
    box-shadow: 9px 0px 50px 0 rgba(0, 0, 0, 0.5);
    color: black;
}

    #ModalBody_help.open {
            visibility: visible;
        /*     transition: visibility 0s 0s;*/
        opacity: 1;
        transform: translate3d(0, 0, 0);
        /* transition-delay: 2s;*/
    }
/*Christmas decoration
*/
/*.navbar-inverse {
    background-color: rgba(0, 69, 92, 1) !important;
    background: url('Img/Events/HNY/HNY HEADER BG.jpg') 50% 0 repeat;
    background-size: cover;
}

.color-grey {
    color: #aeaead;
}*/

.SCHhighlight {
    background-color: #bd560c;
    color: #ffffff
}

.form-div-inlininput {
  
    white-space: nowrap; /* Запрет переноса строк */
    overflow: hidden; /* Скрыть всё, что выходит за границы */
    text-overflow: ellipsis; /* Добавить троеточие */
}