﻿.form-select option {
    font-family: "Iransansweb"!important;
}
.boxDiction {
    display: flex;
}

.textBoxs {
    display: flex;
 }

.buttons {
    display: flex;
    flex-direction: row
}

.btn-IQ {
    background-color: #606060 !important;
    border: none;
    border-color: #000 !important;
    color: #fffcf7 !important;
    font-size: 1.3rem !important;
    height: 37px !important;
    border-radius: 0px;
    margin: 0 1%;
    text-align: center;
    line-height: inherit;
}
.imgDiv {
    height: 150px;
     background-size: cover;
}
input[type="search"], .formSelect, .formSelectLabel {
    background-color: #fffcf7 !important;
    color: #262626 !important;
    font-size: 10pt;
    padding: 2px 4px !important;
    line-height: 23px;
    height: 37px;
    border: none;
    margin: 0 1%;
    width: 100%;
}
.colM4{
    padding:0 7px!important;
}
input[type="search"]:focus, .form-select:focus {
    border-color: #92a458 !important;
    outline: 0;
    box-shadow: none;
}

.titleDictionSlid {
    color: #262626 !important;
    font-size: 1.4rem;
    text-align: center;
    font-weight: normal !important;
}

.cardBody {
    height: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.colLg2 {
    padding: 7px !important;
}

.WordFound {
    line-height: 3;
    margin-top: 7px;
     font-weight: normal;
    font-size: 1.4rem;
    margin-bottom: 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff !important;
    cursor: default;
    background-color: #606060 !important;
    border-color: #606060 !important;
}

.pagination-lg > li > a, .pagination-lg > li > span {
    border-radius: 0px !important;
    border-radius: 0px !important;
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 6px 12px !important;
    font-size: unset !important;
    color: #606060 !important;
    font-weight: normal !important
}

.pagination {
    display: flex !important;
    justify-content: center;
    direction: ltr !important;
}
.formSelect{
    flex-basis:30%;
    border-radius:0
}
 
.formSelectLabel {
    color: #262626 !important;
    flex-basis: 70%;
    align-items: center;
     display: flex;
     font-weight:normal
}
@media(max-width:768px){
    .textBoxs{
        flex-direction:column!important
    }
    input[type="search"], .formSelect, .formSelectLabel {
        margin: 1% 0px!important;
    }
    .formSelect {
        text-align: center;
    }
    .WordFound {
        text-align: center!important;
        font-size:1.2rem;
        line-height:2;
    }
}
@media(min-width:768px) and (max-width:1400px) {
    .formSelectLabel {
        display: none;
    }

    .formSelect {
        flex-basis: 100%;
    }
}
.offcanvas-navigation .mobile-menu li.menu-open > .menu-expand i::before {
    content: '\f068'!important;
}
.icon-close-mobile {
    left: -2%;
    position: absolute !important;
    float: left;
    margin-left: 25px;
    font-size: 16px;
    text-align: left;
}

.btn-close {
    top: 15px;
    left: 0px;
    background: transparent;
}