body{

  background-image: url('https://images.unsplash.com/photo-1468070454955-c5b6932bd08d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=0d1f750feccaa5e8f5943723ae144f0c&auto=format&fit=crop&w=750&q=80');
  background-repeat:repeat-y;
  background-size: 100%;
  overflow-x: hidden;
}



/* Головна сторінка */
.content{
opacity: 0.9;
background-color: #e6e3e9;
}
.data{
margin: 0 200px;
padding-top: 90px;

}

 .data h1{
  margin-left: 25px;
  font-family: "Segoe UI","Helvetica Neue",sans-serif;
  font-size: 60px;
  padding-bottom: 20px;
  font-weight: lighter;
  font-weight: 400;
}
.data p{
  text-indent: 20px;
  font-size: 20px;
}


.footer_content{
  color: #fff;
  opacity: 0.9;
  background-color: #795b8f;
  padding-bottom: 50px;
}

.text{
  padding: 20px 30px;
  font-size: 24px;
  line-height: 110%;
  font-weight: 400;
}
.links{
  padding: 0 30px;
  padding-bottom: 70px;
}
.links li, ul{
  padding-bottom: 15px;
   list-style-type: none;
   margin-left: 0;
   padding-left: 0;
}
.links a, a:link, a:active, a:visited, a:focus{
  color: #fff;
  font-size:14px;
  text-decoration:none;
}
.links a:hover{
  color: #fff;
  font-size:16px;
  text-decoration:none;
}
.creator{
  color: #FFF;
  padding: 10px 0;
  background-color: #8e24aa;
}
.creator p{
  padding: 0 30px;
  padding-top: 10px;
}

.sign_in, .sign_up{
  display: none;
  text-align: center;
}

.sign_in_content{
  text-align: center;

}

.sign_in form, .sign_up form{
  text-align: left;
}


    /* Кнопки Sign_in / Sign_up */
    .buttons{
      text-align: center;
      padding-top: 105px;
      color: #8a7699;
      display: none;
      font-size: 47px;
    }

    .buttons button{
      font-family: 'Lato', sans-serif;
      color: #ac89c5;
      background-color: #e6e3e9;
      border: 0;

    }

    .buttons button, button:active, button:focus{
    outline: none !important;
    }

    .buttons button:active, button:focus{
      color:  #8a7699;
    }

    /* Кінець кнопки Sign_in / Sign_up */

  /* Форма входу та реєстрації */

.email_sign_in, .password_sign_in {
  padding-top: 60px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.fname_sign_up, .lname_sign_up, .patronymic_sign_up, .email_sign_up, .password_sign_up, .email_update, .password_update{
  padding-top: 30px;
  padding-bottom: 0;
  margin-bottom: 0;
}


.email_sign_in input, .password_sign_in input, .sign_up input, .update_form input{
  border: 0;
  background-color: #e6e3e9;
  border-bottom: 1px solid #9e9e9e;
  width: 100%;
  resize: none;
}



.email_sign_in input:active, .email_sign_in input:focus, .password_sign_in input:active, .password_sign_in input:focus,
.sign_up input:active, .sign_up input:focus, .sign_up select:active, .sign_up select:focus, .project_list select:active, .project_list select:focus{
  outline: none !important;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #3CB371;
  background-color: none;

}
.update_data input:active, .update_data input:focus, .update_data select:active, .update_data select:focus {
  outline: none !important;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #3CB371;
  background-color: none;
}

.email_sign_in label, .new_theme label{
  font-size: 15px;
  color: #9e9e9e;
  position:relative;
  top: -35px;
  cursor: text;
}



 .group_sign_up label, .group_update label, .project_list label{
   font-size: 12px;
   color: #9e9e9e;
   position:relative;
   top: -60px;
   cursor: text;
 }



 .update_form input[data-empty="false"] + label,
 .update_form input:focus + label {
     color: #3CB371 !important;
     font-weight: 400 !important;
     font-size: 12px !important;
     transform: translate3d(0, -50px, 0) !important;
}



   .sign_in_form input[data-empty="false"] + label,
   .sign_in_form input:focus + label {
      color: #3CB371 !important;
      font-weight: 700 !important;
      font-size: 12px !important;
      transform: translate3d(0, -10px, 0) !important;
    }

 .sign_up_form input[data-empty="false"] + label,
  .sign_up_form input:focus + label {
      color: #3CB371 !important;
      font-weight: 700 !important;
      font-size: 12px !important;
      transform: translate3d(0, -10px, 0) !important;
 }


.password_sign_up label, .password_sign_in label{
  font-size: 15px;
  color: #9e9e9e;
  position:relative;
  right:-35px;
  top: -35px;
  cursor: text;
}

.password_sign_in input[type="password"]{
  width: calc(100% - 35px);
}

.password_sign_up input[type="password"]{
  width: calc(100% - 35px);
}

.remember_sign_in, .enter_sign_in, .enter_sign_up{
  text-align: center;
}

#Remember{
  padding-top: 0;
  font-size: 12px;
  color: #9e9e9e;
}

