*{
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
    color: #000;
   
}

/* цвета:
ffe7ec - красный (фон)
ff1744 - красный (граница ошибка)
fff4e5 - оранжевый (фон)
ff9100 - оранжевый (граница предупреждение)
e5f9ed - зеленый (фон)
00c853 - зеленый (граница успех)

ecf3ff - синий (фон)
448aff - синий (граница)

6ddb87 - зеленый (уведомление "Успех")
ffdea1 - оранжевый (уведомление "Предупреждение")
dd3535 - красный (уведомление "Ошибка")

f4f7ff - серый (фон страницы)
ffffff - белый (фон блока)
193667 - темно-синий

#006cb7 - новый синий
#e6f2fb - светло-синий (подсветка итогов таблицы)
#8080808f - серый (disabled)
*/

body{
    font: .9376em/1.4667em 'Roboto',sans-serif;
/*    overflow-y: scroll;
*/    margin: 0;
    padding: 0;
    background: #f4f7ff;
    display: flex;
    flex-direction: column;
/*    flex-grow: 1;
    min-height: 100vh;*/
}


header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    height: 50px;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);

}

.header-container{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    z-index: 1000;
}

.header-container-empty{
    width: 55px;
}
.header-container-name{
    flex-grow: 1;
}
.header-container-name h1{
    text-align: center;
}
.header-container-login{
    padding-right: 10px;
}
.header-container-logout img{
    width: 32px;
    
}

aside{
    position: fixed;
    background: #006cb7;
    left: 0;
    height: 100%;
    width: 70px;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

main{
    display: flex;
    flex-direction: column;
    position: fixed;
    /*background: red;*/
    height: 100vh;
    width: 100%;
    
}

section{
    height: inherit;
    margin-left: 80px;
    margin-top: 60px;
    /*background: turquoise;*/
    margin-right: 10px;
    margin-bottom: 10px;
}
i{
    margin-bottom: 3px;
}
input[type="button"]
{
    border: none;
    background: #006cb7;
    font-weight: bold;
    padding: 5px 10px;
    color: white;    
    border-radius: 0;
}
input[type="button"]:hover{
    cursor: pointer;
}

input[type="file"]
{
    border: none;
    background: #006cb7;
    font-weight: bold;
    padding: 5px 10px;
    color: white;    
}
input[type="file"]:hover{
    cursor: pointer;
}

input[type="text"]
{
    width: inherit;
    height: 26px;
    padding: 0 5px;
    margin-right: 5px;
    /*margin-bottom: 5px;*/
    border: 1px solid #006cb7;
    font-size: 12px;
    outline: none;
    border-radius: 0;
}

input[type="date"]
{
    border: 1px solid;
    padding: 3px;
    outline: none;
    border-radius: 0;
}

input[type="checkbox"]{
    height: 26px;
    width: 26px;
}


#container-actions-filters{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
/*    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);*/
}
#container-actions-filters input[type="button"]
{
        margin-right: 5px;
        border-radius: 0;
}

input[type="button"][disabled]
{
    background: #8080808f;
    cursor: default;
}

select[disabled]
{
    background: #8080808f;
    cursor: default;
}

#container-actions{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-right: 5px;
    padding: 10px;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#container-filters{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 5px;
    padding: 10px;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#container-manual{
    display: flex;
    align-items: center;
    margin-left: 20px;
    
}
#container-manual a{
    text-decoration: none;
    margin-left: 20px;
}

#container-manual a i{
    font-size: 26px;
    color: #006cb7;
    margin-right: 5px;
}

#container-info{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#ds-container-filters{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 10px;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}
#rs-container-filters{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 10px;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#ds-container-errors{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 5px;
    padding: 10px;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}
#rs-container-errors{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 5px;
    padding: 10px;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}


#file-ds-upload
{
    width:.1px;
    height:.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    z-index:-1;
}
#file-ds-upload +label{
    width: inherit;
    min-width: 200px;
    height: inherit;
    padding: 3px 10px;
    margin-right: 5px;
    margin-top: 22px;
    line-height: 1.86;
    background: #006cb7;
    outline: none;    
    display: block;
    padding: 0 10px;
    cursor: pointer;
}

