/* colors -------------------*/
/*--------------------------*/
.rot-logo img {
    max-height: 36px;
}

.rot-header.rot-header-primary {
    background: #ffffff;
}

.rot-navbar-dashboard-eight .rot-navbar-header {
    background: #ffffff;
}

.rot-navbar-dashboard-eight .nav-item.active .nav-link {
    color: #31ab5e;
}

.rot-navbar-dashboard-eight .nav-item.active::before {
    border-bottom-color: #31ab5e;
}

.rot-profile-menu .dropdown-item:hover, .rot-profile-menu .dropdown-item:focus {
    background-color: transparent;
    color: #31ab5e;
}

.rot-navbar-dashboard-eight .nav-sub-link:hover {
    color: #0072c6;
}
/*change language */
.rot-profile-menu a.lang-chng i {
    display: block;
    color: rgb(49 171 94);
    font-size: 21px;
    padding-top: 2px;
}

.chng-lng .dropdown-menu {
    width: 100px;
}

@media (max-width: 991px) {
    .rot-logo img {
        height: 30px;
    }
}

@media (min-width: 992px) {
    .rot-navbar-two .nav-item.active::before {
        width: 100%;
    }

    .rot-navbar .nav-item + .nav-item {
        margin-left: 12px;
        padding-left: 12px;
    }
}

.bg-primary {
    background-color: #159d47 !important;
}
/*dashboard*/
.card-dashboard-seventeen.bg-primary-dark {
    background-color: #006c28;
}

.card-dashboard-nineteen .card-title {
    color: #0072c6;
}

.tx-primary {
    color: #0072c6;
}

.progress-bar {
    background-color: #58625b;
}

.rot-content-header-right {
    float: right;
}

.rot-content-dashboard-eight {
    padding-top: 15px;
}

.rot-content-header {
    height: 45px;
    margin-bottom: 10px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #004679;
    border-color: #004679;
}

.btn-primary {
    color: #fff;
    background-color: #177fcd;
    border-color: #177fcd;
}

.rot-content-body-dashboard-three {
    padding: 10px 20px 10px 20px;
}

.advance-search-panel {
    background: #eceff1bd;
    padding: 10px;
    border: 1px solid #dadfe3;
    margin-bottom: 15px;
}

.card {
    margin-bottom: 10px;
}

/* sign up page */

.lang {
    margin-bottom: 1.2em;
}

.logo-div-sup img {
    width: 85px;
}

.lang {
    position: absolute;
    top: 0;
    right: 30px;
    color: #012060;
    text-align: right;
    padding: 20px 5px 5px 5px;
}

    .lang a {
        color: #012060;
    }

.logo-div img {
    max-height: 100px;
}

.rot-signin-header label {
    color: #010101;
    font-weight: 700;
}

.text-primary {
    color: #1b6ea1 !important;
}

.rot-column-signup-left {
    background: linear-gradient( rgba(79, 178, 202, 0.2), rgba(116, 192, 150, 0.6) ), url(../img/bg1.jpg---) top right no-repeat;
}

@media (min-width: 576px) {
    .rot-column-signup {
        padding: 40px;
        width: 45%;
    }
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #31ab5e;
    background-color: #31ab5e;
}

.btn-outline-primary {
    color: #177fcd;
    border-color: #177fcd;
}

a {
    color: #177fcd;
}

    .rot-signup-footer a:hover, .rot-signup-footer a:focus,
    a:hover, a:focus {
        color: #31ab5e;
    }

.rot-signup-footer a {
    color: #31ab5e;
    font-weight: 700;
}
/*sign in -------------*/

.rot-card-signin .logo-div img, .rot-signin-header h2 {
    text-align: center;
    display: block;
    margin: auto;
    max-height: 70px;
}

@media (min-width: 576px) {
    .rot-column-signup {
        padding: 40px;
        width: 45%;
    }
}

.rot-signin-header h2 {
    color: #31ab5e;
}

.btn-rot-primary {
    color: #fff;
    background-color: #177fcd;
    border-color: #177fcd;
}

.rot-signin-wrapper {
    background: linear-gradient( rgb(237 34 36 / 1%), rgb(0 0 0 / 1%) ), url(../img/bg1.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 25s ease-in infinite;
    animation: zoomin 25s ease-in infinite;
    transition: all .5s ease-in-out;
    overflow: hidden;
}

.rot-card-signin {
    background-color: rgba(255, 255, 255, 0.9);
}

.btn-rot-primary:focus, .btn-rot-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 3px 0.2rem rgba(77, 153, 251, 0.5);
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #177fcd;
    border-color: #177fcd;
}

.btn-rot-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0072c6;
    border-color: #0072c6;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #177fcd;
    border-color: #177fcd;
}

    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(51, 179, 255, 0.5);
    }
/*actions in tables */
button.pd-setting-ed:hover {
    color: #3765aa;
    background: #d9e5f8;
}

button.pd-setting-ed {
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.12);
    background: #f5f5f5;
    color: #2d4569;
}

.rot-header-message {
    position: relative;
    margin-left: 15px;
}

/*----############# added for arabic coutches ##########-------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

#hero {
    /*height: 50vh;*/
    min-height: 300px;
    background: #31ab5e;
    color: #fff;
    padding: 1em;
}
/*----------------------------video--------------------------------*/

.video-box {
    background: url("../img/about.png") center center no-repeat;
    background-size: contain;
    /*background-size: cover;*/
    min-height: 200px;
}

.play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#0072c6 50%, hsl(205deg 100% 39% / 29%) 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden;
}

    .play-btn::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 100;
        transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .play-btn::before {
        content: '';
        position: absolute;
        width: 120px;
        height: 120px;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation: pulsate-btn 2s;
        animation: pulsate-btn 2s;
        -webkit-animation-direction: forwards;
        animation-direction: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: steps;
        animation-timing-function: steps;
        opacity: 1;
        border-radius: 50%;
        border: 5px solid rgb(0 114 198 / 46%);
        top: -15%;
        left: -15%;
        background: rgba(198, 16, 0, 0);
    }

    .play-btn:hover::after {
        border-left: 15px solid #61af47;
        transform: scale(20);
    }

    .play-btn:hover::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 200;
        -webkit-animation: none;
        animation: none;
        border-radius: 0;
    }

@-webkit-keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}
/*--------------------------------------------------------------*/

#hero:before {
    content: "";
    background: #0072c6b8;
}

.rot-dashboard-eight {
    background-color: #eee;
}

.srch-icon-input {
    position: absolute;
    top: 1em;
    left: calc(1em + 15px);
    color: gray;
}

.rot-profile-menu > .rot-img-user {
    width: 27px;
    height: 27px;
}

.check-btn-astab .btn-check {
    visibility: hidden;
    width: 0;
}

.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
/*----------*/
.card-title {
    font-size: 13px;
    margin-bottom: 5px;
}

.card-title, .card-dashboard-eight .card-title {
    color: #1c273c;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: .2px;
}

.rot-content-body-dashboard-three {
    padding: 25px 50px 25px 50px;
}


h6.card-title {
    padding-top: 12px;
}
/*------------*/
.totur-blc .msg-img img {
    height: 100px;
    width: 100px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #cdd4e0;
    object-fit: cover;
}

section.toturs-list .card {
    padding: 15px;
    border-radius: 5px;
    padding-bottom: 5px;
}


span.cntry-flg img {
    height: 15px;
    margin-right: 5px;
}

.mb-1.name-totur {
    font-weight: 700;
    padding: 5px 0;
}

.stars span.fa.fa-star {
    color: #31ab5e;
}

.stars span.far.fa-star {
    color: #9d9d9d;
}

.country {
    margin-top: 7px;
}

.stars {
    font-size: 10px;
}

span.star-count {
    margin-left: 5px;
}

span.chat-count {
    display: inline-block;
    background: #d7d7d7a1;
    padding: 3px 6px;
    font-size: 12px;
    color: #045a99;
    margin-top: 6px;
    border-radius: 3px;
}

    span.chat-count i {
        font-size: 13px;
        font-weight: 600;
    }

.card-ftr {
    text-align: right;
}

    .card-ftr a.btn {
        padding: 5px 10px;
        height: 30px;
        min-height: 30px;
    }

.btn-success {
    color: #fff;
    background-color: #31ab5e !important;
    border-color: #31ab5e;
}

.floty-heart {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 9;
}



    .floty-heart .btn {
        padding: 0px 6px;
        min-height: 15px;
        color: #ababab;
        border-color: transparent;
        font-size: 20px;
    }

    .floty-heart .btn-outline-danger:hover {
        background-color: transparent;
        border-color: transparent;
    }

    .floty-heart .btn-outline-danger:not(:disabled):not(.disabled):active,
    .floty-heart .btn-check:checked + .btn-outline-danger {
        background-color: white !important;
        color: #dc3545 !important;
        border-color: transparent !important;
    }

span.avlblty {
    font-size: 10px;
    padding: 2px;
    border: 1px solid gray;
    color: gray;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0px;
}

.msg-img {
    position: relative;
}

.online.avlblty {
    color: green;
    border-color: green;
}

section.toturs-list .col-md-4 {
    padding-right: 5px;
    padding-left: 5px;
}

section.toturs-list .row {
    margin-right: -5px;
    margin-left: -5px;
}


/* sumo select */
.SumoSelect > .CaptionCont {
    position: relative;
    border: 1px solid #cdd4e0;
    min-height: 14px;
    background-color: #fff;
    border-radius: 0;
    margin: 0
}

.SelectBox {
    padding: 7px 8px 8px 8px;
}

