html, body {
    font-family: 'Noto Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Fira Sans', 'PT Serif', 'Noto Serif', serif;
    font-weight: 700;
}

i {
    font-family: Merriweather, serif;
}




@media all and (min-width: 2100px) {
    .wide-container {
        max-width: 2040px !important;
    }
}

@media all and (min-width: 1800px) and (max-width: 2099px) {
    .wide-container {
        max-width: 1740px !important;
    }
}

@media all and (min-width: 1600px) and (max-width: 1799px) {
    .wide-container {
        max-width: 1540px !important;
    }
}

@media all and (min-width: 1400px) and (max-width: 1599px) {
    .container {
        max-width: 1340px !important;
    }
}



.main-menu .nav-item {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #f8f9fa;
}

    .main-menu .nav-item.active {
        border: 1px solid #e2e2e2;
        border-bottom: 0;
        background-color: #e2e2e2;
    }

.nav-item.active .nav-link {
    color: black;
}

.nav-link, .navbar-brand {
    color: blue;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}


.nav-link {
    margin-right: 1em !important;
    /*text-decoration: solid 1px blue;*/
}

.nav-tabs .nav-link {
    margin-right: 0em !important;
}

.nav-tabs {
    font-size: .94em;
}


.no-select {
    user-select: none;
}


.any-menu .nav-item:not(.disabled):hover {
    background: #d0d0d0;
    color: black;
}



.navbar-collapse {
    justify-content: flex-end;
}

.navbar-toggler {
    background: #fff !important;
}

.logo {
    padding: .5rem 1rem;
    display: inline-block;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}


.main-menu .navbar-nav .nav-link,
.main-submenu .navbar-nav .nav-link,
.main-page-menu .navbar-nav .nav-link {
    margin-right: 0 !important;
}


.main-menu .navbar {
    padding-bottom: 0;
}

.main-submenu .navbar {
    font-size: .95em;
    padding: .3rem 1rem;
}

.main-submenu .row {
    background-color: #e2e2e2 !important;
}

.main-submenu .nav-item.active {
    background-color: #f8f9fa;
}









div.images, div.files {
    border: 1px solid #ced4da;
    border-radius: 3px 4px;
    padding: 1em 1.5em;
}

    div.images.highlighted, div.files.highlighted {
        border: 2px dotted red;
    }

.imgcontainer ul.img-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.imgcontainer li.one-image {
    display: inline-block;
    margin-bottom: .5em;
    margin-right: 1em;
    width: 200px;
    height: 130px;
    background-color: aliceblue;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 0;
    position: relative;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}

    .imgcontainer li.one-image.main {
        border-width: 2px;
        border-color: #404596;
    }

.imgcontainer .one-image img, .news-list img {
    max-width: 198px;
    max-height: 128px;
    margin: 0;
}

.imgcontainer .one-image.main img {
    max-width: 194px;
    max-height: 125px;
    margin: 0;
}


.imgcontainer .one-image .progressbar {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    right: 0;
}






div.file-list {
    position: relative;
    min-height: 300px;
    border: 1px solid #ced4da;
    border-radius: 3px 4px;
    padding: 1em 1.5em;
}

    div.file-list.highlighted {
        border: 2px dotted red;
    }

    div.file-list .placeholder {
        margin-top: 100px;
        color: #ced4da;
        text-align: center;
    }


    div.file-list.files {
        min-height: 130px;
    }

        div.file-list.files .placeholder {
            margin-top: 20px;
        }




a.withoutaction {
    text-decoration: none;
    border-bottom: 1px dashed #007bff;
}



div.file-list .file-container ul.file-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.file-list.images .file-container li.one-file { /*image*/
    display: inline-block;
    margin-bottom: .5em;
    margin-right: 1em;
    width: 200px;
    height: 130px;
    background-color: aliceblue;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 0;
    position: relative;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}

    div.file-list.images .file-container li.one-file.main {
        border-width: 2px;
        border-color: #404596;
    }

div.file-list.images .file-container .one-file img,
.news-list img {
    max-width: 198px;
    max-height: 128px;
    margin: 0;
}

div.file-list.images .file-container .one-file.main img {
    max-width: 194px;
    max-height: 125px;
    margin: 0;
}

div.file-list.images .file-container .one-file .progressbar {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    right: 0;
}


.news-list .faq-updown {
    font-size: 2em;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: top;
}





div.file-list.files .file-container li.one-file { /*file*/
    position: relative;
}

div.file-list.files .file-container .one-file .progressbar {
    position: absolute;
    width: 0%;
    height: 3px;
    background-color: rgba(61, 132, 255, 0.7);
    bottom: 0;
    left: 0;
}



/*::placeholder {
  color: red;
  opacity: 1;
}
:-ms-input-placeholder { 
    color: red;
}
::-ms-input-placeholder { 
    color: red;
}*/

.form-control::-moz-placeholder {
    color: lightblue;
}

.form-control::-webkit-input-placeholder {
    color: lightblue;
}

.form-control:-ms-input-placeholder {
    color: lightblue;
}

.form-control::-ms-input-placeholder {
    color: lightblue;
}

.form-control::placeholder {
    color: lightblue;
}













.not-published {
    color: #929292;
    background-color: #f9f9f9;
}

/*.not-published a {
    color: #a7c6ff;
}*/

/*.pic-main {
    height: 400px;
    background: url('images/wp_001.jpg') no-repeat center center;
    background-size: cover;
}

.info-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    text-align: center;
    white-space: normal;
    width: 100%;
}*/


/*.header {
    position: relative;
    background-image: url('images/wp_001.jpg');
    background-size: cover;
    background-position: center;
    margin-bottom: 4em;
    height: 800px;
}*/




/*ul.list {
    /*margin-top: 2em;
    text-align: left;
    list-style-type: none;
    padding-left: 2em;
    margin: 1em 0 -.5em -.4rem;
}

    ul.list > li{
        text-indent: -1.4rem;
        display: list-item;
        margin-bottom: .5em;
        text-align: -webkit-match-parent;
    }

        ul.list > li::before {
            content: '\2014\a0';
            margin-right: 5px;
        }*/


ul.list {
    text-align: left;
    list-style-type: none;
    padding-left: 2em;
    margin: 1em 0 -.5em -.4rem;
}

    ul.list > li,
    .validation-summary-errors ul > li {
        text-indent: -1.4rem;
        display: list-item;
        margin-bottom: .5em;
        text-align: -webkit-match-parent;
    }

        ul.list > li::before,
        .validation-summary-errors ul > li::before {
            content: '\2014\a0';
            margin-right: 5px;
        }


ol.listnum {
    text-align: left;
    padding-left: 2em;
    margin: 1em 0 -.5em -.4rem;
}

    ol.listnum > li {
        text-indent: 1rem;
        display: list-item;
        margin-bottom: .5em;
        text-align: -webkit-match-parent;
    }


.validation-summary-errors ul {
    text-align: left;
    list-style-type: none;
    padding-left: 2em;
    margin-bottom: -.5em;
}














.jumbotron.main-block {
    position: relative;
    background-image: url('images/wp_001.jpg');
    background-size: cover;
    background-position: center;
    margin-bottom: 4em;
}

    .jumbotron.main-block p {
        color: white;
        font-size: 20px;
        /*width: 30%;*/
        line-height: 1.5;
        margin-top: 2em;
        margin-bottom: 2rem;
    }

    .jumbotron.main-block .ro-info {
        background-color: #00000075;
        color: white;
    }

        .jumbotron.main-block .ro-info p {
            font-size: 1em;
            margin-top: .3em;
            margin-bottom: 1.2em;
        }




    .jumbotron.main-block h1 {
        color: whitesmoke;
    }

.jumbotron .overlay {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    color: white;
}

.jumbotron .block-main-label {
    position: relative;
}


.jumbotron.news-photo .container {
    position: relative;
    min-height: 300px;
}

.news-photo .news-date,
.no-full-image .news-date {
    color: whitesmoke;
    font-family: Roboto;
    font-weight: 300;
}


.jumbotron.news-photo {
    margin-top: 0;
    margin-bottom: 1em;
}

@media (min-width: 576px) {
    .jumbotron.news-photo {
        margin-bottom: 1.8em;
    }
}

@media (min-width: 768px) {
    .jumbotron.news-photo {
        margin-bottom: 2.5em;
    }
}

.news-text {
    padding-bottom: 4em;
    padding-right: 2em;
}

.news .news-preview {
    max-width: 100%;
    margin-top: 5px;
    max-height: 130px;
}

.no-full-image .overlay {
    color: white;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    padding: 1em 1.5em;
    width: 100%;
}












.navigation-news {
    margin-top: 4em;
}

    .navigation-news h5 {
        margin-bottom: 1.5em;
    }


    .navigation-news span.news-date {
        display: block;
        font-family: 'Roboto',sans-serif;
        font-size: .9em;
        font-weight: 300;
        border-bottom: 1px solid #ececec;
        padding-bottom: .1em;
        margin-bottom: .1em;
    }

    .navigation-news span.news-header {
        font-size: 0.85em;
    }

    .navigation-news .active span.news-header {
        font-weight: bold;
    }

    .navigation-news .active span.news-date {
        border-bottom: 1px solid #7ad080;
    }

.navigation-inner:before {
    border-radius: 10px;
    left: -6px;
    top: -5px;
    height: 10px;
    width: 10px;
    background-color: black;
}

.navigation-news ul {
    border-left: 1px solid #e8e8e8;
    /*margin-left: 0.8em;*/
    margin-bottom: 2em;
    padding-left: 0;
    counter-reset: item;
    list-style-type: none;
}

    .navigation-news ul > li {
        margin-top: 0.5em;
        margin-bottom: 1.5em;
        padding-left: 2.5rem;
    }

        .navigation-news ul > li.active {
            background-color: lightgreen;
            padding: 1em 2rem;
        }

















/* Sticky footer - http://getbootstrap.com/docs/4.1/examples/sticky-footer/ */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 330px; /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 330px; /* Set the fixed height of the footer here */
    /*line-height: 300px; /* Vertically center the text there */
    background-color: #f5f5f5;
}
/*-------------------------------------------------------------------------------*/








.block-info-3col {
    text-align: center;
    margin-bottom: -1em;
}

    .block-info-3col p {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .block-info-3col img {
        width: 150px;
        height: 150px;
    }


.blockindex .digits {
    font-family: 'Roboto',sans-serif;
    font-size: 8em;
    font-weight: 100;
}

.blockindex span.selected {
    background-color: #ffffdc;
    padding: 0 .2em;
    border: 1px solid #ece8be;
    border-radius: 8px;
}

.blockindex .symbol {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
}

p.blockindex {
    margin-bottom: -1.5em;
    margin-top: -.5em;
}

p.infotext {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 5em;
}




.block-info-news {
    background-color: #f5f5f5;
    padding-top: 3em;
}

    .block-info-news .news {
        margin-top: 2em;
        margin-bottom: 3em;
    }

    .block-info-news .row {
        font-size: .95em;
    }

    .block-info-news .news h3 {
        margin-top: .4em;
        margin-bottom: 0;
        border-bottom: 1px solid #b5e2b4;
        padding-bottom: .5em;
    }


    .block-info-news .hr {
        width: 30%;
        height: 5px;
        background-color: #00b926;
        margin-bottom: 1em;
    }

    .block-info-news .news-date {
        font-family: 'Roboto',sans-serif;
        font-weight: 300;
    }

    .block-info-news h1 {
        border-bottom: solid 1px #e4e4e4;
    }

    .block-info-news p.source {
        font-family: 'Roboto',sans-serif;
        font-size: .9em;
        font-weight: 300;
    }



    .block-info-news .aboutus {
        /*margin-top: 1.5em;
        margin-bottom: 1.5em;*/
        padding-top: 1em;
        padding-bottom: 1.2em;
    }

        .block-info-news .aboutus h6 {
            margin-top: .4em;
            margin-bottom: 0;
            border-bottom: 1px solid #b5e2b4;
            padding-bottom: .5em;
        }


    .block-info-news .dictionary-item {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        padding-right: 1em;
    }





.block-map, .block-control {
    margin-top: 3em;
    margin-bottom: 4em;
}

    .block-map p.infotext {
        margin-bottom: 0;
    }

    .block-map img.map {
        width: 100%;
    }

    .block-map ul {
        font-size: 0.7em;
        margin-top: 2em;
        text-align: left;
        list-style-type: none;
        padding-left: 1.3em;
    }

        .block-map ul > li {
            text-indent: -1.3rem;
            display: list-item;
            margin-bottom: .5em;
            text-align: -webkit-match-parent;
        }

            .block-map ul > li::before {
                color: black;
                content: '\2014\a0';
                margin-right: 5px;
            }


    .block-map p.blockindex {
        margin-top: -1.5em;
    }


.block-faq {
    background-color: aliceblue;
    margin-top: 3em;
    margin-bottom: 4em;
    padding-top: 3em;
    padding-bottom: 1em;
}

    .block-faq h1 {
        margin-bottom: 1em;
        border-bottom: solid 1px #e4e4e4;
    }


#carouselExampleIndicators {
    min-height: 200px;
    padding-bottom: 3em;
}

.block-faq .carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.39);
}

    .block-faq .carousel-indicators li.active {
        background-color: rgba(0, 0, 0, 0.9);
    }


.block-faq .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>");
}

.block-faq .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/></svg>");
}

.carousel-control-next, .carousel-control-prev {
    width: 20px;
}