#file-ds-upload +label i
{
    color: white;
}

#file-ds-upload +label span{
    color: white;
    margin-left: 10px;
    outline: none;
    font-weight: bold;
    font-size: 13px;
}

#file-rs-upload
{
    width:.1px;
    height:.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    z-index:-1;
}
#file-rs-upload +label{
    width: inherit;
    min-width: 200px;
    height: inherit;
    padding: 3px 10px;
    margin-right: 5px;
    margin-top: 22px;
    line-height: 1.86;
    background: #006cb7;
    outline: none;    
    display: block;
    padding: 0 10px;
    cursor: pointer;
}

#file-rs-upload +label i
{
    color: white;
}

#file-rs-upload +label span{
    color: white;
    margin-left: 10px;
    outline: none;
    font-weight: bold;
    font-size: 13px;
}


select{    
    width: inherit;
    height: inherit;
    padding: 3px 10px;
    margin-right: 5px;
/*    border: 1px solid #006cb7;*/
    background: #006cb7;
    outline: none;
    color: white;
    font-weight: bold;
    border-radius: 0;
}

select option{   
    color: white;
}

#container-main{
    display: flex;
    flex-direction: column;
    height: calc(93% - 150px);
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    overflow-y: scroll;
}

#container-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 600;
    overflow: auto;
    visibility:hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
	
}

#container-ds-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 600;
    overflow: auto;
    visibility:hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
	
}

#container-rs-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 600;
    overflow: auto;
    visibility:hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
	
}

#number-of-institutions-container
{
    display: flex;
    flex-direction: row;
    padding: 5px;
}

#number-of-institutions-container div{
    color: #006cb7;
    font-weight: bold;
}

#number-of-institutions{
    
    margin-left: 5px;
}

#note-container{
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 1000;
    right: 0;
}

.note {
    right: 0;       
    font-size: 14px;
    margin: auto;
    margin-bottom: 3px;
    width: 250px;
    min-width: 300px;
    max-width: 1200px;
    padding: 5px;
    border-left: .2rem solid;    
    background-color: #fefefe; 
    color: black;
    z-index: 1000;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
    display: none;
    /*background: rgb(255 255 255);*/
    
}

.note p{
    color: black;
}



.sidebar-left{
    margin-top: 120px;
}
.sidebar-item{
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    margin-bottom: 5px;
    margin-top: 5px;
    
}

.sidebar-item-btn{
    border: none;
    padding: 5px;
    font-size: 9px;
    background: #ffffff00;
    color:white;
    border-radius: 0;
    cursor: pointer;
}
.sidebar-item:hover{
    color: #2994e1;
    
}
.sidebar-item-btn i{
    font-size: 45px;
    color:white;
}

/* ++ table*/


table {
  border-collapse: collapse;
  width: 100%;
}

tbody tr:nth-child(1){
    border-bottom: 2px solid #006cb747;
}

tr td,
tr th {
  /*box-shadow: 0px 0px 0px 1px #00000012 inset;*/
  padding: 5px 10px;
}

/*td {
  background: #e1edf9;
}*/


tr:nth-child(odd){
    /*background: #e1edf9;*/
}
tr{
    border-bottom: 1px solid #006cb747;
}
th {
/*  background: #003a6a;*/
  color: white;
  font-size: 12px;
/*  border-bottom: 2px solid #006cb747;*/
}
td{
    font-size: 12px;
    text-align: center;
}
td > * {
    vertical-align : middle;
}
.tbl-header {    
  background: #006cb7;
  top: 0;
  position: sticky;
  z-index: 500;
  cursor: pointer;
}

.side_header {
  position: sticky;
  left: 0;
  z-index: 20000;
}

.common_header {
  top: 0;
  left: 0;
  position: sticky;
  z-index: 30000;
}

/* -- table*/


#ds-btn-action-times{
    background: #ffb000;
}


