/* Стили для красивой таблицы */
/* Адаптивная обертка для таблицы */
.table-responsive {
  width: 100%;
  overflow-x: auto;
}

/* Сама таблица */
.premium-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Poppins', 'Arial', sans-serif;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Заголовки */
.premium-table th {
  background: linear-gradient(135deg, #4CAF50, #66BB6A);
  color: #fff;
  text-align: left;
  padding: 16px;
  font-size: 15px;
  text-transform: uppercase;
}

/* Ячейки */
.premium-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #eee;
  font-size: 15px;
  color: #333;
}

/* Кнопки */
.action-btn {
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  margin-right: 5px;
  transition: 0.3s;
  display: inline-block;
}

.action-btn.edit {
  background-color: #42A5F5;
}

.action-btn.edit:hover {
  background-color: #1E88E5;
}

.action-btn.delete {
  background-color: #EF5350;
}

.action-btn.delete:hover {
  background-color: #E53935;
}

/* Адаптация под мобилы */
@media (max-width: 600px) {
  .premium-table thead {
    display: none;
  }

  .premium-table, .premium-table tbody, .premium-table tr, .premium-table td {
    display: block;
    width: 100%;
  }

  .premium-table tr {
    margin-bottom: 20px;
    background: #f8f8f8;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    padding: 12px;
  }

  .premium-table td {
    padding: 10px;
    text-align: left;
    border: none;
    position: relative;
  }

  .premium-table td::before {
    content: attr(data-label);
    font-weight: bold;
    color: #555;
    margin-bottom: 6px;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
  }

  .action-btn {
    width: 48%;
    margin-top: 10px;
  }
}

/* Круговое меню :start */
#header3{
    margin-top:0%;
    background: #FC354C;
    background: -webkit-linear-gradient(to right, #0ABFBC, #FC354C);
    background: linear-gradient(to right, #0ABFBC, #FC354C);
}


#chirift_colors{
    font-size: 28px;
    color: azure;
}

#shirift_color{
    font-size: 28px;
    color: azure;
}




/* Круговое меню :finisht */
#submit_load_task{
    background-color: rgb(3, 78, 68);
    color: rgb(250, 253, 250);
}
#cnopR{
    background-color:rgb(5, 119, 128);
    color: white;
}
#cnopU{
    background-color: rgb(255, 0, 0);
    color: white;
}
#cotegoriye{
    background-color: rgb(158, 9, 66);
}
#clock2{
    margin-top:0%;
    background: #ec2233;
    background: -webkit-linear-gradient(to right, #0ABFBC, #FC354C);
    background: linear-gradient(to right, #0ABFBC, #FC354C);
}
#message_add_notask{
    color: rgb(2, 27, 2);
    background-color: rgba(243, 162, 148, 0.678);
    padding-left: 35%;
    font-size: 24px;
    display: none;
}

#message_add_taskc{
    color: rgb(2, 27, 2);
    background-color: rgb(27, 250, 7);
    padding-left: 35%;
    font-size: 24px;
    display: none;
}
#form_load_task{
    display: dlock;
    font-size: 14px;
}
#insert_task{
    color: rgb(249, 209, 9);
}


#tableE{
    font-size: 18px;
}
.table{
    font-size: 24px;
}
#returnn{
    font-size: 24px;
    color: #d46fd4;
}
#submit_update_task{
    color: #f5f7f8;
    background-color: rgb(6, 192, 167);
}

#inlineCheckbox1{
    font-size: 30px;
}
#Output{
    color: #f5f7f8;
    /* background-color: rgb(6, 192, 167); */
}   
#rest{
    color: #f5f7f8;
    /* background-color: rgb(6, 192, 167);   */
}
#peyzah{
    color: #f5f7f8;
    background-color: rgb(2, 13, 11);  
}

    