.table-faq {
    margin: 0 2em;
    font-size: .9em;
}

    .table-faq td {
        padding: .2em .5em;
        text-align: left;
        vertical-align: top;
    }

.faq-list .faq-question a {
    cursor: pointer;
    text-decoration: dashed;
    font-weight: bold
}

.faq-list a[aria-expanded='true'] p {
    margin-bottom: 0.5em;
    -webkit-transition: margin-bottom .2s;
    transition: margin-bottom .2s;
}

.faq-list a[aria-expanded='false'] p {
    margin-bottom: 1em;
    -webkit-transition: margin-bottom .2s;
    transition: margin-bottom .2s;
}


.faq-list .faq-question p {
    display: inline;
}

.faq-list .faq-question {
    margin-bottom: .6em;
    margin-top: .5em;
}


.news .faq-link,
h1 .faq-link,
h2 .faq-link,
h3 .faq-link,
h4 .faq-link,
h5 .faq-link,
h6 .faq-link {
    font-size: 14px;
}
/*.faq-question .faq-link,
.news .faq-link {
    display:none;
    color:forestgreen;
}
.faq-question:hover .faq-link,
.news:hover .faq-link{
    display:inline;
}
.faq-question .faq-link:hover,
.news .faq-link:hover {
    color:limegreen;
}*/

.faq-link {
    display: none;
    color: forestgreen;
}

.faq-question:hover .faq-link,
h1:hover .faq-link,
h2:hover .faq-link,
h3:hover .faq-link,
h4:hover .faq-link,
h5:hover .faq-link,
h6:hover .faq-link {
    display: inline;
}

.faq-link:hover {
    color: limegreen;
}




/*.faq-list div.show {
    margin-bottom:3em;
    -webkit-transition: margin-bottom .2s;
    transition: margin-bottom .2s;
}*/

.faq-list div.multi-collapse {
    margin-left: 2em;
}
/*.faq-list div.collapsing {
    margin-left:5em;
    opacity:0;
    -webkit-transition: margin-left .2s opacity .2s;
    transition: margin-left .2s opacity .2s;
}*/

div.faqitem.selected {
    border: 5px solid #ff00ef;
    padding: .7em 1.5em .5em;
    margin-bottom: 1em;
}






.block-control .item img {
    width: 90%;
    max-width: 130px;
    max-height: 200px;
    margin-bottom: 1em;
}

.block-control .item {
    margin-bottom: 2em;
    font-size: .8em;
}

    .block-control .item div {
        height: 130px;
        width: 120px;
        max-width: 80%;
        display: inline-block;
        margin-bottom: 1em;
    }

    .block-control .item .guber {
        background: url('images/control/guber.png') bottom no-repeat;
        background-size: contain;
    }

    .block-control .item .min_zhkh {
        background: url('images/control/min_zhkh.png') bottom no-repeat;
        background-size: contain;
    }

    .block-control .item .minstroy {
        background: url('images/control/minstroy.jpg') bottom no-repeat;
        background-size: contain;
    }

    .block-control .item .rtk {
        background: url('images/control/rtk.jpg') bottom no-repeat;
        background-size: contain;
    }

    .block-control .item .rosprirodnadzor {
        background: url('images/control/rosprirodnadzor.jpg') bottom no-repeat;
        background-size: contain;
    }

    .block-control .item .rozpotrebnadzor {
        background: url('images/control/rozpotrebnadzor.png') bottom no-repeat;
        background-size: contain;
    }

    .block-control .item div {
        background-size: contain;
    }






.news-text ul li {
    margin-bottom: 0.7em;
    list-style-type: none;
}

    .news-text ul li::before {
        color: black;
        content: '\2014\a0';
        float: left;
        margin-left: -1.5em;
    }

.news-text img {
    max-width: 100%;
}

.news-text span.imgdescr {
    display: block;
    text-align: center;
    margin-top: 1em;
    font-style: italic;
    font-size: .9em;
    font-family: 'Segoe UI';
}



/* Files Links*/
a.file, span.file {
    padding: 0 0 0 20px;
    margin-left: 3px;
    background: url(icons/files/unknowntype.png) no-repeat left 100%;
}

    a.file[href$='.doc'], a.file[filename$='.doc'],
    a.file[href$='.rtf'], a.file[filename$='.rtf'],
    a.file[href$='.docx'], a.file[filename$='.docx'] {
        background: url(icons/files/doc.png) no-repeat left 100%;
    }

    a.file[href$='.xls'], a.file[filename$='.xls'],
    a.file[href$='.xlsx'], a.file[filename$='.xlsx'] {
        background: url(icons/files/xls.png) no-repeat left 100%;
    }

    a.file[href$='.ods'], a.file[filename$='.ods'] {
        background: url(icons/files/ods.png) no-repeat left 100%;
    }

    a.file[href$='.odt'], a.file[filename$='.odt'] {
        background: url(icons/files/odt.png) no-repeat left 100%;
    }



    a.file[href$='.pdf'], a.file[filename$='.pdf'],
    a.file[href$='.PDF'], a.file[filename$='.PDF'] {
        background: url(icons/files/pdf.png) no-repeat left 100%;
    }

    a.file[href$='.txt'], a.file[filename$='.txt'] {
        background: url(icons/files/txt.png) no-repeat left 100%;
    }

    a.file[href$='.jpg'], a.file[filename$='.jpg'],
    a.file[href$='.JPG'], a.file[filename$='.JPG'],
    a.file[href$='.jpeg'], a.file[filename$='.jpeg'],
    a.file[href$='.JPEG'], a.file[filename$='.JPEG'],
    a.file[href$='.gif'], a.file[filename$='.gif'],
    a.file[href$='.png'], a.file[filename$='.png'] {
        background: url(icons/files/jpg.png) no-repeat left 100%;
    }

    a.file[href$='.tiff'], a.file[filename$='.tiff'],
    a.file[href$='.tif'], a.file[filename$='.tif'] {
        background: url(icons/files/tif.png) no-repeat left 100%;
    }

    a.file[href$='.logicdata'], a.file[filename$='.logicdata'] {
        background: url(icons/files/logic.png) no-repeat left 100%;
    }

    a.file[href$='.sch'], a.file[filename$='.sch'] {
        background: url(icons/files/eagle.png) no-repeat left 100%;
    }

    a.file[href$='.zip'], a.file[filename$='.zip'],
    a.file[href$='.rar'], a.file[filename$='.rar'],
    a.file[href$='.gzip'], a.file[filename$='.gzip'] {
        background: url(icons/files/zip.png) no-repeat left 100%;
    }

    a.file[href$='.mp3'], a.file[filename$='.mp3'],
    a.file[href$='.wav'], a.file[filename$='.wav'],
    a.file[href$='.aac'], a.file[filename$='.aac'] {
        background: url(icons/files/music.png) no-repeat left 100%;
    }

    a.file[href$='.avi'], a.file[filename$='.avi'],
    a.file[href$='.mkv'], a.file[filename$='.mkv'],
    a.file[href$='.mov'], a.file[filename$='.mov'],
    a.file[href$='.mp4'], a.file[filename$='.mp4'] {
        background: url(icons/files/movie.png) no-repeat left 100%;
    }

    a.file[href$='.mq5'], a.file[filename$='.mq5'] {
        background: url(icons/files/mq5.png) no-repeat left 100%;
    }

    a.file[href$='.cdr'], a.file[filename$='.cdr'] {
        background: url(icons/files/corel.png) no-repeat left 100%;
    }

    a.file[href$='.fzz'], a.file[filename$='.fzz'],
    a.file[href$='.fzpz'], a.file[filename$='.fzpz'] {
        background: url(icons/files/fzz.png) no-repeat left 100%;
    }

    a.file[href$='.ino'], a.file[filename$='.ino'],
    a.file[href$='.pde'], a.file[filename$='.pde'] {
        background: url(icons/files/ino.png) no-repeat left 100%;
    }

    a.file[href$='.py'], a.file[filename$='.py'] {
        background: url(icons/files/py.png) no-repeat left 100%;
    }


.filesize {
    color: gray;
}




.footer {
    color: white;
}

.footer-column-name {
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 300;
    margin-bottom: .8em;
    font-size: .9em;
}

.footer-row {
    margin-bottom: .7em;
    font-size: .8em;
}

.footer .row {
    margin-top: 1em;
    margin-bottom: 1em;
    color: white;
}

.footer-column-name.disabled,
.footer-row.disabled {
    color: rgba(255, 255, 255, 0.1);
}




.social-block {
    margin-top: 0;
}

.first-column .footer-row {
    font-size: 1em;
}

.footer-row a {
    color: #828282;
}

    .footer-row a.social {
        font-size: 2em;
        margin-right: .3em;
    }

    .footer-row a:hover {
        color: #fecb2e;
        text-decoration: none;
    }

.footer-down {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: .9em;
}

.last-footer {
    border-top: 1px solid #484848;
}


.footer .first-column i {
    width: 18px;
    text-align: center;
}



/*Настройка под ширину*/
@media (min-width: 576px) {
}

@media (min-width: 992px) {
    .social-block {
        margin-top: 2em;
    }

    body {
        margin-bottom: 310px; /* Margin bottom by footer height */
    }

    .footer {
        height: 315px; /* Set the fixed height of the footer here */
    }
}


.menu-phone {
    margin-right: 1rem;
    font-size: .8em;
    display: block;
}

@media (min-width: 440px) {
    .menu-phone {
        font-size: 1em;
        margin-right: 1rem;
    }
}

@media (min-width: 590px) {
    .menu-phone {
        display: inline;
    }
}

@media (min-width: 992px) {
    .menu-phone {
        font-size: 1.3em;
        font-weight: 500;
        margin-right: 1rem;
    }
}

.menu-login {
    margin-right: 1rem;
}


/*@media (min-width: 440px) {.header{height: 700px;}}
@media (min-width: 450px) {.header{height: 650px;}}
@media (min-width: 590px) {.header{height: 620px;}}
@media (min-width: 768px) {.header{height: 550px;}}
@media (min-width: 992px) {.header{height: 500px;}}*/



.fields {
    display: inline-block;
    width: 400px;
}


.nav-link.disabled {
    color: gray;
    cursor: default !important;
}

/*.nav-link:hover: {
    background: #f8f9fa !important;
    color: gray !important;

}*/

.tools-panel .nav-link.disabled {
    color: gray !important;
}


.topWindow {
    position: fixed;
    top: 0;
    z-index: 9999; /* Чтобы приклеенный элемент располагался над всеми остальными элементами страницы */
}









/*Боковая панель в панели управления*/
/**
 * Переключаемая боковая панель навигации
 * выдвигающаяся по клику слева
 */

nav.tools-panel {
    /*  ширна произвольная, не стесняйтесь экспериментировать */
    width: 320px;
    min-width: 320px;
    /* фиксируем и выставляем высоту панели на максимум */
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    /* сдвигаем (прячем) панель относительно левого края страницы */
    left: -320px;
    /* плавный переход смещения панели */
    -webkit-transition: left 0.1s;
    -moz-transition: left 0.1s;
    transition: left 0.1s;
    /* определяем цвет фона панели */
    background: #f9f9f9;
    /* поверх других элементов */
    z-index: 2000;
    color: black;
}

/**
 * Кнопка переключения панели
 * тег <label>
 */

.nav-toggle,
.nav-toggle-in-panel {
    position: absolute;
    left: 320px;
    top: 150px;
    padding: 0.5em;
    background: #007bff;
    color: white;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1;
    z-index: 2001;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    /* анимируем цвет текста при наведении */
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}

.nav-toggle-out-panel {
    padding: 0.5em;
    background: #fff;
    color: buttontext;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1;
    z-index: 2001;
    border-radius: 5px;
    /* анимируем цвет текста при наведении */
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}

.nav-toggle-in-panel {
    left: auto;
}




.nav-toggle:after,
.nav-toggle-out-panel:after {
    font-family: "Font Awesome 5 Free";
    content: '\f0c9'; /*bar*/
    font-weight: 900;
}

.nav-toggle:hover,
.nav-toggle-in-panel:hover {
    color: #f4f4f4;
}

.nav-toggle-out-panel:hover {
    background-color: #f4f4f4;
}
/**
 * Скрытый чекбокс (флажок)
 * невидим и недоступен :)
 * имя селектора атрибут флажка
 */

[id='nav-toggle'],
[id='nav-toggle-main'] {
    position: absolute;
    display: none;
}

    /**
 * изменение положения переключателя 
 * при просмотре на мобильных устройствах
 * когда навигация раскрыта, распологаем внутри панели
*/

    [id='nav-toggle']:checked ~ nav.tools-panel .nav-toggle,
    [id='nav-toggle-main']:checked ~ nav.tools-panel .nav-toggle-in-panel {
        /*    left: auto;
*/ right: 2px;
        top: 2px;
        border-radius: 3px;
        background-color: inherit;
        color: gray;
        position: sticky;
    }

    [id='nav-toggle-main']:checked ~ .nav-toggle-out-panel {
        display: none;
    }





    [id='nav-toggle']:checked ~ nav.tools-panel .nav-toggle:hover,
    [id='nav-toggle-main']:checked ~ nav.tools-panel .nav-toggle-in-panel:hover {
        color: white;
        background-color: #007bff;
        border-color: white;
    }
    /**
 * Когда флажок установлен, открывается панель
 * используем псевдокласс:checked
 */

    [id='nav-toggle']:checked ~ nav.tools-panel,
    [id='nav-toggle-main']:checked ~ nav.tools-panel {
        left: 0;
        box-shadow: 4px 0px 20px 0px rgba(0,0,0, 0.5);
        -moz-box-shadow: 4px 0px 20px 0px rgba(0,0,0, 0.5);
        -webkit-box-shadow: 4px 0px 20px 0px rgba(0,0,0, 0.5);
        overflow-y: auto;
    }

        /* 
 * смещение контента страницы
 * на размер ширины панели,
 * фишка необязательная, на любителя
*/

        /*[id='nav-toggle']:checked ~ main > article {
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
    transform: translateX(320px);
}*/

        /*
 * изменение символа переключателя,
 * привычный крестик (MULTIPLICATION X), 
 * вы можете испльзовать любой другой значок
*/

        [id='nav-toggle']:checked ~ nav.tools-panel > .nav-toggle:after,
        [id='nav-toggle-main']:checked ~ nav.tools-panel > .nav-toggle-in-panel:after {
            font-family: "Font Awesome 5 Free";
            content: '\f053'; /*close*/
            font-weight: 900;
        }