.SumoSelect > .CaptionCont > span {
    color: gray;
}

.SumoSelect > .CaptionCont > label {
    height: 99%;
    margin-bottom: 0;
}

.SumoSelect > .optWrapper > .options li label {
    margin-bottom: 0px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt {
    padding: 15px 10px 15px 35px;
}

.SumoSelect.open > .CaptionCont, .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont {
    box-shadow: unset;
    border-color: #b6bbc5;
}

.optWrapper.multiple {
    border: 1px solid #b6bbc5;
    border-top: 1px dashed #cdd4e0;
}

.SumoSelect {
    width: 100%;
}
/*-----------*/
@media (min-width: 576px) {
    .ui-datepicker-inline {
        /*    max-width: 100%;*/
    }
}

.ui-datepicker-inline {
    max-width: 100%;
}

@media (min-width: 1024px) {
    .othr-fltr-srch-drops .col-md {
        max-width: 170px;
    }
}

@media (max-width: 1024px) {
    .rot-content-body-dashboard-three {
        padding: 15px 1rem 15px 1rem !important;
    }

    .msg-img {
        width: 100%;
        text-align: center;
        margin: auto;
    }

    span.avlblty {
        right: calc( 50% - 55px );
    }

    .totur-blc .col {
        text-align: center;
    }
}
/*inline datepicker*/
.modal .ui-datepicker .ui-datepicker-calendar th {
    padding: 6px 2px;
    text-align: center;
}

.modal .ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
}

.modal table.ui-datepicker-calendar {
    min-height: 220px;
    min-width: 100%;
    max-width: 100%;
}
/*----------*/
.rot-navbar-dashboard-eight .nav-link {
    font-weight: 600;
}

@media (min-width: 992px) {
    .rot-navbar .nav-sub-mega .nav + .nav {
        margin-top: 0;
    }
}

.rot-content-title {
    font-weight: 600;
    font-size: 20px;
}

.rot-header-primary .rot-header-notification .dropdown-menu, .rot-header-primary .rot-profile-menu .dropdown-menu {
    box-shadow: 0 0 5px rgb(28 39 60 / 43%);
}

.rot-header-profile {
    padding: 0px 0 10px 0px;
}

.table thead th {
    font-weight: 700;
    color: #000;
}

/* dashboard colors */
.card-dashboard-eighteen .card-body h6.dot-primary::before {
    border-color: #159d47;
}

.card-dashboard-eighteen .card-body h6.dot-purple::before {
    border-color: #977100;
}

.card-dashboard-eighteen .card-body h6.dot-teal::before {
    border-color: #0ba787;
}

.card-dashboard-eighteen .card-body h6.dot-dark-blue::before {
    border-color: #022c11;
}

.card-dashboard-nineteen .card-title {
    color: #000000;
}

card-dashboard-nineteen .chart-legend > div:first-child::before {
    background-color: #1f5c00;
}

.card-dashboard-nineteen .chart-legend > div:nth-child(2)::before {
    background-color: #3bb001;
}

.card-dashboard-nineteen .chart-legend > div:last-child::before {
    background-color: #bbe7a6;
}

.card-dashboard-progress .progress-legend li:first-child::before {
    background-color: #159d47;
}

.card-dashboard-progress .progress-legend li:last-child::before {
    background-color: #58625b;
}

.card-dashboard-nineteen .chart-legend > div:first-child::before {
    background-color: #006c28;
}

@media (min-width: 992px) {
    .rot-navbar-dashboard-eight .nav-sub-mega .container, .rot-navbar-dashboard-eight .nav-sub-mega .container-fluid {
        box-shadow: 0 3px 3px 2px rgb(158 161 167 / 45%);
    }
}

.rot-navbar-dashboard-eight .nav-sub-link:hover {
    color: #27600a;
}

.rot-navbar-dashboard-eight .nav-sub-link:hover {
    color: #3bb001;
}

.rot-navbar .nav-sub-link:hover, .rot-navbar .nav-sub-link:focus {
    color: #4da720;
    outline: none;
}


/*-----------------------------------------------------------------------------*/
/*-----------------------------new sign in pages-------------------------------*/
.rot-log-in .rot-profile-menu a.lang-chng i {
    color: inherit;
}

.rot-log-in .rot-navbar-dashboard-eight .nav-item.active::before {
    display: none;
}

.rot-navbar-show .rot-log-in.rot-header .rot-header-left .rot-logo {
    display: block;
}

.rot-log-in .btn {
    font-size: 1em;
}

.rot-log-in .rot-navbar-dashboard-eight {
    background-color: white;
    border-bottom-width: 0;
}

.sign-img img {
    max-width: 100%;
    padding: 4em 1em;
}

.sign-wrap {
    padding: 3em 1em;
}

img.img-social {
    height: 25px;
    margin-right: 6px;
}

.btn-social {
    display: block;
}

.btn-outline-light.btn-social {
    margin-top: 10px;
    margin-bottom: 15px;
}

    .btn-outline-light.btn-social:hover {
        background: #f8f8f8;
        border-color: #97a3b9;
    }

.rot-signin-header h4 {
    margin-bottom: 8px !important;
    font-size: 1.3em;
}

.social-login .col-md {
    padding: 5px;
}

.social-login .row {
    margin-right: -5px;
    margin-left: -5px;
}

.btn.btn-outline-light.btn-social {
    border-color: #cdd4e0;
}

.floaty-lbl {
    position: absolute;
    top: -10px;
    right: calc(50% - 90px );
    min-width: 180px;
    background: white;
    padding: 2px 10px;
    text-align: center;
    font-weight: 500;
}

.sign-block {
    padding: 0 2em;
}

    .sign-block form {
        padding: 15px 0;
    }

span.floty-eye-pass {
    position: absolute;
    top: 38px;
    right: calc(1em - 5px);
    color: #40c16b;
    font-size: 20px;
}

.capatcha-pic img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 67px;
}

.sign-img {
    margin: auto;
    margin-top: 10%;
}
/* added by dal and sar 16-4-2023   for table which contain paging inside */
/*all tables must have this class class="dal-pagging" */
.dal-pagging ul.pagination {
    position: absolute;
    width: 100%;
    text-align: center;
    margin: auto;
    margin-top: 12px;
}

table.dal-pagging {
    margin-bottom: 55px;
}

.dal-pagging .page-item.active .page-link {
    background-color: #177fcd;
}

.dal-pagging li.page-item.disabled {
    border: 1px solid #e3e7ed;
}

.dal-pagging li.page-item {
    margin: auto 2px;
    border: 1px solid #e3e7ed;
}



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

/* added  1 may 2023 for tutor dtls */

section#hero-prfl {
    min-height: 150px;
    background: #31ab5e;
    background: linear-gradient(274deg,#31ab5e,rgb(24 114 157) 50%,hsl(142.81deg 55.25% 42.94%));
    color: #fff;
    padding: 1em;
}

.m-up {
    margin-top: -135px;
}

div#user-profile .main-box, .main-box {
    background: #fff;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgb(28 39 60 / 13%);
    border-bottom: 1px solid rgba(28, 39, 60, 0.12);
}

.tabs-wrapper.profile-tabs ul.nav.nav-tabs {
    padding: 0;
}

.data-user-profile img.profile-img {
    margin: 1em;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    padding: 2px;
    background: #d1d1d1;
}

.data-user-profile {
    margin: auto;
    text-align: center;
}

    .data-user-profile .card-ftr {
        margin: auto;
        text-align: center;
        margin-top: 15px;
    }

    .data-user-profile span.chat-count {
        padding: 6px 10px;
    }
/*rating */

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}

    .rate:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .rate:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 25px;
        color: #ccc;
    }

        .rate:not(:checked) > label:before {
            content: '★ ';
        }

    .rate > input:checked ~ label {
        color: #ffc700;
    }

    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;
    }

    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }

.rate-label {
    padding-top: 12px;
    display: inline-block;
}

/* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */

/*pagination */
.page-item.active .page-link {
    background-color: #1b75bb;
}

li.page-item.disabled .page-link {
    border: 1px solid #e3e7ed;
    background: #f1f3f5;
    color: #cfcfcf;
}
/*tabs*/
.msg-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.nav-tabs .nav-link.active {
    border-top: 3px solid #177fcd;
}

.nav-tabs .nav-link {
    background: #f9f9f9;
}

.nav-tabs .nav-link {
}

    .nav-tabs .nav-link:hover {
        background-color: #eeeeee;
    }

    .nav-tabs .nav-link.active:hover {
        background: unset;
    }
/* ----------tabs content ----------- */
.desc-00 {
    width: 100%;
    margin: 15px auto;
}

    .desc-00 .h5.txt-title {
        /*color: #177fcd;*/
    }

.desc-vedio video {
    margin: auto;
    display: block;
    text-align: center;
    width: 500px;
    max-width: 100%;
}

.desc-vedio {
    width: 100%;
}

.langs span {
    padding: 5px 15px;
    margin-top: 8px;
    display: inline-block;
    border: 1px solid;
    border-radius: 1em;
}

.pdgs-list span {
    width: 50px;
    height: 50px;
    background: #eeeeee;
    margin: 4px;
    border-radius: 50%;
    padding: 4px;
    display: inline-block;
}

    .pdgs-list span img {
        width: 40px;
        display: block;
        text-align: center;
        margin: auto;
        height: 40px;
        border-radius: 50%;
        padding: 5px;
    }

.flw .floty-heart {
    position: relative;
    display: inline-block;
    margin: auto 1em;
}

.floty-heart label div {
    font-size: 12px;
}