.enter_sign_in, .enter_sign_up{
  margin-top:  30px;
  margin-bottom: 40px;
}

.sign_up, .update_data, .tab_profile, .tab_home, .tab_task, .progress_check, .new_news{
  display: none;
}


.group_sign_up select, .group_update select, .project_list select{
  border:0;
  background-color: #e6e3e9;
  width: 100%;
  border-bottom: 1px solid #9e9e9e;
  height: 40px;
  margin-top: 15px;
  border-radius: 0;
  color: #000;
}



.group_sign_up option:nth-child(1), .group_update option:nth-child(1), .project_list option:nth-child(1){

  color: rgba(0,0,0,0.3);

}

.group_sign_up option, .group_update option, .project_list option{
  color: green;
  font-size: 18px;
}

.group_sign_up select:active, .group_sign_up select:focus{
 box-shadow:0 0 0 0;
 border-color: #9e9e9e;

}

 /*Кінець Форма входу та реєстрації */

/* Кінець головної сторінки */




/* Верхня частина сайту*/

.logo{
  text-align: center;
  line-height: normal;
  color: #fff;
  background-color: #b694ce;
  padding: 0;
  padding-top: 18px;
}
.navbar-brand{
  line-height: normal;
  padding: 0;
}

.logo a, .logo a:link, .logo a:active,.logo a:visited,.logo a:focus {
  font-weight:400;
  font-size: 40px;
  line-height: normal;
  color: #fff;
}

.button_menu{
  background-color: #e6e3e9;
  opacity: 0.9;
  padding-top: 20px;
  padding-bottom: 20px;
}


/* Кінець Верхня частина сайту*/







/* Панелі*/
.panel_office, .panel_profile, .panel_home, .panel_office_curator{
  background-color: #e6e3e9;
  opacity: 0.9;
  padding: 0;
  padding: 20px 20px;
}

.theme_bg{
  background-color: #e6e3e9;
  opacity: 0.9;
}
.theme_bg2{
    background-color: #b694ce;
}
.theme_bg3{
    background-color: #795b8f;
    color:#FFFFFF;
}

/* Кнопки для переходу між таблицями */
.nav-tabs .nav-link{
     color: rgba(238,110,115,0.7);
     background-color:  #e6e3e9;
     border: none;
}
 .nav-tabs .nav-link.active{
   color: rgba(238,110,115,0.7);
   background-color: rgba(238,110,115,0.1);
   border-bottom: 2px solid rgba(238,110,115,0.7)

 }

  hr{
  position:relative;
  height: 2px;
  width: calc(100%/3);
  margin: 0;
  background: rgba(238,110,115,0.7);
  border: none;
  transition: 0.50s ease-in-out;
}

/* Кінець кнопки для переходу між таблицями */





.panel_office_curator hr{
  width: calc(100%/4);
}

.nav-tabs{
  width: 100%;
}

.nav-item{
  text-align: center;
  width:calc(100%/3);
}

.panel_office_curator .nav-item{
  text-align: center;
  width:calc(100%/5);

}