/**
 * профиксим баг в Android <= 4.1.2
 * см: http://timpietrusky.com/advanced-checkbox-hack
 */

body {
    -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
    to {
        padding: 0;
    }
}

/**
 * позаботьтимся о средних и маленьких экранах
 * мобильных устройств
 */

@media screen and (min-width: 320px) {
    html,
    body {
        /*margin: 0;*/
        overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    html,
    body {
        /*margin: 0;*/
        overflow-x: hidden;
    }

    .nav {
        width: 100%;
        box-shadow: none
    }
}




/* фон затемнения на основной контент 
 * при этом элементы блокируютя
 * спорная такая фича, если оно вам надо
 * просто раскомментируйте
*/


.mask-content {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
}

[id='nav-toggle-main']:checked ~ .mask-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
}


.tools-panel {
    display: block;
    padding: 1em 1em 3em 1em;
}

    .tools-panel ul {
        font-size: .9em;
    }

ul.tools-menu {
    display: block;
    /*margin:.5em .5em 2em;*/
    margin: 0;
    margin-bottom: 2em;
    padding: 0;
    list-style: none;
}

ul.role-checks {
    display: block;
    /*margin:.5em .5em 2em;*/
    margin: 0;
    margin-bottom: 1.6em;
    margin-top: .3em;
    padding: 0;
    list-style: none;
}

/*.tools-menu h5 {
    border-bottom: 1px solid lightgray;
}*/
.tools-panel li.active {
    background-color: #efefef;
    border-left: 5px solid forestgreen;
}


#mainmenu-toggler {
    padding: 0;
}


/*.employee {
    padding-left:2em;
    padding-top:1.5em;
}*/



span.role {
    padding: 2px 4px;
    background-color: #b9d8f7;
    color: white;
    border-radius: 4px;
    display: inline-block;
    margin-right: .2em;
    margin-bottom: .1em;
}

    span.role[role^='layweradmin'] {
        background-color: darkblue;
    }

    span.role[role^='lawyercontr'] {
        background-color: darkred;
    }

    span.role[role^='lawyerperson'] {
        background-color: darkviolet;
    }

    span.role[role='instructor'] {
        background-color: darkorange;
    }

    span.role[role^='contr'] {
        background-color: forestgreen;
    }

    span.role[role^='person'] {
        background-color: orangered;
    }

    span.role[role^='user'] {
        background-color: lightgray;
    }

    span.role[role$='admin'] {
        opacity: 1;
    }

    span.role[role$='2'] {
        opacity: 0.8;
    }

    span.role[role$='1'] {
        opacity: 0.6;
    }

    span.role[role$='0'] {
        opacity: 0.4;
    }


    span.role[role='admin'] {
        background-color: darkblue;
        opacity: 1;
    }

    span.role[role='reportsabon'] {
        background-color: darkred;
    }

    span.role[role='reportsbuh'] {
        background-color: darkorange;
    }

    span.role[role='reportscontrdebts'] {
        background-color: forestgreen;
    }

    span.role[role='reportspersondebts'] {
        background-color: orangered;
    }

    span.role[role='reportsemps'] {
        background-color: #2794ff;
    }

    span.role[role='reportsfin'] {
        background-color: #26d0d6;
    }

    span.role[role='reportsgis'] {
        background-color: #ff58ec;
    }


















table.maindata {
    margin-bottom: 3em;
}

.maindata td {
    padding: .5em .5em;
    vertical-align: top;
}

    .maindata td.paramname {
        color: gray;
        font-size: .9em;
    }

ul.list {
    margin: 1em 0 1.5em 1em;
}



.social img {
    width: 100%;
    max-width: 200px;
    margin-bottom: 2em;
}


.brand-images img {
    margin-top: 2em;
    margin-bottom: 3em;
}

    .brand-images img.vertical {
        max-height: 200px;
    }

    .brand-images img.horizontal {
        max-width: 100%;
        max-height: 60px;
    }

.brand-images .row {
    margin-top: 2em;
    margin-bottom: 3em;
}

    .brand-images .row p {
        padding-left: 2em;
        padding-right: 2em;
    }

.brand-images .file-format {
    margin-bottom: 3em;
}

    .brand-images .file-format span {
        /*font-family: 'PT Serif', 'Noto Serif', serif;
    font-style:italic;*/
        font-size: .9em;
        color: #b9b9b9;
    }

.brand-blanks .font {
    max-width: 100%;
    max-height: 200px;
    margin-bottom: 2em;
}

.brand-blanks h4, .brand-blanks h3 {
    margin-top: 2.5em;
    margin-bottom: 1em;
}

img.thumb {
    max-width: 100%;
    max-height: 100px;
    margin-bottom: 0.5em;
}


.register-form h2,
.register-form h3 {
    /*    margin-top:2.5em;
*/ margin-top: .5em;
}

.register-form h4 {
    margin-top: 2em;
    margin-bottom: 1em;
}

.field-name {
    margin-bottom: .5em;
}


/*.block-contacts h1,
    .block-contacts h2,
    .block-contacts h3 {
        border-bottom: solid 1px #e4e4e4;
    }*/

.block-contacts h2 {
    margin-top: 2em;
}


.bd-callout {
    padding: 1rem 1.25rem 0;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-block {
    border-left-color: #f0ad4e;
}

.bd-callout-block-right {
    border: 1px solid #eee;
    border-right-color: #f0ad4e;
    border-right-width: 0.25rem;
}

.bd-callout-daq {
    padding: .5rem 0.75rem 0.5rem 1.25rem;
    margin-top: 0;
    margin-bottom: .5rem;
}

.bd-callout-daa {
    padding: .5rem 0.75rem 0.5rem 0.75rem;
    margin-top: 0;
    margin-bottom: .25rem;
}

.bd-callout-dan {
    padding: .5rem 0.75rem 0.5rem 0.75rem;
}



table#docactions tr {
    background-color: #f8f9fa;
}
    /*    table#docactions tr .bd-callout {
        background-color: white;
    }
*/
    table#docactions tr .bd-callout-daanswerempty,
    table#docactions tr .bd-callout-danempty {
        padding: 1.25rem .75rem;
        border-width: 1px;
        font-size: 2rem;
    }

.bd-callout-daanswerempty:hover {
    border: 1px solid #c6e3fb !important;
}

.bd-callout-daanswerempty .action-btn,
.bd-callout-danempty .action-btn {
    margin: 0 .7rem;
}


table#docactions tr .bd-callout-danempty {
    border: 2px solid #6f94e3;
}

    table#docactions tr .bd-callout-danempty:hover {
        background-color: white;
        border-color: #3963bf;
    }






.add-item-link {
    /*padding-bottom:1.5em;*/
}

option:disabled {
    font-weight: bold;
    color: black;
}