#message_updata_task{
    color: rgb(2, 27, 2);
    background-color: rgb(27, 250, 7);
    padding-left: 35%;
    font-size: 24px;
    display: none;
}
#fper{
    margin-left: 25%;
}
.peri{
    color: rgb(2, 27, 2);
    /* background-color: rgb(27, 250, 7); */
    background: #f31142;
    background: -webkit-linear-gradient(to right, #61f83b, #e8fc35);
    background: linear-gradient(to right, #87ff91, #eaee05);
    padding-left: 35%;
    font-size: 16px;
    display: block;
}
#per_time{
    background: #f31142;
    background: -webkit-linear-gradient(to right, #61f83b, #dcaafd);
    background: linear-gradient(to right, #aaffb3, #f59bf8);
    font-size: 16px;
    display: block;
    
}
.form-check-labele{
    color: black;
    font-size: 18px;
    padding-left: 20%;
}
.form-check-labelz{
    color: black;
    font-size: 18px;
    padding-left: 5%;
}
.row gy-2 gx-3 align-items-center{
    color: rgb(2, 27, 2);
    font-size: 16px;
    padding-left: 35%

}
.form-check-label{
    color: black;
    font-size: 18px;
}

#go_excele{
    background-color: rgb(4, 149, 151);
    border-color: #0ABFBC;
    margin-left: 72%;
    color: floralwhite;
}

#labe{
    color: rgb(2, 27, 2);
    background: #f31142;
    background: -webkit-linear-gradient(to right, #61f83b, #36d0ff);
    background: linear-gradient(to right, #87ff91, #8de4ff);
    font-size: 24px;
}
#nformation{
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
}
#ret{
    background-color: #098b89;
}
#insert_reviews{
    background-color: #089795;
    color: rgb(253, 253, 252);
}
#message_reviews{
    display: none;
    padding-left: 32%;
    font-size: 24px;
    color: black;
     background: #fdd9e1; 
     background: -webkit-linear-gradient(to right, #eeb71e, #c2f82c);
     background: linear-gradient(to right, #f2fb99, #46f77b);
}
#message_no_reviews{
    padding-left: 12%;
    font-size: 24px;
    color: black;
     background: #ffd2dc; 
     background: -webkit-linear-gradient(to right, #65f2fc, #f8c82c);
     background: linear-gradient(to right, #c9f847, #befcd0);
     display: none;
}
 #del_revi{
     color: black;
     background: #f31142; 
     background: -webkit-linear-gradient(to right, #eeb71e, #FC354C);
     background: linear-gradient(to right, #f2fb99, #f8aab4);
 }
 #message_del_reviews{
    padding-left: 35%;
    font-size: 24px;
    color: black;
     background: #ff829d; 
     background: -webkit-linear-gradient(to right, #bbf4f8, #5cd1ff);
     background: linear-gradient(to right, #e2f8a6, #cef8da,#FC354C);
     display: none;
     
}
#teviews{
    color: black;
    background: #6feaf5; 
    background: -webkit-linear-gradient(to right, #34e8f5, #f890c9);
    background: linear-gradient(to right, #39e4f4, #04f448);
     padding-left: 4%; 
  
    
 } 
.card mb-3{
     display: inline-block;
 } 
 
 #my_reviews2{
    /* background-color: #089795; */
    color: rgb(245, 245, 7);
 }
 #form_comment{
     margin-top: 5%;
     margin-left: 27%;
     
 }
 #imgDoul{
    color: black;
    background: #f31142; 
    background: -webkit-linear-gradient(to right, #eeb71e, #FC354C);
    background: linear-gradient(to right, #f2fb99, #f8aab4);

 }
 #cnopDl{
    color: rgb(245, 6, 6);
  }
.swe{
    background-color: beige;
}
.wets{
    background-color: beige;
} 
p.wet{
    -webkit-animation: color 7s ease-in-out infinite;
    -moz-animation: color 9s ease-in-out infinite;
    -o-animation: color 11s ease-in-out infinite;
    animation: color 13s ease-in-out infinite;
    font-weight: bold;
    color: rgb(7, 1, 1);
    width: 220px;
    height: 30px;
}
@keyframes color {
    0%{background-color: #fab7a8;}
    10%{background-color: #fce2be;}
    20%{background-color: #c5fea0;}
    30%{background-color: #a1feab;}
    40%{background-color: #67ff6f;}
    50%{background-color: #befff1;}
    60%{background-color: #92fcfd;}
    70%{background-color: #1de5ff;}
    80%{background-color: #61edfc;}
    90%{background-color: #c8c8ff;}
    100%{background-color: #eba6fd;}
    }
    @-webkit-keyframes color {
    0%{background-color: #91d3ff;}
    10%{background-color: #e7cefb;}
    20%{background-color: #c86fe6;}
    30%{background-color: #ffb3e4;}
    40%{background-color: #ff89e0;}
    50%{background-color: #95068c;}
    60%{background-color: #ed7ecc;}
    70%{background-color: #f297e0;}
    80%{background-color: #ffcad5;}
    90%{background-color: #a6eaff;}
    100%{background-color: #71d9ff;}
    }
.cola{
    color: red;
}
.wet{
 -webkit-animation: color 7s ease-in-out infinite;
    -moz-animation: color 9s ease-in-out infinite;
    -o-animation: color 11s ease-in-out infinite;
    animation: color 13s ease-in-out infinite;
    font-weight: bold;
    color: rgb(249, 242, 242);
    /* width: 220px;
    height: 30px; */
}
@keyframes color {
    0%{background-color: #230802;}
    10%{background-color: #d58009;}
    20%{background-color: #fce761;}
    30%{background-color: #99f9a3;}
    40%{background-color: #0fd519;}
    50%{background-color: #057430;}
    60%{background-color: #024d86;}
    70%{background-color: #0562b4;}
    80%{background-color: #5ebff7;}
    90%{background-color: #7df2f6;}
    100%{background-color: #6e0588;}
    }
    @-webkit-keyframes color {
    0%{background-color: #91d3ff;}
    10%{background-color: #e7cefb;}
    20%{background-color: #c86fe6;}
    30%{background-color: #ffb3e4;}
    40%{background-color: #ff89e0;}
    50%{background-color: #95068c;}
    60%{background-color: #ed7ecc;}
    70%{background-color: #f297e0;}
    80%{background-color: #ffcad5;}
    90%{background-color: #a6eaff;}
    100%{background-color: #71d9ff;}
}
.west{
    -webkit-animation: colorse 8s ease-in-out infinite;
    -moz-animation: colorse 12s ease-in-out infinite;
    -o-animation: colorse 16s ease-in-out infinite;
    animation: colorse 20s ease-in-out infinite;
    font-weight: bold;
}
@keyframes colorse {
    0%{color: #230802;}
    10%{color: #d58009;}
    20%{color: #fce761;}
    30%{color: #99f9a3;}
    40%{color: #0fd519;}
    50%{color: #057430;}
    60%{color: #024d86;}
    70%{color: #0562b4;}
    80%{color: #5ebff7;}
    90%{color: #7df2f6;}
    100%{color: #6e0588;}
}