.tab_table table{
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.green{
  background-color: #C8E6C9;
}

.white{
  background-color: rgba(242,242,242,0.5);
}

.add_request .tema{
  width: 50%;
}

.tab_table th{
  color: #513d5e;
  padding-bottom: 20px;
}

.tab_table td{
  color: #513d5e;
  padding-top: 15px;
  padding-bottom: 30px;

}

.info{
  padding: 0;
}






/* Панель оффісе */

.user_img{
  margin: 45px 0;
  margin-bottom: 50px;
}

.user_name{
  font-family: 'Fjalla One', sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #978ca0;
  margin-top: 20px;
  }

.update_data{
  margin-bottom: 150px;
}

.update_data h5, .news h3{
  color: #978ca0;
  font-weight: normal;
}

.user_data{
  color: #978ca0;
  font-size: 18px;
  margin-bottom: 50px;
}
.user{
  padding-bottom: 50px;
}


.task{
  border-radius: 0;
  border: 6px solid #fff;
  margin-bottom: 100px;

}

.user_thema{
  background-color: #fff;
  margin: 10px 20px;
  padding: 20px 0;
  margin-bottom: 25px;
}

.task_form{
  margin: 0 30px;
  margin-bottom: 10px;
}



.task_box label{
    cursor: pointer;
    color: #9e9e9e;
    font-size: 16px;
  }
/*
неясно нахера?
input[type=checkbox]{display: none;}

input[type=checkbox] + label:before {
    content: "\2713";
    color: transparent;
    display: inline-block;
    border: 2px solid #5a5a5a;
    font-size: 20px;
    font-weight: 900;
    line-height: 18px;
    margin: -5px 5px 0 0;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle;
    transition: color ease .3s;
    cursor: pointer;
}

input[type=checkbox]:checked + label:before {
  border: 0;
    color: white;
    font-size:15px;
    font-weight:300;
    background-color:#26a69a;
    cursor: pointer;
}
*/
/* Кінець панель оффісе */


.new_password{
  margin-top: 30px;
}
 
.new_password label{
  color:#9e9e9e;
  position: relative;
  top:-30px;
}

.new_password input[data-empty="false"] + label,
 .new_password input:focus + label {
     color: #3CB374 !important;
     font-weight: none !important;
     font-size: 12px !important;
     transform: translate3d(0, -20px, 0) !important;
}

.new_password input:not(:focus)+ label{
  color:#9e9e9e;
}

/* Панель HOME */

.news{
  margin-top: 30px;
  border-radius: 0;
  border: 6px solid #fff;
}

.title_news{
  margin-top: 15px;
  margin-bottom: 40px;
}

.data_news{
  margin-bottom: 60px;
}

.panel_home{
  padding-bottom: 50px;
}


/* Кінець панель HOME */

/* Кінець всім панелям */


/*  КУРАТОР*/

.back{
  padding-top: 5px;
  font-size: 14px !important;

}


.border_top_bottom{
border-top: 1px solid rgb(214, 202, 202);
border-bottom: 1px solid rgb(214, 202, 202);
}

.border_bottom{
border-bottom: 1px solid rgb(214, 202, 202);
}

.curator_tema{
  width: 50%;
}

.panel_office_curator .curator a{
  /* margin: 0 10px; */
  text-align: center;
}

.student_line{
  width: 100% !important;
  height: 1px;
  background: rgb(214, 202, 202);
}

.delite_table{
  width: 10%;
}


.tema_fixed{
  font-weight: 700;
}

.curator_name, .curator_groups{
  width: 5%;
}

.single_input, .batch_input{
  padding: 0 !important;
  margin: 0 !important
}



.inducator_input{
  width: 50% !important;
}

.select_by_name{
  width: 100%;
}

.chosen-drop{
  display: block;
  z-index: 1000 !important;
}

.new_theme_area{
  margin-top:80px;
  margin-bottom: 30px;
}

.new_theme{
  margin-top:80px;
}

.password_sign_in i{
  font-size: 20px;
}

.password_sign_up i{
  font-size: 20px;
  width: 30px;
}

.password_sign_up input, .email_sign_up input, .patronymic_sign_up input, .lname_sign_up input, .fname_sign_up input, .password_update input, .email_update input, .new_theme input{
  border: 0;
  background-color: #e6e3e9;
  border-bottom: 1px solid #9e9e9e;
  width: 100%;
  resize: none;
  height: 30px;
}

.password_sign_up input:active, .password_sign_up input:focus, .email_sign_up input:active, .email_sign_up input:focus, .patronymic_sign_up input:active, .patronymic_sign_up input:focus, .lname_sign_up input:active, .lname_sign_up input:focus, .password_update input:active, .password_update input:focus, .email_update input:active, .email_update input:focus, .new_theme input:active, .new_theme input:focus{
  outline: none !important;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #3CB371;
  background-color: none;
}

.password_sign_up input:valid+label, .email_sign_up input:valid+label, .patronymic_sign_up input:valid+label, .lname_sign_up input:valid+label, .fname_sign_up input:valid+label, .password_update input:valid+label, .email_update input:valid+label, .new_theme input:valid+label{
  color: #9e9e9e !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  transform: translate3d(0, -20px, 0) !important;
  transition: 0.4s;
}

.email_sign_up label, .patronymic_sign_up label, .lname_sign_up label, .fname_sign_up label, .password_update label, .email_update label, .new_theme label{
  font-size: 15px;
  color: #9e9e9e;
  position:relative;
  top: -35px;
  cursor: text;
}


 .new_theme input[data-empty="false"] + label,
 .new_theme input:focus + label {
     color: #3CB371 !important;
     font-weight: 400 !important;
     font-size: 12px !important;
     transform: translate3d(0, -20px, 0) !important;
     transition: 0.4s;
}
.password_update input[data-empty="false"] + label,
.password_update input:focus + label {
    color: #3CB371 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    transform: translate3d(0, -20px, 0) !important;
    transition: 0.4s;
}

.email_update input[data-empty="false"] + label,
.email_update input:focus + label {
    color: #3CB371 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    transform: translate3d(0, -20px, 0) !important;
    transition: 0.4s;
}

.fname_sign_up input[data-empty="false"] + label,
.fname_sign_up input:focus + label {
    color: #3CB371 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    transform: translate3d(0, -20px, 0) !important;
    transition: 0.4s;
}
.lname_sign_up input[data-empty="false"] + label,
.lname_sign_up input:focus + label {
    color: #3CB371 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    transform: translate3d(0, -20px, 0) !important;
    transition: 0.4s;
}

.patronymic_sign_up input[data-empty="false"] + label,
.patronymic_sign_up input:focus + label {
    color: #3CB371 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    transform: translate3d(0, -20px, 0) !important;
    transition: 0.4s;
}

.email_sign_up input[data-empty="false"] + label,
.email_sign_up input:focus + label {
    color: #3CB371 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    transform: translate3d(0, -20px, 0) !important;
    transition: 0.4s;
}

.password_sign_up input[data-empty="false"] + label,
.password_sign_up input:focus + label {
    color: #3CB371 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    transform: translate3d(0, -20px, 0) !important;
    transition: 0.4s;
}

.new_theme_area textarea{
  display: block;
  border: 0;
  background-color: #e6e3e9;
  border-right: 1px solid #9e9e9e;
  border-left: 1px solid #9e9e9e;
  border-bottom: 1px solid #9e9e9e;
  width: 100%;
  resize: none;

  padding: 10px;

}

 .new_theme_area textarea:active, .new_theme_area textarea:focus{
  outline: none !important;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #3CB371;
  background-color: none;
}

.new_theme_area {
  position: relative;


}

.new_theme_area label {
  color: #9e9e9e;
  font-size: 16px;

  z-index: 1;
  transition: top 0.5s linear;
}



.new_theme_area textarea:focus + label, .new_theme_area textarea:valid + label {
  top: -20px;
  font-size: 12px;
  color: #3CB371;
}

.new_theme_area textarea:focus, .new_theme_area textarea:valid {
  border-bottom: 2px solid #3CB371;
}



.select_group label{
  font-size: 12px;
  color: #9e9e9e;

}

.select_group{
  width: 100%;
}

.select_group select{
  width:100% !important;

}


.progress_check .user_name{
  font-size: 18px;
  color: rgb(172, 169, 169);
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 100;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 10px;
}

.user_progress{
  margin-bottom: 20px;
}

#snglInp{
  display:none;
}
/* /КУРАТОР */