.custom-file-label::after {
    content: "Выбрать...";
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

/*.bs-tooltip-auto[x-placement^=top] .arrow::before, 
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, 
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before, 
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before, 
.bs-tooltip-left .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #e8e9f3;
}*/

label.placeholder {
    color: lightblue;
}

.field-validation-error,
.validation-summary-errors,
.field-validation-warning,
.field-validation-green {
    font-size: .8em;
    /*font-family: Merriweather, serif;*/
    font-weight: bold;
    padding: 3px 6px;
    border-radius: 2px;
}

.field-validation-error, .validation-summary-errors {
    background-color: #dc3545 !important;
}

.field-validation-warning {
    background-color: #ffa01c !important;
}

.field-validation-green {
    background-color: #1e922f !important;
}



.text-danger {
    /*color: #dc3545!important;*/
    color: white !important;
}

.sum-danger {
    color: white !important;
    font-weight: bold;
    padding: 0 .5rem;
    background-color: #dc3545 !important;
    border-radius: 2px;
}




textarea.input-validation-error, input.input-validation-error {
    border-color: red;
}




.tooltip-inner {
    max-width: 500px;
    color: black;
    padding: .6rem 1rem;
    text-align: left;
    /*background-color:#e8e9f3;*/
    background-color: #ffd07f;
}

.required {
    font-weight: bold;
    color: red;
    margin-left: .2em;
}

.register-form label.label-inline {
    display: inline;
}



.Roboto-Light {
    font-family: 'Fira Sans';
    font-weight: lighter;
    font-style: normal;
    font-size: 50px;
    /*overflow-wrap: break-word;*/
    line-height: 60px;
    letter-spacing: 8px;
}

    .Roboto-Light span {
        font-size: 90px;
        line-height: 130px;
        letter-spacing: 0;
    }





.obj-number {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 300px;
    line-height: 220px;
    opacity: .05;
    letter-spacing: -20px;
    font-family: 'Fira Sans';
    z-index: 0;
}

.obj-id {
    /*position: absolute;
    top: 0;
    right: 2em;*/
    opacity: .2;
    /*font-family:'Fira Sans';*/
    font-size: .8em;
}



table.tariffs {
    margin-bottom: 3em;
    margin-top: 3em;
}

    table.tariffs td {
        vertical-align: middle;
    }

.page-tariffs p {
    margin-bottom: 2em;
}

.block-contacts table .comment {
    color: lightgray;
}

.block-contacts table td.contacts {
    font-size: .9em;
}

    .block-contacts table td.contacts div {
        margin-bottom: .5em;
    }

.block-contacts table.abon tr:hover {
    background-color: #f5f5f5;
}



.all-requests table tr.confirmed-not {
    color: #dadada;
}
/*.all-requests table tr.confirmed-not*/
span.state-confirmed-not a {
    color: indianred;
}
/*.all-requests table tr.confirmed-ok*/
span.state-confirmed-ok {
    color: palegreen;
}


.tariffs-personal th {
    text-align: center;
}

.tariffs-personal .tariff-group {
    font-weight: bold;
    background-color: ghostwhite;
}

.tariffs-personal td:nth-child(2),
.tariffs-personal td:nth-child(3),
.tariffs-personal td:nth-child(4),
.tariffs-personal td:nth-child(5),
.tariffs-personal td:nth-child(6),
.tariffs-personal td:nth-child(7) {
    text-align: right;
}

.tariffs-personal td:nth-child(2),
.tariffs-personal td:nth-child(3),
.tariffs-personal td:nth-child(4),
.tariffs-personal td:nth-child(5),
.tariffs-personal td:nth-child(6),
.tariffs-personal td:nth-child(7) {
    text-align: right;
}

/*.tariffs-personal_22_2 td:last-child,
*/ .tariffs-personal_22_2 td:nth-last-child(-n+2) {
    text-align: right;
}



.request-state {
    font-size: .9em;
}

.param-name {
    color: #b5b5b5;
}

.param-value {
    /*font-size:1.1em;*/
}

.param-bold {
    font-weight: bold;
}

.param-obj-name {
    margin-top: .3em;
    font-size: 1.5em;
    line-height: 1.4em;
    border: 1px solid #8fc2ff;
    border-radius: 5px;
    padding: .5em 1em;
    background-color: #f4f9ff;
}

    .param-obj-name.val-error {
        background-color: #f8d7da;
        height: 100px;
        text-align: center;
        border: 1px solid #f5c6cb;
    }

.param-obj-label {
    font-size: 1.1em;
}


.font-smaller {
    font-size: .9em;
}

.large {
    font-size: 1.15rem;
}

.large1 {
    font-size: 1rem;
}

.large08 {
    font-size: .8rem;
}

.large2 {
    font-size: 1.1rem;
}

.larger {
    font-size: 1.3rem;
}

.one-size {
    font-size: 1em;
}

.smaller {
    font-size: .75em;
}

.small95 {
    font-size: 95% !important;
}

.small90 {
    font-size: 90% !important;
}

.small85 {
    font-size: 85% !important;
}

.small80 {
    font-size: 80% !important;
}

.small75 {
    font-size: 75% !important;
}

.small70 {
    font-size: 70% !important;
}

.large100 {
    font-size: 100% !important;
}

.large105 {
    font-size: 105% !important;
}

.large110 {
    font-size: 110% !important;
}

.large115 {
    font-size: 115% !important;
}

.large120 {
    font-size: 120% !important;
}

.large125 {
    font-size: 125% !important;
}

.large130 {
    font-size: 130% !important;
}

.large135 {
    font-size: 135% !important;
}

.large140 {
    font-size: 140% !important;
}





.opacity9 {
    opacity: 0.9 !important;
}

.opacity8 {
    opacity: 0.8 !important;
}

.opacity7 {
    opacity: 0.7 !important;
}

.opacity6 {
    opacity: 0.6 !important;
}

.opacity5 {
    opacity: 0.5 !important;
}

.opacity4 {
    opacity: 0.4 !important;
}

.opacity3 {
    opacity: 0.3 !important;
}



table.input-small-padding input,
table.input-small-padding select,
table.input-small-padding div.input-group-text {
    padding: .2rem .4rem;
    height: auto;
    border-radius: 0.15rem;
}

div.input-group.date div.input-group-append .input-group-text {
    border-top-right-radius: 0.15rem !important;
    border-bottom-right-radius: 0.15rem !important;
}



/*  Стили файлов */
.icon-file {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: .5em;
    max-width: 150px;
    vertical-align: top;
}

    /*a.file, span.file {
    padding: 0 0 0 20px;
    margin-left: 3px;
    background: url(icons/files/unknowntype.png) no-repeat left 100%;
}*/

    .icon-file div.file-icon {
        min-width: 60px;
        height: 60px;
    }


    .icon-file a[filename] div.file-icon {
        background: url(large-files/file.svg) no-repeat center 100%;
    }

    .icon-file a[filename$='.doc'] div.file-icon,
    .icon-file a[filename$='.docx'] div.file-icon {
        background: url(large-files/doc.svg) no-repeat center 100%;
    }

    .icon-file a[filename$='.xls'] div.file-icon,
    .icon-file a[filename$='.xlsx'] div.file-icon {
        background: url(large-files/xls.svg) no-repeat center 100%;
    }

    .icon-file a[filename$='.rtf'] div.file-icon {
        background: url(large-files/rtf.svg) no-repeat center 100%;
    }

    .icon-file a[filename$='.jpg'] div.file-icon,
    .icon-file a[filename$='.jpeg'] div.file-icon {
        background: url(large-files/jpg.svg) no-repeat center 100%;
    }
    /*.icon-file a[filename$='.tiff'] div.file-icon,
.icon-file a[filename$='.tif'] div.file-icon {
        background: url(large-files/jpg.svg) no-repeat center 100%;
    }*/
    .icon-file a[filename$='.pdf'] div.file-icon {
        background: url(large-files/pdf.svg) no-repeat center 100%;
    }

    .icon-file a[filename$='.png'] div.file-icon {
        background: url(large-files/png.svg) no-repeat center 100%;
    }

    .icon-file a[filename$='.rar'] div.file-icon {
        background: url(large-files/rar.svg) no-repeat center 100%;
    }

    .icon-file a[filename$='.zip'] div.file-icon {
        background: url(large-files/zip.svg) no-repeat center 100%;
    }

    .icon-file a[filename$='.tif'] div.file-icon,
    .icon-file a[filename$='.tiff'] div.file-icon {
        background: url(large-files/tif.svg) no-repeat center 100%;
    }




    .icon-file a {
        color: blue;
    }

        .icon-file a:visited {
            /*color:mediumpurple;*/
            color: #9722d1;
        }
    /*.icon-file a:visited div.file-icon {
    opacity:.9;
}*/
    .icon-file .file-name {
        overflow-x: hidden;
        font-size: .9em;
    }


    .icon-file .file-size {
        font-size: .8em;
        text-align: center;
        color: gray;
    }



.bd-callout-files,
.bd-callout-markers {
    margin-top: .5rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-files {
    padding: 1rem 1.25rem 0;
}

.bd-callout-markers {
    padding: .75rem 1rem .25rem;
}


.contr-request .digits {
    font-family: 'Roboto',sans-serif;
    font-size: 3em;
    font-weight: 100;
    padding: 0 .1em;
}

    .contr-request .digits.bold {
        font-weight: 300;
    }

.contr-request .symbol {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: .9em;
}

.contr-request div {
    text-align: center;
    padding: 0 .5em;
}


.add-item-link a {
    position: relative;
    z-index: 999999
}


.modal-body {
    font-size: .8em;
}

    .modal-body select,
    .modal-body textarea,
    .modal-body input,
    .modal-body .btn-sm {
        font-size: 1.05em;
    }

.modal-lg {
    max-width: 1000px;
}

.modal-xl {
    max-width: 1400px;
}


.loading-animation {
    display: inline-block;
    width: 200px;
    height: 200px;
    background: url(images/svg/loading.svg) no-repeat center 100%;
}

.loading-label {
    margin-left: 2em;
    margin-right: 4em;
    font-size: 1.5em;
}

.popup-form .row.form-group {
    margin-bottom: .35rem;
}

img.loading-icon {
    height: 38px;
    width: 100%;
    display: none;
}



.errors {
    position: relative;
    display: block;
    border-radius: 3px;
    border: 1px solid #f5c6cb;
    padding: .3rem .8rem;
    font-size: .85em;
    /*padding-left:30px;
    color:darkred;*/
    margin-top: .5em;
    /*background-color:#f8d7da;*/
}

    .errors:before {
        content: "\f071"; /* this is your text. You can also use UTF-8 character codes as I do here */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        /*left:15px;
    position:absolute;*/
        color: indianred;
        margin-right: .25rem;
    }

.obj-is-used {
    color: gray;
}

.contract-row span[contractstate='1'] {
    color: #007bff;
}

.contract-row span[contractstate='2'] {
    color: #00BCD4;
}

.contract-row span[contractstate='3'] {
    color: #F44336;
}

.contract-row span[contractstate='4'] {
    color: #9C27B0;
}

.contract-row span[contractstate='5'] {
    color: #4caf50;
}

.contract-row span[contractstate='6'] {
    color: #da00ff;
}

.contract-row span[contractstate='7'] {
    color: #bbbbbb;
}

.contrclaim-row span[ccState='1'] {
    color: #007bff;
}

.contrclaim-row span[ccState='1'] {
    color: #007bff;
}

.contrclaim-row span[ccState='3'] {
    color: orange;
}
/*color:#00BCD4;*/
.contrclaim-row span[ccState='4'] {
    color: #F44336;
}

.contrclaim-row span[ccState='5'] {
    color: #9C27B0;
}

.contrclaim-row span[ccState='6'] {
    color: #4caf50;
}

.personclaim-row span[pcState='1'] {
    color: #007bff;
}

.personclaim-row span[pcState='2'] {
    color: orange;
}
/*color:#00BCD4;*/
.personclaim-row span[pcState='3'] {
    color: #F44336;
}

.personclaim-row span[pcState='4'] {
    color: #9C27B0;
}

.personclaim-row span[pcState='5'] {
    color: #007bff;
}

.personclaim-row span[pcState='6'] {
    color: #4caf50;
}

.personclaimexcerpt-row span[pceState='1'] {
    color: #007bff;
}

.personclaimexcerpt-row span[pceState='2'] {
    color: orange;
}
/*color:#00BCD4;*/
.personclaimexcerpt-row span[pceState='3'] {
    color: #4caf50;
}

.personclaimexcerpt-row span[pceState='4'] {
    color: #F44336;
}

.personclaimexcerpt-row span[pceState='5'] {
    color: #9C27B0;
}


.doc-row span[dsState='1'] {
    color: #007bff;
}

.doc-row span[dsState='2'] {
    color: #00BCD4;
}

.doc-row span[dsState='3'] {
    color: #00BCD4;
}

.doc-row span[dsState='4'] {
    color: #9C27B0;
}

.doc-row span[dsState='5'] {
    color: #4caf50;
}

.doc-row span[dsState='6'] {
    color: #da00ff;
}

.doc-row span[dsState='7'] {
    color: orange;
}

.doc-row span[dsState='10'] {
    color: #bbbbbb;
}




/*.excerpt-row span[pceState='1'] {color:#007bff;}
.excerpt-row span[pceState='2'] {color:orange;}*/ /*color:#00BCD4;*/
/*.excerpt-row span[pceState='3'] {color:#4caf50;}
.excerpt-row span[pceState='4'] {color:#F44336;}*/
tr.excerpt-row[stateid='5'] td {
    color: gray;
    text-decoration: line-through;
    text-decoration-color: rgba(0, 0, 0, 0.16) !important
}
/*.personclaimexcerpt-row span[pceState='4'] {color:#9C27B0;}
.personclaimexcerpt-row span[pceState='5'] {color:#4caf50;}
*/
.payorder-row span[poState='1'] {
    color: #007bff;
}

.payorder-row span[poState='2'] {
    color: orange;
}
/*color:#00BCD4;*/
.payorder-row span[poState='3'] {
    color: #9C27B0;
}

.payorder-row span[poState='4'] {
    color: #F44336;
}

.payorder-row span[poState='5'] {
    color: #4caf50;
}

.payorder-row span[poState='6'] {
    color: #007bff;
}

.payorder-row span[poState='7'] {
    color: #49bcff;
}

.payorder-row span[poState='8'] {
    color: #ff9090;
}

.payorder-row span[poState='9'] {
    color: #b9b9b9;
}

.postorder-row span[poState='1'] {
    color: #007bff;
}

.postorder-row span[poState='2'] {
    color: orange;
}
/*color:#00BCD4;*/
.postorder-row span[poState='3'] {
    color: #9C27B0;
}

.postorder-row span[poState='4'] {
    color: #da00ff;
}

.postorder-row span[poState='5'] {
    color: #4caf50;
}

.postorder-row span[poState='6'] {
    color: #F44336;
}

.postorder-row span[poState='7'] {
    color: #c1c8cf;
}
/*.postorder-row span[poState='7'] {color:#b9b9b9;}
*/
tr.postorder-row[poState='6'] {
    color: #F44336;
    background-color: #fff2f2;
}


.docanswerway-row span[dawState='2'] {
    color: #bbbbbb;
}
/*color:#00BCD4;*/
.docanswerway-row span[dawState='3'] {
    color: #4caf50;
}

.docanswerway-row span[dawState='4'] {
    color: #F44336;
}




span[contrTypeState='0'] {
    color: #ffdbff;
}

span[contrTypeState='1'] {
    color: #adffb0;
}

.row-danger span[contrTypeState='0'] {
    color: #ff8aff;
}

.row-danger span[contrTypeState='1'] {
    color: #4caf50;
}


span[ccState],
span[ccSubState],
span[contractstate] {
    min-width: 25px;
    display: inline-block;
}

span[contrTypeState] {
    min-width: 16px;
    display: inline-block;
}

/*table span.text-danger {
    font-size:1em;
    }*/



span.disabled-accr,
.row-disabled,
.row-disabled a,
.td-disabled {
    color: lightgray !important;
    text-decoration: line-through;
}




span[docRequestState='-1'] {
    color: #d8d8d8;
}

span[docRequestState='1'] {
    color: #F44336;
}
/*span[docRequestState='2'] {color:#9C27B0;}*/
span[docRequestState='2'] {
    color: #00BCD4;
}

span[docRequestState='3'] {
    color: #4caf50;
}


.recact-row span[state='1'], span[recactstate='1'] {
    color: #007bff;
}

.recact-row span[state='2'], span[recactstate='2'] {
    color: #00BCD4;
}

.recact-row span[state='3'], span[recactstate='3'] {
    color: #4caf50;
}

.recact-row span[state='4'], span[recactstate='4'] {
    color: #F44336;
}

.recact-row span[state='5'], span[recactstate='5'] {
    color: #da00ff;
}

.contraccrualwriteoff-row span[state='1'], span[contraccrualwriteoffstate='1'] {
    color: #007bff;
}

.contraccrualwriteoff-row span[state='2'], span[contraccrualwriteoffstate='2'] {
    color: #F44336;
}

.contraccrualwriteoff-row span[state='3'], span[contraccrualwriteoffstate='3'] {
    color: #00BCD4;
}

.contraccrualwriteoff-row span[state='4'], span[contraccrualwriteoffstate='4'] {
    color: #4caf50;
}
/*.contraccrualwriteoff-row span[state='5'], span[contraccrualwriteoffstate='5'] {color:#da00ff;}
*/


span.paytype[typeid='1'] {
    color: rgba(75, 175, 80, 0.5);
}

span.paytype[typeid='2'] {
    color: rgba(5, 170, 245, 0.5);
}

span.paytype[typeid='3'] {
    color: rgba(244, 100, 245, 0.5);
}

span.paytype[typeid='4'] {
    color: rgba(34, 139, 34, 0.5);
}

span.paytype[typeid='-1'] {
    color: rgba(245, 65, 55, 0.5);
}

span.paytype[typeid='-2'] {
    color: rgba(55, 129, 245, 0.5);
}


span.mdstate[state='1'] {
    color: #007bff;
}

span.mdstate[state='2'] {
    color: #00BCD4;
}

span.mdstate[state='3'] {
    color: #9C27B0;
}

span.mdstate[state='4'] {
    color: #4caf50;
}

span.mdstate[state='5'] {
    color: #da00ff;
}

span.mdstate[state='6'] {
    color: #F44336;
}

span.mdtype[typeid='-1'] {
    color: #F44336;
}

span.mdtype[typeid='1'] {
    color: #007bff;
}

span.mdtype[typeid='2'] {
    color: #4caf50;
}

span.mdtype[typeid='3'] {
    color: #00BCD4;
}

span[esstate='1'] {
    color: #007bff;
}

span[esstate='2'] {
    color: #9C27B0;
}

span[esstate='3'] {
    color: #00BCD4;
}

span[esstate='4'] {
    color: #4caf50;
}

span[esstate='10'] {
    color: #F44336;
}



tr.exemptioncalc-row td {
    padding-top: 0;
    border-top: 0;
}






.contract-actions i {
    margin-right: .5em;
}

.contract-actions a {
    text-decoration: none;
}


.contract-row a.action-btn.disabled,
.pdr-row a.action-btn.disabled {
    color: lightgray;
    cursor: default;
}

tr .contract-row:hover {
    background-color: ghostwhite;
}


.rq-row span[contractstate='1'] {
    color: indianred;
}

.rq-row span[contractstate='2'] {
    color: palegreen;
}

.rq-row span[contractstate='3'] {
    color: orange;
}

.rq-row span[contractstate='4'] {
    color: #9C27B0;
}

    .rq-row span[contractstate='4'][allreadychanged='true'] {
        color: #9C27B0;
    }

    .rq-row span[contractstate='4'][allreadychanged='false'] {
        color: palegreen;
    }

.rq-row span[contractstate='5'] {
    color: #4caf50;
}

.rq-row span[contractstate='8'] {
    color: #00BCD4;
}

.rq-row span[contractstate='9'] {
    color: #4caf50;
}

.rq-row span[contractstate='10'] {
    color: #da00ff;
}

.rq-row span[contractstate='20'] {
    color: #d2d2d2;
}


.black, .black a {
    color: black !important;
}

.gray, .gray a {
    color: #9e9e9e !important;
}

.lightgray, .lightgray a {
    color: #dee2e6 !important;
}

.red, .red a {
    color: #dc3545 !important;
}

.green, .green a {
    color: #20c32e !important;
}

.darkgreen, .darkgreen a {
    color: forestgreen !important;
}

.orange, .orange a {
    color: #ffc107 !important;
}

.light-blue, .light-blue a {
    color: #2196F3 !important;
}

.purple, .purple a {
    color: magenta !important;
}

.darkpurple, .darkpurple a {
    color: #c100c1 !important;
}

.darkred, .darkred a {
    color: darkred !important;
}

.blue, .blue a {
    color: #007bff !important;
}

.white, .white a {
    color: white !important;
}


.bg-lightgray {
    background-color: #f3f3f3 !important;
}

.bg-blue {
    background-color: #007bff !important;
}

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



.da-question-description {
    border-left: 1px solid #eee;
}

.border-color-lightgray {
    border-color: rgba(0,0,0,.04)
}



a.originalcolor {
    color: #007bff !important;
}


td.border-bottom-gray,
table.no-border td.border-bottom-gray {
    border-bottom: 1px solid #dee2e6 !important;
}

td.border-bottom-lightgray,
table.no-border td.border-bottom-lightgray {
    border-bottom: 1px solid #edeff1 !important;
}






.font-normal {
    font-weight: normal !important;
}


tr.darkred {
    background-color: #ffeded;
}


.rq-address {
    color: #9e9e9e;
    font-size: 0.95em;
}




.contract-history .bubble {
    /*border:1px solid #ececec;
    border-radius:5px;*/
    width: 80%;
    display: inline-block;
    /*margin:1em 0;*/
    font-size: .9em;
    /*padding:1em 1.5em;*/
}

.contract-history[side='1'] {
    text-align: left;
}

.contract-history[side='2'] {
    text-align: right;
}

.contract-history .date {
    color: gray;
}

.contract-history .name {
    font-weight: bold;
    margin: .3em 0;
}


.bd-callout-block[side='2'] {
    border: 1px solid #eee;
    border-right-color: #f0ad4e;
    border-right-width: .25rem;
}


.contract-history .empname {
    color: lightgray;
    font-size: 0.9em;
}


div.filter {
    padding: .1rem .5rem;
    display: inline-block;
}

    div.filter.active {
        padding: .25rem .5rem;
        border: 1px solid #a2c3e4;
        border-radius: 4px;
        background-color: #e9f4ff;
    }

a.btn-edit-near-h {
    margin-left: .5em;
}


ul.schedule > li {
    text-indent: -1.8rem;
    margin-bottom: 1.5em;
}


.search-result {
    background-color: yellow;
}


.newemployees {
    font-size: .8em
}

    .newemployees input {
        font-size: .9em
    }

.notactual {
    color: darkgray;
}

.notvisible {
    color: darkgray;
}

.notactive {
    color: #ffa6a6;
}


table.employees tr.isgroup {
    font-weight: bold;
    background-color: aliceblue;
}

table.employees td,
table.employees th {
    padding: .5rem;
}





table.employees tr:hover {
    background-color: #f7f8f9;
}


.verify-added-info {
    max-height: 400px;
    overflow-y: auto;
}

td.contr-icon[isperson='true'] {
    color: #a0dea3;
    text-align: center;
}

td.contr-icon[isperson='false'] {
    color: #a0b5de;
    text-align: center;
}

/*#warning-add-objs {
    border: 1px solid #afe2af;
    border-radius: 5px;
    padding: 1em 2em;
    background-color: #ddffda;
    font-size: 1.2em;
    display:none;
}*/

#searchresults .popup-info,
#loading.popup-info {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    box-shadow: 0px 5px 5px #d2d2d2;
    padding: .5em 1em;
    background-color: white;
    z-index: 9999999;
}

div.results {
    z-index: 9999999;
}

.popup-info .row {
    padding: .2em 0;
}

.popup-info .result-row:hover {
    background-color: aliceblue;
}

.pays-block {
    padding-top: 1em;
    border-radius: 10px;
    border: 1px solid white;
}

    .pays-block:hover {
        border: 1px solid #d3d3d3;
        background-color: #edfbff;
    }


    .pays-block div {
        margin-bottom: 1em;
    }

        .pays-block div > img,
        .pays-block div > a > img {
            max-width: 90%;
        }

    .pays-block.soon div > img {
        opacity: .2;
    }

.contrrequests-list, .contrdocs-list {
    font-size: .95em;
}

    .contrdocs-list tr.contract-row {
        font-size: 1.15em;
        font-weight: bold;
        background-color: #f7f7f7;
    }

    .contrdocs-list tr.docs td {
        border: 0;
    }

    .contrdocs-list tr.docs.checked {
        background-color: #d4e1f7;
    }

    .contrdocs-list tr.contract-row.maincontract td {
        padding-bottom: 0 !important;
    }

    .contrdocs-list tr.contract-row.childcontract td {
        padding-top: 0 !important;
        border-top: 0 !important;
    }

    .contrdocs-list tr.year td {
        border-bottom: 1px solid #dee2e6;
        border-top: 1px solid #dee2e6;
        background-color: aliceblue;
    }






tr.docs.disabled a {
    color: #ccdcef;
}

tr.docs.disabled {
    color: lightgray;
}

.flex-docrow-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .flex-docrow-container > .flex-docsinfo {
        -webkit-flex: auto;
        flex: auto;
    }

    .flex-docrow-container > .flex-tariff {
        /*        width: 5rem;
*/
    }






tr.pdr-row:hover {
    background-color: #fbfbfb;
}

tr.pdr-row.expired {
    background-color: #ffeeee;
}

    tr.pdr-row.expired:hover {
        background-color: #ffe9e9;
    }


.danger-block {
    border-radius: .5em;
    padding: .5em 1em;
    background-color: #dc3545 !important;
    color: white;
}

#myTab .nav-link {
    padding: .3rem .6rem !important;
}

