.start{}
#management_menu_mask {
    display:none;
    position:fixed;
    z-index: 5500;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}
#management_menu {
    display: none;
    position: fixed;
    top: 0;
    z-index: 6000;
    background-color:#FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:1200px;    
}
#head_management_menu {
    width:100%;
    height:50px;
    background-color:#372F2B;
    color: #FFFFFF;
    text-align:center;
}
#search_management_menu {
    height: 24px;
    padding: 5px;
    line-height: 24px;
    font-weight: bold;
    font-size: .8em;
    color: #999999;
    border:dashed 0px  #372f2b;
    text-shadow: 0 0 0px rgba(0,0,0,.35);
    background: #372f2b;
    width:200px;
    margin:10px;
}
#body_management_menu {
    padding:10px 10px 30px 10px;
    overflow-y:scroll;
    text-align: right;
    color:#000000;
    direction: rtl;
}
.d_m_ti_m>span {
    display:inline-block;
    width:15px;
    height:15px;
    position:relative;
    vertical-align: middle;
    background-size:100% 100%; 
    margin-right:15px;
}
.d_m_ti_m>label {
    display:inline-block;
    padding-right:5px;
    margin-right:3px;
    width:250px;
    border-radius:5px;
    cursor:pointer;
    height:24px;
    line-height: 24px;
    overflow:hidden;
    text-align: right;
    vertical-align: middle;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    font-family: IRANSans,IRANSans2, IRMitra,Georgia,Tahoma;
}
.d_m_ti_m>.mgmnt_title_main {
    display:inline-block;
    padding-right:5px;
    margin-right:3px;
    width:280px;
    border-radius:5px;
    cursor:pointer;
    height:30px;
    line-height: 30px;
    overflow:hidden;
    text-align: right;
    color: #000000;
    font-size: 13px;
    font-weight:700;
    font-family: IRANSans,IRANSans2, IRMitra,Georgia,Tahoma;

}

.d_m_ti_m>.mgmnt_title_main:hover{background:transparent}
.d_m_ti_m>label:hover {
    background-color:#e8e8e8;
}
.d_m_ti_m{
    display: table-cell;
    vertical-align: top;
    width: 300px;
}


.tr3 {
    cursor:pointer;
    height:30px;
    line-height:30px;
    font-size:16px;
    padding:5px;
    margin-top:2px;
}
.tr3 .admin_span{
    display:inline-block;
    overflow:hidden;
    font-size:.8em;
    height: 30px;
    line-height: 30px;
}
.tr3 .admin_span2{
    display: inline-block;
    color: blue;
    overflow: hidden;
    font-size: .8em;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 4px;
}
.tr3 .admin_span2:hover {
    background-color:#e8e8e8;
}
.tr {
    cursor:pointer;
    line-height:30px;
    font-size:16px;
    padding: 0 5px;
    margin-top:2px;
    border-radius: 2px;
}
.tr:hover {
    background-color:#e8e8e8;
}
.tr .admin_span{
    display:inline-block;
    overflow:hidden;
    font-size:.8em;
    height: 30px;
    line-height: 30px;
    vertical-align:middle;
}
.w15{width:15px;}
.w25{width:25px;}
.w50{width:50px;}
.w75{width:75px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w175{width:175px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.inb {display:inline-block}
.cre{color: #ff0c13}
.noactive {
    display:inline-block;
    width:20px;
    height:20px;
}

.tr .admin_span2{
    display: inline-block;
    color: blue;
    overflow: hidden;
    font-size: .7em;
    cursor: pointer;
    height: 30px;
    line-height: 2.5;
    vertical-align: middle;
}
#admin_load_page label {
    display:inline-block;
    width:229px;
    text-align:left;
    margin-left:5px;
    vertical-align: top;
    color: #676363;
    font-size:14px;
}
#admin_load_page label.nodot{ color: #000;}

#admin_load_page label:after {
    content: ":";
}
.public-jq-container label:after {
    content: ":";
}

#admin_load_page label.nodot:after {
    content: "";
}
.public-jq-container label.nodot:after {
    content: "";
}


.public-jq-container img{
    object-fit: contain;
}
#admin_load_page img {
    height:50px;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    margin: 5px 2px;

}
#admin_load_page input[type=text] {
    width:500px;
}
#admin_load_page textarea {
    width:500px;
    height:250px;
}

.module .box .admin_module_box, .module .admin_module_menu{
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity:0;
}