/* Адміністратор */

.news_title{
  margin-top: 40px;
}

.news_title input{
  border: 0;
  background-color: #e6e3e9;
  border-bottom: 1px solid #9e9e9e;
  width: 100%;

}

.datapicker:active, .datapicker:focus, .news_title input:active, .news_title input:focus{
  outline: none !important;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #3CB371 !important;
  background-color: none;
}


.news_title input:valid+label, .news_title input:focus+label{
  color: #9e9e9e !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  transform: translate3d(0, -20px, 0) !important;
  transition: 1s;
}

.news_title label{
  font-size: 15px;
  color: #9e9e9e;
  position:relative;
  top: -30px;
  cursor: text;
  transition: 1s;
}

.news_title input[data-empty="false"] + label,
.news_title input:focus + label {
     color: #3CB371 !important;
     font-weight: 400 !important;
     font-size: 12px !important;
     transform: translate3d(0, -20px, 0) !important;

}



.news_content textarea{
  display: block;
  border: 0;
  background-color: #e6e3e9;
  border-bottom: 1px solid #9e9e9e;
  width: 100%;
  resize: none;
  overflow:hidden;
  padding: 10px;
  height: 30px;
}

.news_content textarea[id="zapovnene"]{
    height: 100px;
}



.news_content {
  position: relative;
  margin-top: 10px;
  margin-bottom: 40px;
}

