:root{
    --black:#000;
    --grey: #4F4955;
    --light-grey: #D9D9D9;
    --transparent-grey: rgba(0,0,0,.1);
    --blue: #1E488D;
    --light-blue: #7B9BCB;
    --white: #fefefe;
    --darck: #40474A;
    --body-bg: transparent;
}

*{
    box-sizing: border-box;
}


html{
    margin: 0;
}
body{
    margin: 0;
}

header, main, footer {
    margin: 0;
    padding: 0;
  }
  
.content{
    margin: 0 auto;
    max-width: 1600px;
}

.boxflex{
    display: flex;
}


.boxflex > *{
    align-content: center;
    display: flex;
    align-items: center;
}

.directionCol{
    flex-direction: column;
}

.directionRow{
    flex-direction: row;
}

.col_1{
    width: 6.25%;
}
.col_2{
    width: 12.5%;
}
.col_3{
    width: 18.75%;
}
.col_4{
    width: 25%;
}
.col_5{
    width: 31.25%;
}
.col_6{
    width: 37.6%;
}
.col_7{
    width: 43.75%;
}
.col_8{
    width: 50%;
}
.col_9{
    width: 56.25%;
}
.col_10{
    width: 62.5%;
}
.col_11{
    width: 68.75%;
}
.col_12{
    width: 75%;
}
.col_13{
    width: 81.25%;
}
.col_14{
    width: 87.5%;
}
.col_1{
    width: 93.85%;
}
.col_16{
    width: 100%;
}


.boxbeteem{
    justify-content: space-between;
}


.backgroun_top{
    background: url('../images/bg_vaib_top.png');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.backgroun_bottom{
    background: url('../images/bg_vaib_bottom.png');
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.backgroun_bottom > .content.boxflex,
.backgroun_bottom #container{
    min-height: calc(100vh - 60px);
}

#logo{
    width: 78px;
}
#logoinner{
    width: 70%;
}


.center_block {
    align-self: center;
    justify-self: center;
    justify-content: center;
    justify-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  thead th {
    background: transparent;
    color: var(--white);
    text-align: center;
    vertical-align: middle;
  }
  
  table thead th .text a{
    color: var(--white);
  }

  #changelist tbody tr:has(.action-select:checked) {
    background-color: var(--transparent-grey);
  }

  .actions.flexbox {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: end;
  }

  form .actions > div .button {
    margin-left:  20px;
    vertical-align: bottom;
  }
  #changelist .actions select{
    margin-left: 0;
  }