.floty-heart .btn-outline-primary:not(:disabled):not(.disabled):active,
.floty-heart .btn-check:checked + .btn-outline-primary {
    background-color: white !important;
    color: #1b75bb !important;
    border-color: transparent !important;
}

.floty-heart .btn-outline-primary:hover {
    background-color: transparent;
    border-color: transparent;
}

#tab-schedule .ui-datepicker .ui-datepicker-calendar {
    width: 100%;
}

    #tab-schedule .ui-datepicker .ui-datepicker-calendar th,
    #tab-schedule .ui-datepicker .ui-datepicker-calendar td {
        text-align: center;
        height: 39px;
    }

/*------------------*/
/*------------------*/
/*------------------*/
/*CONVERSATION */

.conversation-wrapper .conversation-inner {
    padding: 0 0 5px 0;
    margin-right: 10px;
}


.conversation-wrapper .conversation-user {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    border-radius: 50%;
    margin-top: 6px;
}


.conversation-wrapper .conversation-item {
    padding: 5px 0;
    position: relative;
}

    .conversation-wrapper .conversation-item.item-right .conversation-body {
        background: #dceffc;
    }

        .conversation-wrapper .conversation-item.item-right .conversation-body:before {
            border-color: transparent transparent transparent #dceffc;
            left: auto;
            right: -12px;
        }

    .conversation-wrapper .conversation-item.item-right .conversation-user {
        float: right;
    }

    .conversation-wrapper .conversation-item.item-right .conversation-body {
        margin-left: 0;
        margin-right: 60px;
    }


.conversation-wrapper .conversation-body {
    background: #f5f5f5;
    font-size: 0.875em;
    width: auto;
    margin-left: 60px;
    padding: 8px 10px;
    position: relative;
    border-radius: 3px;
}

    .conversation-wrapper .conversation-body:before {
        border-color: transparent #f5f5f5 transparent transparent;
        border-style: solid;
        border-width: 6px;
        content: "";
        cursor: pointer;
        left: -12px;
        position: absolute;
        top: 25px;
    }

    .conversation-wrapper .conversation-body > .name {
        font-weight: 600;
        font-size: 1.125em;
    }

    /*  .conversation-wrapper .conversation-body > .time {
        position: absolute;
        font-size: 0.875em;
        right: 10px;
        top: 0;
        margin-top: 10px;
        color: #605f5f;
        font-weight: 300;
    }
      */
      

    .conversation-wrapper .conversation-body > .text {
        padding-top: 6px;
    }

.conversation-wrapper .conversation-new-message {
    padding-top: 10px;
}

.conversation-wrapper .conversation-user img {
    max-width: 100%;
}

.conversation-content {
    max-height: 70vh;
    overflow: auto;
}
/*-------*/
.crs-block {
    padding: 10px;
    border: 1px solid #e9e8e8;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0 0 6px rgb(28 39 60 / 13%);
    border-bottom: 1px solid rgba(28, 39, 60, 0.12);
}

img.crs-img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 100px;
    object-fit: contain;
    margin-bottom: 10px;
}

/* -------- 3-5-2023 courses ----------*/
@media (min-width: 768px) {
    .col-md-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.form-group-search input.form-control[type="search"] {
    padding-right: 0.75rem;
    padding-left: 35px;
}

.crs-class, .crs-lvl {
    font-size: 11px;
    display: inline-block;
    color: gray;
    margin-right: 10px;
}

.crs-ttle {
    font-weight: 500;
    min-height: 80px;
    font-size: 12px;
    height: auto;
}

.crs-desc p {
    font-size: 11px;
    font-weight: normal;
}

/* added new by dal and sara ragab 8-5-2023 */
/*totur list*/
.desc-content {
    height: 38px;
    max-height: 38px;
    overflow: hidden;
    display: block;
}
/* pagination*/
ul.pagination {
    padding: 0;
    justify-content: center;
    margin: 20px auto;
}

.page-item.first a, .page-item.last a, .page-item.prev a, .page-item.next a {
    margin-left: 4px !important;
    width: auto;
    display: block;
    font-size: 0.8em;
    padding: 8px 10px;
    text-align: center;
}

.page-link {
    margin-left: 3px;
    min-width: 30px;
    width: auto;
    height: 30px;
}

/*-------*/
.crs-block {
    padding: 10px;
    border: 1px solid #e9e8e8;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0 0 6px rgb(28 39 60 / 13%);
    border-bottom: 1px solid rgba(28, 39, 60, 0.12);
}

img.crs-img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 100px;
    object-fit: contain;
    margin-bottom: 10px;
}

/* -------- 3-5-2023 courses ----------*/
@media (min-width: 768px) {
    .col-md-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.form-group-search input.form-control[type="search"] {
    padding-right: 0.75rem;
    padding-left: 35px;
}

.crs-class, .crs-lvl {
    font-size: 11px;
    display: inline-block;
    color: gray;
    margin-right: 10px;
}

.crs-ttle {
    font-weight: 500;
    min-height: 80px;
    font-size: 12px;
    height: auto;
}

.crs-desc p {
    font-size: 11px;
    font-weight: normal;
}



/* edited by ddalia and  sara-r 9-5-2023 */
@media (min-width: 768px) {
    .maxw-md-80 {
        max-width: 80%;
    }
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/



/* edited by ddalia and  sara-r 9-5-2023 */
@media (min-width: 768px) {
    .maxw-md-80 {
        max-width: 80%;
    }
}

.file-manager1.file_manager img {
    max-width: 100%;
    border-radius: 0;
    /* border: 1px solid #e5e5e5; */
    padding: 2em;
    max-height: 200px;
    display: block;
    text-align: center;
    margin: auto;
}

.hover {
    display: block;
    position: absolute;
    padding: 10px;
}

    .hover .btn {
        float: right;
        margin-left: 5px;
    }

.image {
    border: 1px solid #e5e5e5;
    background: #e5e5e58a;
}

.modal-open .modal {
    background: #00000080;
}

.popover__message {
    width: 300px;
    height: 350px;
    overflow: auto;
}


/*---------------------------------------------------------------*/
/* style to copy   added by dal and sara to new merge 
/* 9-5-2023 course details */
.see-more-link {
    float: right;
}

.have-seen {
    background: #e5f1ea;
}

a.list-group-item {
    margin-bottom: 10px;
}

.main-box {
    margin-bottom: 15px;
}
/* sesion materials */
.lst-grp-side a.list-group-item {
    padding: 15px 10px;
    margin-bottom: -1px;
}

    .lst-grp-side a.list-group-item h5 {
        font-size: 1em;
        margin-right: 0.5em;
        padding-right: 0.25em !important;
    }

.lst-grp-side {
    clear: both;
    width: 100%;
}

.go-back-link {
    margin: 5px auto 20px auto;
}

.have-seen h5 {
    color: green;
    font-weight: normal;
}

.have-seen small span:before {
    content: "\f00c" !important;
    color: green;
}

a.list-group-item.active-item {
    background: #177fcd;
    color: #fff;
}

.lst-grp-side {
    max-height: calc(100vh - 168px);
    height: calc(100vh - 268px);
    overflow-y: auto;
}

img.crs-img {
    background: #eeeeee;
}

div#view-docs .modal-lg {
    max-width: 96%;
}

div#view-docs {
    padding-right: 0 !important;
}

    div#view-docs .modal-body {
        min-height: calc(100vh - 190px);
        padding: 10px;
        overflow: auto;
    }
/*a {
    color: #1f7244;
}*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}


/*  added by samah for document viewer 23-10-2022 */

div#documentViewer {
    min-height: 110vh;
}



div#documentViewer {
    min-height: 80vh;
}

    div#documentViewer iframe {
        min-height: 100vh;
    }

@media (max-width: 991px) {
    div#documentViewer {
        min-height: 70vh;
    }

        div#documentViewer iframe {
            min-height: 70vh;
        }
}

@media (min-width: 992px) {
    #PDF-modal .modal-lg {
        max-width: 96%;
    }
}

#PDF-modal .modal-body {
    min-height: calc(100vh - 190px);
    /*  max-height: calc(100vh - 190px);
    overflow-y:auto;*/
}

button.close:focus {
    outline: unset !important;
}

/*added by dalia and sara for  sumoo selectt select all 14-5-2023 */
.SumoSelect .select-all {
    min-height: 40px;
}
/* bttn-icon size */
button.btn.btn-icon {
    padding: 6px 15px;
    border-radius: 4px;
    transition: none;
    min-height: 28px;
    width: 25px;
    height: 25px;
}

    button.btn.btn-icon i {
        font-size: 14px;
    }
/*dropify size */
table .dropify-wrapper {
    max-height: 80px;
}

table .file-manager1.file_manager img {
    padding: 0.5em;
    max-height: 80px;
}

.btn {
    padding: 0.375rem 0.75rem;
    height: 37px;
}


span.edit-a {
    float: right;
}

    span.edit-a a {
        font-size: 0.9em;
        font-weight: normal;
        display: block;
    }

        span.edit-a a .fa {
            font-weight: normal;
        }

.modal-body.mnh-80vh {
    min-height: calc(100vh - 300px );
    overflow-y: auto;
    max-height: calc(100vh - 200px );
}

.btn, .sp-container button {
    padding: 7px 10px;
}

    .btn.btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.76562rem;
        line-height: 1.5;
        min-height: auto;
    }

label.empty-label {
    display: block;
    min-height: 21px;
}

.btn-danger, .btn-primary {
    color: #fff !important;
}

.edu-blc-edt {
    padding: 25px 10px 0 10px;
    border: 1px solid #c1c1c1;
    background: #f6f6f6;
    position: relative;
    margin-bottom: 20px;
}