.news_content label {
  color: #9e9e9e;
  font-size: 16px;
  position: absolute;
  top: 0px;
  transition: top 0.5s linear;
}



.news_content textarea:focus + label, .news_content textarea:valid + label {
  top: -20px;
  font-size: 12px;
  color: #9e9e9e;
}


.news_content textarea:focus, .news_content textarea:valid {
  border-bottom: 1px solid #9e9e9e;
}

 .news_content textarea:active, .news_content textarea:focus{
  outline: none !important;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #3CB371;
  background-color: none;
}
.news_content textarea:active+label, .news_content textarea:focus+label{
color: #3CB371;
}

.more_size{
  height: 100px !important;
}
.news_button{
  margin-bottom: 20px;
}
.news_button button{
  width: 100px;
  padding: 0;
}

.edit_user .sign_up{
  display:block;
}

.edit_user .col-12{
  background-color: #e6e3e9;
}

.add_user_group{
  margin: 30px 0;
}

.password_sign_up label[id="user_add"]{
  left: 0;
  right: 0;
}

.add_group{
  display: none;
}
.new_user_button a{
  background-color: #68818c;
  border: 0;
  color: white;
  height: 100%;
  width: 100%;
  padding: 10px 0;
  border-radius: 0 !important;
}
/* /Адміністратор */




/* Фільтри */

.filter_button i{
  font-size: 24px;
  color:black;
}

.filter_button_hide{
  display: none;
}

.filters select{
  background-color:white;
}

.thema{
  width: 30%;
}

/* /Фільтри */
a.lnk-inf{
    color: #1565c0;
}
a.lnk-inf:hover{
    color: #6A1B9A;
}

.text-white{
    color: #FFF;
}

.badge-theme2 {
    color: #FFF;
  background-color: #685277;
}
.badge-theme3 {
    color: #FFF;
    background-color: #ad1457;
}
.badge-theme5 {
    color: #513D5E;
    background-color: #f8bbd0;
}
.badge-themeScs{
    color: #FFF;
    background-color: #00695c;
}

.bg-themeScs{
    color: #FFF;
    background-color: #00695c;
}
.bg-theme2{
    color: #FFF;
    background-color: #685277;
}
.bg-theme3{
    color: #FFF;
    background-color: #ad1457;
}
.bg-theme4{
    color: #000000;
    background-color: #e1bee7;
}
.bg-theme5{
    color: #FFF;
    background-color: #b694ce;
}
/* Ефекти для всіх кнопк на сайті */

/*темно рожева кнопка*/
.btn-theme3{
    border: 0;
    color: #FFF;
    background-color: #ad1457;
}
.btn-theme3:hover{
    color: #000000;
    background-color: #f8bbd0;
}
.btn-theme3:focus{
    box-shadow: none!important;
}

/*темно фіолетова кнопка*/
.btn-theme4{
    border: 0;
    color: #FFF;
    background-color: #6a1b9a;
}
.btn-theme4:hover{
    color: #000000;
    background-color: #e1bee7;
}
.btn-theme4:focus{
    box-shadow: none!important;
}

/*сіренєва кнопка*/
.btn-theme5{
    border: 0;
    color: #FFF;
    background-color: #b694ce;
}
.btn-theme5:hover{
    color: #000000;
    background-color: #e1bee7;
}
.btn-theme5:focus{
    box-shadow: none!important;
}

/*темно зелена кнопка*/
.btn-themeScs{
    border: 0;
    color: #FFF;
    background-color: #00695c;
}
.btn-themeScs:hover{
    color: #000000;
    background-color: #b2dfdb;
}
.btn-themeScs:focus{
    color: #000000;
    box-shadow: none;
}