.digits {
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
}

.houseNum {
    min-width: 2rem;
}


.build-icon i.fa-building {
    color: #ffdbff;
}

.build-icon i.fa-home {
    color: #ffefd7;
}

.build-icon i.fa-tree {
    color: #b9ffb4;
}


.house-item {
    min-height: 30px;
    display: inline-block;
    width: 100%;
}

    .house-item .remove {
        display: none;
    }

    .house-item:hover .remove {
        display: inline;
    }

    .house-item:hover {
        background-color: aliceblue;
        border-radius: 5px;
    }

    .house-item.not-unique {
        background-color: #ffc6c6;
        border-radius: 5px;
    }

    .house-item.not-unique {
        background-color: #ffc6c6;
        border-radius: 5px;
    }

    .house-item span.badge {
        font-size: 60%;
        vertical-align: text-top;
    }

    .house-item i.fas.fa-users {
        color: #bfdeff;
    }



div.multi-column {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}


div.multi-column6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

div.multi-column4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-width: 230px;
    -moz-column-width: 230px;
    column-width: 230px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}




/*.block-header*/
span.badge {
    vertical-align: text-top;
    margin-left: .25rem !important;
}

.docactions-list span.badge,
.docactions-list a.badge {
    vertical-align: middle;
    padding-bottom: 0.35em !important;
}


span.badge.header-count {
    vertical-align: top;
    margin-top: .5rem !important;
    margin-left: .25rem !important;
}

span.badge.more {
    /*vertical-align:middle;*/
    font-size: 75%;
}


.docaction-msg {
    margin: 1.2rem 1.5rem;
}

/*tr.docaction-row[collapsed="true"] div.docaction-msg,
tr.docaction-row[collapsed="true"] div.docaction-files {
    display:none;
}
*/

.obj-disabled,
.obj-disabled .badge-light {
    color: darkgray !important;
}


    .obj-disabled a:not(.badge) {
        color: #007bff96 !important;
    }

    .obj-disabled .badge:not(:hover) {
        opacity: 0.5;
    }

    /*.obj-disabled a.badge {
    color:white!important;
}
.obj-disabled .badge {
    color:white!important;
}
*/





    .obj-disabled .digits,
    .multi-column .obj-disabled,
    .obj-disabled .houseNum a {
        text-decoration: line-through;
    }
/*@media (min-width: 440px) {
    div.multi-column {
        -webkit-column-count:2;  
        -moz-column-count:2;  
        column-count:2;  
        -webkit-column-width: 200px;
        -moz-column-width: 200px;
        column-width: 200px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}
@media (min-width: 590px) {
    div.multi-column {
        -webkit-column-count:2;  
        -moz-column-count:2;  
        column-count:2;  
    }
}
@media (min-width: 768px) {
    div.multi-column {
        -webkit-column-count:3;  
        -moz-column-count:3;  
        column-count:3;  
    }
}
@media (min-width: 992px) {
    div.multi-column {
        -webkit-column-count:4;  
        -moz-column-count:4;  
        column-count:4;  
    }
}*/



tr.row-danger {
    background-color: #ffdfe4;
}

tr.row-ok {
    background-color: #dfffe4;
}

.table:not(.no-border) td,
.table:not(.no-border) td,
.table:not(.no-border) th {
    padding: .35rem .5rem;
    vertical-align: top;
    border-bottom: 1px solid #dee2e6;
}

.table.table-changed-props:not(.no-border) td,
.table.table-changed-props:not(.no-border) td,
.table.table-changed-props:not(.no-border) th {
    padding: .15rem .4rem !important;
}

.table.table-changed-props {
    margin-bottom: .25rem !important
}


tr:not(:last-child).no-border td {
    border: none !important
}

tr:last-child.no-border td {
    border-top: none !important
}

table#docactions tr.no-border td {
    border: none !important
}

.table:not(.no-border) > tr:first-child td, 
.table:not(.no-border) tr:first-child th {
    padding: .35rem .5rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}


.table.no-border td, .table.no-border th {
    border: 0 !important;
}








.posts .table-sm td, .posts .table-sm th {
    padding: .1rem .2rem;
}

.posts .table-sm th {
    padding: .2rem;
}

.posts .table-sm td.action-buttons-panel {
    padding-top: .05rem;
    padding-bottom: .05rem;
}





.table th {
    background-color: #f8f9fa;
}
/*.table tr:last-child {
    border-bottom: 1px solid #dee2e6;
}
*/
.table:not(.no-border) tr:hover {
    background-color: #f8f9fa;
}

.table tr:hover.row-danger {
    background-color: #ffced6;
}

.table tr:hover.row-ok {
    background-color: #c9ffd1;
}


.row-danger {
    background-color: #ffdfe4;
}





.table tr.report-group,
.table tr.report-group:hover {
    font-weight: bold;
    background-color: #f8f9fa !important;
}




.table tr.sumresult {
    border-bottom: 0;
}

    .table tr.sumresult:hover {
        background: none !important;
    }

.table tr.report-row:not([state='0']) a.btnEdit {
    display: none;
}

.table tr.report-row:not([state='0']) td.state::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f252";
    color: #e2e2e2;
}



/*tr.post-row[collapsed="false"] div.plus,
tr.post-row[collapsed="true"] div.minus,
tr.attendance-group[collapsed="false"] div.plus,
tr.attendance-group[collapsed="true"] div.minus {
    display: none;
}
*/
tr[collapsed="false"] div.plus,
tr[collapsed="true"] div.minus {
    display: none;
}



tr.post-group td {
    font-weight: bold;
    background-color: #f8f9fa;
}

div.contrdocs-list tr.year[collapsed="false"] div.plus,
div.contrdocs-list tr.year[collapsed="true"] div.minus {
    display: none;
}

div.contrdocs-list tr.contract-row[collapsed="false"] div.plus,
div.contrdocs-list tr.contract-row[collapsed="true"] div.minus,
table.pays-list tr[collapsed="false"] div.plus,
table.pays-list tr[collapsed="true"] div.minus {
    display: none;
}



tr.docs.removed,
tr.docs.waiting-to-remove {
    color: lightgray;
}

    tr.docs.removed div:not(.info),
    tr.docs.removed ul {
        text-decoration: line-through;
    }

tr.docs div.info {
    margin-top: -.3em;
    margin-left: 1em;
}

tr.docs.removed div.info,
tr.docs.waiting-to-remove div.info {
    color: gray;
}

tr.docs.removed div.alert,
tr.docs.waiting-to-remove div.alert {
    text-decoration: none;
}





table.valign-center td,
table td.valign-center {
    vertical-align: middle;
}

