@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/GothamPro/GothamPro-Bold.eot');
  src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
  url('../fonts/GothamPro/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/GothamPro/GothamPro-Bold.woff') format('woff'),
  url('../fonts/GothamPro/GothamPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/GothamPro/GothamPro.eot');
  src: local('Gotham Pro'), local('GothamPro'),
  url('../fonts/GothamPro/GothamPro.eot?#iefix') format('embedded-opentype'),
  url('../fonts/GothamPro/GothamPro.woff') format('woff'),
  url('../fonts/GothamPro/GothamPro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/GothamPro/GothamPro-Medium.eot');
  src: local('Gotham Pro'), local('GothamPro'),
  url('../fonts/GothamPro/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/GothamPro/GothamPro-Medium.woff') format('woff'),
  url('../fonts/GothamPro/GothamPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}


@gotham: 'Gotham Pro';
@green: #006848;
body {
  font-size: 13px;
  font-family: @gotham;
  font-weight: normal;
}

select, input{
  font-family: @gotham;
}

h1,h2,h3,h4,h5,h6{
  padding: 0;
  margin: 0;
}

.btn-sm{
  padding: 0.15rem 0.25rem;
  font-size: 0.675rem;
  line-height: 1.25;
  border-radius: 0.2rem;
}

.cont{
  min-height: 100vh;
  background-color: whitesmoke;
  .nav{
    .logo{
      img{
        width: 225px;
        height: 20px;
        margin-left: 10px;
        margin-bottom: 5px;
      }
    }
    font-size: 13px;
    line-height: 67px;
    text-transform: uppercase;
    background-color: @green;
    height: 65px;
    font-weight: 500;
    .nav_elem{
      transition: all 0.25s ease;
      height: 100%;
      display: flex;
      align-items: center;
      &:hover{
        outline: 3px solid rgba(255,255,255,0.8); /* Пунктирная рамка */
        outline-offset: -2px;
      }
      a{
        color: white;
        display: block;
      }
      form{
        button{
          margin-left: 5px;
          background-color: #006848;
          color: white;
          text-transform: uppercase;
          font-weight: 500;
          font-size: 13px;
          outline: none;
          padding-bottom: 9px;
          &:hover, &:focus, &:active{
            outline: none;
          }
        }
    }



    }
  }
  .cont_user{
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 0;
    .user_head_cont{
      display: flex;
      justify-content: space-between;
      label{
        font-size: 14px;
        margin-left: 3px;
      }
      select{
        border: none;
        outline: none;
        background-color: whitesmoke;
        font-weight: bold;
      }
      .to-right{
        display: flex;
        justify-content: space-between;
        button{margin-right: 5px;}
      }
    }
  }
}

.users-list{
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.table-container{
  .t-cont{
    .user-item{
      padding-top: 5px;
      padding-bottom: 5px;
      min-height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #868d93;
      word-wrap: break-word;
      .user-fio{
        margin-left: 5px;
        width: 26%;
      }
      .user-email{
        width: 26%;
      }
      .user-phone{
        width: 11%;
      }
      .user-passport{
        display: flex;
        justify-content: center;
        align-items: center;
        
        width: 6%;
        img{
          height:30px;
        }  


      }
      .user-flight{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 6%;
      }
      .user-actions{
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        .approve_button_pending{ opacity: 0.8;}
        .approve_button_approved{ opacity: 1;}
        .approve_button_disapproved{ opacity: 0.6;}
        .disapprove_button_pending{ opacity: 0.8;}
        .disapprove_button_approved{ opacity: 0.6;}
        .disapprove_button_disapproved{ opacity: 1;}
        .disapprove_user{

          color: white;
          width: 48%;
        }
        .approve_user{

          color: white;
          width: 48%;
          margin-right: 2%;
        }
      }
    }
    .pending{
      background: radial-gradient(#c0c8ce, #f5f8f8);
      &:hover{
        background: radial-gradient(#868d93, #c5c8c8);
      }
    }
    .approved{
      background: radial-gradient(#c0c8ce, #90ffa9);
      &:hover{
        background: radial-gradient(#868d93, #64bf7a);
      }
    }
    .disapproved{
      background: radial-gradient(#c0c8ce, #ffa5ad);
      &:hover{
        background: radial-gradient(#868d93, #b5737b);
      }
    }
  }
  .table-header{
    color: white;
    font-weight: bold;
    background-color: @green;
  }
  .table-content{

  }
}


//CONTENT LESS

i{
  font-family: FontAwesome;
  font-style: normal;
  font-size: 14px;
  color: rgba(0,0,0,1);
  margin-left: 3px;
  display: inline-block;
}

i:hover, i:focus{
  color: rgba(0,0,0,0.6);
}

a, a:hover, a:focus, a:active{
  text-decoration: none;
  color: #4e555b;
}
a:hover, a:focus, a:active{
  color: #040505;
}

.main_container{
  font-family: @gotham;
  #nav {
    h2{
      margin-top: 10px;
      margin-left: 5px;
      font-size: 18px;
      font-family: @gotham;
      text-align: center;
    }
    position: relative;
    .main_ul {
      //border-right: 1px solid #5a6268;
      padding-right: 15px;
      li{
        border-left: 1px solid #5a6268;
        //margin-bottom: 2px;
      }
      & > li{
        border-left: none !important;
      }
      li {
        border-left: 1px solid black;
        .sort_id{
          position: absolute;
          background-color: whitesmoke;
          right: 90px;
        }
        .change_input{
          background-color: whitesmoke;
          color: #000000;
          width: 58%;
        }
        i{
          opacity: 0.7;
          &:hover{
            opacity: 1;
          }
        }
        .list{
          left: 30px;
          color: #000000;
        }
        .adm-edit {
          position: absolute;
          color: #000000;
          right: 10px;
          font-size: 17px;
        }
        .edit {
          position: absolute;
          color: #000000;
          right: 30px;
        }
        .minus {
          position: absolute;
          color: #c20200;
          right: 50px;
        }
        .plus {
          position: absolute;
          color: #06960e;
          right: 70px;
        }
        .liSaveButton{
          position: absolute;
          color: #000000;
          right: 32px;
          .saveSpan{
            position: relative;
            .fa-save{
              position: absolute;
              top: 0px;
              right: 0px;
            }
          }
        }
      }
    }
  }
}

#main{
  font-family: @gotham;
  border-left: 1px solid #8f9ca3;
  h2{
    display: flex;
    justify-content: center;
    font-size: 18px;
    margin-top: 10px;
  }
}


.liText, .liSaveButton, .sort_idSaveButton{
  display: inline-block;
  font-size: 15px;
}

ul{
  padding-left: 10px;
}
li{
  list-style-type: none;
}

ul input{
  border: none;
  //border-bottom: 1px solid black;
  width: inherit;
}

input:hover, input:focus, input:active{
  border: none;
  border-bottom: 1px solid #40dd46;
}
input.submit_button:hover,
input.submit_button:focus,
input.submit_button:active{
  border: none;
}
.sort_id,.sort_mat_id{
  width: 30px;
  background-color: whitesmoke;
}

.category_list{
  font-weight: bolder;
  color: #040505;
}

.material_list{
  color: #171a1d;
}

h2{
  font-size: 25px;
}

.form-group input {
  border: none;
}

.image_block, .files_block{
  display: block;
}

.form_param_detail, .form_param_name{
  width: 40%;
}

.params_block_container p{
  display: inline-block;
  width: 41%;
}

label {
  font-size: 16px;
}

img.image{
  height: 100px;
  max-width: 200px;
}

.icon_to_normal_size{
  width: 30px;
  height: 30px;
}

.first-row{
  margin-top: 30px;
}

//.submit_button{
 // position: absolute;
//  top: 7px;
//  left: 70px;
//}

.active_tab{
  color: #6610f2;
}

.hide-list{
  display: none;
}
.show-list{
  display: block;
 // margin-bottom: 6px;
  //border-bottom: 1px solid #5a6268;
}

.delete_form,.delete_content{
  width: 22px;
}

.arrow-invisible {
  display: none;
}

.btn{
  margin: 10px;
  padding: 2px 5px;
  font-size: 12px;
}

.category_table{
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #868d93;
  word-wrap: break-word;
}

.material_table-container{
  margin-bottom: 20px;
  .table-header{
    color: white;
    font-weight: bold;
    background-color: @green;
    text-align: center;
  }
  .material_table{
    .mat-item{
      background: radial-gradient(#c0c8ce, #f5f8f8);
      padding-top: 5px;
      padding-bottom: 5px;
      min-height: 30px;
      display: flex;
      justify-content: right;
      align-items: center;
      border-bottom: 1px solid #868d93;
      word-wrap: break-word;
      a{
        width:15%;
      }
      .a_mat_program{
        width:35%;
      }
      .a_mat_contact{
        width:35%;
      }
      .cont_desc{
        width:70%;
      }
      .cont_short_desc{
         width:35%;
       }
      .sort_mat_id{
        width:5%;
      }
      .mat_time{
        width:15%;
      }
      .cont_time {
        width: 15%;
      }
      .cont_params{
        width: 50%;
      }
      input{
        background: transparent;
        border: none;
      }
      i{
        //margin-left: 50px;
        width:5%;
      }
      &:hover {
        background: radial-gradient(#868d93, #c5c8c8);
      }
    }
  }
}

.a-margin{
  margin-left: 18px;
}
.input_container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  .to-right{
    position: relative;
    .image_back{
     //position: absolute;
    }
    .submit_button{
      position: absolute;
      top: 7px;
      right: 70px;
    }
  }
}

.category_icon{
  width: 20px;
  height: 20px;
}

.flex-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ok-shine{
  font-size: 10px;
  width: 25px;
  height: 25px;
  background: radial-gradient(#0b930e, #c5c8c8);
  border-radius: 10px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.crumb-container{
  margin-top: 12px;
  display: inline-block;
  .crumb{
    display: inline-block;
    .href_button{
      background-color: whitesmoke;
      color: #202326;
      font-size: 18px;

    }
    i{
    }
  }
}

.card{
  .card-img-top{
    max-height: 400px;
    width: 96%;
  }
  img{
    margin: 2%;
  }
  min-height: 550px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.category_select{
  border: none;
  background-color: whitesmoke;
}

//////media_query////////

@media screen and (max-width: 950px) {
  .approve_user {
    font-size: 12px;
    padding: 1px;
    margin-right: 2px !important;
  }

  .disapprove_user {
    font-size: 12px;
    padding: 1px;
  }

  .table-container {
    .t-cont {
      .user-item {
        .user-fio {
          width: 31%;
        }

        .user-email {
          width: 31%;
        }

        .user-phone {
          width: 13%;
        }

        .user-actions {
          width: 25%;
        }
        .disapprove_user {
          height: 2rem;
        }

        .approve_user {
          height: 2rem;
        }
      }
    }
  }
}

@media screen and (max-width: 640px) {
  .approve_user {
    font-size: 9px;
    padding: 1px;
    margin-right: 1px;
  }

  .disapprove_user {
    font-size: 9px;
    padding: 1px;
  }

  .table-container {
    .t-cont {
      .user-item {
        .user-fio {
          width: 28%;
        }

        .user-email {
          width: 29%;
        }

        .user-phone {
          width: 15%;
        }

        .user-actions {
          width: 28%;
        }

        .disapprove_user {
          height: 2rem;
        }

        .approve_user {
          height: 2rem;
        }
      }
    }
  }
}

@media screen and (max-width: 550px) {
  .table-container {
    .t-cont {
      .user-item {
        .user-fio {
          width: 32%;
        }

        .user-email {
          width: 33%;
        }

        .user-phone {
          width: 12%;
        }

        .user-actions {
          width: 23%;
        }
        .disapprove_user {
          height: 2.5rem;
        }

        .approve_user {
          height: 2.5rem;
        }
      }
    }
  }
  .nav{
    .logo{
      display: none;
    }
  }
}

@media screen and (max-width: 460px) {
  .table-container {
    .t-cont {
      .user-item {
        .user-fio {
          width: 30%;
        }

        .user-email {
          width: 30%;
        }

        .user-phone {
          width: 11%;
        }

        .user-actions {
          width: 29%;
        }
        .disapprove_user {
          height: 3rem;
        }

        .approve_user {
          height: 3rem;
        }
      }
    }
  }
}

@media screen and (max-width: 340px) {
  .table-container {
    .t-cont {
      .user-item {
        .user-fio {
          width: 32%;
        }

        .user-email {
          width: 33%;
        }

        .user-phone {
          width: 12%;
        }

        .user-actions {
          width: 23%;
        }
        .disapprove_user {
          height: 3rem;
          font-size: 7px;
          padding: 0;
        }

        .approve_user {
          height: 3rem;
          font-size: 7px;
          padding: 0;
          margin-right: 1px;
        }
      }
    }
  }
}

#gallery_status,#gallery_time,#content_time{
  margin-left: 10px;
}


select#override_alias{
  height:35px;
  background-color: white;
}