span.floaty-label {
    position: absolute;
    top: -12px;
    background: #f6f6f6;
    display: block;
    padding: 1px 9px;
    border: 1px solid #c1c1c1;
}

span.hint {
    color: #995d04;
    font-size: 0.8em;
    margin: 2px;
}

.floaty-remove {
    position: absolute;
    top: -12px;
    right: 10px;
}

.select2-container {
    width: 100% !important;
    z-index: 99999;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #177fcd;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #177fcd;
}

.m-b-b-edit, .desc-00.desc-00-edit {
    background: #f7f7f7;
    padding: 0.8em;
}

    .m-b-b-edit:hover, .desc-00.desc-00-edit:hover {
        background: #eeeeee;
    }

    .m-b-b-edit .data-user-profile img.profile-img {
        margin: 0.25em;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 2px;
        background: #d1d1d1;
    }

    .m-b-b-edit .profile-status {
        z-index: 9;
        position: absolute;
        padding: 2px 10px;
        background: #f7f7f7;
    }

.lst-tabs-side {
    margin-top: 10px;
    width: 100%;
}

    .lst-tabs-side a.list-group-item {
        margin: -1px auto;
    }






/* added for student profile edit 21-5-2023 */

div#student-profile .profile-status {
    right: 30px;
}

.data-user-profile-top {
    text-align: left;
    float: left;
    margin-left: 1em;
}

.sett-title .fa {
    margin-left: 5px;
}

.crs-block.sett-block:hover {
    background: #e9e8e857;
}

.sett-title {
    font-weight: 500;
    color: #000203;
}

.crs-block.sett-block {
    color: black;
}

.crs-block {
    margin-bottom: 15px;
}

/*image upload and previow */

.imagePreview {
    width: 160px;
    height: 160px;
    background-position: center center;
    background: url(../img/user.png);
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    /*added by me*/
    margin: auto;
    max-width: 100%;
    max-height: 200px;
    text-align: center;
    display: block;
}

.imgUp .btn {
    /*  display:block;
  border-radius:0px;
  box-shadow:0px 4px 6px 2px rgba(0,0,0,0.2);
  margin-top:-5px;*/
}

.imgUp .btn {
    margin: 6px auto;
    display: block;
    width: 162px;
    text-align: center;
    margin-bottom: 16px;
    border-radius: 0 !important;
    box-shadow: none;
}


.imgUp {
    max-width: 100%;
    height: 100%;
    max-height: 200px;
    margin-bottom: 5px;
}

.del {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: rgba(255,255,255,0.6);
    cursor: pointer;
}

.imgAdd {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #4bd7ef;
    color: #fff;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    text-align: center;
    line-height: 30px;
    margin-top: 0px;
    cursor: pointer;
    font-size: 15px;
}

.desc-sbsc p span {
    font-size: 1.335em;
    color: #1b75bb;
}

img.pymnt-mthd {
    display: block;
    height: 40px;
    border: 1px solid #cdd4e0;
    padding: 3px 20px;
}

/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/* style to copy
/* 9-5-2023 course details */
.see-more-link {
    float: right;
}

.have-seen {
    background: #e5f1ea;
}

a.list-group-item {
    margin-bottom: 10px;
}

.main-box {
    margin-bottom: 15px;
}
/* sesion materials */
.lst-grp-side a.list-group-item {
    padding: 15px 10px;
    margin-bottom: -1px;
}

    .lst-grp-side a.list-group-item h5 {
        font-size: 1em;
        margin-right: 0.5em;
        padding-right: 0.25em !important;
    }

.lst-grp-side {
    clear: both;
    width: 100%;
}

.go-back-link {
    margin: 5px auto 20px auto;
}

.have-seen h5 {
    color: green;
    font-weight: normal;
}

.have-seen small span:before {
    content: "\f00c" !important;
    color: green;
}

a.list-group-item.active-item {
    background: #177fcd;
    color: #fff;
}

.lst-grp-side {
    max-height: calc(100vh - 168px);
    overflow-y: auto;
}

img.crs-img {
    background: #eeeeee;
}

div#view-docs .modal-lg {
    max-width: 96%;
}

div#view-docs {
    padding-right: 0 !important;
}

    div#view-docs .modal-body {
        min-height: calc(100vh - 190px);
        padding: 10px;
        overflow: auto;
    }
/*a {
    color: #1f7244;
}*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}

/*----------------- style to copy ------------*/
span.edit-a {
    float: right;
}

    span.edit-a a {
        font-size: 0.9em;
        font-weight: normal;
        display: block;
    }

        span.edit-a a .fa {
            font-weight: normal;
        }

.modal-body.mnh-80vh {
    min-height: calc(100vh - 300px );
    overflow-y: auto;
    max-height: calc(100vh - 200px );
}

.btn, .sp-container button {
    padding: 7px 10px;
}

    .btn.btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.76562rem;
        line-height: 1.5;
        min-height: auto;
    }

label.empty-label {
    display: block;
    min-height: 21px;
}

.btn-danger, .btn-primary {
    color: #fff !important;
}

.edu-blc-edt {
    padding: 25px 10px 0 10px;
    border: 1px solid #c1c1c1;
    background: #f6f6f6;
    position: relative;
    margin-bottom: 20px;
}

span.floaty-label {
    position: absolute;
    top: -12px;
    background: #f6f6f6;
    display: block;
    padding: 1px 9px;
    border: 1px solid #c1c1c1;
}

span.hint {
    color: #995d04;
    font-size: 0.8em;
    margin: 2px;
}

.floaty-remove {
    position: absolute;
    top: -12px;
    right: 10px;
}

.select2-container {
    width: 100% !important;
    z-index: 99999;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #177fcd;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #177fcd;
}

.m-b-b-edit, .desc-00.desc-00-edit {
    background: #f7f7f7;
    padding: 0.8em;
}

    .m-b-b-edit:hover, .desc-00.desc-00-edit:hover {
        background: #eeeeee;
    }

    .m-b-b-edit .data-user-profile img.profile-img {
        margin: 0.25em;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 2px;
        background: #d1d1d1;
    }

    .m-b-b-edit .profile-status {
        z-index: 9;
        position: absolute;
        padding: 2px 10px;
        background: #f7f7f7;
    }

.lst-tabs-side {
    margin-top: 10px;
    width: 100%;
}

    .lst-tabs-side a.list-group-item {
        margin: -1px auto;
    }

/*----------------- style to copy ------------*/
/* added for student profile edit 21-5-2023 */

div#student-profile .profile-status {
    right: 30px;
}

.data-user-profile-top {
    text-align: left;
    float: left;
    margin-left: 1em;
}

.sett-title .fa {
    margin-left: 5px;
}

.crs-block.sett-block:hover {
    background: #e9e8e857;
}

.sett-title {
    font-weight: 500;
    color: #000203;
}

.crs-block.sett-block {
    color: black;
}

.crs-block {
    margin-bottom: 15px;
}

/*image upload and previow */

.imagePreview {
    width: 160px;
    height: 160px;
    background-position: center center;
    background: url(../img/user.png);
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    /*added by me*/
    margin: auto;
    max-width: 100%;
    max-height: 200px;
    text-align: center;
    display: block;
}

.imgUp .btn {
    /*  display:block;
  border-radius:0px;
  box-shadow:0px 4px 6px 2px rgba(0,0,0,0.2);
  margin-top:-5px;*/
}

.imgUp .btn {
    margin: 6px auto;
    display: block;
    width: 162px;
    text-align: center;
    margin-bottom: 16px;
    border-radius: 0 !important;
    box-shadow: none;
}


.imgUp {
    max-width: 100%;
    height: 100%;
    max-height: 200px;
    margin-bottom: 5px;
}

.del {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: rgba(255,255,255,0.6);
    cursor: pointer;
}

.imgAdd {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #4bd7ef;
    color: #fff;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    text-align: center;
    line-height: 30px;
    margin-top: 0px;
    cursor: pointer;
    font-size: 15px;
}

.desc-sbsc p span {
    font-size: 1.335em;
    color: #1b75bb;
}

img.pymnt-mthd {
    display: block;
    height: 40px;
    border: 1px solid #cdd4e0;
    padding: 3px 20px;
}


/*added 25-5-2023 for subscribtions page */
img.subs-img {
    display: block;
    height: 52px;
    border: 1px solid #eeeeee;
    padding: 5px 9px;
}

span.prsnl-img {
    font-size: 2em;
    float: left;
    display: block;
    width: 55px;
    height: 36px;
    padding: 3px;
    text-align: center;
}

.text-small {
    font-size: 0.9em;
}

.rdiobox span:after {
    top: 30px;
    left: 23px;
}

.rdiobox span:before {
    top: 25px;
    left: 18px;
}

.prsnl-sbsc label {
    height: auto;
    padding: 25px 15px;
    margin-bottom: 0;
}

.prsnl-sbsc .list-group-item {
    padding: 0;
}

.card-footer span.fa.fa-info-circle {
    float: left;
    display: block;
    height: 100%;
    padding: 4px 8px;
}

.prsnl-sbsc .badge-pill {
    /*position: absolute;*/
    float: right;
    margin-top: -7px;
    top: 20px;
    right: 10px;
    padding: 8px 15px;
    font-size: 1em;
    line-height: 1;
}

@media (max-width: 576px) {
    .prsnl-sbsc .badge-pill {
        border-radius: 5px;
        margin-top: 15px;
        margin-bottom: 14px;
        padding: 3px 6px;
    }
}