table.valign-bottom td,
table td.valign-bottom {
    vertical-align: bottom;
}



/*.bootstrap-datetimepicker-widget .table td, .table th {
    padding: .1rem;
}*/
div.datepicker .table-sm td,
div.datepicker .table-sm th {
    padding: .3rem;
}



table.table.pays td div.description {
    font-size: 0.9em;
}



tr td.btn-actions a {
    visibility: hidden;
    margin-right: .25rem;
}

tr td.btn-actions {
    font-size: 1.3em;
}

    tr td.btn-actions a {
        visibility: hidden;
    }

tr:not([readonly="readonly"]):hover td:not([readonly="readonly"]).btn-actions a {
    visibility: visible;
}

tr.row-another-count td {
    border-top: 2px solid #8186bb;
}


.header-tools-panel {
    display: inline-block;
    margin-left: 1rem;
}

    .header-tools-panel a {
        opacity: .4;
    }

        .header-tools-panel a.dropdown-item {
            opacity: .9;
        }

        /*div.block-header:hover .header-tools-panel a {
    opacity:.5;
}*/
        .header-tools-panel a:hover {
            opacity: 1;
            text-decoration: none;
        }

tr.red-bottom-border {
    border-bottom: 3px red solid;
}

tr.red-top-border {
    border-top: 3px red solid;
}





ul.schedulefiles {
    padding-left: 0
}

    ul.schedulefiles > li {
        text-indent: 0;
        margin-bottom: 1.5em;
    }

    ul.schedulefiles div.delete a.file {
        color: lightgray;
    }


a.delete,
a.restore {
    display: none;
}

div.schedulefile.exist:hover a.delete,
div.schedulefile.delete:hover a.restore {
    display: inline;
    visibility: visible;
    opacity: 1;
}

div.schedulefile.exist a.delete,
div.schedulefile.delete a.restore {
    display: inline;
    visibility: visible;
    opacity: .1;
}

table.contract-object-list td {
    vertical-align: middle;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
    font-family: Merriweather, serif;
}

.line-through {
    text-decoration: line-through;
}

.strike {
    text-decoration: line-through;
}







.action-buttons-panel {
}

    .action-buttons-panel a {
        opacity: .1;
    }

        .action-buttons-panel a.dropdown-item {
            opacity: .9;
        }

.table tr:hover .action-buttons-panel a {
    opacity: .8;
    text-decoration: none;
}

.action-buttons-panel a:hover {
    opacity: 1 !important;
    text-decoration: none;
}

.action-buttons-panel a i {
    margin-right: .1rem;
}






.shadow {
    box-shadow: 0px 5px 5px #d2d2d2;
}


/*.custom-checkbox label {
    padding-top: 0.2rem;
}*/



th.selectedContract {
    border: 2px solid #8383a5;
    border-bottom: none;
}

td.selectedContract {
    border-left: 2px solid #8383a5;
    border-right: 2px solid #8383a5;
}

tr:last-child td.selectedContract {
    border-bottom: 2px solid #8383a5;
}

th.actualContract {
    background-color: #fffdef !important;
}

td.actualContract {
    background-color: #fffdef;
}


td.obj-added div.info,
td.obj-deleted div.info,
td.obj-changed div.info {
    font-size: 1.5em;
    font-weight: bold;
    padding: 3px 6px;
    border-radius: 2px;
    margin-bottom: .5em;
}

td.obj-added {
    background-color: #a1f9a1 !important;
}

    td.obj-added div.info {
        background-color: #37983b !important;
        color: white !important;
    }

td.obj-deleted {
    background-color: #ffdada !important;
}

    td.obj-deleted div.info {
        background-color: #dc3545 !important;
        color: white !important;
    }

td.obj-changed {
    background-color: #ffff92 !important;
}

    td.obj-changed div.info {
        background-color: #ecdf55 !important;
        color: black !important;
    }


div.oldnuminlist {
    position: absolute;
    bottom: -.7rem;
    left: 0;
    color: #dae0ff;
    font-size: .7em;
}



.magic {
    right: 0px;
    font-size: 1rem;
    z-index: 1;
    position: absolute;
}

.contract-row th {
    z-index: 5;
}





.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    /*height: 750px;*/
}

    .table-scroll table {
        width: 100%;
        min-width: 1280px;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
    }

.table-wrap {
    position: relative;
}

.table-scroll th,
.table-scroll td {
    /*padding: 5px 10px;
  border: 1px solid #000;
  background: #fff;
  vertical-align: top;*/
}

.table-scroll thead th {
    /*background: #333;
  color: #fff;*/
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    /*background: #666;*/
    background-color: white;
    z-index: 4;
}

table.editable-table th:first-child
/*    , th:first-child*/ {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
}


tbl-contrclaims {
    font-size: 0.95em;
}

tbl-personclaims {
    font-size: 0.95em;
}



.table-scroll tfoot th,
.table-scroll tfoot td {
    border-bottom: 1px solid rgb(222, 226, 230);
}



thead th:first-child,
tfoot th:first-child {
    z-index: 5;
}



.charts h3 {
    text-align: center;
    margin: 3em 0 1em;
}

.charts div.comment {
    font-size: 0.8em;
    color: darkgray;
    text-align: center;
    font-style: italic;
    font-family: sans-serif;
}


label.custom-control-label[readonly] {
    color: gray;
}



.button-separator {
    color: #eaeaea;
    margin: 0 0.5rem;
    display: inline-block;
}






a.call-action {
    padding: 4px 10px;
    background-color: #f3f3f3;
    border-radius: 20px;
    text-decoration: dashed;
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 5px;
}

    a.call-action:hover {
        background-color: #dadada;
        text-decoration: dashed;
    }





div.lock-block div.lock-icon.unlocked > a.locked,
div.lock-block div.lock-icon.locked > a.unlocked {
    display: none
}



table.expenses th.days {
    min-width: 80px;
}

table.expenses th.expensedb {
    min-height: 27px;
}

table.expenses th.days div.lock-icon {
    top: 2px;
    left: 6px;
}

    table.expenses th.days div.lock-icon > a,
    table.expenses th.days div.lock-icon > span {
        display: none;
    }


    table.expenses th.days div.lock-icon.locked > .locked,
    table.expenses th.days div.lock-icon.unlocked > .unlocked,
    table.expenses th.days div.lock-icon.loading > .loading {
        display: block;
    }

    table.expenses th.days div.lock-icon.unlocked > .unlocked {
        opacity: 0.2
    }

        table.expenses th.days div.lock-icon.unlocked > .unlocked:hover {
            opacity: 1
        }



/*table.expenses th.days div.lock a.locked {
    color:darkred;
}*/
table.expenses th.days div.lock .unlocked {
    color: #efefef;
}








table.expenses:not(.select-elems) tr:nth-child(1) th:nth-child(1),
table.expenses:not(.select-elems) td:nth-child(1) {
    min-width: 300px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1048;
    border-right: 1px solid #dee2e6;
}

/*table.expenses td:nth-child(2),
table.expenses td:nth-child(3),*/
/*table.expenses td:nth-child(4) {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1048;
    border-right: 1px solid #dee2e6;
}
*/

table.expenses td:first-child {
    background-color: white;
}

table.expenses:not(.select-elems) td:nth-child(1),
table.expenses:not(.select-elems) th:nth-child(1) {
    width: 300px;
}

table.expenses td:nth-child(2) {
    background-color: white;
    width: 25px;
}

table.expenses td:nth-child(3) {
}







table#tblExpenses > thead.tableFloatingHeaderOriginal.pos-fixed > tr > th.fixed-opacity-0 {
    opacity: 0;
    pointer-events: none;
}



.sticky-left {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1040;
}

.sticky-left-visible-col {
    left: 300px;
}

.sticky-left-balance-col {
    left: 325px;
}
.sticky-left-daybalance-col {
    left: 525px;
}

.sticky-right {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 5;
    border-left: 1px solid #dee2e6;
    background-color: white;
}


.tbl-empattandance .sticky-left {
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0 !important;
}

.tbl-empattandance .sticky-right {
    position: -webkit-sticky !important;
    position: sticky !important;
    right: 0 !important;
}








table.expenses tr:first-child th:last-child,
table.expenses td:last-child {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 5;
    border-left: 1px solid #dee2e6;
    /*background-color: white;*/
}




table.expenses tr:hover th,
table.expenses tr:hover td {
    background-color: #f8f9fa;
}

    table.expenses tr:hover td.off-date {
        background-color: #fbf0f0;
    }

    table.expenses tr:hover td.actual-date {
        background-color: #f9f9c0;
    }








table.expenses td:hover {
    border: 1px solid #b1b1b1;
}



.table.expenses td,
.table.expenses th {
    border-left: 1px solid #dee2e6;
    white-space: nowrap;
    padding: .2rem .25rem;
}

    .table.expenses th.padding-col {
        min-width: 1rem;
    }



    /*.table tr:last-child {
    border-bottom: 1px solid #dee2e6;
}
*/
    .table.expenses td:last-child,
    .table.expenses th:last-child {
        border-right: 1px solid #dee2e6;
    }


/*.table tr:not([style*='display: none']):last-child td {
    border-bottom: 1px solid #dee2e6;
}
*/
/*.table tr[style*='display:block']:last-child {
    background-color: yellow!important
}
*/




table.expenses tr:not(:first-child) td:not(:first-child) {
    vertical-align: middle;
    /*    padding:0;*/
}


table.expenses > tr:not(:first-child) td:not(:first-child).editmode,
table.expenses > tr:not(:first-child) th:not(:first-child).editmode,
table.expenses > tbody > tr td.editmode { /*Только в режиме редактирования*/
    padding: 0 !important;
}


    table.expenses > tr:not(:first-child) td:not(:first-child) input,
    table.expenses > tr:not(:first-child) th:not(:first-child) input,
    table.expenses > tbody > tr td.editmode input {
        margin: 0;
        display: inline-block;
        width: 100%;
    }



table.expenses tr.expense-group td {
    border-bottom: 2px solid #c7c7c7;
    background-color: aliceblue;
}

table.expenses tr.expense-group:hover td {
    background-color: #e4f2ff;
}

table.expenses tr.exptotal-row td {
    border-bottom-width: 1px;
}




table.expenses tr.expense-group.collapsed td {
    border-bottom-width: 1px;
}

table.expenses tr.expense-group:last-child td {
    border-top: 2px solid #c7c7c7;
}

table.expenses tr.exptotal-row:last-child td {
    border-top-width: 1px;
}



table.expenses tr.expense-group.expanded a.link-collapse,
table.expenses tr.expense-group.collapsed a.link-expand {
    display: none;
}





table.expenses td.expense-header {
    padding-right: .5rem;
}


/*table.expenses td.expense-header div.expense-header-menu {
    position: relative;
}
table.expenses div.expense-header-menu div {
    position: absolute;
    left: 100%;
}

    table.expenses td.expense-header div.expense-header-menu a {
        display: block;
        min-width: 20px;
        text-align:center;
        opacity:.05;
    }
    table.expenses td.expense-header:hover div.expense-header-menu a {
        opacity:1;
    }
*/

table.expenses td.expensesum,
table.expenses td.expensetotalsum,
table.expenses td.expensetotalcolsum {
    position: relative;
}

table.expenses td.expensesum,
table.expenses td.expensetotalsum,
table.expenses td.expensetotalrowsum,
table.expenses td.expensetotalcolsum {
    padding-left: .7rem;
}



.expsum-info-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.expsum-status {
    position: absolute;
    width: 10px;
    height: 10px;
    border: .125rem solid #fff;
    padding: 0;
    border-radius: 50%;
    left: 0;
    bottom: 0;
    color: #fff;
}

.expsum-status-saved {
    background-color: #f5ca99;
}

.expsum-status-approved {
    background-color: #00c9a7;
}

.expsum-status-paid {
    background-color: #377dff;
}

.expsum-descr {
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 0;
    display: block;
    border-width: 4px;
    border-color: transparent;
    border-right-color: #fd7e14;
    border-top-color: #fd7e14;
    border-style: solid;
}




.custom-popover {
    position: absolute;
    top: -10px;
    left: 100%;
    z-index: 1060;
    display: block;
    /*    max-width: 276px;*/
    max-width: 500px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    display: none;
}

td.expense-header:hover .custom-popover,
td.expensetotalcolsum.active:hover .custom-popover,
td.expensesum.active:hover:not(#expensesum-0) .custom-popover,
td.expensesum:hover:not(#expensesum-0) .custom-popover.comment,
.editable-table td:hover .custom-popover.comment,
.editable-table td.active:hover .custom-popover.context-menu {
    display: block;
}


.custom-popover.comment {
    border-radius: .15rem;
    background-color: #f8ffd7;
    top: auto;
    left: 0;
    bottom: 100%;
}

    .custom-popover.comment .popover-body {
        padding: .2rem .4rem;
        color: #212529;
        font-size: .9em;
    }

.custom-popover.context-menu {
    top: -1px;
}







table.expenses td.expense-header:hover {
    z-index: 999999;
}

.custom-popover .arrow {
    left: calc((.5rem + 1px) * -1);
    top: 6px;
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;
    position: absolute;
    display: block;
}

    .custom-popover .arrow:after {
        left: 1px;
        border-width: .5rem .5rem .5rem 0;
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-right-color: #fff;
        border-style: solid;
    }

    .custom-popover .arrow:before {
        left: 0;
        border-width: .5rem .5rem .5rem 0;
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-right-color: rgba(0,0,0,.25);
        border-style: solid;
    }

.custom-popover .buttons a {
    /*        margin:.2em .3em;
*/ min-width: 20px;
    border: 1px solid transparent;
    display: inline-block;
}

    .custom-popover .buttons a > i {
        margin: auto;
    }

    .custom-popover .buttons a:hover {
        border-radius: 2px;
        border: 1px solid #e2e2e2;
    }



table.expenses tr.expense-row td.expensetotalsum,
table.expenses tr.expense-row td.expensetotalrowsum,
table.expenses tr.expense-row td.expensetotalcolsum {
    background-color: #e1ebf5;
}

table.expenses tr.expense-group td.expensetotalsum,
table.expenses tr.expense-group td.expensetotalrowsum,
#expense-total-row td {
    background-color: #dfefff;
}

table.expenses tr.expense-group:hover td.expensetotalsum,
table.expenses tr.expense-group:hover td.expensetotalrowsum,
#expense-total-row td {
    background-color: #d7e7f7;
}



