/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 .column-lot, .column-title, .column-category, .column-tag, .column-language, .column-nl, .column-site, .column-price, .column-action {
	vertical-align:top !important;
    font-size: 14px !important;
    color: #50575e !important;
    font-weight: inherit !important;
}

.purchase_button{
    background-color: #009CE0 !important;
    color: white !important;
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
}

.purchase_button:hover{
    cursor: pointer;
}

.header-sn-plugin h2{
    display: flex;
    align-items: center;
    font-size: 1.3rem;
}

.header-sn-plugin img{
    padding-left: 10px;
}

.sn-credits{
    background: #009CE0 !important;
    color: white;
    padding: 5px;
    border-radius: 5px;
}

.dashicons-insert-sn{
    color: #009CE0 !important;
    margin-left: 10px;
}

.sn-purchase-link{
    text-decoration: none !important;
}

.posted{
    color: green !important;
}

.notposted{
    color: red !important;
}

.sn-popup {
    font-family: 'Inter', sans-serif;
}

.sn-popup input{
    height: 25px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.4);
    background-color: white !important;
}

.sn-popup input:focus{
    outline-color: #009CE0
}

.sn-popup select{
    height: 30px;
    border-radius: 5px;

}

.sn-popup select:focus-visible{
    outline: none;
}

.sn-popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.sn-popup-title-section{
    font-weight: 600 !important;
}

.sn-popup-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    padding: 20px;
    border: 4px solid #009CE0;
    width: 30%;
    border-radius: 2vh;
}

.sn-popup-container input, .sn-popup-container select {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #E3E3E3;
}

.sn-popup-header{
    display: flex;
    position: relative;
    align-items: center;
    margin: 0 0 20px 0;

}

.sn-popup-header h3{
    margin: 0;
}

.sn-popup-schedule-icon{
    width: 24px;
    margin-right: 10px;
}

.sn-popup-title{
    line-height: 18px;
}

.sn-popup-subtitle {
    font-size: 12px;
    color: #494949;
}

#sn-popup-close {
    color: #aaaaaa;
    font-size: 28px;
    transition: all 0.2s ease-in-out;
    position: absolute;
    right: 0;
    
}

#sn-popup-close:hover, #sn-popup-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.sn-start-date, .sn-start-hour{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}


.sn-start-date span{
    font-weight: 500;
}

.input-with-icon {
    position: relative;
    display: flex;
    flex-direction: column;
}
  
  .input-with-icon input {
    padding-left: 40px; /* Ajuste le padding gauche pour laisser de l'espace pour l'icône */
  }
  
  .input-icon {
    position: absolute;
    left: 10px; /* Positionne l'icône à gauche du champ de saisie */
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;

  }

  #time{
    width: 50px;
    margin-left: 5px;
  }

  .sn-time span{
    margin-bottom: 5px;
    font-weight: 500;
}

.sn-time div{
    display: flex;
    align-items: center;
}



.sn-popup-footer{
    margin-top: 15px;
    display: flex;
    justify-content: end;
}

.sn-popup-footer button {
    padding: 10px 14px;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    color: white;
    font-weight: 600;
    border: 1px solid #dcdce4;
    background-color: #1D2652;
}

.sn-input-error{
    border-color: red !important;
}

.sn-error-message{
    color: red;
}

.sn-popup-status{
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}