span.type-prc-spn {
    float: left;
    padding-left: 30px;
}

.prc-subsc {
    float: right;
}

.type-price label.rdiobox {
    height: 90px;
}

.type-price .list-group-item {
    margin-bottom: 20px;
}

.price-off {
    background: #c34124;
    color: #fff;
    padding: 5px 13px;
    border-radius: 15px;
}

.price-nm {
    color: #1b75bb;
    font-weight: bold;
}

/* added for notifications page 5 -6-2023 */
.form-group-search {
    position: relative;
}

    .form-group-search .srch-icon-input {
        left: calc(1em + 0px);
    }
/*notifications page-------------*/
.unread-noti {
    color: #004085;
    background-color: #e5f1ea;
}

    .unread-noti:focus, .unread-noti:hover {
        color: #004085;
        background-color: #ddebe3;
    }

.desc-ntfctn {
    /*    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 90%;
    overflow: hidden;*/
}
/*a.unread-noti:before {
    content: " ";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #30a960;
    border-radius: 50%;
    left: 5px;
    top: 16px;
}*/
a.unread-noti:before {
    content: "new";
    position: absolute;
    background: #30a960;
    border-radius: 0 5px 5px 0;
    left: 0;
    top: 0;
    font-size: 0.8em;
    padding: 0px 5px;
    color: #fff;
}

.notiftions-list.rot-notification-list .media:hover::before,
.notiftions-list.rot-notification-list .media:focus::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -20px;
    bottom: -1px;
    right: -20px;
    background-color: transparent;
    border-top: 0px solid #cdd4e0;
    border-bottom: 0px solid #cdd4e0;
    z-index: -1;
}
/*notifications in mobile */
@media (max-width: 576px) {
    .notiftions-list.rot-notification-list .media-body {
        width: 100%;
        margin-left: 0;
        clear: both;
        flex: none;
        margin-top: 15px;
    }

    .notiftions-list.rot-notification-list .media {
        display: flex;
        flex-direction: column;
    }

    .notiftions-list.rot-notification-list .d-flex {
        display: block !important;
    }

    .Subscriptions-blck .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}
/*rules page */

/*added by dalia for templates page ---------------------------*/
.widget-templates {
    padding: 10px 10px 10px;
}

hr.t-hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 2px solid #fff;
}

.white-bg {
    background-color: #ededed !important;
}

.widget-templates {
    padding: 10px 10px 10px;
    margin-bottom: 15px;
}
/*-----------------------permissions blocks------------------------*/
.widget-body {
    overflow: auto;
    background: #f9f9f9;
    min-height: 190px;
    max-height: 190px;
    padding: 0px 0;
}

.check-groups {
    /* padding: 5px; */
    border-bottom: 1px solid #e7e7e7;
}

label.cr-styled {
    display: block;
    padding: 6px 10px;
}

    label.cr-styled:hover {
        background: #29a2ff29;
    }

.w-title.strong-text {
    font-weight: 500;
}

/*chat area / window */
.btn-circle {
    width: 60px;
    border-radius: 50%;
    font-size: 2em;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.chat-window {
    position: absolute;
    width: 350px;
    min-width: 300px;
    max-width: 100%;
    background: black;
    right: 40px;
    bottom: 1px;
    height: 350px;
}

.chat-area {
    position: fixed;
    z-index: 9999;
    right: 0;
    bottom: 0;
    display: block;
}

    .chat-area .conversation-content {
        max-height: 235px;
        overflow: auto;
    }

.chat-window .conversation-wrapper .conversation-user {
    width: 20px;
    height: 20px;
}

.chat-window .conversation-body {
    margin-left: 25px;
}

.chat-window .conversation-wrapper .conversation-item.item-right .conversation-body {
    margin-left: 0;
    margin-right: 25px;
}

.chat-window textarea.form-control {
    max-height: 50px;
}

.chat-window .conversation-wrapper .conversation-body > .name {
    padding-top: 5px;
}

.chat-window .conversation-wrapper .conversation-body > .time {
    margin-top: 3px;
}

.chat-window {
    box-shadow: 0 0 8px rgb(28 39 60 / 63%);
    border-bottom: 1px solid rgba(28, 39, 60, 0.12);
    background: #eeeeee;
    border-radius: 5px 5px 0 0;
}

.conversation-wrapper .conversation-item.item-right .conversation-body {
    background: #e0fcdc;
}

.chat-area .conversation-content {
    background: white;
    padding: 8px;
    border-radius: 0;
}

.chat-area .card-table-two {
    padding: 0 8px;
    /* border-radius: 5px; */
}

.chat-area .card-header {
    background: #30a860;
    color: #fff;
}



/*------------------------------------------------------*/
/*---------- added for demo edits 11-6-2023 ----------------*/
/*------------------------------------------------------*/
/*added by dal and fat-ali*/
.desc-vedio video {
    max-height: 300px;
    background: black;
}

@media (min-width: 576px) {
    .rot-header-profile .rot-img-user {
        width: 100%;
        height: auto;
        text-align: center;
    }
}

.rot-header-profile .rot-img-user img {
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px solid #44b36c;
    background: #eeeeee;
}

.crs-lvl {
    display: block;
   /* min-height: 35px;*/
}

img.crs-img {
    background: #eeeeee3b;
    margin-bottom: 15px;
    height: 180px;
}

a.unread-noti:before {
    border-radius: 0 0px 5px 0;
}

.price-nm.h4 {
    margin-right: 30px;
}

.badge.badge-success.badge-pill {
    margin-right: 20px;
}


/*----------------added by dal solution----------------------*/
/*---------- added  18-6-2023 ----------------*/
/*------------------------------------------------------*/
/*general  */
.pagination {
    padding: 0;
    display: flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
}

.card-table-two .table-responsive {
    width: calc(100% - 0px);
}


.card-table-two {
    padding: 1em;
}

.pagination .page-item .page-link {
    font-size: 0.8em;
    min-width: 28px;
    width: auto;
    height: 30px;
    padding-right: 5px;
    padding-left: 5px;
}

.table:not(.table.bordered) {
    border: 1px solid #cdd4e0;
}

.table thead th, .table thead td {
    padding: 10px 15px 10px 10px;
}


@media (max-width: 992px) {
    .pd-setting-ed {
        margin: 5px 0.5em 0.5em;
    }

    .table th, .table td {
        padding: 10px 8px;
        min-width: 100px;
    }
}

div#add_Offers .modal-body {
    background: #eee;
    min-height: calc(100vh - 190px);
    max-height: calc(100vh - 190px);
    overflow-y: auto;
    padding: 1em;
}

div#add_Offers .table {
    background: #fff;
}
/*whats app btn */
div#WAButton {
    bottom: 15px !important;
}

.floating-wpp .floating-wpp-button {
    width: 50px !important;
    height: 50px !important;
}

.floating-wpp .floating-wpp-popup.active {
    bottom: 57px !important;
}

/*modal width in md*/
@media (min-width: 992px) {
    .maxw-md-80 {
        max-width: 80%;
    }
}
/*student subscribtions plan sammary  table */
td.td-elmnt-type .elmnt-type-2 {
    color: #31ab5e;
}

tfoot td {
    font-weight: bold;
    background: #f4f6f8;
}

.ttl-hdr {
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}

.ttl-tbl {
    background: #f4f6f8;
}


/* calendar page */
.fc-state-default {
    background-image: linear-gradient(to bottom,#1e9dda,#0f6c99);
}

.fc-right .btn-secondary:not(:disabled):not(.disabled):active,
.fc-right .btn-secondary:not(:disabled):not(.disabled).active,
.fc-right .show > .btn-secondary.dropdown-toggle,
.fc-right .fc-state-active {
    color: #fff;
    background: #0d5273 !important;
    background-color: #0d5273 !important;
    border-color: #0d5273 !important;
}

.fc-event, .fc-event-dot {
    background-color: #2caa5c;
    padding: 6px !important;
    color: white !important;
    margin-bottom: 5px !important;
}

.modal .table th, .modal .table td {
    padding: 10px 10px;
}

.pagination .page-item .page-link {
    border: 0 !important;
}

li.page-item {
    border: 0 !important;
}
/*whatsapp btn */
div#WAButton {
    z-index: 999 !important;
}

div#WAButton {
    bottom: 85px !important;
}
#chat-bot-launcher-container.chat-bot-avatar-launcher, #chat-bot-launcher-container.chat-bot-launcher-notext {
    bottom: 85px !important;
}
#chat-bot-frame-container {
    bottom: 150px !important;
}

.rot-content-body-dashboard-three {
    min-height: calc(100vh - 170px );
}
/* **-------** */
span.edit-a a,
.profile-status a {
    color: #177fcd !important;
}

@media (min-width: 992px) {
    .tabs-wrapper.profile-tabs li.nav-item {
        max-width: calc(100% / 5);
    }
}