table.expenses tr.expense-row:hover td.expensetotalsum,
table.expenses tr.expense-row:hover td.expensetotalcolsum,
table.expenses tr.expense-row:hover td.expensetotalrowsum {
    background-color: #d4e6f7;
}

table.expenses tr#expense-total-row td.expensetotalrowsum:last-child {
    background-color: #d4e6f7;
    font-size: 1.1em;
}


table.expenses tr.expense-row td.expenseob,
table.expenses tr.expense-row td.expenseobtotalrowsum,
table.expenses tr.expense-row td.expenseobtotalcolsum {
    background-color: #efffee;
}

table.expenses tr.expense-group td.expenseobtotalcolsum,
table.expenses tr.expense-group td.expenseobtotalrowsum {
    background-color: #d8ffee;
}

table.expenses tr.expense-group:hover td.expenseobtotalcolsum,
table.expenses tr.expense-group:hover td.expenseobtotalrowsum {
    background-color: #d1f7e6;
}

table.expenses tr.expense-row:hover td.expenselimit {
    background-color: #f7f9d2;
}

table.expenses tr.expense-row:hover td.expenseob {
    background-color: #e8fbf3;
}

table.expenses tr.expense-group:hover td.expenselimit {
    background-color: #ecf7a5;
}






table.expenses td.expensesum.active,
table.expenses td.expensetotalcolsum.active,
table.expenses td.expenseob.active,
table.expenses th.expensedb.active,
table.expenses td.expenselimit.active {
    border: 2px solid #776ab5 !important;
    border-radius: 2px;
}

/*table.expenses td.expenseob.active {background-color: #bfffbb!important;}
*/
table.expenses td.expensesum.selected,
table.expenses td.expenseob.selected,
table.expenses td.expensetotalcolsum.selected,
table.expenses td.expensetotalrowsum.selected {
    background-color: #ff24fd !important;
    color: white;
}

table.expenses th.expensedb {
    background-color: #a6d1f7 !important;
}

table.expenses tr.expense-row td.expenselimit {
    background-color: #fdffd9;
}

table.expenses tr.expense-group td.expenselimit {
    background-color: #f5ffb4;
}

td.expenselimit {
    z-index: 99999
}




table.expenses td.past-date {
    color: darkgrey;
}

table.expenses td.off-date,
table.expenses th.off-date {
    background-color: #fff6f6;
}

table.expenses td.actual-date,
table.expenses th.actual-date {
    background-color: #ffffbb;
}

table.expenses thead th:not(:first-child) {
    z-index: 1049 !important;
}




table.expenses tr.expense-group td.off-date {
    background-color: #f9eef3;
}

table.expenses tr.expense-group td.actual-date {
    background-color: #f1f7cd;
}

table.expenses tr.expense-group:hover td.off-date {
    background-color: #f7e7ee;
}

table.expenses tr.expense-group:hover td.actual-date {
    background-color: #e8efc4;
}







/*table.expenses tr.expense-group:hover td.expensetotalsum {
    background-color: #dfefff;
}*/
table.expensesumcolors td {
    padding: .2rem .4rem;
}

table.expenses div.expensesum-cell.negative {
    /*    color: #E63757;
*/ color: darkred;
}



table.expenses div.expensesum-cell {
}



table.expenses tr.expense-row td.expensesum.dragcell {
    border-color: forestgreen !important;
    opacity: 0.3;
}

table.expenses tr.expense-row td.expensesum.readydrop {
    border: dotted 2px #4c77da !important;
    border-raduis: 2px;
    cursor: grabbing;
}

div.expensesum-drag {
    border: 1px solid #4c77da;
    border-radius: 3px;
    padding: .2rem .5rem .2rem 1rem;
    rotation: 5deg;
    display: inline-block;
    background-color: white;
    font-size: .85em;
    /*    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
*/
}



table tr.contrclaimcomment td,
table tr.personclaimcomment td {
    border-top: 0 !important;
}

table tr.rowbottomcomment td {
    border-bottom: 0 !important;
}

.bottom-scroll {
    position: fixed;
    bottom: 0;
    z-index: 999999999;
}



#sumsinfo {
    position: fixed;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    border: 1px solid gray;
    padding: 1rem 1.5rem;
    background-color: white;
    z-index: 999999999999;
    box-shadow: 5px 5px 15px rgba(229, 38, 255, .81);
}

    #sumsinfo.right {
        right: 10px;
        left: auto;
    }


/*.employees {
    position:fixed;
    right:0;
    top:0;
    bottom:0;
    background-color:aliceblue;
    width:25%;
}
*/


#right-panel {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: aliceblue;
    box-shadow: 4px 0px 20px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 4px 0px 20px 0px rgb(0 0 0 / 50%);
    overflow-x: visible;
}

.emps-for-posts {
    /*min-width:300px;*/
}

    .emps-for-posts .emp {
        white-space: nowrap;
        padding: .1rem .2rem;
        font-size: .95em;
    }

        .emps-for-posts .emp:hover,
        .emp.dragging-ghost {
            cursor: pointer;
            /*            box-sizing: border-box;
            border:1px solid blue;
*/ background-color: #e8e8e8;
            border-radius: 2px;
        }

.emp.dragging-ghost {
    padding: .1rem .2rem;
}

.emp .phone {
    color: darkgray;
    font-size: .85em;
}








.filter-block {
    min-width: 350px;
    max-width: 500px;
}


/*#right_panel {
    position: absolute;
    width: 96px;
    padding-left: 4px;
    height: 100%;
    right: 0;
    background-color: #f0f0ff;
}
*/
/**/
#right-panel:before {
    content: " ";
    background-color: black;
    position: absolute;
    left: 0;
    width: 6px;
    height: 100%;
    cursor: w-resize;
    opacity: 0.05
}

#right-panel:after:hover {
    opacity: 0.5;
}


/*    #right-panel .panel-scroll {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        left: -5px;
        width: 10px;
        cursor: w-resize;
    }

        #right-panel .panel-scroll:hover {
            background-color: #ccc;
            cursor: w-resize;
        }*/



.dragging {
    background-color: yellowgreen;
}

.source-elem {
    opacity: .3;
}

.dragging-ghost {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-1deg);
    pointer-events: none; /*Чтобы элемент стал прозрачным для событий мыши*/
    opacity: .8;
}


.ready-to-drop {
    background-color: #caffd4 !important;
}


#empsInfo {
    overflow-y: scroll;
    /*    position: absolute;
    bottom: 0;
    top: 16em;
    left: 2em;
    right: 0;*/
}

.emp-panel-grid {
    display: grid;
    height: 100%;
    grid-template-rows: auto 1fr; /* NEW */
    margin-left: 2em;
}

.emps-for-posts div.emp[haspost="1"] {
    font-weight: bold;
}

.emps-for-posts div.emp[isemp="0"] {
    color: #007bff
}

.emps-for-posts div.emp[isactive="0"] {
    text-decoration: line-through;
}

.emps-for-posts div.emp[isvisible="0"] {
    color: #c2c2c2
}


.togglePanel {
    position: absolute;
    right: 100%;
    background: #007bff;
    color: white !important;
    padding: .5em .4em;
    white-space: nowrap;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    top: 1em;
}

    .togglePanel a {
        color: white !important;
    }

        .togglePanel a:hover {
            text-decoration: none;
        }



.tbl-empcalendar td.calendar-cell {
    border-left: 1px solid #dee2e6;
}

    .tbl-empcalendar td.calendar-cell:last-child {
        border-right: 1px solid #dee2e6;
    }

    .tbl-empcalendar td.calendar-cell.day-off {
        background-color: orange;
    }

.tbl-empcalendar th.day-off {
    background-color: darkorange;
}

.tbl-empcalendar td.calendar-cell.today {
    border: 2px solid #93c0ff !important;
    background: #e8edff;
}

.tbl-empcalendar td.calendar-cell.day-off.today {
    border: 2px solid #93c0ff !important;
    background: #ff7220 !important;
}

.tbl-empcalendar td.calendar-cell.no-model {
    opacity: .2;
}











table.editable-table th,
table.editable-table td {
    border-left: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    position: relative;
}

    table.editable-table th:last-child,
    table.editable-table td:last-child {
        border-right: 1px solid #f3f3f3;
    }

.table.editable-table tr:last-child {
    border-bottom: 1px solid #f3f3f3;
}

table.editable-table td.editable-cell {
    border-left: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    position: relative;
}


    table.editable-table td.editable-cell:hover {
        border: 1.1px solid #b1b1b1;
    }



table.editable-table th.editable-cell,
table.editable-table td.editable-cell {
    border: 1px solid #dee2e6;
    padding: .2rem .25rem .2rem .5rem;
    height: 26px;
}

    table.editable-table td.editable-cell.editmode { /*Только в режиме редактирования*/
        padding: 0;
        /*    border:0!important;
*/
    }

        table.editable-table td.editable-cell.editmode input { /*Только в режиме редактирования*/
            width: 100%;
            margin: 0;
            display: inline-block;
        }


table td.editable-cell.active {
    border: 1.1px solid #776ab5 !important;
    /*    border-top: 1.1px solid #776ab5 !important;
*/ border-radius: 2px !important;
}




#tblSalaryLimits td.editable-cell,
#tblSalaryValues td.editable-cell {
    max-width: 120px;
    width: 120px;
}



table.tbl-empattandance tr.attendance-row td:first-child,
table.tbl-salaryvalues tr.salaryvalue-row td:first-child {
    background-color: white;
    z-index: 1000000;
}

table.tbl-empattandance tr.attendance-row:hover td:first-child,
table.tbl-salaryvalues tr.salaryvalue-row:hover td:first-child {
    background-color: #f8f9fa;
}



table.tbl-empattandance tr.attendance-row td:first-child span.name,
table.tbl-salaryvalues tr.salaryvalue-row td:first-child span.name {
    margin-left: 1.7em;
}

tr.salaryvalue-group td {
    background-color: #f7f7f7;
}


/*table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='1'] {background-color: #fdffd6;}*/ /*Работал*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='2'], span[eaState='2'] {
    background-color: #ffe1d6;
}
/*Больничный*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='3'], span[eaState='3'] {
    background-color: #fdffd6;
}

table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='4'], span[eaState='4'] {
    background-color: #ffb1ab;
    font-weight: bold
}
/*Прогул*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='5'], span[eaState='5'] {
    background-color: #fff2d6;
}
/*Выходной*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='6'], span[eaState='6'] {
    background-color: #d6ffeb;
}
/*Декретный отпуск*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='7'], span[eaState='7'] {
    background-color: #e0f0ff;
}
/*Командировка*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='8'], span[eaState='8'] {
    background-color: #ffecfe;
}
/*Учебный отпуск*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='9'], span[eaState='9'] {
    background-color: #e6fdff;
}
/*Отпуск без содержания*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='10'], span[eaState='10'] {
    background-color: #f1ccff;
}
/*Отгул*/
table.tbl-empattandance tr.attendance-row td.attendance-cell[eaState='11'], span[eaState='11'] {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(0,0,125,0.5) 41%, rgba(0,0,125,0.5) 58%, rgba(255,0,0,0.5) 74%, rgba(255,0,0,0.5) 100%);
}
/*СВО*/

table.tbl-empattandance tr.attendance-row td.attendance-cell.today,
table.editable-table tr th.today {
    background-color: #b0ffb8;
    border-right: solid 2px green !important;
    border-left: solid 2px green !important;
}
    /*Больничный*/
    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='2'] {
        background-color: #ffd0bf;
    }
    /*Больничный*/
    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='3'] {
        background-color: #e1ffd0;
    }

    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='4'] {
        background-color: #ff9a92;
    }
    /*Прогул*/
    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='5'] {
        background-color: #ffdac2;
    }
    /*Выходной*/
    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='6'] {
        background-color: #9effd0;
    }
    /*Декретный отпуск*/
    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='7'] {
        background-color: #cde7ff;
    }
    /*Командировка*/
    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='8'] {
        background-color: #ffe0fd;
    }
    /*Учебный отпуск*/
    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='9'] {
        background-color: #d6fcff;
    }
/*Отпуск без содержания*/
    table.tbl-empattandance tr.attendance-row td.attendance-cell.today[eaState='10'] {
        background-color: #ebb5ff;
    }
/*Отгул*/


span[eaState] {
    border-radius: 2px;
    border: 1px solid #f6f6f6;
    padding: 2px 5px;
}


#mainModal {
    z-index: 1050000;
}

.modal-backdrop {
    z-index: 1040000;
}



.tbl-empattandance th.day-off {
    background-color: #fff2e2;
}