/*темно голуба кнопка*/
.btn-themeInf{
    border: 0;
    color: #FFF;
    background-color: #1565c0;
}
.btn-themeInf:hover{
    color: #000000!important;
    background-color: #bbdefb;
}
.btn-themeInf:focus{
    color: #FFF;
    box-shadow: none!important;
}


.btn-theme2{
    border: 0;
    background-color: #685277;
}
.btn-theme2:hover{
    color: #FFF;
    background-color: #b694ce
}

.btn-lng{
    border: 0;
    outline: none !important;
    box-shadow: 0 0 0 0 !important;
    background-color: #8e24aa;
    font-size: 14px;
}

.btn-base{
    min-width: 120px;
}
.btn-themeColor{
    background-color: #685277;
    color: #FFF;
}

 .home, .profile, .office, #LOGOUT , .back{
  border: 0;
  outline: none !important;
  box-shadow: 0 0 0 0 !important;
  background-color: #685277;
  width: 135px;
  height: 35px;
  font-size: 14px;

}

.input-sm2 {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

#LOGOUT{
  padding-top: 7px;
}



.data button, .enter_sign_in button, .enter_sign_up button, .add_themes_button, .decline, .add, .add_theme, .delite, .edit, .accepted, .save{
  background-color: #685277;
  color: #FFF;

  font-size: 14px;
  border-radius:4px !important;
  outline:none !important;
  border:0;
  width: 120px;

}

.add_themes_button{
  width: 150px;
  padding-top: 0px;
}

.data button, .enter_sign_in button, .enter_sign_up button{
  margin-top: 15px;
  margin-bottom: 50px;
  width: 130.5px;
}

.office:focus, .office:active, .home:focus, .home:active, .profile:focus, .profile:active, .back:active, .back:focus{
  padding-top: 5px;
  font-size: 14px;
  background-color: #685277;
}

 .green_button{
  background-color: #4CAF50;
  color: white;
  width: 120px;
  border: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}


.button_save button:active, .button_save button:focus, .button_save button:hover{
  border: 0;
  outline: none !important;
  box-shadow: 0 0 0 0 !important;
  background-color: #4CAF50;
  color:white;
}

.data button:hover, .enter_sign_in button:hover, .enter_sign_up button:hover, .home:hover, .profile:hover, .office:hover, .back:hover, .request__table a:hover, .user button:hover, .update_form button:hover, .add:hover, .edit:hover, .delite:hover, .add_themes_button:hover,
  .decline:hover, .accepted:hover, .back:hover, .add_theme:hover, .save:hover{
  border: 0;
  outline: none !important;
  box-shadow: 0 0 0 0 !important;
  background-color: #c1a8d1 !important;
  transition: 1s ease-in-out;
}




  .delite:focus, .edit:active, .edit:focus, .accepted:active, .accepted:focus, .decline:active, .decline:focus, .back:active, .back:focus,
  .add:active, .add:focus, .add_theme:focus, .add_theme:active, .edit:focus, .edit:active, .delite:active, .enter_sign_in button:active, .enter_sign_in button:focus, .enter_sign_up button:active, .enter_sign_up button:focus{
    border: 0;
    outline: none !important;
    box-shadow: 0 0 0 0 !important;
    font-size: 14px;
    background-color:#685277;
  }


  .single_input_button, .batch_input_button{
    background-color: #68818c;
    border: 0;
    color: white;
    height: 100%;
    width: 100%;
    padding: 10px 0;
    border-radius: 0 !important;
  }


  .single_input_button:focus, .single_input_button:active, .batch_input_button:focus, .batch_input_button:active{
    color: white;
    background-color: #838c95;
    border: 0;
    height: 100%;
    width: 100%;
    padding: 10px 0;
    font-size:16px;
    border-radius: 0 !important;
  }

/* Кінець ефекти для всіх кнопок на сайті */




/* Новини */

.news_add{
  margin-top: 20px;
}
.datapicker{
  width: 100%;
  border: 0 !important;
  border-bottom: 1px solid #9e9e9e !important;
  background-color: #e6e3e9;
}

.date_news label{
  font-size: 12px;
  color: #9e9e9e;
  position:relative;
  top: -50px;
  cursor: text;
  transition: top 1s linear;
}

.news_add .news_title{
  margin-top: 10px;
}

.page-item {
  margin-left: 2px;
  margin-right: 2px;
  font-size: 14px;
}
.page-item .active{
  font-size: 14px;
}