/*under reveiw profile */
.merge-2icons-as-pic {
    background: #f3faff;
    min-height: 50vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mrg-1, .mrg-2 {
    text-align: center;
}

.mrg-1 {
    font-size: 9em;
    color: #177fcd8c;
}

.mrg-2 {
    font-size: 7em;
    color: #0f6c99;
    margin-right: -30px;
    margin-top: 15px;
}
/*under reveiw profile */
.merge-2icons-as-pic {
    background: #f3faff;
    min-height: 50vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mrg-1, .mrg-2 {
    text-align: center;
}

.mrg-1 {
    font-size: 9em;
    color: #177fcd8c;
}

.mrg-2 {
    font-size: 7em;
    color: #0f6c99;
    margin-right: -30px;
    margin-top: 15px;
}
/*under reveiw profile */
.merge-2icons-as-pic {
    background: #f3faff;
    min-height: 50vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mrg-1, .mrg-2 {
    text-align: center;
}

.mrg-1 {
    font-size: 9em;
    color: #177fcd8c;
}

.mrg-2 {
    font-size: 7em;
    color: #0f6c99;
    margin-right: -30px;
    margin-top: 15px;
}
/*under reveiw profile */
.merge-2icons-as-pic {
    background: #f3faff;
    min-height: 80vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mrg-1, .mrg-2 {
    text-align: center;
}

.mrg-1 {
    font-size: 9em;
    color: #177fcd8c;
}

.mrg-2 {
    font-size: 7em;
    color: #0f6c99;
    margin-right: -30px;
    margin-top: 15px;
}

.list-group-item-action {
    width: 100%;
    color: #596882;
    text-align: inherit;
}
/*-----------------------------------------------------------*/
/*------------------------- addded by dal 21-6-2023----------------------------------*/
/* home after login*/

.dal-wrapper img {
    max-width: 300px;
    margin: auto;
    text-align: center;
    display: block;
    padding: 2em 0;
    opacity: 0.5;
}

.img-after-login-1 img {
    margin: auto;
    display: block;
    width: 115px;
    height: 115px;
    object-fit: cover;
    border-radius: 50%;
}

.btn-outline-primary:hover {
    background-color: #177fcd;
    border-color: #177fcd;
}

/*loading and error page*/
.rot-error-wrapper .btn-outline-indigo {
    border-color: #1b75bb;
    color: #1b75bb;
}

    .rot-error-wrapper .btn-outline-indigo:hover {
        border-color: #1b75bb;
        color: #ffffff;
        background: #1b75bb;
    }

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #1b75bb;
    border-color: #1b75bb;
}

.spinner-border {
    vertical-align: middle;
}

.btn .spinner-grow {
    width: 1rem;
    height: 1rem;
}

.page-loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 100;
    background-color: #ecf9ffc9;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.logo-loader-2 {
    max-width: 150px;
    margin-bottom: 2em;
}

.page-loader .text-gray-800 {
    font-size: 0.8em;
}

.price-off {
    margin-bottom: 15px;
    padding: 5px 11px;
    border-radius: 8px;
}

    .price-off.text-center {
    }

    .price-off .offer-title {
        background: #31ab5e;
        border-radius: 0 0 10px 10px;
        margin-top: -5px;
        margin-bottom: 5px;
        padding-bottom: 3px;
    }



/*added by dal and sara for window chat 13-7-2023  */
/*-------------------------------------------------------------------- */
.chat-area .conversation-content {
    min-height: 235px;
}

span.chat-window-clps {
    float: right;
}

    span.chat-window-clps i {
        padding: 5px 8px;
        color: #fff;
        cursor: pointer !important;
    }

span.cht-wndw-name {
    max-width: calc(100% - 70px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: calc(100% - 70px);
    display: inline-block;
    cursor: pointer !important;
}

.chat-window {
    bottom: 10px;
    height: auto;
}

.chat-area .card-table-two.show {
    height: 300px;
}

.media.new {
    background-color: #f1f1f1;
}


/* added by dal ui and sara ragab 16-7-2023 */
/*adde for loader divs */
.rot-error-wrapper .btn-outline-indigo {
    border-color: #1b75bb;
    color: #1b75bb;
}

    .rot-error-wrapper .btn-outline-indigo:hover {
        border-color: #1b75bb;
        color: #ffffff;
        background: #1b75bb;
    }

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #1b75bb;
    border-color: #1b75bb;
}

.spinner-border {
    vertical-align: middle;
}

.btn .spinner-grow {
    width: 1rem;
    height: 1rem;
}

.page-loader {
    max-height: 100vh;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 100;
    background-color: #ecf9ffc9;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

img.logo-loader-2 {
    max-width: 150px;
    margin-bottom: 2em;
}

.page-loader .text-gray-800 {
    font-size: 0.8em;
}
/* // end added for loader */
/*-----------------------------------------------------------------*/
/* awhatsapp btn in all lyouts */

div#WAButton {
    bottom: 80px;
}

#myBtn-up {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    background-color: #e1b33d;
    color: #000;
    cursor: pointer;
    padding: 7px 17px;
    border-radius: 10px;
}

    #myBtn-up:hover {
        background-color: #906a2d;
        color: #fff;
    }

div#WAButton {
    z-index: 9;
}

.floating-wpp .floating-wpp-button {
    box-shadow: 2px 2px 5px rgb(60 60 60 / 92%);
}

div#WAButton .close {
    color: #fff;
    opacity: 0.9;
    font-weight: normal;
}

.floating-wpp .floating-wpp-btn-send {
    margin-left: 0px;
    height: 58px;
    font-size: 0;
    cursor: pointer;
    transform: rotate(180deg);
    padding: 20px 10px 10px 10px;
    margin: 4px;
    background: #eeeeee;
    border-radius: 4px;
    border: 1px solid #cccccc;
}
/* // end whatsapp styles */

/*  chat style*/
.rot-chat-header {
    padding: 0;
}

.rot-chat-footer .nav-link:last-child {
    margin-left: 10px;
}

.rot-content-body-chat,
.rot-chat-header .nav-link,
.rot-chat-footer .nav-link,
.rot-chat-header .nav-link:first-child,
.rot-chat-footer .nav-link:last-child {
    display: block;
}

.rot-chat-list {
    height: 55vh;
    position: relative;
    overflow: auto;
}

@media (min-width: 992px) {
    .rot-content-left-chat {
        width: 100% !important;
    }

    .rot-chat-list {
        height: 55vh;
        position: relative;
        overflow: auto;
    }

    .rot-content-app {
        height: calc(55vh + 42px);
    }
}

.conversation-content {
    max-height: 55vh;
    min-height: 55vh;
    overflow: auto;
    padding: 10px;
    background: #fff;
}

.rot-chat-footer {
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
}

    .rot-chat-footer .form-control {
        padding: 5px 10px;
    }

.rot-chat-list .media::after {
    width: 4px;
    background-color: #31ab5e;
}

.rot-msg-send {
    color: #2196F3;
}

.rot-nav-line-chat .nav-link.active {
    color: #1b75bb;
    font-weight: bold;
}

.rot-chat-header .nav-link:hover, .rot-chat-header .nav-link:focus {
    color: #2196F3;
}

.rot-chat-list .media-contact-name span:first-child {
    font-size: 13px;
}

.rot-chat-list .media.new .media-body p {
    font-size: 12px;
}

.rot-chat-list .media.new {
    background-color: #4caf5029;
}
/*rtl style */
.rot-nav-line-chat .nav-link + .nav-link {
    margin-left: unset;
    margin-right: 30px;
}

.rot-chat-list .media-body {
    margin-right: 15px;
    margin-left: unset;
}

.rot-chat-list .media::after {
    right: 0;
    left: unset;
}

.rot-chat-header .nav-link + .nav-link {
    margin-right: 15px;
    margin-left: unset;
}

.rot-chat-header .nav {
    margin-left: unset;
}

.rot-chat-msg-name {
    margin-right: 15px;
    margin-left: unset;
}


.rot-chat-footer .nav-link:last-child {
    margin-right: 10px;
    margin-left: unset;
}

.rot-chat-msg-name {
    margin-right: 15px;
    margin-left: unset;
}

}

@media (min-width: 992px) {
    .rot-content-left-chat {
        border-left: 1px solid #cdd4e0;
        border-right: 0px;
    }
}

.rot-chat-msg-name {
    margin-right: 15px;
    margin-left: unset;
}

.rot-nav-line-chat .nav-link.active::before {
    background: #0f6c99;
}

@media (min-width: 992px) {
    .rot-content-left-chat {
        border-right: 0px !important;
        border-left: 0px !important;
    }
}

.innerChatbot {
    min-height: calc(100% - 15px);
}

.lst-tabs-side a.list-group-item.active.have-seen h5 {
    color: #fff !important;
}

.lst-tabs-side a.list-group-item.active.have-seen small span:before {
    color: #fff !important;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0f6c99;
    border-color: #0f6c99;
}



/* -----------------------------------------*/
/* added by dal an sara 14-8-2023 for rating modal */

div#Add-Review-modal {
    z-index: 99990;
}

/*------------------------------------------------*/
/*- added by dali abnd sara2 21-8-2023 -----------------------*/
/*for btns height*/
.btn.btn-sm {
    height: 30px;
}

.breadcrumb {
    background: transparent;
}

.gradnt-lyot-brdcrmb {
    width: 100%;
    display: block;
    margin-top: -15px;
}

    .gradnt-lyot-brdcrmb li.active {
        color: #fff;
    }

    .gradnt-lyot-brdcrmb li a {
        color: #ffffffbd;
    }

    .gradnt-lyot-brdcrmb .breadcrumb-item + .breadcrumb-item::before {
        color: white;
    }