.module .box:hover .admin_module_box{opacity:1; display: inline-block;width:auto;height: auto;line-height: .9;}
.module:hover .admin_module_menu{opacity:1; display: block;}.admin_module_menu{
    position: absolute !important;
    top: 10px;
    left: 100px;
    display: none;
    z-index:1000 !important;
}
.admin_span_m{
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    cursor: pointer;
    background-color: #fff;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 30px;
    box-shadow: 1px 0px 4px grey;
}
.admin_module_box{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000;
    width: 100%;
    background: rgba(0,0,0,0.05);
    border-radius: 3px;
    padding: 2px;
}
            .toastify{
                position: fixed;
                top: 10px;
                right: -100vw;
                border-radius: 3px;
                padding: 0.8rem;
                overflow: hidden;
                z-index: 999999;
                transition: 400ms cubic-bezier(.47,1.64,.41,.8);
                  
            min-width: 350px;
            width: max-content;
        
            }
            .times-tostify{
                flex: 0 0 max-content;
                width: 100%;
                max-width: max-content;
            }
            .times-tostify svg{
                width: 20px;
                height: 20px;
                fill: #fff;
            }
            .head-toastify svg{
                fill: #fff;
            }
            #message_toastify{
                padding-top: 0.5rem;
                color: #fff;
            }
            .error-toastify{
                background-color: #dc3545;    
                box-shadow: 0 1px 20px 1px #dc3545;
            }
            .success-toastify{
                background-color: #28a745;
                box-shadow: 0 1px 20px 1px #28a745;
            }
            .warning-toastify{
                background-color: #ffc107;
                box-shadow: 0 1px 20px 1px #ffc107;
            }
            .info-toastify{
                background-color: #007bff;
                box-shadow: 0 1px 20px 1px #007bff;
            }
            .error-toastify .error-icon,
            .success-toastify .success-icon,
            .info-toastify .info-icon,
            .warning-toastify .warning-icon{
                display: flex !important;
            }
            .error-icon,.success-icon,.warning-icon,.info-icon{
                display: none;
            }
        
            .mizito-login {
                background: #0F9E5E;
                padding: 5px 15px;
                border-radius: 5px;
                color: #fff;
                cursor: pointer;
                text-align: center;
            }
            .mizito-login:hover {
                background: #0b7446;
                color: #fff;
            }
            .container-box{
                position: absolute;
                width: 1200px;
                height: max-content;
                top: 50%;
                left: 50%;
                border: 1px solid transparent;
                border-radius: 2rem;
                transform: translate(-50%,-50%);
                font-size: 1rem;
                justify-content: center;
                align-items: center;
                overflow: hidden;
                box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
            }
            .card1{
                background-color: #0d1741;
                height: 100px;
                width: 100%;
                top: 20px;
                position: relative;
                text-align:right;
            }
            .card1-img{
                height: 100%;
                width: 40%;
                object-fit: contain;
            }
            .card2{
                display: grid;
                padding: 50px 20px;
                grid-template-columns: repeat(7, 1fr);
                gap: 10px;
                grid-auto-rows: minmax(20px, auto);
                justify-content: space-evenly;
                justify-items: center;
                grid-template-areas: "sec1-1 sec1-2 sec1-3 sec1-4 sec1-5 sec1-6 sec1-7"
                           "sec2-1 sec2-2 sec2-3 sec2-4 sec2-5 sec2-6 sec2-7";
            }
            .media {
                  width: 150px;
                  height: 150px;
                  justify-content: center;
                  border: 1px solid transparent;
                  padding: 10px;
                  overflow: hidden;
                  border-radius: 5px;
                  position: relative;
                  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
                  display: flex;
                  gap: 5px;
                  flex-direction: column;
            }
            .media > img {
                height: 100px;
                width: 100%;
                object-fit: contain;
            }
            .media > .image-details {
                height: 50px;
                text-align: center;
                font-size: 20px;
            }
            .card2-1 {
              grid-area: sec1-1;
              justify-self: center;
            }
            .card2-2 {
             grid-area: sec2-2;
             justify-self: center;
            }
            .card2-3 {
              grid-area: sec1-3;
              justify-self: center;
            }
            .card2-4 {
              grid-area: sec2-4;
              justify-self: center;
            }
            .card2-5 {
              grid-area: sec1-5;
              justify-self: center;
            }
            .card2-6 {
              grid-area: sec2-6;
              justify-self: center;
            }
            .card2-7 {
              grid-area: sec1-7;
              justify-self: center;
            }
            #div_profile_picture{
                position: absolute;
                top: -1000px;
            }
        
            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: rtl;text-align: right;}