.tbl-empattandance td.day-off {
    background-color: #fff9f2;
}

.tbl-empattandance tr:hover td.day-off {
    background-color: #fff2e2;
}



.percentage {
    position: absolute;
    /*top:0;*/
    bottom: 0;
    left: 0;
    height: 4px;
}

.bg-percentage100 {
    background-color: #ccffca
}

.bg-percentageless100 {
    background-color: #ffd6d6
}










.info-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

    .info-container .cell-status {
        position: absolute;
        width: 10px;
        height: 10px;
        border: .125rem solid #fff;
        padding: 0;
        border-radius: 50%;
        left: 0;
        bottom: 0;
        color: #fff;
    }

        .info-container .cell-status.saved {
            background-color: #f5ca99;
        }

        .info-container .cell-status.approved {
            background-color: #00c9a7;
        }

        .info-container .cell-status.paid {
            background-color: #377dff;
        }

    /*.expsum-status-saved {
    background-color: #f5ca99;
}

.expsum-status-approved {
    background-color: #00c9a7;
}

.expsum-status-paid {
    background-color: #377dff;
}*/



    .info-container .cell-descr {
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        top: 0;
        display: block;
        border-width: 4px;
        border-color: transparent;
        border-right-color: #fd7e14;
        border-top-color: #fd7e14;
        border-style: solid;
    }



div.custom-scroller-container {
    position: fixed;
    width: 100%;
    overflow-x: scroll;
    bottom: 0;
    top: auto;
    /*    left: 200px;
    width: 500px;
*/
    z-index: 1070000;
}

div.custom-scroller-filler {
    height: 1px;
}


.tbl-salary-info td.state {
    color: #4caf50;
}

.tbl-salary-info tr.border-top td, tr.border-top td {
    border-top-width: 2px;
}

.tbl-salary-info td {
    position: relative;
}

/*tr.border-top td {
    border-top-width: 2px;
    border-top-color: gray;
}
*/

div.flex {
    display: flex;
}

    div.flex > div.flex-elem {
        flex: 1 1 auto;
    }


.tkosk-block {
    padding: 1.5rem 1.25rem .75rem;
    margin: 1.25rem 0;
    border: 1px solid #eee;
    border-radius: 0.25rem;
    position: relative;
}

    .tkosk-block label.header {
        pointer-events: none;
        position: absolute;
        left: 10px;
        top: -10px;
        background-color: white;
        padding: 0 .5em;
        font-weight: bold;
    }


.collapsible-block {
    margin-bottom: 3rem;
    margin-right: 1rem;
}

    .collapsible-block[collapse="true"] {
        margin-bottom: 0.1rem;
        transition: 0.1s ease all;
    }


.collapsible-block-header {
    position: relative;
    margin-top: 2.2rem;
    margin-bottom: 1.2rem;
}

.collapsible-block[collapse="true"] .collapsible-block-header {
    margin-bottom: .7rem;
    transition: 0.1s ease all;
}

.collapsible-block-header .header-text {
    position: absolute;
    /*left: 1rem;*/
    top: -.8rem;
    background-color: white;
    padding: 0 .5em;
    font-weight: bold;
    font-size: 130%
}

.custom-checkbox label.custom-control-label {
    padding-top: 0.15rem;
}

.collapsible-block[collapse="false"] .header-text a.minus,
.collapsible-block:not([collapse]) .header-text a.minus,
.collapsible-block[collapse="true"] .header-text a.plus {
    display: none;
}

.collapsible-block[collapse="true"] .collapsible-block-content {
    display: none;
    opacity: 0;
    transition: 0.5s ease all;
}



.collapsible-block[collapse="false"] .collapsible-block-content,
.collapsible-block:not([collapse]) .collapsible-block-content {
    display: block;
    opacity: 1;
    transition: 0.5s ease all;
    padding-left: 2.3rem;
    /*    padding-top:.4rem;*/
}


div.input-search-block {
    position: relative;
}

    div.input-search-block div.action-buttons-panel {
        position: absolute;
        top: 0;
        right: .7rem;
        font-size: 1.6em;
        display: flex;
        height: calc(2.25rem + 2px); /*100%;*/
        align-items: center;
    }


    div.input-search-block[hasvalue='true'] input[type='text'] {
        padding-left: 2.2em;
        transition: 0.2s ease all;
        font-weight: bold;
    }

    div.input-search-block:not([hasvalue='true']) input[type='text'] {
        padding-left: .75rem;
        transition: 0.2s ease all;
        font-weight: normal;
    }

    div.input-search-block div.symbol-hasvalue {
        position: absolute;
        height: calc(2.25rem + 2px); /*100%;*/
        top: 0;
        left: .7rem;
        display: flex;
        align-items: center;
        font-size: 0.9em;
        color: dodgerblue;
    }

table.input-small-padding div.input-search-block,
table.input-small-padding div.input-search-block div.action-buttons-panel,
table.input-small-padding div.input-search-block div.symbol-hasvalue {
    height: calc(1.7rem + 2px); /*100%;*/
}




div.input-search-block:not([hasvalue='true']) div.symbol-hasvalue {
    opacity: 0;
    transition: 0.2s ease all;
}

div.input-search-block[hasvalue='true'] div.symbol-hasvalue {
    opacity: 1;
    transition: 0.2s ease all;
}

div.symbol-hasvalue[iconislink="true"] span,
div.symbol-hasvalue[iconislink="false"] a {
    display: none;
}


div.input-search-block[hasvalue='false'] input[type='text'] {
    /*    border-color:darkred
*/
}





.search-result-block {
    min-width: 100%;
    width: auto;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    box-shadow: 0px 5px 5px #d2d2d2;
    padding: .5em 1em;
    background-color: white;
    z-index: 9999999;
    position: absolute;
    top: 100%;
    left: 0;
}

.search-result-block-close {
    top: .5rem;
    right: 1rem;
    position: absolute;
}

.search-results {
    max-height: 250px;
    overflow-y: auto;
}

.search-results-loading img {
    width: 30px;
    height: 30px;
}


.search-result-block[continue-input="false"] .search-results-continueinput,
.search-result-block[continue-input="true"] .search-results-loading,
.search-result-block[loading="false"] .search-results-loading {
    display: none;
}


.search-result-block .search-results:not(:empty) {
    margin: 1em 0;
}

tr[selectedrow] td {
    background-color: #becade;
    font-weight: bold;
}

tr[selectedrow]:hover td {
    background-color: #b3bed1;
}


.marker {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.1rem 0.5rem;
    border-radius: 50px;
    border: 1px solid gray;
    font-size: 0.9em;
}


.marker-bg-red, .marker-bg-red:hover {
    background-color: #ffdada !important;
}

.marker-bg-purple, .marker-bg-purple:hover {
    background-color: #fee5ff !important;
}

.marker-bg-blue, .marker-bg-blue:hover {
    background-color: #deeeff !important;
}

.marker-bg-green, .marker-bg-green:hover {
    background-color: #dfffdf !important;
}

.marker-bg-yellow, .marker-bg-yellow:hover {
    background-color: #f7ffc1 !important;
}

.marker-bg-gray, .marker-bg-gray:hover {
    background-color: #ededed !important;
}

.marker-bg-orange, .marker-bg-orange:hover {
    background-color: #efc66e !important;
}




span.marker-block {
    padding: .3rem .7rem;
    margin-left: .5rem;
    display: inline-block;
    border-radius: 3px;
}




/*div.fill-mode[manualy="true"] a[manual="false"],
div.fill-mode[manualy="false"] a[manual="true"] {
    display:none;
}
*/
div.fill-manualy-block.hidden,
div.fill-automatic-block.hidden {
    height: 0px;
    opacity: 0;
    position: absolute;
    /*display:none;*/
    transition: .2s ease all;
}

div.fill-manualy-block.shown,
div.fill-automatic-block.shown {
    opacity: 1;
    height: 100%;
    /*display:block;*/
    transition: .2s ease all;
}

div.fill-manualy-block.hidden div.row.subtype {
    margin-top: 0 !important;
    transition: .2s ease all;
}

div.fill-manualy-block.shown div.row.subtype {
    margin-top: 1.5rem !important;
    transition: .2s ease all;
}
/*div.fill-manualy-block.hidden div.row {
    display:none;
    transition: .2s ease all;
}
div.fill-manualy-block.shown div.row {
    transition: .2s ease all;
}*/

div[readonly='readonly'] > .input-search-block input,
div[readonly='readonly'] > .input-search-block select,
div[readonly='readonly'] > .input-search-block div.input-group-append,
div[readonly='readonly'] input,
div[readonly='readonly'] select,
div[readonly='readonly'] div.input-group-append,
.input-search-block[readonly='readonly'] input,
.input-search-block[readonly='readonly'] select,
.input-search-block[readonly='readonly'] div.input-group-append,
td[readonly='readonly'] input,
td[readonly='readonly'] select,
td[readonly='readonly'] div.input-group-append,
tr.docchangeablerow[readonly='readonly'] input,
tr.docchangeablerow[readonly='readonly'] select,
tr.docchangeablerow[readonly='readonly'] div.input-group-append {
    pointer-events: none;
    background-color: #e9ecef
}

div[readonly='readonly'] > .input-search-block .action-buttons-panel a,
.input-search-block[readonly='readonly'] .action-buttons-panel a,
td[readonly='readonly'] .action-buttons-panel a,
tr.docchangeablerow[readonly='readonly'] .action-buttons-panel a {
    display: none;
}




.ul {
    text-decoration: underline;
}


div.form-check > input.form-check-input[type='radio'] {
    transform: scale(1.5)
}


div.isexecutor-icon {
    position: relative;
    display: inline-block;
}

    div.isexecutor-icon .running-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.6);
    }


.docaction-question-buttons > .action-buttons-panel > a {
    margin-right: .5rem;
    margin-left: 0;
}

div.text-right > .docaction-question-buttons > .action-buttons-panel > a {
    margin-left: .5rem;
    margin-right: 0;
}

.docaction-question-buttons > .action-buttons-panel > a,
.docaction-answer-buttons > .action-buttons-panel > a {
    margin-right: .3em;
    margin-left: 0;
    font-size: 1.3em;
}

div.text-right > .docaction-question-buttons > .action-buttons-panel > a,
div.text-right > .docaction-answer-buttons > .action-buttons-panel > a {
    margin-left: .3em;
    margin-right: 0;
    font-size: 1.3em;
}



.grid-2-column {
    display: grid;
    column-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
}


.answer-state-result {
    border-left-color: #eee !important;
}

.answer-state-accept-ok {
    border-left-color: #20c32e !important;
}

.answer-state-accept-refuse {
    border-left-color: #dc3545 !important;
}

.answer-state-accept-request {
    border-left-color: #ffc107 !important;
}

.answer-state-accept-cancel {
    border-left-color: #dee2e6 !important;
}

.block-filter .input-search-block input[type="text"],
.block-filter select {
    font-size: 1.15em;
}

div.loading-icon {
    display: inline-block;
}

tr.docaction-row.not-accepted .bd-callout-daq,
tr.docaction-row.not-accepted .bd-callout-daa:not(bd-callout-daanswerempty) {
    background-color: #fff0f0 !important;
    opacity: 0.6;
}



tr.docaction-row.accepted .bd-callout-daq,
tr.docaction-row.accepted .bd-callout-daa:not(bd-callout-daanswerempty) {
    background-color: white !important;
}

tr.docaction-row.accepted .bd-callout-daa.bd-callout-finalresult {
    background-color: #f3fff2 !important;
}


tr.docaction-row.not-accepted .bd-callout-daq .badge-light {
    background-color: #ffd7d7 !important;
}



.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 16rem !important;
}


.answer-icon {
    margin-right: 0.5rem !important;
}

.blinking-icon {
    animation-duration: .3s;
    animation-name: blinking;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

    .blinking-icon.fa-question-circle {
        color: #007bff !important
    }

@keyframes blinking {
    0% {
        transform: scale(0.9);
        opacity: 0.2;
        /*        color: #ffc107;
*/
    }

    50% {
        opacity: 0.8;
    }

    100% {
        transform: scale(1.1);
        opacity: 1;
        /*        color: #ffc107;
*/
    }
}


.da-textblock p {
    margin: 0;
}

    .da-textblock p:not(:last-child) {
        margin-bottom: 1rem;
    }


div.custom-radio label.custom-control-label {
    padding-top: .1rem;
}


input.edit-file-description {
    padding: 0.1rem 0.4rem;
    height: auto;
    width: 500px;
}


label[editmode="false"] div.edit-description-block,
label[editmode="true"] a.btn-edit-file-description {
    display: none !important;
}

span[block^="FileChangeDescription_"] a.btn-edit-file-description:not(:hover) {
    opacity: .2;
}



.owner-info-state {
    vertical-align: text-bottom;
}

    .owner-info-state > i.fas,
    .owner-info-state > i.far {
        font-size: 50%;
        margin-left: 0.25rem;
    }

    .owner-info-state > i.fas {
        color: forestgreen;
    }

    .owner-info-state > i.far {
        color: #eee;
    }



/*



table.table-changed-props {
    margin-bottom: 0.25rem !important;
    background-color: #fff;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

table.table th {
    background-color: #f8f9fa;
}
.text-nowrap {
    white-space: nowrap !important;
}

table.table-changed-props td,
table.table-changed-props th {
    padding: 0.15rem 0.4rem !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
table.table-changed-props tr:last-child td {
    border-bottom: 1px solid #dee2e6;
}


*/