.rot-content-body-dashboard-three {
    padding: 35px 50px 25px 50px;
}
/* added by dal ui new solution 21-8-2023 */

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
.faq .faq-list {
    padding: 0 10px;
}

    .faq .faq-list ul {
        padding: 0;
        list-style: none;
    }

    .faq .faq-list li + li {
        margin-top: 15px;
    }

    .faq .faq-list li {
        padding: 0;
        background: #fff;
        border-radius: 4px !important;
        position: relative;
    }

    .faq .faq-list a {
        display: block;
        position: relative;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding: 15px 20px;
        outline: none;
        border: 1px solid #e4e0e0;
        border-radius: 4px;
    }



    .faq .faq-list .icon-show, .faq .faq-list .icon-close {
        font-size: 10px;
        position: absolute;
        right: 20px;
        top: 20px;
        border-radius: 50%;
        background: #589e84;
        padding: 6px;
        width: 20px;
        height: 19px;
        color: #fff;
    }

    .faq .faq-list .pp {
        margin-bottom: 0;
        padding: 20px 30px;
        position: relative;
    }

    .faq .faq-list .icon-show {
        display: none;
    }

    .faq .faq-list a.collapsed {
        color: #343a40;
    }

        .faq .faq-list a.collapsed:hover {
            color: #009688;
        }

        .faq .faq-list a.collapsed .icon-show {
            display: inline-block;
        }

        .faq .faq-list a.collapsed .icon-close {
            display: none;
        }

    .faq .faq-list a.collapse {
        border-bottom: 0;
        background: linear-gradient(274deg,#31ab5e,rgb(24 114 157) 50%,hsl(142.81deg 55.25% 42.94%));
        color: #fff;
        border-radius: 4px 4px 0 0 !important;
    }

    .faq .faq-list a[aria-expanded="true"] {
        border-bottom: 0;
        background: linear-gradient(274deg,#31ab5e,rgb(24 114 157) 50%,hsl(142.81deg 55.25% 42.94%));
        color: #fff;
        border-radius: 4px 4px 0 0 !important;
    }


.faq-list .collapse {
    position: relative;
    border: 1px solid #e4e0e0;
    border-top: 0;
    /* padding: 15px 30px 15px 15px; */
    border-radius: 0 0 4px 4px !important;
}

    .faq-list .collapse.show .pp:after {
        content: " ";
        position: absolute;
        width: 4px;
        height: calc(100% - 30px);
        background: #ebebeb;
        left: 15px;
        top: 15px;
    }

    .faq-list .collapse.show .pp:before {
        content: " ";
        position: absolute;
        width: 4px;
        height: 20px;
        background: #589e84;
        left: 15px;
        top: calc(50% - 10px);
        z-index: 1;
    }

.faq .faq-list a.collapse.collapsed {
    background: #fff;
    border-radius: 4px !important;
    border-bottom: 1px solid #e4e0e0;
    color: #187a77;
}

.faq .faq-list .icon-close {
    background: white;
    color: #589e84;
}

.faq-sec-2 {
    background: #fff url(../img/icons/01.png) left bottom no-repeat;
    background-position: 6% 75%;
    padding: 60px 0;
}

.faq-sec-2-txt .h3, .faq-sec-2-txt .p {
    margin-bottom: 20px;
}

.faq-sec-2-txt .faq-sec-2-btn {
    padding-top: 20px;
}

    .faq-sec-2-txt .faq-sec-2-btn .btn {
        padding-right: 2em;
        padding-left: 2em;
    }

@media (max-width: 1200px) {
    .faq .faq-list {
        padding: 0;
    }
}
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
.SumoSelect > .CaptionCont > span.placeholder {
    color: #525660;
    font-style: unset;
}

/*added by dalia and sara slm 28-8-2023*/
span.fc-title {
    font-size: 11px;
}

.fc-basic-view .fc-body .fc-row {
    height: 90px !important;
    min-height: 90px;
}

.fc-scroller.fc-day-grid-container {
    height: auto !important;
}

.fc-event, .fc-event-dot {
    max-height: 15px !important;
    padding: 3px 5px 6px 5px !important;
}

.fc-time-grid .fc-slats td {
    height: 60px;
}

.fc th {
    padding: 10px 2px;
}

tr.fc-list-item.custom-event-class a {
    color: #fff;
}

.fc-unthemed .fc-list-item.custom-event-class:hover td a {
    color: #fff;
}

.fc-unthemed .fc-list-item.custom-event-class td {
    padding-bottom: 2px;
}

.fc-unthemed .fc-list-item.custom-event-class:hover td {
    background-color: #1768a7 !important;
}

.fc-event.custom-event-class {
    position: relative;
    font-family: 'Font Awesome 5 Free';
}

    .fc-event.custom-event-class .fc-content:after {
        /*  content: "booked";*/
        position: absolute;
        right: 0;
        color: #fff !important;
        font-family: 'Font Awesome 5 Free' !important;
    }

/* added by dal-ui 29-8-2023 */
a.my-plns-btn {
    display: inline-block;
    direction: ltr;
    border: 1px solid #8bc53f;
    padding: 5px 11px;
    border-radius: 1em;
}

    a.my-plns-btn span {
        font-size: 15px;
        vertical-align: middle;
    }

    a.my-plns-btn i {
        font-size: 18px;
    }

    a.my-plns-btn:hover {
        background: #f4f5f8;
    }
/**/
.lgnd-lst table td:first-child {
    padding: 9px 0;
    width: 25px;
}

.lgnd-lst table td {
    padding: 8px 6px;
}

/*added for dashbaord for student*/

.stretch-card > .card {
    width: 100%;
    min-width: 100%
}



.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:991.98px) {
    .padding {
        padding: 1.5rem
    }
}

@media (max-width:767.98px) {
    .padding {
        padding: 1rem
    }
}

.padding {
    padding: 3rem
}

.card .card-block {
    padding: 1.25rem;
}


.text-c-green {
    color: #2ed8b6;
}

.m-l-10 {
    margin-left: 10px;
}

.proj-progress-card .progress {
    height: 6px;
    overflow: visible;
    margin-bottom: 10px;
}

    .proj-progress-card .progress .progress-bar {
        position: relative;
    }

.progress .progress-bar {
    height: 100%;
    color: inherit;
}

.bg-c-red {
    background: #FF5370;
}

.proj-progress-card .progress .progress-bar.bg-c-red:after {
    border: 3px solid #FF5370;
}

.proj-progress-card .progress .progress-bar:after {
    content: "";
    background: #fff;
    position: absolute;
    right: -6px;
    top: -4px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.bg-c-blue {
    background: #4099ff;
}

.proj-progress-card .progress .progress-bar.bg-c-blue:after {
    border: 3px solid #4099ff;
}

.proj-progress-card .progress .progress-bar.bg-c-green:after {
    border: 3px solid #2ed8b6;
}

.bg-c-green {
    background: #2ed8b6;
}

.bg-c-yellow {
    background: #FFB64D;
}

.proj-progress-card .progress .progress-bar.bg-c-yellow:after {
    border: 3px solid #FFB64D;
}

.m-b-30 {
    margin-bottom: 30px;
}

.text-c-red {
    color: #FF5370;
}

.card-dashboard-twenty .expansion-value strong {
    font-family: 'Cairo';
    font-size: 12px;
    font-weight: 600;
}
/*------------------------------------------------------------------------------*/
/*-------------------added by dalui 19-10-2023------------------------*/
span.lnk-text {
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}

span.lnk-arrw {
    float: right;
    border: 1px solid;
    padding: 10px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background: #177fcd14;
}

.lnk-wth-arrw-1 a {
    display: block;
}

.lnk-wth-arrw-1 {
    display: inline-flex;
    align-content: center;
    justify-content: space-between;
    padding: 1.25rem;
    width: 100%;
    align-items: center;
}

    .lnk-wth-arrw-1:hover {
        background-color: #f4f5f8;
    }

.img-200 img {
    max-width: 100px;
}

.img-200 {
    display: inline-flex;
}

.txt-h-d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.border-top a {
    display: block;
}

.sgstions-list {
    margin: 1em 0;
}

    .sgstions-list .lnk-wth-arrw-1 {
        min-height: 120px;
    }

    .sgstions-list span.lnk-arrw {
        background: #177fcd;
        color: #fff;
    }

    .sgstions-list .itm.itm-done span.lnk-arrw:before {
        content: "\f00c" !important;
    }

    .sgstions-list .itm.itm-done span.lnk-arrw {
        background: #8bc53f;
    }

    .sgstions-list .itm.itm-done .lnk-wth-arrw-1 {
        background: #cae6a654;
        color: #3e6c03;
    }

@media (max-width:500px) {
    .img-200 {
        display: block;
        text-align: center;
    }

    .sgstions-list .lnk-wth-arrw-1 {
        display: inline-flex;
        align-content: flex-start;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .txt-h-d span, .txt-h-d p {
        text-align: center;
    }

    .txt-h-d {
        display: block;
    }
}
/*country dropdown */
.iti.iti--allow-dropdown {
    width: 100%;
}
/*---------*/

.rdiobox span.type-prc-spn:before {
    border: 3px solid #0f6c99;
    width: 20px;
    height: 20px;
}

span.type-prc-spn {
    color: #000;
    font-weight: bold;
}

.rdiobox span:after {
    top: 32px;
    left: 25px;
}

.rdiobox input[type='radio']:checked + span:before {
    border-color: transparent;
    background-color: #0f6c99;
    border: 2px solid #0f6c99;
}


.rdiobox span:before {
    width: 20px;
    height: 20px;
    border: 3px solid #0f6c99;
}

.prsnl-sbsc .rdiobox span {
    font-weight: bold;
}

.prsnl-sbsc h6, .prsnl-sbsc .text-small {
    font-weight: bold;
}
span.ttl ,
.Subscriptions-blck h5 {
    font-weight: bold;
}
/*not found div */
.not-found-div .img-lgo img {
    text-align: center;
    margin: auto;
    display: block;
    max-width: 90%;
    width: 259px;
    filter: grayscale(1);
    opacity: 0.2;
}
.not-found-div {
    background: #cccccc21;
    text-align: center;
}
    .not-found-div .txt {
        font-size: 1.5em;
        padding-bottom: 3em;
    }
/*-------------------end added by dalui 19-10-2023------------------------*/
/*light box gallary*/


/* GALLERY */

#gallery-photos-wrapper {
    position: relative;
}


.gallery-photos {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

    .gallery-photos li {
        float: left;
        display: block;
        margin-top: 7px;
        margin-bottom: 7px;
        overflow: hidden;
        position: relative;
    }

        .gallery-photos li .photo-box {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #eee;
            width: 100%;
            height: 100%;
            overflow: hidden;
            min-width: 100px;
            min-height: 100px;
            padding-top: 98%;
            display: block;
        }

            .gallery-photos li .photo-box.image-link {
                padding-top: 68%;
            }


        .gallery-photos li:hover .photo-box:after {
            background: rgba(0, 0, 0, 0.4);
            position: absolute;
            content: "";
            top: 0;
            right: 8px;
            bottom: 0;
            left: 8px;
        }

    .gallery-photos.gallery-photos-hover {
        cursor: move;
    }

    .gallery-photos .remove-photo-link {
        cursor: pointer;
        display: none;
        left: 50%;
        margin-left: -18.5px;
        position: absolute;
        text-align: center;
        top: 50%;
        margin-top: -18.5px;
    }

    .gallery-photos .thumb-meta-time {
        bottom: 10px;
        color: #eee;
        font-size: 0.75em;
        left: 18px;
        position: absolute;
    }


    .gallery-photos li .remove-photo-link .icon-stack {
        font-size: 2em;
    }

    .gallery-photos.gallery-photos-hover li:hover .remove-photo-link {
        display: block;
    }
    .gallery-photos li a {
        border: 1px solid #e3e5e7;
    }

/*----------*/
.crs-ttle .crs-ttle-0 {
    font-weight: 600;
}

.crs-desc p {
    margin-bottom: 10px;
}

.crs-block .crs-ttle {
    min-height: 45px !important;
}

.crs-block img.crs-img {
    margin-bottom: 8px;
}
.cntnt-c-dtls .desc-00 {
    margin: 5px 0;
}

/*------------------------------------------------------------------------------*/
/*--------------------added by dal ui 26-10-2023 ------------------------*/

.crs-block:hover {
    background-color: #f4f5f8a1;
    box-shadow: 0 0 6px rgb(50 69 105 / 30%);
    border-bottom: 1px solid rgb(50 69 105 / 24%);
}
section.toturs-list .card:hover {
    box-shadow: 0 0 6px rgb(50 69 105 / 30%);
    border-bottom: 1px solid rgb(50 69 105 / 24%);
}


/*--------------------end added by dal ui 26-10-2023 ---------------------*/
/*------------------------------------------------------------------------------*/

.red{
    color : red;
}
.green{
    color : green;
}


/*------------------------------------------------------------------------------*/
/*--------------------added by dalui and mhmod 5-11-2023 ------------------------*/
/*for setting page*/
.crs-block.sett-block {
    min-height: 105px;
}
/* for dashboard page*/
@media (min-width: 576px){
    .card-dashboard-progress .media {
        display: block;
    
    }
    }

.card-dashboard-progress .media > label {
        display: block !important;
        width: 100% !important;
      margin-bottom: 5px
    }

/*-------------------- end added by dalui and mhmod 5-11-2023 ------------------------*/
/*------------------------------------------------------------------------------*/
.note-editor.note-frame .note-editing-area .note-editable {
    max-height: 400px;
    overflow: auto !important;
}

/*added by dal and ftmaali 21-11-2023*/
		.owl-carousel.owl-drag .owl-item {
		/*max-width: 96% !important;
		width: 96% ;*/
	}
#owl-00  .owl-nav {
    position: absolute;
    top: -40px;
    right: 0;
}

	#owl-00 {
		/*position: relative;*/
	  /*  max-width: 100% !important;*/
	}
        #owl-00 .owl-nav button {
            font-size: 18px !important;
            width: 35px;
            margin: auto 5px;
            background: #1b75bb !important;
            display: inline-block;
            color: #fff !important;
            border-radius: 4px;
        }
        #owl-00 button.owl-dot {
            background: #1b75bb !important;
            width: 10px;
            height: 5px;
            border-radius: 2px;
            margin: 3px;
        }

        #owl-00 .owl-dots {
            width: 100%;
            margin: auto;
            text-align: center;
        }