#popup-add-district {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    font-size: 14px;
    margin: auto;
    height: 130px;
    width: 600px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-add-subject {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    font-size: 14px;
    margin: auto;
    height: 160px;
    width: 600px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-add-institution {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    font-size: 14px;
    margin: auto;
    height: 260px;
    width: 600px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-add-user{
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    font-size: 14px;
    margin: auto;
    height: 310px;
    width: 600px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-edit-user{
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    font-size: 14px;
    margin: auto;
    height: 255px;
    width: 600px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-school-stage {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin: auto;
    height: 530px;
    width: 660px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}
#popup-ds-quantity-report {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin: auto;
    height: 525px;
    width: 660px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-ds-times {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin: auto;
    height: 665px;
    width: 660px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);

}
.popup-block-div-scroll{
    height: calc(93% - 180px);
    background: white;
    overflow-y: scroll;
}

#popup-ds {
    display: flex;
    flex-direction: column;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin: auto;
    height: calc(100vh - 80px);
    width: 99%;
    position: absolute;
    padding: 15px 20px;
    background: #f4f7ff;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-rs {
    display: flex;
    flex-direction: column;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin: auto;
    height: calc(100vh - 80px);
    width: 80%;
    position: absolute;
    padding: 15px 20px;
    background: #f4f7ff;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-rs-filter-show{
        display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin: auto;
    height: 350px;
    width: 1000px;
    position: absolute;
    padding: 15px 20px;
    background: #f4f7ff;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-rs-container
{
    width: 100%;
    height: 100%;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    overflow-y: scroll;
}

#popup-rs-filter-container
{
    width: 100%;
    height: 100%;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}
.popup-rs-container-row
{
    display: flex;
    flex-direction: row;
    margin: 10px;
    justify-content: space-around;
}
.popup-rs-container-col
{
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.popup-rs-filter-block{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 2px;
}
.popup-rs-filter-block-row{
    display: flex;
    flex-direction: row;
}
.popup-rs-filter-block-title{
    color: #006cb7;
    padding-right: 7px;
    width: 100%;
}

.popup-rs-block-title
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

#popup-ds-filter-show{
        display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin: auto;
    height: 350px;
    width: 1000px;
    position: absolute;
    padding: 15px 20px;
    background: #f4f7ff;
    z-index: 600;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

#popup-ds-container
{
    width: 100%;
    height: 100%;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    overflow-y: scroll;
}

#popup-ds-filter-container
{
    width: 100%;
    height: 100%;
    background: white;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}

.popup-ds-container-row
{
    display: flex;
    flex-direction: row;
    margin: 10px;
    justify-content: space-around;
}

.popup-ds-container-col
{
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.popup-ds-filter-block{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 2px;
}
.popup-ds-filter-block-row{
    display: flex;
    flex-direction: row;
}
.popup-ds-filter-block-title{
    color: #006cb7;
    padding-right: 7px;
    width: 100%;
}

.popup-ds-block-title
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.popup-ds-container-action-filter{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.popup-rs-container-action-filter{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.popup-ds-container-action-filter-block{
    margin-right: 5px;
}
.popup-rs-container-action-filter-block{
    margin-right: 5px;
}

.popup-ds-container-action-filter-block-title{
        color: #006cb7;
}
.popup-rs-container-action-filter-block-title{
        color: #006cb7;
}
.popup-ds-container-action-filter-block-content{
    
}

#popup-ds-add-to-db
{
    margin-top: 22px;
    border-radius: 0;
}
#popup-rs-add-to-db
{
    margin-top: 22px;
    border-radius: 0;
}

#popup-ds-quantity-report-accept
{
    margin-top: 22px;
}


#popup-ds-errors-count
{
    width: 64px;
    height: inherit;
    padding: 2px 10px;
    background: red;
    outline: none;
    color: white;
    font-weight: bold;
    border-radius: 0;
    text-align: center;
    margin-right: 5px;
}

#popup-ds-entries-count
{
    width: 64px;
    height: inherit;
    padding: 2px 10px;
    background: #006cb7;
    outline: none;
    color: white;
    font-weight: bold;
    border-radius: 0;
    text-align: center;
    margin-right: 5px;
}

#popup-rs-errors-count
{
    width: 64px;
    height: inherit;
    padding: 2px 10px;
    background: red;
    outline: none;
    color: white;
    font-weight: bold;
    border-radius: 0;
    text-align: center;
    margin-right: 5px;
}

#popup-rs-entries-count
{
    width: 64px;
    height: inherit;
    padding: 2px 10px;
    background: #006cb7;
    outline: none;
    color: white;
    font-weight: bold;
    border-radius: 0;
    text-align: center;
    margin-right: 5px;
}

.popup-block-div{
    width: 100%;
    /*height: 30px;*/
    margin: 5px 0;
}
.popup-block-div input[type="text"]
{
    width: inherit;
    height: 26px;
    padding: 0 5px;
    border: 1px solid #006cb7;
    font-size: 12px;
    outline: none;
}

.popup-block-div select{
    width: inherit;
    height: 26px;
    padding: 0 5px;
    font-size: 12px;
    outline: none;
}

input[type="number"]
{
    width: inherit;
    height: 26px;
    padding: 0 5px;
    border: 1px solid #006cb7;
    font-size: 12px;
    outline: none;
    border-radius: 0;
    text-align: center;

}

.popup-block-div-row{
    display: flex;
    flex-direction: row;
    margin: 5px 0px;
}
.popup-block-div-row div{
    margin: 0 5px;
}

.popup-block-div-column{
    display: flex;
    flex-direction: column;
}

.popup-block-btn{
    padding: 5px;
    text-align: center;
    margin-top: 5px;
}

.popup-block-title{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.close {
    top: 2px;
    right: 2px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    background-color: #006cb7;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;
    color: white;
    font-size: 18px;
}

.title {
    color: #006cb7;
}

.title-actions{
    color: #006cb7;
    padding-bottom: 5px;
    width: 100%;
}
.title-filters{
    color: #006cb7;
    padding-bottom: 5px;
    width: 100%;
}

.w-16{
    width: 16px;
}
.w-35{
    width: 35px;
}
.w-50{
    width: 50px;
}
.w-60{
    width: 60px;
}
.w-80{
    width: 80px;
}
.w-85{
    width: 85px;
}
.w-105{
    width: 105px;
}
.w-110{
    width: 110px;
}
.w-130{
    width: 130px;
}
.w-150{
    width: 150px;
}
.w-180{
    width: 180px;
}
.w-200{
    width: 200px;
}
.w-240{
    width: 240px;
}
.w-250{
    width: 250px;
}
.w-350{
    width: 350px;
}
.w-390{
    width: 390px;
}
.w-600{
    width: 600px;
}
.w-650{
    width: 650px;
}
.w-670{
    width: 670px;
}
.w-730{
    width: 730px;
}
.w-800{
    width: 800px;
}
.w-860{
    width: 860px;
}
.w-1000{
    width: 1000px;
}
.w-1460{
    width: 1460px;
}

.w-per-10{
    width: 10%;
}
.w-per-20{
    width: 20%;
}
.w-per-30{
    width: 30%;
}
.w-per-40{
    width: 40%;
}
.w-per-50{
    width: 50%;
}
.w-per-60{
    width: 60%;
}
.w-per-70{
    width: 70%;
}
.w-per-80{
    width: 80%;
}
.w-per-90{
    width: 90%;
}
.w-per-100{
    width: 100%;
}



#overlayLoadingHide{
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    overflow: auto;
    visibility:hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
	
}

.popupLoading {

    display: flex;
    justify-content: center;
    align-items: center;
}




.login-page {
  margin-top: 300px;
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 450px;
  margin: 0 auto 100px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  text-align: center;
  box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}
.form input {
  outline: 0;
  width: 100%;
  border: 1px solid #006cb7;
  margin: 0 0 30px;
  box-sizing: border-box;
  font-size: 18px;
  color: black;
  height: 50px;

}
.form input[type="submit"] {
  text-transform: uppercase;
    outline: 0;
    background: #006cb7;
    width: 200px;
    border-radius: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    height: 40px;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}
.form input[type="submit"]:hover,.form button:active,.form button:focus {
  background: #02416c;
}

.login-page-error{
    color:red;
}

#overlayPassHide{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
    overflow: auto;
    visibility:hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
    
	
}

.passPopup {

    top: 200px;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: 650px;
    min-width: 200px;
    max-width: 1200px;
    position: absolute;
    padding: 15px 20px;
    background-color: #fefefe;
    z-index: 1000;

}