.pagination .page-item .page-link{
  color: white !important;
  background-color:#685277 !important;
}

.pagination .page-link:hover{
  background-color: #c1a8d1 !important;
  transition: 1s;

}

.pagination .page-link:active, .pagination .page-link:focus{

    outline: none !important;
    box-shadow: 0 0 0 0 !important;
    background-color:#685277;
}

/*Override Bootstrap*/
.page-item.active .page-link {
  z-index: 3;
  color: #fff!important;

  border: none!important;
  background-color: #b694ce!important;
}

.page-item:last-child .page-link {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}
.page-item:first-child .page-link {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}
/*End Override Bootstrap*/

.news_date{
  color:grey;
  margin: 10px 0 0 10px;
}

.publish{
  margin: 10px 0 10px 0;
}
/* /Новини */


.modal-backdrop {
  position:relative; 
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.update_data{
  margin-bottom: 40px;
}






@media screen and (max-width: 576px) {

  .data{
    margin: 0;
    margin:80px 40px 40px 40px;
    padding: 0;
  }
  .data h1, .footer_content li{
    font-size: 20px;
  }
  .data p{
    font-size: 16px;
  }
  .footer_content h5{
    font-size: 24px;
    padding: 0;
    padding-top: 10px;
  }
  .links li{
    padding: 0;
    margin: 0;
    font-size: 14px;
    height: 40px;
  }
  .links{
    padding: 0;
  }

  .creator p{
    font-size: 14px;
  }
  .data button, .enter_sign_in button{
    font-size: 14px;
    width: 110px;
    height: 30px;
  }

  .buttons button{
    font-size: 36px;
  }
  
  .buttons{
    padding-top: 50px;
  }

  .email_sign_in, .password_sign_in{
    padding-top: 20px;
  }
  .enter_sign_in{
    margin: 0;
  }
  .button_menu button, .add, .decline,
   .edit, .green_button, .save, .delite, .office, 
   .accepted, .add_themes_button, .add_theme, .back{
    font-size: 12px !important;
    width: 76px !important;
    height: 25px !important;
    padding: 0;
  }



  .add_themes_button{
    width: 110px !important;
  }

  #LOGOUT{
    height: 25px !important;
    padding: 0;
    margin: 0;
  }

  .button_menu a, .add{
    padding: 4px !important;
  }

  .edit, .delite, .decline, .accepted{
    padding: 3px !important;
  }
  

 table{
  font-size: 12px;
 }

  .tab_office a{
    font-size: 12px !important;
  }  

.panel_office, .panel_profile, .panel_home, .panel_office_curator {
    background-color: #e6e3e9;
    opacity: 0.9;
    padding: 0;
    padding: 5px 5px;
}

.logo{
  padding: 0;
}
.logo a{
  font-size: 30px !important;
}
  .title_news{
    margin: 10px;
  }
  .data_news{
    margin: 0;
  }

  .user_thema{
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    font-size: 14px;
  }

  .task{
    margin: 0;
    border:0;
  }
  .task_box{
    margin: 0;
    padding: 0;
  }

    .user, .user_name{
    margin: 0 !important;
    padding: 0;
    font-size: 18px;
  }
  
  .user_img{
    padding-bottom: 20px;
    margin: 0;
  }

  .user_data{
    margin: 0 !important;
    padding: 0;
    font-size: 16px;
  }

  .update_data{
    margin-bottom: 40px;
  }
  
  .task_box label{
    font-size: 14px;
  }
  input[type=checkbox] + label:before {
   height: 15px;
   width: 15px;
 }

 input[type=checkbox]:checked + label:before {
   font-size: 10px;
   padding: 0;
 }

 .update_data label, .update_data input{
   font-size: 14px !important;
 }
 .news h3{
   font-size: 18px;
 }

 .user_progress .user_name{
   font-size: 16px;
 }
 .user_progress .user_theme{
  font-size: 14px;
}


.new_user li{
  padding: 0 !important;
  margin: 0 !important;
}

.filters select, .filters option{
  font-size:13px !important;
}

.form-group label,.form-group input, .form-group select{
  padding:0 !important;
  margin:0 !important;
  font-size:12px;
}
.form-group input, .form-group select{
  font-size:14px;
}
}

@media screen and (max-width: 992px) {

}

.edit_pass{
  right: 0 !important;
}