#owl-00 button.owl-dot.active {
    background: #cfcdcd !important;
}
		button.owl-dot {
		background: #1b75bb !important;
		width: 10px;
		height: 5px;
		border-radius: 2px;
		margin: 3px;
	}

#owl-00 .owl-dots {
    width: 100%;
    margin: auto;
    text-align: center;
}

#owl-00 button.owl-dot.active {
    background: #cfcdcd !important;
}

#owl-00 .owl-nav button.disabled {
    background: #1b75bb4f !important;
}
	
#owl-00 button:focus {
    outline: unset !important;
}
 button:focus {
    outline: unset !important;
}

/*end added by dal and ftmaali 21-11-2023*/
.gren {
    background :#c5e599a1 !important;
}
.unsub-block {
    padding: 25px 0;
}

    .unsub-block .desc, .unsub-block h2 {
        margin-bottom: 15px;
    }

    .unsub-block button {
        max-width: 100%;
        width: 200px;
    }

.sec-indx-2 {
    background: #fff;
}

.sec-indx-1, .sec-indx-2 {
    min-height: calc(50vh - 85px );
}

.rot-content-dashboard-eight {
    padding-bottom: 0 !important;
}

.sec-indx-2 .unsub-block {
    margin-top: -200px;
}

.sec-indx-1 {
    background: url(/assets/img/bg-en.png) no-repeat bottom center;
    background-size: 100% 100%;
    padding-bottom: 300px;
    padding-top: 3%;
}

.unsub-block h2 {
    font-weight: 700;
    font-size: 1.35rem;
}

.desc p {
    font-weight: 500;
}

@media (max-width:1025px) {
    .sec-indx-1 {
        background-size: 100% 50%;
    }
}

@media (max-width:768px) {
    .sec-indx-1 {
        background-size: 100% 80px;
    }

    .sec-indx-2 .unsub-block {
        padding-bottom: 30%;
        margin-top: 3%;
    }

    .sec-indx-2 .unsub-block {
        margin-top: 25px;
    }

    .sec-indx-1 {
        padding-bottom: 80px;
    }

    img.w-75 {
        margin: 20px auto;
        width: 200px !important;
    }

    .unsub-block {
        text-align: center !important;
    }
}
/*added by dal and ftms 18 - 12-2023 */
.fav-div {
    top: 20px;
    position: absolute;
}

/*-------------------------------------*/
/*--------------------------------------------------------------*/
.sec-indx-2 {
    /* min-height: auto;*/
}

@media (max-width: 1024px) {
    .totur-blc .col {
        text-align: center;
        width: 100% !important;
        display: block;
        flex-basis: unset;
    }

    .mb-1.name-totur:not(.col .mb-1.name-totur) {
        text-align: end;
        position: absolute;
    }


    span.avlblty {
        left: calc(50% - 50px) !important;
        right: unset !important;
    }

    .desc-content {
        height: auto !important;
    }
}

.rot-footer {
    display: block !important;
}

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

@media (min-width: 576px) {
    .card-minimal-two .card-header-right .nav-link {
        padding: 5px 10px;
    }
}

.f1-lgnd {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: auto 4px;
    border-radius: 50%;
}

.rot-footer-2 {
    background: #fff;
}

    .rot-footer-2 a.nav-link {
        padding: 0.5rem;
    }

.ftr-right nav.nav {
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 1024px){
    .rot-footer-2 nav.nav {
        justify-content: center;
        margin: 10px auto;
    }
}

/*end added by dal and ftms 18 - 12-2023 */
/*added by dal 24-12-2023 for new footer edit position */
.rot-content-dashboard-eight {
    min-height: calc(100vh - 190px );
}

.sign-wrap {
    min-height: calc(100vh - 190px );
}

@media (max-width:1024px) {
    .rot-content-dashboard-eight {
        min-height: calc(100vh - 190px );
    }

    .sign-wrap {
        min-height: calc(100vh - 157px );
    }
}


/*end added by dal 24-12-2023 for new footer edit position */
@media (max-width:768px) {
    .chat-window {
        right: 0 !important;
        left: 0 !important;
        width: 100%;
    }

    .chat-area {
        left: 8px !important;
        right: 8px !important;
    }

    .rot-chat-footer {
        z-index: 9;
    }
}
/*end added by dal and mhmod 25-12-2023-----------------------------*/
/*added by dal and ftma 26-12-2023 -----------------*/
.select2-container {
    z-index: 99;
}
/*end added by dal and ftma 26-12-2023 -----------------*/
.desc-vedio iframe {
    margin: auto;
    display: block;
    text-align: center;
    width: 400px;
    min-height: 270px;
    max-width: 100%;
    max-height: 400px;
    background: black;
}

@media (max-width:500px) {
    .rot-header-message {
        position: relative;
        margin-left: 5px;
    }

    .desc-vedio iframe {
        min-height:  auto;
            
    }
}

/* added by dal and mhmod 31-12-2023-----------------------------*/
.sec-indx-2 {
    min-height: auto;
}

    .sec-indx-2:after {
        display: block;
        position: absolute;
        /*height: calc(50vh - 200px );*/
        height: calc(50vh - 120px );
        background: #ffffff;
        content: " ";
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: -1 !important;
        right: 0;
    }


/*end added by dal and mhmod 31-12-2023-----------------------------*/