/* --------------------------

    Hintlerin stillendirmeleri yapısaldır.
    tek bir hint sayfası tasarımı içerisinde sayfa içerikleri değiştirilir.
    Gerekli tüm stillendirmeler bu klasörde yer almaktadır.

-----------------------------*/

.hint{
    
    height: 44px;
    border-radius: 0px 0px 0px 4px;
}
.hint-control{
    z-index: 1001;
    width: 280px;
    min-height: 72px;
    max-height: 72px;
    right: 58px;
    bottom:209px;
    border-bottom: 2px solid var(--kirmizi);
    padding: 2px 2px 0px 2px;
    background-color: #fff;
    position: absolute;
    border-radius: 4px 4px 0px 0px;
    display: none;
    /* overflow: auto; */
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.18), 0 2px 5px 0 rgba(0, 0, 0, 0.30);
}
.hint-content{
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
    z-index: 5;
    display: none;
    background:white;
    width: 328px;
    position: absolute;
    right: 65px;
    top: 65px;
    padding: 12px 12px 0px 12px;
}
.hint-switch{
    width: 60px !important;
    height: 25px!important;
    margin: 0px 0px 0px 10px !important;

}
.hint-switch>.switch-label{
    width: 60px;
    height: 25px;

}
.hint-iconimg{
    border-radius: 0px 0px 0px 4px;
    background: rgb(238, 238, 238) !important;
}
.hint-switch>.switch-handle{
    height: 25px;
}
.hint-control-footer{
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    padding-left: 8px;
}
.hint-content-footer{
    width: 108%;
    height: 43px;
    /* bottom: 0; */
    /* border-top: 1px solid #eeeeee; */
    line-height: 28px;
    text-align: right;
    font-size: 12px;
    background: #f9f9f9;
    margin: 12px -12px 0px -12px;
    /* margin-left: -12px; */
    /* margin-right: -12px; */
    padding: 5px 12px 0px 12px;
}
.hint-video-lbl{
  margin-right: 5px;
  cursor: pointer;
  color: #808080 !important;
  float: left;
}
.hint-video-lbl:hover{
    color: #973129 !important;
}
.hint-header{
    color: #973129;
    padding-bottom: 5px;
    font-size: 13px;
}
.hint-img{
    padding: 12px;
}
.hint-txt{
    line-height: 1.8;
    font-size: 13px;
    margin-top:12px;
    color: #5e5751;
}
.hint-close{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background:transparent;
    position: absolute;
    left: 294px;
    top: 5px;
    cursor: pointer;
}
.hint-svg {
    width: 24px !important;
    height: 24px !important; 
}
.fil10000{
    fill: #973129 !important;
}
.hint-video-img{
    float: right;
    margin-right: 28px;
    max-height: 30px;
}