.login-page.ui.inverted .ui.midrp-logo {
    background-image: url(../img/logo-small.png);
}

.login-page .image-section {
    background: linear-gradient(45deg, #493c72 0, #4c5282 12%, #307fa0 36%, #286ba0 60%, #182069 100%);
}


html body .page-header .processListMenu .processListMenuBtn {
    background: url(../img/logo.svg) no-repeat center;
}

html body .page-header .brand .logo {
    background: url(../img/logo-iums.png) no-repeat;
}


html body .page-header .processListMenu .processListMenuBtn {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: transparent;
    border: 1px solid #00B0AA;
    color: #00B0AA;
    height: 31px;
    margin: 9px 3px 9px 1px;
    width: auto;
    border-radius: 2px;
    white-space: nowrap;
    line-height: 28px;
    padding: 0 7px;
    filter: none !important;
    cursor: pointer;
}

html body .page-header .processListMenu .processListMenuBtn:active {
    background: #009e99;
    color: #fff;
    filter: none;
}

html body .page-header .processListMenu .processListMenuBtn:hover {
    background: #009e99;
    color: #fff;
    filter: none;
}

html body .page-header .processListMenu:hover .processListMenuBtn,
html body .page-header .processListMenu:focus .processListMenuBtn,
html body .page-header .processListMenu.popUpOpened .processListMenuBtn {
    background: #009e99;
    color: #fff;
    filter: none;
}


/*override by shk*/
.ui.inverted.dimmer {
    background: #FAFBFC;
    background: url(../img/Khatam_UNI.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    overflow: auto;
}

.login-page .body-section.start-dimmer {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%;
}

.login-page .image-section.start-dimmer {
    box-sizing: border-box;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-page .login-cardbox {
    width: 640px;
    height: 800px;
    border: 1px solid #DFE1E6;
    border-radius: 10px;
    background: url(../img/Eslimi.png) bottom center no-repeat #FFFFFF;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login-page .body-section.start-dimmer .button-wrapper,
.login-page .body-section.start-dimmer .text {
    position: relative;
    top: 40px;
}

.login-page .login-help {
    display: inline-block;
    color: #424242;
    font-weight: bold;
    margin-top: -8px;
    padding: 0 20px;
    background: #FFFFFF;
    height: 30px;
    line-height: 30px;
    /* border: 1px solid black; */
    border-radius: 37px;
}

.login-page .logo-image {
    position: relative;
    background: url(../img/Logo.png) no-repeat center;
    width: 208px;
    height: 272px;
    margin: 48px auto 0 auto;
    background-size: contain;
}

.login-page .logo-image:after {
    content: '';
    background: url(../img/Logo-subtitle.png) no-repeat center;
    width: 200px;
    height: 200px;
    background-size: contain;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 180px;
}

.login-page .body-section {
    border: none;
    position: relative;
}

.start-dimmer .main-image {
    background: url(../img/Puzzle-Pic.png) no-repeat;
    width: 600px;
    height: 600px;
    position: absolute;
    top: 121px;
    left: 112px;
    background-size: contain;
}
.login-page .body-section.start-dimmer .button-wrapper .login-buttons{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 24px;
}
.login-page .body-section.start-dimmer .button-wrapper .login-buttons > a {
    width: 26rem;
    border-radius: 80px;
    border: none;
    background-color: #E97C39;
    color: white;
    height: 46px;
    line-height: 23px;
    font-size: 1.2em;
    margin: 0;
    min-width: 330px;
    white-space: nowrap;
}
.login-page .body-section.start-dimmer .button-wrapper .login-buttons a#videoAuthBtn{
    background-color: #00AFEF;
    
}
.login-page .body-section.start-dimmer .button-wrapper .login-buttons a#signInBtnGov{
    background-color: #96989A;
}

html body .page-header .notifs-box .menu .item.processListMenuBtn {
    background: url(../img/Logo.png) no-repeat center;
    background-position: center 5px;
    background-size: 40px;
    max-height: 46px;
    width: 60px;
    margin-left: 5px;
}

html body .page-header .notifs-box .menu .item.processListMenuBtn:before {
    content: none;
}

html body .page-header .processListMenu:hover .processListMenuBtn {
    border: 1px solid #00B0AA;
}

.login-page .body-section.start-dimmer .button-wrapper .download-apps-section {
    margin-top: 0;
}

.login-page .body-section.start-dimmer .button-wrapper .download-apps-section .download-apps-links {
    margin-top: 15px;
}

.login-page .body-section.start-dimmer .button-wrapper .download-apps-section .download-apps-links>div a {
    display: inline-block;
    margin: 0 5px;
}

.login-cardbox .link-herourplus{

    width: 100%;
    height: 10px;
    margin-top: 40px;
    font-size: 14px;
}
.usable-process.items{
    margin-bottom: 64px;
}
.up-tabs-warpper{
    display: flex;
    min-height: 240px;
   
}
.up-tabs-warpper .up-tabs{
width: 67px;
background-color: #737373;
}
[data-panel-type-theme="light"]  .up-tabs{
    background-color: #F8F9FA;
}

.up-tabs-warpper .up-tabs .item{
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: center;
   border-bottom: 1px solid #525252;
}
.cartable-items-wrapper .list-block.up-block{
    max-height: initial !important;
    width: 400px;;
}
.up-tabs-warpper .up-tabs a.use-tab-item{
 background-color:#737373 !important;   
}
html body[data-panel-type-theme="light"] .cartable-items-wrapper .list-block .up-tabs-warpper .up-tabs a.use-tab-item{
    background-color: #F8F9FA !important;
} 
.up-tabs-warpper .up-tabs a.use-tab-item.active {
    background-color: #525252 !important;
}
html body[data-panel-type-theme="light"] .cartable-items-wrapper .list-block .up-tabs-warpper .up-tabs a.use-tab-item.active{
    background-color: #E9ECEF !important;
}
.up-tabs-warpper .up-contents {
    background-color: #525252;
}
[data-panel-type-theme="light"] .up-tabs-warpper{
    background-color: #e9ecef;
    border:1px solid #CED4DA;
}
[data-panel-type-theme="light"] .up-tabs-warpper .up-contents{
    background-color: #fff;
    
}    
    

.up-tabs-warpper .use-tab-content{
    width:100%;
}
html body[data-panel-type-theme="light"] .cartable-items-wrapper .list-block .item.use-tab-content{
    background-color: #E9ECEF !important;
}
.up-tabs-warpper .use-tab-content h5{
    margin-bottom: 10px;
    padding-bottom: 10px ;
    border-bottom: 1px solid #707070;
    font-size: 12px;
}
[data-panel-type-theme="light"] .up-tabs-warpper .use-tab-content h5{
    color:#495057 !important;
}
.up-tabs-warpper .up-contents{
    display: grid;
    grid-template-columns: 50% calc(50% - 3px);
    grid-gap: 3px;
    padding: 0;
    background: transparent !important;
}
.up-tabs-warpper .up-contents .up-item{
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0A80BB;
   padding: 10px;
}
[data-panel-type-theme="light"] .up-tabs-warpper .up-contents .up-item {
    border:1px solid #CED4DA;
    background-color: #fff;
}
.dashboard-start .cartable-items-wrapper-second-column{
    padding-right: 80px;
}
.cartable-items-wrapper .list-block.up-block .item:nth-of-type(2n){
background-color: #535456;
}
.item.cartable-items i{
    color: #00b5ad !important
}
.panel-lms-btn{
    padding: 8px 16px !important;
}  
.panel-lms-btn a{
    background-color: #00AFEF !important;
    padding: 8px 16px !important;
}

html body[data-panel-type-theme="dark"] .panel-home-btn .home {
  background: url(../img/home-light.svg) no-repeat center center;
}


html body[data-panel-type-theme="light"] .panel-home-btn .home{
  background: url(../img/home.svg) no-repeat center center;
}

.cartable-cards .smile.massive{
    display: none;
}
body .jsonform-required[data-jsonform-type="checkbox"] > label:empty:after{
    top: 18px;
    right:9px;
}

@media screen and (max-width: 1680px) {
    .login-page .login-cardbox {
        width: 580px;
        height: 700px;
    }

    .login-page .logo-image {
        margin-top: 10px;
    }

    .login-page .body-section.start-dimmer .button-wrapper,
    .login-page .body-section.start-dimmer .text {
        top: 10px;
    }
}

@media screen and (max-height: 830px) {
    .login-page .login-cardbox {
        width: 580px;
        height: 700px;
    }

    .login-page .logo-image {
        margin-top: 10px;
    }

    .login-page .body-section.start-dimmer .button-wrapper,
    .login-page .body-section.start-dimmer .text {
        top: 10px;
    }
}

@media screen and (min-width: 1680px) {
    body[dir="rtl"] .page-container .main-content-wrapper {
        margin-left: 0 !important;
        margin-right: 147px !important;
    }
}

@media screen and (max-width: 768px) {
    .login-page .logo-image {
        width: 170px;
        height: 240px;
        margin: 20px auto 0 auto;
    }

    .login-page .login-cardbox {
        width: 100%;
        height: 660px;
    }
    .login-page .login-help{
        margin-top: 15px;
    }

    .login-page .logo-image {
        margin-top: 5px;
    }


    .login-page .body-section.start-dimmer .button-wrapper .download-apps-section {
        margin-top: 10px;
    }
    
    .login-page .body-section.start-dimmer .button-wrapper .download-apps-section .download-apps-links {
        margin-top: 15px;
    }

    .login-cardbox .link-herourplus{
        margin-top: 25px;
    }
}

@media screen and (max-width: 600px) {
    /* .login-page .logo-image {
        width: 160px;
        height: 230px;
        margin: 10px auto 0 auto;
    }

    .login-page .login-cardbox {
        width: 350px;
        height: 350px;
    } */
    .ui.inverted.dimmer {
        background: #FAFBFC;
        background: url(../img/Eslimi.png) bottom center no-repeat;
        background-size: contain;
    }

    .login-page .login-cardbox {
        border: none;
        background: none;
    }

    .login-page .logo-image {
        margin-top: 5px;
    }

    .login-page .body-section.start-dimmer .button-wrapper,
    .login-page .body-section.start-dimmer .text {
        top: 5px;
    }
}

@media screen and (max-width: 500px) {

    .ui.inverted.dimmer {
        background: #FAFBFC;
        background: url(../img/Eslimi.png) bottom center no-repeat;
        background-size: contain;
    }

    .login-page .login-cardbox {
        border: none;
        background: none;
    }

    .login-page .logo-image {
        margin-top: 5px;
    }
    .dashboard-start .cartable-items-wrapper-second-column{
        padding-right:20px ;
    }
    .usable-process.items{
        margin-bottom: 64px;
    }
    .cartable-items-wrapper .list-block.up-block{
        width:320px;
    }
}

#signInBtnGov{

}
@media screen and (max-height: 600px) {
    .login-page .login-cardbox {
        top: 0;
        -ms-transform: none;
        transform: none;
    }
    
}