@import url('https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&display=swap');

.beiruti-regular {
    font-family: "Beiruti", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.animate__heartBeat.css {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-dely: 1s;
}

.animate__heartBeat.animated {
    -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
    -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
    -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
    -o-animation: 1600ms pulsate infinite alternate ease-in-out;
    animation: 2000ms pulsate infinite alternate ease-in-out;
}

.animate__heartBeat:hover {
    /*background-color:orange;*/
    -webkit-animation: '';
    -moz-animation: none;
    -ms-animation: '';
    -o-animation: '';
    animation: '';
}

@keyframes pulsate {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

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

    50% {
        -webkit-transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.3);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes pulsate {
    0% {
        -ms-transform: scale(1);
    }

    50% {
        -ms-transform: scale(1.3);
    }

    100% {
        -ms-transform: scale(1);
    }
}

@-o-keyframes pulsate {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.3);
    }

    100% {
        -o-transform: scale(1);
    }
}

.container {
    width: unset;
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 16px;
    text-align: right !important;
    font-family: 'Beiruti', sans-serif !important;
    font-weight: normal;
    background: #EEF0F8;
}

.btn {
    font-weight: unset !important;
}

    .btn[class*="btn-outline-"] {
        padding-top: calc(0.3rem - 1px) !important;
        padding-bottom: calc(0.3rem - -1px) !important;
    }

.btn-outline-primary {
    color: #FFFFFF !important;
    background-color: #152852; /*transparent;*/
    /*border: 1px solid #152852 !important;*/
    font-weight: unset !important;
    /*box-shadow: 0 1px 7px #657598 !important;*/
    border-color: #152852 !important;
    margin-bottom: 5px;
    font-size: 18px;
}

    .btn-outline-primary:hover {
        color: #152852 !important;
        background-color: #FFFFFF !important;
        border-color: #152852 !important;
    }

.btn-outline-warning {
    color: #FFFFFF !important;
    background-color: #FDAC41 !important;
    font-weight: unset !important;
    border-color: #FDAC41 !important;
    margin-bottom: 5px;
}

    .btn-outline-warning:hover {
        color: #FDAC41 !important;
        background-color: #FFFFFF !important;
        border-color: #FDAC41 !important;
    }

.main-menu-content li {
    color: white;
}

.btn-link {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color: black;
    padding: 0;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
}

table thead tr th, table tr td {
    font-family: "Beiruti", sans-serif !important;
}

body, h1, h2, h3, h4.span, li, * {
    font-family: "Beiruti", sans-serif !important;
}

body, h1, h2, h3, h4, h5, h6 {
    color: #152852;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Beiruti", sans-serif !important;
    font-weight: bold;
}

.main-menu-content li {
    color: white;
}

.badge-tabular {
    background-color: #CBCADB !important;
    padding: 6px 0 7px 0 !important;
    width: 80px !important;
    font-weight: bold !important;
    color: #152852 !important;
    display: inline-block !important;
    font-family: "Beiruti", sans-serif !important;
    border-radius: 20px;
}

.badge-outline {
    background-color: #F2F0F0 !important;
    padding: 6px 0 7px 0 !important;
    width: 80px !important;
    font-weight: bold !important;
    color: #7d7d7d !important;
    display: inline-block !important;
    font-family: "Beiruti", sans-serif !important;
    border-radius: 20px;
}

.badge-success {
    background-color: #BCDDCD !important;
    padding: 6px 0 7px 0 !important;
    width: 80px !important;
    font-weight: bold !important;
    color: #437b59 !important;
    display: inline-block !important;
    font-family: "Beiruti", sans-serif !important;
    border-radius: 20px;
}

.badge-ended {
    background-color: #D2D2D2 !important;
    padding: 6px 0 7px 0 !important;
    width: 80px !important;
    font-weight: bold !important;
    color: #575757 !important;
    display: inline-block !important;
    font-family: "Beiruti", sans-serif !important;
    border-radius: 20px;
}

.modal-backdrop {
    background-color: #00000059;
}
/* End Our Main Rulez */
/******************* Start Login *******************/
.login {
    text-align: center;
    vertical-align: middle;
    margin: 7% auto;
}

    .login .container {
        margin-right: 15%;
        margin-left: 15%;
        background-color: #ffffff;
        padding: 5px 20px 70px;
    }

    .login .country {
        text-decoration: underline;
        font-size: 22px;
        text-align: left;
        font-family: 'Cairo';
        display: block;
        color: #152852;
    }

        .login .country img {
            padding-right: 10px;
            margin-top: -5px;
        }

    .login h1 {
        margin: 28px 0;
        font-family: "Maven Pro";
        color: #152852;
        font-size: 50px;
    }

        .login h1 span {
            color: #00A8CC;
        }

    .login h2 {
        color: #707070;
        font-family: 'Cairo';
        font-weight: bold;
        font-size: 30px;
    }

        .login h2 span {
            font-family: "Maven Pro";
        }

    .login h3 {
        font-family: 'Cairo';
        margin-top: 3px;
        color: #707070;
        display: block;
        font-size: 16px;
    }

    .login h4 {
        color: #707070;
        font-family: 'Cairo';
        margin-top: 20px;
        font-weight: normal;
        font-size: 16px;
    }

    .login form {
        margin-top: 50px;
    }

        .login form div {
            margin-top: 12px;
        }

        .login form input:not([type="submit"]) {
            background: #FFFFFF;
            border: none;
            padding: 12px 3%;
            width: 30%;
            box-shadow: 0px 12px 40px #00000014;
            font-family: 'Cairo';
            border-right: 4px solid transparent;
            text-align: right;
        }

        .login form input:focus {
            outline: none;
            border-right: 4px solid #152852;
        }

        .login form div img {
            margin-left: -3%;
        }

        .login form h5 a {
            font-family: 'Cairo';
            text-decoration: none;
            color: #707070;
            opacity: 0.7;
            display: inline-block;
            margin-top: 10px;
        }

        .login form input[type="submit"] {
            background-color: #14274F;
            border: none;
            text-align: center;
            color: #FFFFFF;
            font-weight: bold;
            width: 20%;
            font-family: 'Droid Sans Arabic';
            padding: 6px 20px;
            margin-top: 20px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
        }

.btnLogin {
    background-color: #152852 !important;
    color: white !important;
    font-weight: bold !important
}

/* Start Nav Bar Right */
/*.nav-img {
    width: 23px;
    margin-top: 75px;
    left: 25%;
    position: absolute;
    right: 28px;
}*/
/*
.navbar-menu {
    position: absolute;
    float: right;
}
*/
.navbar-menu nav {
    text-align: center;
    position: absolute;
    right: 10px;
    top: 55px;
    color: white;
    height: 100%
}

.nav ul span {
    visibility: hidden;
}

.navbar-menu nav ul {
    /*padding: 20px;*/
    /*padding-bottom: 50%;*/
    font-weight: unset;
    padding-top: 15px;
    z-index: 1;
    /*width: 50%;*/
    overflow: hidden;
    /*margin-top: 50%;*/
    background-color: #152852;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    /* transition: 0.0s;*/
    transition: 0.4s ease-in-out;
    /*  transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;*/
}

    .navbar-menu nav ul li {
        display: flex;
        z-index: 1;
        /* overflow: hidden;*/
    }

        .navbar-menu nav ul li:not(:first-of-type) {
            margin: 25px 0px;
        }

        .navbar-menu nav ul li img {
            width: 45%;
        }

        .navbar-menu nav ul li a img {
            /*width: 44% !important;*/
            /*width: 20px;*/
            /* max-width: 25%;*/
            /*float : right;*/
            /*margin-right: 10%*/
        }

        .navbar-menu nav ul li a .img-user-nav {
            height: 20px;
        }

    .navbar-menu nav ul a {
        display: flex;
    }

    .navbar-menu nav ul li a span {
        width: 60%;
        visibility: hidden;
        float: left;
        padding-right: 12px;
        font-size: 14px;
        font-family: 'Cairo';
        color: white;
        margin-left: 10px;
    }

    .navbar-menu nav ul li:last-of-type {
        margin-bottom: 20px;
    }

    .navbar-menu nav ul li.active {
        overflow: visible;
        /* padding: 8px 0px;*/
        position: relative;
        /* padding-right: 10px;*/
        margin: 25px 3px 25px -5px;
        background-color: #F0F2F6;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        height: 35px;
        color: #152852;
    }

        .navbar-menu nav ul li.active span {
            font-weight: bolder;
            color: #14274F;
        }

        .navbar-menu nav ul li.active::before {
            content: "";
            width: 30px;
            height: 30px;
            margin-top: -28px;
            transform: rotate(177deg) scale(1.04) !important;
            background-size: 100%;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A") !important;
            position: absolute;
            top: 0;
            left: 0;
            transition: 0.0s;
            margin-left: 0.3rem;
            /* -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;*/
        }

        .navbar-menu nav ul li.active::after {
            content: "";
            width: 30px !important;
            z-index: 99999999999 !important;
            height: 30px !important;
            margin-top: 34px !important;
            transform: rotate(-90deg) scale(1.04) !important;
            background-size: 100% !important;
            position: absolute;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A") !important;
            top: 0;
            left: 0;
            transition: 0.0s;
            margin-left: 0.3rem;
            /* transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;*/
        }
/* End Nav Bar Right */
/* Start Top All Pages Header */
/*.header-home .header-home-left > div {
    float: left;
    vertical-align: middle;
}

    .header-home .header-home-left > div h1 {
        margin: 20px 30px 0px 10px;
        font: 20px/35px 'Maven Pro';
        color: #152852;
    }

        .header-home .header-home-left > div h1 span {
            color: #00A8CC;
            float: left;
        }

    .header-home .header-home-left > div h2 {
        float: right;
        margin-top: 20px;
        padding-left: 15px;
        font: normal 14px/46px 'Droid Sans Arabic';*/
/*color: #393C40;*/
/*color: #152852;
    }

        .header-home .header-home-left > div h2 i {
            color: #C0C0C0 !important;
            margin: 0px 5px !important;
        }

    .header-home .header-home-left > div img {
        float: left;
        margin-top: 12px;
        width: 50px;
    }

.header-home .header-home-botom {
    margin-bottom: 20px;
    clear: both;
}

    .header-home .header-home-botom .inner-header-home-botom-right {
        text-align: right;
    }

        .header-home .header-home-botom .inner-header-home-botom-right h3 {
            font: normal 30px/0px 'Droid Sans Arabic';
            color: #152852;
        }

        .header-home .header-home-botom .inner-header-home-botom-right span {
            font: Bold 10px/15px 'Cairo';
            color: #808080;
        }

    .header-home .header-home-botom .inner-header-home-botom-left {
        text-align: left;
        padding: 3% 1%;
    }

        .header-home .header-home-botom .inner-header-home-botom-left img {
            vertical-align: bottom;
            width: 70%;
        }

        .header-home .header-home-botom .inner-header-home-botom-left .notification {
            display: inline-block;
            position: relative;
            cursor: pointer;
            margin-right: 15px;
        }

            .header-home .header-home-botom .inner-header-home-botom-left .notification span {
                position: absolute;
                top: -5px;
                left: 15px;
                font-size: 12px;
                line-height: 50%;
                background-color: #D7263D;
                color: #FFFFFF;
                padding: 5px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
            }*/
header {
    position: fixed;
    direction: ltr;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #F2F4F4;
    /* box-shadow: 2px 2px 5px #F2F4F4;*/
    z-index: 10;
}

    header .left-area {
        display: flex;
        padding-left: 20px;
    }

    header .right-area {
        display: flex;
        padding-right: 60px;
    }


.btn-log-out {
    cursor: pointer;
}

.show-logout {
    padding: 10px;
    box-shadow: 0px 3px 80px #0000001A;
    background-color: #ffffff;
    border-top: 4px solid #fff;
    width: 160px;
    top: 13%;
    left: 13%;
    z-index: 9999999;
    position: absolute;
    display: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .show-logout a:first-of-type {
        margin-bottom: 20px;
    }

    .show-logout a {
        font: 14px/10px 'Cairo';
        color: #2A2F33;
        margin: 12px 5px;
        display: block;
    }

.show-notification {
    width: 27%;
    top: 24% !important;
    left: 1%;
    z-index: 9999999;
    position: absolute;
    border-top: 4px solid #fff;
    box-shadow: 0px 3px 80px #0000001A;
    background-color: #fff;
    /*padding: 10px;*/
    display: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 1%;
}

    .show-notification h2 {
        font-family: 'Droid Sans Arabic';
        text-align: right;
        font-weight: bolder;
        margin-top: 5px;
        font-size: 16px;
        color: #525B76;
    }

        .show-notification h2 span {
            font-size: 14px;
            width: 25px;
            box-shadow: 0px 3px 80px #0000001A;
            font-family: 'Cairo';
            text-align: center;
            height: 25px;
            font-weight: bolder;
            display: inline-block;
            background-color: #14274F;
            color: #fff;
            padding: 5px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

    .show-notification h3 {
        font-family: 'Cairo';
        text-align: right;
        font-size: 15px;
        color: #525B76;
    }

        .show-notification h3 img {
            margin-left: 5px;
            margin-bottom: 2px;
            width: 12%;
        }


.search {
    position: absolute;
    height: 33px;
    border-radius: 40px;
    padding: 1px;
    /* transform: translate(50%, 50%);*/
    /*background: #2f3640;*/
    background: lightgray;
    left: 45% !important;
    bottom: 28%;
}

.btn-search {
    border-radius: 50%;
    background: transparent;
    color: #152852;
    float: left;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btn-search:hover {
        color: #152852;
        text-decoration: none;
    }

.text {
    border: none;
    background: none;
    outline: none;
    float: right;
    padding: 0;
    color: #14274F;
    font-size: 16px;
    transition: 0.6s;
    width: 0px;
}

placeholder {
    padding-right: 15px;
    color: #152852;
}

.search:hover > .text {
    /*width: 350px;*/
    width: 200px;
    padding: 0 5px;
    transition: 0.4s;
}

.bx-search-alt-2:hover {
    color: #5A8DEE !important;
}

.show-notification::before,
.search-box:before {
    content: "";
    position: absolute;
    /*top: -32px;*/
    left: 29px;
    bottom: 101%;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid transparent;
    border-bottom: 14px solid #fff;
}

.show-logout::before {
    content: "";
    position: absolute;
    /*top: -32px;*/
    right: 20px;
    bottom: 102%;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid transparent;
    border-bottom: 14px solid #fff;
}

.search-box:before {
    border-bottom: 14px solid #fff;
}
/* End Top All Pages Header*/
/* Start Report Tabs Home Top */
.reporat-tabs-home .inner-reporat-tabs-home {
    float: right;
    width: 19.2%;
    margin-left: 1%;
    background-color: #FFFFFF;
    padding: 10px;
    margin-bottom: 12px;
    box-shadow: 0px 10px 20px #C4C8D066;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .reporat-tabs-home .inner-reporat-tabs-home:last-of-type {
        margin-left: 0px;
    }

    .reporat-tabs-home .inner-reporat-tabs-home h2 {
        margin-top: 0px;
        font: Bold 16px 'Cairo';
        color: #525B76;
    }

        .reporat-tabs-home .inner-reporat-tabs-home h2 img {
            position: relative;
            text-align: center;
            bottom: 10%;
        }

    .reporat-tabs-home .inner-reporat-tabs-home h3 {
        text-align: center;
        font-family: 'Cairo';
        margin-bottom: 0px;
        letter-spacing: 0.26px;
        color: #2A2F3380;
        font-size: 12px;
    }

    .result-report-header-filter .inner-result-report-tabs h3 span,
    .reporat-tabs-home .inner-reporat-tabs-home h2 span {
        background-color: #525B7633;
        border-radius: 50%;
        margin-left: 10px;
        width: 40px;
        height: 40px;
        line-height: 45px;
        text-align: center;
        display: inline-block;
    }

    .reporat-tabs-home .inner-reporat-tabs-home h3 span {
        font: bolder 16px/10px 'Cairo';
        color: #2A2F33;
    }
/* End Report Tabs Home Top */
/* Start Report Home  Bottom*/
.report-home .inner-report-home-right h2 {
    color: #152852;
    font-size: 22px;
    margin-top: 4px;
    font-family: 'Cairo';
    font-weight: bolder;
}

.report-home .inner-report-home-right h3 {
    color: #2A2F33;
    font-size: 22px;
    font-family: 'Droid Sans Arabic';
    letter-spacing: 1px;
    margin-bottom: 2px;
    opacity: .7;
    font-weight: bolder;
}

.report-home .inner-report-home-right p {
    color: #808080;
    font-size: 10px;
    margin-right: 20px;
    text-align: right;
}

.report-home .inner-report-home-right h4:first-of-type {
    margin-top: 40px;
}

.report-home .inner-report-home-right h4 {
    color: #000000;
    font-weight: bolder;
    font-size: 16px;
    overflow: hidden;
    font-family: 'Cairo';
    vertical-align: middle;
    margin-bottom: 20px;
}

.report-home .inner-report-home-left h5 {
    opacity: 0.7;
    text-align: center;
    font-family: 'Cairo';
    font-weight: bolder;
    color: #152852;
}

    .report-home .inner-report-home-left h5 img {
        margin-left: 10px;
        width: 3%;
        padding: 5px;
        background-color: #F0F4FC;
    }
/* The switch - the box around the slider */
.switch {
    margin-top: 10px;
    height: 18px;
    position: absolute;
    display: inline-block;
    width: 50px;
    right: 40%;
}
    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: -8px;
    left: 0;
    right: 0;
    bottom: 5px;
    background-color: #ccc;
    -webkit-transition: .0s;
    transition: .0s;
}

    .slider:before {
        top: 2px;
        position: absolute;
        content: "";
        height: 17px;
        width: 17px;
        left: 5px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #152852;
}

.report-home .inner-report-home-right h4:nth-of-type(2) input:checked + .slider {
    background-color: #01A7CD;
}

.report-home .inner-report-home-right h4:nth-of-type(2)input:focus + .slider {
    background-color: #01A7CD;
}

.report-home .inner-report-home-right h4:nth-of-type(3) input:checked + .slider {
    background-color: #419D78;
}

.report-home .inner-report-home-right h4:nth-of-type(3)input:focus + .slider {
    background-color: #419D78;
}

.report-home .inner-report-home-right h4:nth-of-type(4) input:checked + .slider {
    background-color: #FCBE1D;
}

.report-home .inner-report-home-right h4:nth-of-type(4)input:focus + .slider {
    background-color: #FCBE1D;
}

input:focus + .slider {
    box-shadow: 0 0 1px #152852;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/* End Report home */
.content-body .overlay-tabs {
    margin-bottom: 20px;
}

.content-body .inner-home-our-mettings .inner-metting-header > div {
    overflow: hidden;
    width: 50%;
    float: right;
}

    .content-body .inner-home-our-mettings .inner-metting-header > div:first-of-type h2 {
        font: Bold 20px/10px 'Cairo';
        margin-top: 3px;
        color: #2A2F33;
    }

    .content-body .inner-home-our-mettings .inner-metting-header > div:first-of-type span {
        font: 11px/10px 'Cairo';
        color: #131313;
    }

    .content-body .inner-home-our-mettings .inner-metting-header > div:last-of-type {
        text-align: left;
        overflow: hidden;
    }

        .content-body .inner-home-our-mettings .inner-metting-header > div:last-of-type .normal {
            background-color: #eaeaea;
            color: #ffffff;
            width: 30px;
            cursor: pointer;
            height: 30px;
            line-height: 20px;
            padding: 4px 4px 8px;
            display: inline-block;
            text-align: center;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        }

        .content-body .inner-home-our-mettings .inner-metting-header > div:last-of-type .active {
            background-color: #419D78;
            color: #ffffff;
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            padding: 9px 15px;
            text-align: center;
            margin-right: 10px;
            font: bold 14px/10px 'Cairo';
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        }

            .content-body .inner-home-our-mettings .inner-metting-header > div:last-of-type .active i {
                background: none;
                color: #ffffff;
                width: 0px;
                padding: 0 2px;
                display: inline-block;
                line-height: 1;
                text-align: center;
                border-radius: 0px;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                -ms-border-radius: 0px;
                -o-border-radius: 0px;
            }

.content-body .inner-mettings-tabs > div {
    margin-bottom: 10px;
    padding-bottom: 10px;
    float: right;
    width: 25%;
}

    .content-body .inner-mettings-tabs > div h3 {
        font: Bold 16px/20px 'Cairo';
        color: #131313;
    }

    .content-body .inner-mettings-tabs > div span {
        font: 13px/20px 'Cairo';
        color: #131313;
    }

    .content-body .inner-mettings-tabs > div:last-of-type span img {
        width: 12%;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

.content-body h4 {
    font: Bold 19px/37px 'Cairo';
    color: #152852;
}

.content-body ul {
    /*list-style-image: url(../images/oval.png);*/
    margin-right: 20px;
}

    .content-body ul li {
        font-weight: bold;
        /*color: #131313;*/
    }

.content-body .inner-home-time-location > div {
    float: right;
    margin: 0px auto;
    /*width: 50%;*/
    text-align: center;
}

    .content-body .inner-home-time-location > div > div {
        /*margin-bottom: 50px;*/
        margin-top: 43px;
        float: right;
    }

        .content-body .inner-home-time-location > div > div img {
            width: 70% !important;
        }

        .content-body .inner-home-time-location > div > div h5 {
            font: Bold 16px 'Cairo';
            margin: 0px;
            color: #131313;
        }

        .content-body .inner-home-time-location > div > div span {
            font: 13px 'Cairo';
            color: #131313;
        }
/********************** Start Our Mettings List ************************/
.table-our-mettings .overlay-tabs > div:first-of-type a {
    float: right;
}

.table-our-mettings .overlay-tabs > div:first-of-type a {
    display: inline-block;
    margin: 3px 10px;
    background-color: #152852;
    color: #ffffff;
    padding: 3px 15px;
    font: 13px 'Cairo';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .table-our-mettings .overlay-tabs > div:first-of-type a img {
        padding-left: 6px;
    }

    .table-our-mettings .overlay-tabs > div:first-of-type a:last-of-type {
        padding-left: 40px;
        padding-right: 40px;
    }

.table-our-mettings .section-mettings {
    padding: 30px 10px;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: -0px;
    font-size: 18px;
    font-weight: bolder;
    background-color: #FFFFFF;
    margin-right: -35px;
    color: #152852;
    font-family: 'Cairo';
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

    .table-our-mettings .section-mettings:last-of-type {
        opacity: .5;
    }

.table-our-mettings .table-header {
    overflow: hidden;
}

    .table-our-mettings .table-header .table-data {
        margin-top: 12px;
        float: right;
        width: 12.14%;
        text-align: center;
        margin-bottom: 12px;
        color: #131313;
        opacity: 0.5;
    }

        .table-our-mettings .table-header .table-data h2 {
            font: Bold 16px/12px 'Cairo';
        }

        .table-our-mettings .table-header .table-data:first-of-type {
            width: 15%;
            text-align: right;
        }

.table-our-mettings .finsh-mettings .table-row,
.table-our-mettings .active-mettings .table-row {
    overflow: hidden;
    margin-bottom: 12px;
}

.table-our-mettings .table-row .table-data {
    float: right;
    text-align: center;
    width: 12.14%;
}

    .table-our-mettings .table-row .table-data:first-of-type {
        width: 15%;
        text-align: right;
    }

    .table-our-mettings .table-row .table-data h2 {
        font: 13px 'Cairo';
        color: #131313;
        margin-bottom: 0px;
    }

        .table-our-mettings .table-row .table-data h2 img {
            width: 20%;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

    .table-our-mettings .table-row .table-data:last-of-type {
        text-align: left;
    }

        .table-our-mettings .table-row .table-data:last-of-type h2 {
            background-color: #DADADA;
            padding: 3px;
            width: 80px;
            font-weight: bold;
            color: #4C4C4C;
            text-align: center;
            font-size: 12px;
            display: inline-block;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
        }
/*********************** Start add new Mettings ************************************/
.add-new-mettings .overlay-tabs > h2 {
    font: Bold 18px 'Cairo';
    color: #000000;
    margin: 2px;
    opacity: 1;
}

.add-new-mettings .overlay-tabs > h3 {
    font: Bold 16px 'Cairo';
    color: #131313;
    margin: 2px;
    opacity: 0.75;
}

.inner-add-new-metting-form form {
    margin-top: 12px;
}

    .inner-add-new-metting-form form .inner-form {
        float: right;
        margin-bottom: 10px;
        width: 50%;
    }

        .inner-add-new-metting-form form .inner-form:first-of-type {
            width: 100%;
        }

            .inner-add-new-metting-form form .inner-form:first-of-type input {
                width: 35%
            }

        .inner-add-new-metting-form form .inner-form select,
        .inner-add-new-metting-form form .inner-form input {
            outline: none;
            border: 1px solid #E7E7E7;
            border-right: 5px solid #E7E7E7;
            padding: 5px;
            width: 70%;
            font-family: 'Cairo';
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
        }

            .inner-add-new-metting-form form .inner-form input:focus {
                outline: none;
                border-right: 5px solid #152852;
            }

    .inner-add-new-metting-form form .setp-next {
        margin-top: 10%;
        text-align: left;
    }

        .inner-add-new-metting-form form .setp-next input {
            display: inline-block;
            width: 140px;
            font: bolder 14px 'Droid Sans Arabic';
            background-color: #152852;
            color: #ffffff;
            text-align: center;
            border: none;
            padding: 8px;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
        }

.inner-add-new-mettings-step {
    overflow: hidden;
    /*z-index: 999;*/
}

    .inner-add-new-mettings-step > div {
        margin-right: 15px;
        /* z-index: 99999;*/
        padding: 0px 20px 60px;
        position: relative;
        padding-right: 30px;
        border-right: 1px solid #D8DBE5;
    }

        /*.inner-add-new-mettings-step > div:last-of-type {
            padding-top: 30px;
            padding-bottom: 0px;
        }*/

        .inner-add-new-mettings-step > div .setp-one {
            text-align: center;
            color: #000;
            right: -15px;
            position: absolute;
            top: 0;
            width: 30px;
            height: 30px;
            line-height: 20px;
            border: 1px solid grey;
            font-family: 'Cairo';
            font-weight: 700;
            /*z-index: 9999999;*/
            background-color: #e7e7e7;
            padding: 4px 8px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .inner-add-new-mettings-step > div .active {
            color: #ffffff;
            background-color: #419D78;
            border-color: #419D78;
        }

        .inner-add-new-mettings-step > div .success {
            color: #fff;
            text-align: center;
            padding: 3px 3px;
            text-align: center;
            background-color: #419d78;
            border-color: #419d78;
        }

        .inner-add-new-mettings-step > div .dot {
            background-color: #D8DBE5;
            padding: 6px;
            right: -6px;
            margin-top: 20px;
            position: absolute;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .inner-add-new-mettings-step > div .active {
            background-color: #419D78;
        }

        .inner-add-new-mettings-step > div h4 {
            margin: 0px;
            font: Bold 16px'Cairo';
            color: #686868;
        }

        .inner-add-new-mettings-step > div h5 {
            font: 14px 'Cairo';
            color: #A1A1A1;
            margin: 0px;
        }

.span-red {
    clear: both !important;
    width: 8px;
    height: 8px;
    font-size: 12px;
    line-height: 50%;
    background-color: #D7263D;
    color: #FFFFFF;
    display: inline-block;
    padding: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
/*********************** Start add new Mettings ************************************/
.add-new-mettings .overlay-tabs > h2 {
    font: Bold 18px 'Cairo';
    color: #000000;
    margin: 2px;
    opacity: 1;
}

.add-new-mettings .overlay-tabs > h3 {
    font: Bold 16px 'Cairo';
    color: #131313;
    margin: 2px;
    opacity: 0.75;
}

.inner-add-new-metting-form form {
    margin-top: 12px;
}

    .inner-add-new-metting-form form .inner-form {
        float: right;
        margin-bottom: 10px;
        width: 50%;
    }

        .inner-add-new-metting-form form .inner-form:first-of-type {
            width: 100%;
        }

            .inner-add-new-metting-form form .inner-form:first-of-type input {
                width: 35%
            }

        .inner-add-new-metting-form form .inner-form select,
        .inner-add-new-metting-form form .inner-form input {
            outline: none;
            border: 1px solid #E7E7E7;
            border-right: 5px solid #E7E7E7;
            padding: 5px;
            width: 70%;
            font-family: 'Cairo';
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
        }

            .inner-add-new-metting-form form .inner-form input:focus {
                outline: none;
                border-right: 5px solid #152852;
            }

    .inner-add-new-metting-form form .setp-next {
        margin-top: 10%;
        text-align: center;
    }

        .inner-add-new-metting-form form .setp-next input {
            display: inline-block;
            width: 140px;
            font: bolder 14px 'cairo';
            background-color: #152852;
            color: #ffffff;
            text-align: center;
            border: none;
            padding: 8px;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
        }

.inner-add-new-mettings-step {
    overflow: hidden;
    /*z-index: 999;*/
}

    .inner-add-new-mettings-step > div {
        margin-right: 15px;
        /*z-index: 99999;*/
        padding: 0px 20px 60px;
        position: relative;
        padding-right: 30px;
        border-right: 1px solid #D8DBE5;
    }

        .inner-add-new-mettings-step > div:last-of-type {
            /*padding-top: 30px;
            padding-bottom: 0px;*/
            margin-bottom: -28px !important;
        }

        .inner-add-new-mettings-step > div .setp-one {
            text-align: center;
            color: #000;
            right: -15px;
            position: absolute;
            top: 0;
            width: 30px;
            height: 30px;
            line-height: 20px;
            border: 1px solid grey;
            font-family: 'Cairo';
            font-weight: 700;
            /*z-index: 9999999;*/
            background-color: #e7e7e7;
            padding: 4px 8px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .inner-add-new-mettings-step > div .active {
            color: #ffffff;
            background-color: #419D78;
            border-color: #419D78;
        }

        .inner-add-new-mettings-step > div .success {
            color: #fff;
            text-align: center;
            padding: 3px 3px;
            text-align: center;
            background-color: #419d78;
            border-color: #419d78;
        }

        .inner-add-new-mettings-step > div .dot {
            background-color: #D8DBE5;
            padding: 6px;
            right: -6px;
            /* margin-top: 20px;*/
            position: absolute;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .inner-add-new-mettings-step > div .active {
            background-color: #419D78;
        }

        .inner-add-new-mettings-step > div h4 {
            margin: 0px;
            font: Bold 20px'Cairo';
            color: #152852;
        }

        .inner-add-new-mettings-step > div h5 {
            font: 15px 'Cairo';
            color: #393939;
            margin: 0px;
        }
/* Add new Metting Setp 2 */
.inner-add-setp-two {
    /*margin-top: 30px;*/
}

    .inner-add-setp-two > div img {
        background-color: #152852;
        padding: 5px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        height: 23px !important;
        width: 23px !important;
    }

    .inner-add-setp-two > div a {
        text-decoration: none;
        color: #000;
        display: inline-block;
        /*width: 100px;*/
        font: Bold 18px 'Cairo';
    }

    .inner-add-setp-two h3 {
        font: bolder 18px 'Cairo';
        color: #131313;
        margin-bottom: 20px;
        opacity: 0.5;
    }

    .inner-add-setp-two ul li {
        margin-bottom: 15px;
        font: Bold 20px 'Cairo';
        color: #131313;
        border: 1px solid #e2e4eb;
        border-radius: 7px;
        padding: 7px;
    }

        .inner-add-setp-two ul li span {
            font: bolder 16px 'Cairo';
            color: #2A2F33;
            padding: 3px 14px;
            margin-left: 15px;
            background-color: #E3EFFF;
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            -o-border-radius: 50px;
            float: right;
        }

        .inner-add-setp-two ul li img {
            width: 2%;
            margin-left: 10px;
            margin-right: 10px;
        }

.overlay-tabs .btn-setp {
    /*margin-top: 40px;*/
    margin-bottom: 40px;
    text-align: center;
}

    .overlay-tabs .btn-setp a {
        padding: 4px 30px;
        border: 3px solid #152852;
        color: #152852;
        margin: 10px;
        font: 16px 'Cairo' !important;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

        .overlay-tabs .btn-setp a:last-of-type {
            color: #ffffff;
            background-color: #152852;
        }
/* Start Add New Mettings Step 3 */
.inner-add-setp-three .members > div {
    margin-top: 20px;
    margin-bottom: 10px;
}

.add-new-mettings .table-right-step-three > div:first-of-type label {
    margin-top: 15px;
    margin-bottom: 5px;
}

.add-new-mettings .table-right-step-three > div:first-of-type input[type="text"] {
    outline: none;
    border: 1px solid #E7E7E7;
    border-right: 5px solid #E7E7E7;
    padding: 5px;
    width: 60%;
    font-family: 'Cairo';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.add-new-mettings .table-right-step-three > div input:focus {
    outline: none;
    border-right: 5px solid #152852;
}

.add-new-mettings .table-right-step-three .members {
    margin-top: 30px;
}

    .add-new-mettings .table-right-step-three .members > div h3 {
        float: right;
        width: 60%;
        margin: 0px;
        font: Bold 20px 'Cairo';
        color: #000000;
    }

.add-new-mettings .table-right-step-three > div span {
    float: right;
    /* width: 20%;*/
    margin-bottom: 0;
    color: #131313;
    font: Bold 16px 'Cairo';
    opacity: .7;
}

.add-new-mettings .table-right-step-three .all-checkbox {
    margin-left: 10%;
    width: 10%;
    /*margin-top: 5px;*/
    float: left;
}

.add-new-mettings .table-right-step-three .table-data {
    float: right;
    font: Bold 14px/35px 'Cairo';
    color: #131313;
    padding: 5px;
    vertical-align: middle;
    overflow: hidden;
    width: 25%;
}

    .add-new-mettings .table-right-step-three .table-data:not(:first-of-type) {
        margin-top: 7px;
    }

.add-new-mettings .table-right-step-three .table-row {
    overflow: hidden;
    margin: 5px;
    background-color: #FFF8DD;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .add-new-mettings .table-right-step-three .table-row .table-data img {
        overflow: hidden;
        width: 60%;
        vertical-align: middle;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .add-new-mettings .table-right-step-three .table-row .table-data:last-of-type {
        text-align: left;
        margin-top: 15px;
        padding-left: 20px;
    }

.mettings-finsh .members .table-row .table-data:last-of-type {
    text-align: right !important;
    ;
    width: 50%;
}

    .mettings-finsh .members .table-row .table-data:last-of-type h5 {
        margin-bottom: -12px;
        margin-top: 0px;
        font: Bold 14px 'Cairo';
    }

.inner-add-setp-three .members > div h3 {
    float: right;
    width: 50%;
    margin: 0px;
    font: Bold 20px 'Cairo';
    color: #000000;
}

.inner-add-setp-three .members > div > div {
    float: right;
    width: 50%;
}

.inner-add-setp-three .members > div p {
    float: right;
    margin-top: 20px;
    clear: both;
    width: 45%;
}

    .inner-add-setp-three .members > div p span {
        margin-bottom: 0;
        color: #131313;
        font: Bold 16px 'Cairo';
        opacity: .7;
    }

.inner-add-setp-three .members > div .all-checkbox {
    text-align: center;
    float: left;
    width: 20%;
    margin-top: 20px;
    /*margin-left: 11%;*/
}

.inner-add-setp-three .members > div #all {
    width: 30%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.inner-add-setp-three .members .table-row:first-of-type {
    margin-top: 20px;
}

.inner-add-setp-three .members .table-row {
    overflow: hidden;
    margin: 5px;
    background-color: #FFF8DD;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .inner-add-setp-three .members .table-row .table-data {
        float: right;
        font: Bold 14px/35px 'Cairo';
        color: #131313;
        padding: 5px;
        vertical-align: middle;
        overflow: hidden;
        width: 40%;
    }

        .inner-add-setp-three .members .table-row .table-data:first-of-type {
            margin-top: 10px;
            width: 20%;
        }

        .inner-add-setp-three .members .table-row .table-data:last-of-type {
            text-align: left;
            margin-top: 18px;
            padding-left: 20px;
        }

        .inner-add-setp-three .members .table-row .table-data img {
            overflow: hidden;
            width: 35px;
            vertical-align: middle;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .inner-add-setp-three .members .table-row .table-data h6:first-of-type {
            font-weight: bolder;
            font-size: 15px;
            color: black;
            font-family: Cairo;
        }

        .inner-add-setp-three .members .table-row .table-data h6:last-of-type {
            text-align: center;
        }

.round {
    position: relative;
}

    .round label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 20px;
        /* left: 0;*/
        position: absolute;
        top: 0;
        width: 20px;
    }

        .round label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 5px;
            left: 3px;
            font-weight: bolder;
            opacity: 0;
            position: absolute;
            top: 5px;
            transform: rotate(-45deg);
            width: 12px;
        }

    .round input[type="checkbox"] {
        visibility: hidden;
    }

        .round input[type="checkbox"]:checked + label {
            background-color: #66bb6a;
            border-color: #66bb6a;
        }

            .round input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }

.attendees .not-checked:after {
    width: 21px;
    top: 0px;
    left: 0px;
    position: absolute;
    height: 21px;
    text-align: center;
    z-index: 99999999;
    vertical-align: middle;
    font: normal normal normal 14px/1 FontAwesome;
    border-radius: 15px;
    color: white;
    line-height: 1.5;
    text-align: center;
    background-color: #FF1E1E;
    content: "\f00d";
    display: inline-block;
    visibility: visible;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
/* Setp 4 Add New Metting */
.add-new-mettings .inner-home-time-location > div {
    width: unset;
}

.add-new-mettings .inner-home-time-location {
    margin-top: 40%;
}
/* Finsh Mettings */
.add-finsh-mettings img {
    margin-top: 5%;
    width: 50%;
}

.add-finsh-mettings h2 {
    margin-top: 0px;
    font: Bold 30px 'Cairo';
    color: #707070;
}
/* Our Committees Home And Committees */
.our-committees .inner-committees-header > div {
    float: right;
    width: 50%;
}

    .our-committees .inner-committees-header > div h2 {
        font: bold 18px 'Cairo';
        margin-top: 0px;
        color: #000000;
    }

        .our-committees .inner-committees-header > div h2 span {
            font: bolder 20px 'Heebo';
            padding-right: 10px;
            opacity: .6;
            color: #000000;
        }

    .our-committees .inner-committees-header > div:last-of-type {
        text-align: left;
    }

    .our-committees .inner-committees-header > div a {
        text-align: center !important;
        display: inline-block !important;
        vertical-align: middle !important;
        margin-top: 0px !important;
        background-color: #EFF3FB !important;
        padding: 0px 8px !important;
        font: bolder 12px 'Cairo' !important;
        opacity: 1 !important;
        color: #4D4D4D !important;
        border-radius: 5px;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

.inner-committees-body .table-row {
    display: block;
    background-color: #F0F2F6;
    margin-bottom: 9px;
    padding: 5px 10px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: 100%;
}

.inner-committees-body .table-data {
    float: right !important;
    vertical-align: middle;
    text-align: center !important;
    width: 25% !;
}

    .inner-committees-body .table-data h3 {
        margin-top: 3px;
        font: Bold 14px 'Cairo';
        color: #131313;
        margin-bottom: 0px;
    }

    .inner-committees-body .table-data > div {
        float: right;
    }

        .inner-committees-body .table-data > div:first-of-type {
            width: 20%;
            display: inline-block;
            margin-top: 8px;
        }

        .inner-committees-body .table-data > div img {
            width: 100%;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .inner-committees-body .table-data > div:last-of-type {
            width: 80%;
        }

    .inner-committees-body .table-data span {
        font: 8px 'Cairo';
        color: #aaaaaa;
        margin-bottom: 4px;
    }

.lecter-mettings .table-data:last-of-type span {
    width: 60px !important;
    margin-top: 0px;
    display: inline-block;
    color: white !important;
    padding: 0px 4px;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Cairo';
    text-align: center;
    vertical-align: middle;
    background-color: #419D78;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.details-our-committees .lecter-mettings .table-data:last-of-type h3 {
    width: 85px;
    color: #fff;
    margin: 0px;
    margin-bottom: 5px;
    padding: 8px 5px;
    font-size: 12px;
    color: #FDBF1E;
    font-family: 'Cairo';
    text-align: center;
    background-color: #FDBF1E1A;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.lecter-mettings .table-data h3 {
    margin-top: 10px;
    font: bolder 12px/10px 'Cairo';
    color: #131313;
    opacity: .7;
}

.lecter-mettings .table-data:nth-of-type(3) h3 {
    font-family: 'Heebo';
    opacity: 1;
}

.lecter-mettings .table-data:last-of-type {
    text-align: left;
    vertical-align: middle;
    padding-left: 20px;
    margin-top: 6px;
}

/****************** End Home ******************/
/****************** Start Members ******************/
.table-committees .overlay > a,
.table-members .overlay > a {
    padding: 5px 15px;
    margin-top: 10px;
    display: inline-block;
    background-color: #152852;
    color: white;
    font-family: 'Cairo';
    text-decoration: none;
    font: Bold 12px 'Cairo';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .table-committees .overlay > a img,
    .table-members .overlay > a img {
        margin-left: 4px;
    }

.table-committees .table-hader,
.table-members .table-hader {
    margin-top: 20px;
    padding-bottom: 30px;
}

    .table-committees .table-hader.table-hader .table-data,
    .table-members .table-hader.table-hader .table-data {
        font: bold 13px 'Cairo';
        opacity: 0.5;
        margin-bottom: 12px;
        color: #131313;
    }

.table-members .table-row .table-data {
    float: right;
    text-align: center;
    width: 13%;
    font-family: 'Cairo';
    opacity: 0.7;
    vertical-align: middle;
    font-size: 13px;
    color: #131313;
    display: table-row;
}

    .table-members .table-row .table-data:first-child {
        opacity: 1;
        text-align: right;
    }

    .table-members .table-row .table-data:last-of-type {
        width: 8%;
        opacity: 1;
        text-align: left;
    }

    .table-members .table-row .table-data:first-child img {
        width: 15%;
    }

.table-members .table-body hr {
    position: relative;
    top: 8px;
}

.table-committees .table-body .table-row,
.table-members .table-body .table-row {
    padding: 15px 0;
    vertical-align: middle;
}

    .table-committees .table-body .table-row img,
    .table-members .table-body .table-row .table-data:last-of-type img {
        width: 22%;
        margin-right: 20px;
    }
/****************** End Members ******************/
/****************** Add Members ******************/
.add-members img {
    margin-top: 10px;
    width: 7%;
}

.add-members h2 {
    color: #000000;
    font-size: 20px;
    font-family: 'Cairo';
    font-weight: bolder;
}

.add-members form .inner-form {
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
    width: 33%;
    text-align: right;
}

.add-members form input {
    border: none;
    width: 50%;
    padding: 5px;
    font-family: 'Cairo';
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

    .add-members form input:focus {
        outline-color: #152852;
    }

.settings-user-profiles .acount-settings .circle-add-img,
.add-members form .circle-add-img {
    width: 100px;
    margin-bottom: 40px;
    overflow: hidden;
    height: 100px;
    background-color: #00000033;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

    .settings-user-profiles .acount-settings .circle-add-img div,
    .add-members form .circle-add-img div {
        border-radius: 50%;
        width: 100px;
        overflow: hidden;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .settings-user-profiles .acount-settings .circle-add-img img,
    .add-members form .circle-add-img img {
        margin: 0px;
        z-index: 9;
        width: 100%;
    }

    .settings-user-profiles .acount-settings div h4,
    .add-members form .circle-add-img h4 {
        margin-top: -40px;
        background-color: #C0C0C0;
        color: #fff;
        font-family: 'Cairo';
        line-height: 40px;
        width: 100%;
        height: 100%;
        z-index: 99999;
        position: relative;
    }
/******************  End Add Members ******************/
/****************** Start Committees ******************/
.table-committees .table-row .table-data {
    float: right;
    text-align: center;
    width: 15.2%;
    opacity: 1;
    font: Bold 14px 'Cairo';
    vertical-align: middle;
    color: #131313;
    display: table-row;
}

    .table-committees .table-row .table-data:not(:first-of-type) {
        color: #000000;
        font: bolder 15px 'Heebo';
    }

.table-committees .table-body .table-row {
    background-color: #F0F2F6;
    padding: 15px 0px 10px 15px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.table-committees .table-row .table-data:nth-of-type(3) span {
    background: #15285233 0% 0% no-repeat padding-box;
    padding: 1px 20px;
    font-family: 'Cairo';
    font-size: 12px;
    color: #152852;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.table-committees .table-row .table-data:last-child {
    width: 8%;
    text-align: left;
}
/****************** End Committees ******************/
/****************** Start Upadte And Add  Committees ******************/
.upadte-committees .overlay > a img {
    width: 12%;
}

.upadte-committees .overlay h2 {
    font: bold 22px 'Cairo';
    color: #000000;
    margin-top: 0px;
}

.upadte-committees form .inner-form {
    margin-bottom: 15px;
    float: right;
    width: 33%;
    text-align: right;
}

    .upadte-committees form .inner-form:nth-of-type(1) {
        width: 50%;
    }

    .upadte-committees form .inner-form:nth-of-type(2) {
        width: 50%;
    }

        .upadte-committees form .inner-form:nth-of-type(2) input {
            width: 84%;
        }

    .upadte-committees form .inner-form:nth-of-type(3) {
        width: 92%;
    }

/*.upadte-committees form select,
.upadte-committees form textarea,
.upadte-committees form input {
    border: none;
    padding: 5px;
    width: 80%;
    font-family: 'Cairo';
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}*/

.upadte-committees form select {
    /*  margin-bottom: 10px;*/
}

.upadte-committees form input:focus {
    outline-color: #152852;
}

.upadte-committees form textarea {
    /*width: 91%;*/
    /*resize: none;*/
}

.upadte-committees form .switch {
    /*right: 7%;*/
}

.upadte-committees form .date {
    width: 70%;
}

    .upadte-committees form .date > div {
        float: right;
        margin-left: 10px;
        width: 40%;
    }

        .upadte-committees form .date > div span {
            margin-right: 20px;
            display: inline-block;
            font-weight: bold;
        }
/****************** End Update And Add Committees ******************/
/****************** Start Details Committees ******************/
.details-header-committees .inner-details-header-committees-right h2 {
    font: bold 25px 'Cairo';
    color: #2A2F33;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .details-header-committees .inner-details-header-committees-right h2::after {
        background-color: #EAEAEA;
        content: "...";
        color: #9B9B9B;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 12px;
        margin-right: 4px;
        font-weight: bold;
        width: 25px;
        line-height: 15px;
        height: 25px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

.details-header-committees .inner-details-header-committees-right h3 {
    margin-top: 0px;
    font-family: 'Cairo';
    color: #131313;
    font-size: 10px;
}

.details-header-committees .inner-details-header-committees-right p {
    width: 80%;
    font: 16px/23px 'Cairo';
    color: #494949;
}

.details-header-committees .inner-details-header-committees-left {
    text-align: left;
    margin-top: 8px;
}

    .details-header-committees .inner-details-header-committees-left a {
        background-color: #152852;
        color: #FFFFFF;
        padding: 4px 8px;
        margin: 0px 8px;
        text-decoration: none;
        font-size: 11px;
        width: 50%;
        font-family: 'Cairo';
        vertical-align: middle;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

        .details-header-committees .inner-details-header-committees-left a img {
            margin-left: 8px;
            vertical-align: middle;
        }

.table-detalis-committees {
    margin-top: 20px;
}

    .table-detalis-committees .overlay > h1 {
        color: #131313;
        margin: 12px 0px;
        display: inline-block;
        font-size: 25px;
        font-family: 'Cairo';
        font-weight: bolder;
        margin-bottom: 10px;
    }

        .table-detalis-committees .overlay > h1 span {
            color: #131313;
            font: Bold 25px/20px 'Heebo';
            opacity: 0.7;
        }

    .table-detalis-committees .overlay > div:first-of-type {
        float: left;
        overflow: hidden;
        width: 35%;
        vertical-align: middle;
        margin: 12px 0px;
        text-align: left;
    }

        .table-detalis-committees .overlay > div:first-of-type input {
            border: none;
            padding: 3px 5px;
            padding-bottom: 7px;
            font: Bold 13px/6px 'Cairo';
            color: #131313;
            opacity: 0.5;
            margin-bottom: 0px;
            width: 60%;
            margin-left: 10px;
            background: #EAEAEA 0% 0% no-repeat padding-box;
            border: 1px solid #E7E7E7;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        }

            .table-detalis-committees .overlay > div:first-of-type input:focus {
                outline-color: #152852;
            }

        .table-detalis-committees .overlay > div:first-of-type button {
            text-align: right;
            padding: 7px 10px;
            background-color: #152852;
            color: #ffffff;
            border: none;
            font: Bold 13px/6px 'Cairo';
            width: 25%;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
        }

    .table-detalis-committees .table-row .table-data {
        float: right;
        overflow: hidden;
        text-align: right;
        width: 20%;
        font: Bold 14px 'Cairo';
        margin-top: 7px;
        vertical-align: middle;
        margin-bottom: 10px;
        color: #131313;
        display: table-row;
    }

        .table-detalis-committees .table-row .table-data:not(:last-of-type) img {
            width: 30%;
        }

    .table-detalis-committees .table-body .table-row {
        background-color: #FFF8DD;
        padding: 8px 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .table-detalis-committees .table-row .table-data:first-of-type {
        width: 10%;
    }

    .table-detalis-committees .table-row .table-data:last-of-type {
        text-align: left;
        width: 10%;
    }

        .table-detalis-committees .table-row .table-data:last-of-type img {
            width: 10%;
            margin-left: 20%;
        }
/****************** End Details Committees ******************/
/****************** Start Report ******************/
.report-header-filter h2 {
    color: #131313;
    font-size: 22px;
    font-family: 'Cairo';
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 12px;
}

.report-header-filter .overlay {
    overflow: hidden;
    margin-bottom: 20px;
}

.report-header-filter .inner-report-header-filter {
    float: right;
    width: 20%;
    vertical-align: middle;
    text-align: right;
}

    .report-header-filter .inner-report-header-filter > div {
        font-family: 'Cairo';
        color: #808080;
        float: right;
        width: 33%;
    }

input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    border-radius: 15px;
    margin-inline-end: 5px;
}

/*input[type='radio']:checked:after {
        width: 21px;
        height: 21px;
        vertical-align: middle;
        font: normal normal normal 14px/1 FontAwesome;
        border-radius: 15px;
        position: relative;
        color: white;
        line-height: 1.5;
        text-align: center;
        background-color: #14274F;
        content: "\f00c";
        display: inline-block;
        visibility: visible;
        transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
    }*/

.report-header-filter .inner-report-header-filter > div span {
    margin-right: 5px;
    font-size: 14px;
    font-family: 'Cairo';
    font-weight: bold;
    display: inline-block;
}

.report-header-filter form .inner-report-header-filter input {
    border: none;
    padding: 5px;
    font-family: Cairo;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

    .report-header-filter form .inner-report-header-filter input:focus {
        outline-color: #152852;
    }

.report-header-filter form .inner-report-header-filter:last-child {
    text-align: left;
}

.report-header-filter form .inner-report-header-filter input[type="submit"] {
    background-color: #152852;
    /*border: none;*/
    margin-top: 20px;
    font-size: 13px;
    font-family: 'Cairo';
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 5px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.result-report-header-filter .container .overlay-none > div:nth-of-type(1) {
    float: right;
    width: 50%;
    margin-bottom: 20px;
}

.result-report-header-filter .container .overlay-none > div:nth-of-type(2) {
    text-align: left;
    margin-bottom: 20px;
}

.result-report-header-filter .container .overlay-none > div:nth-of-type(1) h2 {
    color: #131313;
    font-size: 25px;
    font-family: 'Cairo';
    font-weight: bold;
}

.result-report-header-filter .container .overlay-none > div:nth-of-type(2) button {
    background-color: #152852;
    /* border: none;*/
    margin-top: 20px;
    font-size: 13px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    font-family: 'Cairo';
    padding: 5px 0px;
    padding-left: 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .result-report-header-filter .container .overlay-none > div:nth-of-type(2) button img {
        margin-left: 10px;
        margin-right: 5px;
    }

.result-report-header-filter .inner-result-report-tabs {
    width: 19%;
    margin-left: 1%;
    float: right;
    height: 130px;
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 5px 10px;
    box-shadow: 0px 10px 20px #C4C8D066;
    margin-bottom: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

    .result-report-header-filter .inner-result-report-tabs h3 {
        font-size: 16px;
        font-family: 'Cairo';
        color: #354052;
        font-weight: bolder;
    }

        .result-report-header-filter .inner-result-report-tabs h3 img {
            text-align: center;
            position: relative;
        }

.result-report-header-filter .active-color-green h3 {
    color: #419D78;
}

.result-report-header-filter .active-color-red h3 {
    color: #D7263D;
}

.result-report-header-filter h2 img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.result-report-header-filter h2 span {
    font-size: 12px;
    font-family: "Cairo";
    color: #949799;
}

.result-report-header-filter .inner-result-report-tabs h4 {
    text-align: center;
    font-family: "Cairo";
    letter-spacing: 0.26px;
    color: #2A2F3380;
    font-size: 14px;
}

    .result-report-header-filter .inner-result-report-tabs h4 span {
        font-weight: bolder;
        font-family: 'Heebo';
        letter-spacing: 0.41px;
        color: #2A2F33;
    }
/****************** End Report ******************/
/****************** Start Setings ******************/
.card {
    height: 100%;
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    border-radius: 7px !important;
}

.cards {
    display: flex;
    background: #ffffff;
    position: relative;
    height: 200px;
    box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.05), inset -5px -5px 5px rgba(255, 255, 255, 0.5), 5px 5px 5px rgba(0, 0, 0, 0.05), -5px -5px 5px rgb(255, 255, 255, 0.5);
    border-radius: 15px;
}

    .cards .cards-content {
        display: flex;
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        background: #ffffff;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
        justify-content: center;
        align-items: center;
        transition: 0,5s;
    }

    .cards:hover .cards-content {
        transform: translateY(-8px);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    }

    .cards .cards-content .cards-body {
        padding: 20px;
        text-align: center;
    }

@media screen and (min-width: 768px) {
    .dashboard-users-success,
    .dashboard-users-danger {
        max-width: 30% !important;
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        width: auto !important;
    }
}

.overlay-settings {
    background-color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.settings-user-profiles .overlay {
    margin-right: 0% !important;
}

.settings-user-profiles .user-profiles-nav .overlay-settings > div {
    margin-bottom: 20px;
    padding: 20px;
    cursor: pointer;
    /*width: 80%;*/
    border: 1px solid transparent;
    background-color: #F0F2F6;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .settings-user-profiles .user-profiles-nav .overlay-settings > div.active {
        border: 1px solid #152852;
    }

.settings-user-profiles .user-profiles-nav a {
    display: block;
    font-family: 'Cairo';
    text-decoration: none;
    color: #131313;
    font-weight: bold;
    margin-top: 10px;
}

.settings-user-profiles .acount-settings .overlay-settings {
    overflow: hidden;
}

.settings-user-profiles .acount-settings h2 {
    color: #2A2F33;
    font-family: 'Cairo';
    font-size: 25px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

.settings-user-profiles .acount-settings hr {
    background-color: #F0F2F6;
    height: 1px;
    width: 70%;
    border: none;
}

.settings-user-profiles .acount-settings div {
    margin-bottom: 12px;
}

.settings-user-profiles .acount-settings .inner-form {
    float: right;
    text-align: right;
    width: 50%;
}

    .settings-user-profiles .acount-settings .inner-form input {
        border: none;
        padding: 4px;
        width: 70%;
        background-color: #F0F2F6;
        border: 1px solid #E7E7E7;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

.settings-user-profiles .user-acount-info .inner-form:first-of-type {
    display: block;
    width: 100%;
}

    .settings-user-profiles .user-acount-info .inner-form:first-of-type input {
        display: block;
        width: 35%;
    }

.settings-user-profiles .acount-settings .inner-form input:focus {
    outline-color: #152852;
}

.settings-user-profiles .acount-settings .inner-form img {
    margin-top: 0px;
    position: relative;
    margin-right: -35px;
}
/****************** Start Scroll Top ******************/
#scroll-top {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    color: white;
    background-color: #14274F;
    position: fixed;
    z-index: 9999;
    left: 15px;
    bottom: 10px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

    #scroll-top i {
        line-height: 35px;
    }

    #scroll-top:hover {
        background-color: #14274F;
    }
/******************** satrt Loading ******************/
.loading-overlay {
    color: white;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #152852;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.spinner {
    top: 25%;
    margin: 100px auto;
    width: 70px;
    text-align: center;
    font-size: 14px;
    height: 40px;
    position: relative;
}

    .spinner > div {
        background-color: #ffffff;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
/****************** Start Dialog Add Committees ******************/
.modal-dialog {
    margin: 0px auto;
    width: 350px;
}

.modal button.close {
    color: #152852;
    padding: 0px 10px;
    opacity: 1;
}

.dailog-committees .model-body img {
    width: 80%;
    height: 130px;
}

.dailog-committees .model-body h2 {
    font-size: 22px;
    font-weight: bold;
    font-family: 'Cairo';
    color: #000000;
    text-align: center;
    margin-bottom: 0px;
}

.dailog-committees .model-body h3 {
    font-size: 14px;
    margin-top: 2px;
    font-family: 'Cairo';
    text-align: center;
    color: #000000;
    font-weight: normal;
}

.dailog-committees .model-body > div {
    margin: 10px 10% auto;
    overflow: hidden;
    margin-bottom: 20px;
}

    .dailog-committees .model-body > div a {
        float: right;
        width: 40%;
        font-family: 'Cairo';
        margin: 10px;
        text-decoration: none;
        font-size: 12px;
        padding: 8px;
        font-weight: bold;
        border-radius: 25px;
    }

        .dailog-committees .model-body > div a:first-of-type {
            background-color: #152852;
            border: 2px solid transparent;
            color: #FFFFFF;
        }

        .dailog-committees .model-body > div a:last-of-type {
            background-color: #ffffff;
            color: #152852;
            border: 2px solid #152852;
        }
/****************** End Dialog Add Committees ******************/
/****************** Start Dialog Delete Committees Or Members ******************/
.dailog-delete-committees h2 {
    text-align: center;
    color: #000000;
    margin-left: 40px;
    font: Bold 18px/30px 'Cairo';
}

.dailog-delete-committees .model-body > div a:first-of-type {
    background-color: #D7263D;
}
/****************** End Dialog Delete Committees Or Members ******************/
/*********************** Start Our Framwork **********************/
::placeholder {
    opacity: 0.5;
}

.overlay-none {
    background: none;
    overflow: hidden; /*
    margin-right: 15%;
    margin-left: 1%;*/
}

.overlay {
    background-color: #FFFFFF;
    padding: 10px 20px;
    box-shadow: 0px 10px 20px #C4C8D066;
    /*margin-right: 15%;
    margin-left: 1%;*/
    padding-bottom: 2%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.our-hr {
    height: 1px;
    background-color: #aaaa;
    border: none;
    opacity: .7;
}

.btn-save-data {
    border: none;
    background-color: #152852;
    color: #FFFFFF;
    text-align: center;
    padding: 5px !important;
    font-family: 'Cairo' !important;
    width: 25% !important;
    font-size: 18px !important;
    margin-top: 5%;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.label-form {
    display: block;
    /*font-family: 'Cairo';*/
    font-weight: bolder;
    color: #152852;
    font-size: unset;
}

.label-form-requerd-red {
    color: #FF1E1E;
    font-family: 'Cairo';
    font-weight: bolder;
}

.icon-text {
    content: url(../../images/arrow-right.png);
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-left: 10px;
    vertical-align: middle;
    padding: 5px;
    background-color: #152852;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.text-header {
    vertical-align: sub;
    font-family: "Cairo";
    /*font-size: 20px;
    font-weight: bolder;*/
    color: #152852;
}

    .text-header:hover {
        color: #00A8AB !important;
    }

@font-face {
    font-family: "Droid Sans Arabic";
    src: url("../fonts/droid-sans-arabic.ttf");
}

a {
    text-decoration: none;
    text-underline-position: unset;
    color: unset;
}

    a:hover {
        color: unset;
    }

/****************** Start Cerate New Lecater Step One ******************/
.cerate-new-lecater-header .table-data {
    float: right;
    opacity: 0.5;
    text-align: center;
    width: 10.6%;
}

.cerate-new-lecater-header .table-row h3 {
    margin-top: 2px;
    margin-bottom: 0px;
    color: #000000;
    font: bold 13px 'Cairo';
}

.cerate-new-lecater-header .table-row .active {
    /*width: 15%;*/
    opacity: 1;
    font-weight: bolder;
}

    .cerate-new-lecater-header .table-row .active h3 {
        font-weight: bolder;
    }

    .cerate-new-lecater-header .table-row .active span {
        font-family: Cairo;
        font-size: 10px;
    }

.cerate-new-lecater-header .table-data hr {
    background-color: #000000;
    height: 2px;
    border: none;
    margin-top: 28%;
}

.overlay-tabs {
    overflow: hidden;
    margin-bottom: 10px;
}

.acrate-new-lecater-setp-one .cerate-new-lecater-body .inner-form input {
    outline: none;
    border: 1px solid #E7E7E7;
    border-right: 5px solid #E7E7E7;
    width: 78%;
    padding: 5px;
    font-family: 'Cairo';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.acrate-new-lecater-setp-one .cerate-new-lecater-body .text-editor {
    margin-top: 10px;
    width: 95%;
    margin-right: 10px;
    height: 500px;
}

.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    height: 400px;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
    height: 400px;
}

.acrate-new-lecater-setp-one .cerate-new-lecater-body .inner-form input:focus {
    outline: none;
    border-right: 5px solid #152852;
}

.acrate-new-lecater-setp-one .cerate-new-lecater-body .inner-form label {
    margin-bottom: 8px;
}

.acrate-new-lecater-setp-one .cerate-new-lecater-body .inner-form a {
    background-color: #419D78;
    color: #fff;
    margin-top: 8px;
    display: inline-block;
    margin-right: 10px;
    font: bold 12px 'Cairo';
    text-align: center;
    padding: 4px 20px;
    ;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.crate-new-lecater-setp-one .cerate-new-lecater-body .option-area {
    margin-right: 15px;
    margin-top: 20px;
}
/****************** Start Carate New lecater Step 2******************/
.crate-new-lecater-step-two .cerate-new-lecater-body-step-two h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font: bold 20px 'Cairo';
    color: #2A2F33;
}

    .crate-new-lecater-step-two .cerate-new-lecater-body-step-two h3 + span {
        font: 10px 'Cairo';
    }

.crate-new-lecater-step-two .cerate-new-lecater-body-step-two a {
    color: #419D78;
    border: 2px solid #419D78;
    margin-top: 8px;
    width: 130px;
    display: inline-block;
    font: bold 12px 'Cairo';
    text-align: center;
    padding: 4px 20px;
    ;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .crate-new-lecater-step-two .cerate-new-lecater-body-step-two a.active {
        background-color: #419D78;
        color: #ffffff;
    }

.crate-new-lecater-step-two .table-setp-two {
    margin-top: 30px;
}

    .crate-new-lecater-step-two .table-setp-two .table-header .table-data h4 {
        margin-top: 0px;
        padding-right: 10px;
        font: bold 16px 'Cairo';
        color: #2A2F33;
    }

        .crate-new-lecater-step-two .table-setp-two .table-header .table-data h4 img {
            margin-right: 10px;
            width: 25px;
        }

    .crate-new-lecater-step-two .table-setp-two .table-body .table-row {
        overflow: hidden;
        padding: 10px 0px;
        margin-top: 8px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 8px;
        background-color: #F7F6F3;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .crate-new-lecater-step-two .table-setp-two .table-body .table-data {
        width: 25%;
        padding-right: 15px;
        float: right;
        font: bolder 13px 'Cairo';
        color: #131313;
        opacity: .7;
    }

        .crate-new-lecater-step-two .table-setp-two .table-body .table-data:first-of-type {
            width: 60%;
            opacity: 1;
        }

            .crate-new-lecater-step-two .table-setp-two .table-body .table-data:first-of-type img {
                width: 20%;
                margin-left: 20px;
            }

    .crate-new-lecater-step-two .table-setp-two .lasted .table-data:first-of-type {
        width: 100%;
    }
/****************** Start Carate New lecater Step 3******************/
.crate-new-lecater-step-three .cerate-new-lecater-body-step-three .innre-body-header-step-3 {
    margin-top: 25px;
    overflow: hidden;
}

    .crate-new-lecater-step-three .cerate-new-lecater-body-step-three .innre-body-header-step-3 h3 {
        font-size: 14px;
    }

    .crate-new-lecater-step-three .cerate-new-lecater-body-step-three .innre-body-header-step-3 img {
        width: 20px;
        margin-left: 6px;
    }

    .crate-new-lecater-step-three .cerate-new-lecater-body-step-three .innre-body-header-step-3 span {
        font: 12px 'Cairo';
        color: #131313;
    }

.crate-new-lecater-step-three .cerate-new-lecater-body-step-three hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.crate-new-lecater-step-three .cerate-new-lecater-body-step-three ul li {
    font: 14px 'Cairo';
    color: #131313;
    margin-bottom: 8px;
}

.cerate-new-lecater-body-finsh .back-finsh {
    text-align: left;
    margin-left: 30px;
}

    .cerate-new-lecater-body-finsh .back-finsh a {
        color: #ffffff;
        background-color: #152852;
        margin-top: 8px;
        width: 130px;
        display: inline-block;
        font: bold 12px 'Cairo';
        text-align: center;
        padding: 4px 20px;
        ;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

.cerate-new-lecater-body-finsh .show-image-finsh {
    text-align: center;
}

    .cerate-new-lecater-body-finsh .show-image-finsh h3 {
        font: Bold 25px 'Cairo';
        color: #707070;
    }

    .cerate-new-lecater-body-finsh .show-image-finsh h4 {
        font: 16px 'Cairo';
        color: #000000
    }

.crate-new-lecater-step-two .cerate-new-lecater-body-step-two .our-lecater a {
    background-color: #152852;
    width: 150px;
    border: none;
    color: #ffffff;
}

    .crate-new-lecater-step-two .cerate-new-lecater-body-step-two .our-lecater a img {
        margin-left: 5px;
    }
/*Topics Carried Over*/
.content-body .overlay-tabs > div:first-of-type a {
    /* float: right;*/
}

.content-body .overlay-tabs > div:first-of-type a {
    /*display: inline-block;
    margin: 3px 10px;
    background-color: #152852;
    color: #ffffff;
    padding: 3px 15px;
    font: 13px 'Cairo';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;*/
}

    .content-body .overlay-tabs > div:first-of-type a img {
        padding-left: 6px;
    }

/*.content-body .overlay-tabs > div:first-of-type a:last-of-type {
        padding-left: 40px;
        padding-right: 40px;
    }*/

.content-body .section-mettings {
    padding: 30px 10px;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: -0px;
    font-size: 18px;
    font-weight: bolder;
    background-color: #FFFFFF;
    margin-right: -35px;
    color: #152852;
    font-family: 'Cairo';
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


    .content-body .section-mettings:last-of-type {
        opacity: .5;
    }

.content-body .table-header {
    overflow: hidden;
}

    .content-body .table-header .table-data {
        margin-top: 12px;
        float: right;
        width: 12.14%;
        text-align: center;
        margin-bottom: 12px;
        color: #131313;
        opacity: 0.5;
    }

        .content-body .table-header .table-data h2 {
            font: Bold 16px/12px 'Cairo';
        }

        .content-body .table-header .table-data:first-of-type {
            width: 15%;
            text-align: right;
        }

.content-body .finsh-mettings .table-row,
.content-body .active-mettings .table-row {
    overflow: hidden;
    margin-bottom: 12px;
}

.content-body .table-row .table-data {
    float: right;
    text-align: center;
    /*width: 12.14%;*/
}

    /*.content-body .table-row .table-data:first-of-type {
        width: 15%;
        text-align: right;
    }*/

    .content-body .table-row .table-data h2 {
        font: 13px 'Cairo';
        color: #131313;
        margin-bottom: 0px;
    }

        .content-body .table-row .table-data h2 img {
            width: 20%;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

    .content-body .table-row .table-data:last-of-type {
        text-align: left;
    }

        .content-body .table-row .table-data:last-of-type h2 {
            background-color: #DADADA;
            padding: 3px;
            width: 80px;
            font-weight: bold;
            color: #4C4C4C;
            text-align: center;
            font-size: 12px;
            display: inline-block;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
        }

/********************* Start Add new Hall ********************/
.add-new-hall h2 {
    color: #000000;
    font: bold 22px 'Cairo';
    margin-top: 4px;
}

.add-new-hall form .inner-form label {
    position: relative;
    margin-bottom: 5px;
}

.add-new-hall form .inner-form .switch {
    right: 4%;
    top: 10px;
}

.add-new-hall form .inner-form select,
.add-new-hall form .inner-form input {
    outline: none;
    border: 1px solid #E7E7E7;
    border-right: 5px solid #E7E7E7;
    width: 60%;
    padding: 4px;
    font-family: 'Cairo';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.add-new-hall form .inner-form select {
    padding: 1px;
}

.add-new-hall form .inner-form input:focus {
    outline: none;
    border-right: 5px solid #152852;
}

.add-new-hall form input[type="submit"] {
    margin-top: 60px;
    margin-bottom: 30px;
}

/* Design Side Bar */
.inner-sidebar-left .overlay-tabs {
    text-align: center;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-bottom: 8px;
    padding-right: 0px;
    width: 80px;
}

    .inner-sidebar-left .overlay-tabs a {
        text-decoration: none;
    }

    .inner-sidebar-left .overlay-tabs:nth-of-type(odd) {
        text-align: center;
        padding: 0px;
        /*background-color: orange;*/
        margin-bottom: 20px;
        width: 80px;
    }

        .inner-sidebar-left .overlay-tabs:nth-of-type(odd) > a {
            margin-top: -2px;
            padding-top: 8px;
            width: 100%;
            display: block;
            margin-bottom: 0px;
            padding-bottom: 8px;
            background-color: #ffffff;
            position: relative;
            border-bottom-right-radius: 30%;
        }

            .inner-sidebar-left .overlay-tabs:nth-of-type(odd) > a::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: orange;
                z-index: -1;
            }

    .inner-sidebar-left .overlay-tabs h4 {
        color: #B7B7B7;
        margin: 2px;
        font: 12px 'Cairo';
    }

    .inner-sidebar-left .overlay-tabs h5 {
        color: #B7B7B7;
        margin: 2px;
        margin-bottom: 20px;
        font-size: 12px;
        font-family: 'Cairo';
    }

    .inner-sidebar-left .overlay-tabs h6 {
        color: #B7B7B7;
        margin: 2px;
        font-size: 12px;
        font-family: 'Cairo';
    }

    .inner-sidebar-left .overlay-tabs span {
        color: #B7B7B7;
        font-size: 12px;
        font-family: 'Cairo';
    }

    .inner-sidebar-left .overlay-tabs:not(:first-of-type) h4,
    .inner-sidebar-left .overlay-tabs:not(:first-of-type) h5,
    .inner-sidebar-left .overlay-tabs:not(:first-of-type) h6,
    .inner-sidebar-left .overlay-tabs:not(:first-of-type) span {
        color: #808080;
    }

    .inner-sidebar-left .overlay-tabs:nth-of-type(2) h4 {
        color: #D7263D;
        font-weight: 700;
    }

    .inner-sidebar-left .overlay-tabs:nth-of-type(2) h6 {
        color: #D7263D;
        font-weight: 700;
    }

::placeholder {
    opacity: 0.5;
}

.details-my-committees h2 {
    margin-top: 0px;
    font: bold 25px 'Cairo';
    color: #2A2F33;
}

    .details-my-committees h2 span {
        font: Bold 22px 'Heebo';
        color: #131313;
        opacity: 0.7;
    }

.details-our-committees .details-committees-header h2 {
    font: bold 22px 'Cairo';
    margin-top: 0px;
    margin-bottom: -4px;
    color: #2A2F33;
}

    .details-our-committees .details-committees-header h2 span {
        margin-right: 10px !important;
        margin-top: -20px;
        line-height: 2.1 !important;
    }

.details-our-committees .details-committees-header span {
    color: #131313;
    font: Bold 10px 'Cairo';
}

.details-our-committees .details-committees-header p {
    color: #494949;
    margin-top: 5px;
    white-space: pre-wrap;
    /* font: bold 13px 'Cairo';*/
    line-height: 1.6;
}

.details-our-committees .committees h3 {
    display: inline-block;
    margin-top: 0px;
    font: bold 22px 'Cairo';
    color: #2A2F33;
}

    .details-our-committees .committees h3 span {
        font: Bold 20px 'Heebo';
        color: #131313;
        opacity: 0.7;
    }

.details-our-committees .committees a {
    background-color: #152852;
    color: #fff;
    margin-right: 10px;
    /*font: bold 12px 'Cairo';*/
    text-align: center;
    padding: 4px 20px;
    ;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .details-our-committees .committees a:nth-of-type(2) {
        color: #4D4D4D73;
        background-color: #EFF3FB;
    }

.details-our-committees .committees .overlay-tabs {
    margin-top: 10px;
    overflow: hidden;
}

.details-our-committees .committees .table-header .table-row .table-data {
    float: right;
    width: 20%;
    text-align: center;
    color: #131313;
    font: Bold 14px 'Cairo';
    opacity: 0.5;
}

.details-our-committees .committees .table-row {
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

.details-our-committees .committees .table-body .table-row .table-data {
    float: right;
    width: 20%;
    text-align: center;
    font: bolder 13px 'Cairo';
    color: #131313;
}

.details-our-committees .committees .table-body .table-row {
    padding: 15px 0px;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

    .details-our-committees .committees .table-body .table-row .table-data:last-of-type span {
        background-color: #15285233;
        padding: 2px 10px;
        width: 100px;
        color: #152852;
        display: inline-block;
        font: Bold 11px 'Cairo';
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

.details-our-committees .inner-committees-body .table-data {
    width: 33.333%;
}

.details-our-committees .lecter-mettings .table-data:last-of-type h3 {
    width: 85px;
    color: #fff;
    margin: 0px;
    margin-bottom: 5px;
    padding: 8px 5px;
    font-size: 12px;
    color: #FDBF1E;
    font-family: 'Cairo';
    text-align: center;
    background-color: #FDBF1E1A;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
/****************** Start Our Details Committees******************/
.details-committees-header {
    margin-bottom: 15px;
}

.details-our-committees .details-committees-header h2 {
    font: bold 22px 'Cairo';
    margin-top: 0px;
    margin-bottom: -4px;
    color: #2A2F33;
}

.details-committees-header {
    margin-bottom: 15px;
}

.details-our-committees .details-committees-header h2 span {
    margin-right: 10px !important;
    vertical-align: middle;
}

.details-our-committees .details-committees-header span {
    color: #131313;
    font: Bold 10px 'Cairo';
}

.details-our-committees .details-committees-header p {
    color: #494949;
    margin-top: 6px;
    white-space: break-spaces;
    /*font: bold 13px 'Cairo';*/
    line-height: 1.7;
}

.details-our-committees .committees h3 {
    display: inline-block;
    margin-top: 0px;
    font: bold 22px 'Cairo';
    color: #2A2F33;
}

    .details-our-committees .committees h3 span {
        font: Bold 20px 'Heebo';
        color: #131313;
        opacity: 0.7;
    }

.details-our-committees .committees a {
    background-color: #152852;
    color: #fff;
    margin-right: 10px;
    /*font: bold 12px 'Cairo';*/
    text-align: center;
    padding: 4px 20px;
    ;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .details-our-committees .committees a:nth-of-type(2) {
        color: #4D4D4D73;
        background-color: #EFF3FB;
    }

.details-our-committees .committees .overlay-tabs {
    margin-top: 10px;
    overflow: hidden;
}

.details-our-committees .committees .table-header .table-row .table-data {
    float: right;
    width: 20%;
    text-align: center;
    color: #131313;
    font: Bold 14px 'Cairo';
    opacity: 0.5;
}

.details-our-committees .committees .table-row {
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

.details-our-committees .committees .table-body .table-row .table-data {
    float: right;
    width: 20%;
    text-align: center;
    font: bolder 13px 'Cairo';
    color: #131313;
}

.details-our-committees .committees .table-body .table-row {
    padding: 15px 0px;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

    .details-our-committees .committees .table-body .table-row .table-data:last-of-type span {
        background-color: #15285233;
        padding: 2px 10px;
        width: 100px;
        color: #152852;
        display: inline-block;
        font: Bold 11px 'Cairo';
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

.details-our-committees .content-body .inner-committees-body .table-data {
    width: 33.333%;
}

.details-our-committees .lecter-mettings .table-data:last-of-type h3 {
    width: 85px;
    color: #fff;
    margin: 0px;
    margin-bottom: 5px;
    padding: 8px 5px;
    font-size: 12px;
    color: #FDBF1E;
    font-family: 'Cairo';
    text-align: center;
    background-color: #FDBF1E1A;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.show-members .overlay-tabs {
    overflow: hidden;
    margin-bottom: 15px;
}

.show-members .header-show-members h3 {
    margin-top: 0px;
    font: Bold 16px 'Cairo';
}

.show-members .header-show-members {
    overflow: hidden;
    width: 100% !important;
    float: unset;
}

    .show-members .header-show-members > div {
        float: right;
        width: 80%;
    }

        .show-members .header-show-members > div:last-of-type {
            text-align: left;
            width: 20%;
        }

            .show-members .header-show-members > div:last-of-type h4 {
                margin-top: 5px;
                background-color: #EFF3FB;
                color: #4D4D4D;
                padding: 7px 2px;
                font-size: 12px;
                opacity: 1;
                font-family: 'Cairo';
                font-weight: bolder;
                text-align: center;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -ms-border-radius: 8px;
                -o-border-radius: 8px;
            }

.show-members .table-row {
    clear: both;
    width: 100%;
    overflow: hidden;
    float: unset;
}

.show-members .table-data {
    margin-top: 10px;
    float: right;
    text-align: center;
    width: 20%;
}

    .show-members .table-data img {
        width: 60%;
        position: relative;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .show-members .table-data h5 {
        font: bold 11px 'Cairo';
        margin-top: 2px;
        letter-spacing: 0.2px;
        color: #000000;
    }

.show-members .overlay-other-members {
    font: bolder 18px 'Cairo';
    color: #fff;
    left: 12%;
    text-align: center;
    background-color: #171D17CC;
    position: absolute;
    border-radius: 50%;
    margin-top: -40px;
    /* z-index: 99999999;*/
    width: 42px;
    height: 42px;
}
/* Our Committees Home And Committees */
.our-committees .inner-committees-header > div {
    float: right;
    width: 50%;
}

    .our-committees .inner-committees-header > div h2 {
        font: bold 18px 'Cairo';
        margin-top: 0px;
        color: #000000;
        float: right;
    }

        .our-committees .inner-committees-header > div h2 span {
            font: bolder 20px 'Heebo';
            padding-right: 10px;
            opacity: .6;
            color: #000000;
        }

    .our-committees .inner-committees-header > div:last-of-type {
        text-align: left;
    }

    .our-committees .inner-committees-header > div a {
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0px;
        background-color: #EFF3FB;
        padding: 0px 8px;
        font: bolder 12px 'Cairo';
        opacity: 1;
        color: #4D4D4D;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

.content-body .inner-committees-body .table-row {
    display: block;
    background-color: #F0F2F6 !important;
    margin-bottom: 9px !important;
    padding: 5px 10px;
    padding-left: 0px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.content-body .inner-committees-body .table-data {
    float: right;
    vertical-align: middle;
    text-align: center;
    width: 25%;
}

    .content-body .inner-committees-body .table-data h3 {
        margin-top: 3px;
        font: Bold 14px 'Cairo';
        color: #131313;
        margin-bottom: 0px;
    }

    .content-body .inner-committees-body .table-data > div {
        float: right;
    }

        .content-body .inner-committees-body .table-data > div:first-of-type {
            width: 20%;
            display: inline-block;
            margin-top: 8px;
        }

        .content-body .inner-committees-body .table-data > div img {
            width: 100%;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .content-body .inner-committees-body .table-data > div:last-of-type {
            width: 80%;
        }

    .content-body .inner-committees-body .table-data span {
        /*font: 8px 'Cairo';*/
        color: #aaaaaa;
        margin-bottom: 4px;
    }
/****************** Start Our Committees ******************/
.our-committees .table-header .table-row .table-data {
    float: right;
    width: 16.66%;
    text-align: center;
    color: #131313;
    font: Bold 14px 'Cairo';
    opacity: 0.5;
}

.our-committees .table-body .table-row .table-data {
    float: right;
    width: 16.66%;
    text-align: center;
    font: bolder 13px 'Cairo';
    color: #131313;
}

.our-committees .table-body .table-row {
    padding: 15px 0px;
    margin-top: 8px;
    display: block;
    margin-bottom: 8px;
    overflow: hidden;
    background-color: #F0F2F6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .our-committees .table-body .table-row .table-data:nth-of-type(3) span {
        background-color: #15285233;
        padding: 4px 10px;
        width: 70px;
        color: #152852;
        display: inline-block;
        font: Bold 12px 'Cairo';
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }
/****************** Start Our Details Committees******************/
.details-committees-header {
    margin-bottom: 15px;
}

.details-our-committees .details-committees-header h2 {
    font: bold 22px 'Cairo';
    margin-top: 0px;
    margin-bottom: -4px;
    color: #2A2F33;
}

.details-committees-header {
    margin-bottom: 15px;
}

.details-our-committees .details-committees-header h2 span {
    margin-right: 10px !important;
    vertical-align: middle;
}

.details-our-committees .details-committees-header span {
    color: #131313;
    font: Bold 11px 'Cairo';
}

/*.details-our-committees .details-committees-header p {
    color: #494949;
    margin-top: 6px;
    white-space: break-spaces;
    font: bold 13px 'Cairo';
    line-height: 1.7;
}*/

.details-our-committees .committees h3 {
    display: inline-block;
    margin-top: 0px;
    font: bold 22px 'Cairo';
    color: #2A2F33;
}

    .details-our-committees .committees h3 span {
        font: Bold 20px 'Heebo';
        color: #131313;
        opacity: 0.7;
    }

.details-our-committees .committees a {
    background-color: #152852;
    color: #fff;
    margin-right: 10px;
    /*font: bold 12px 'Cairo';*/
    text-align: center;
    padding: 4px 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .details-our-committees .committees a:nth-of-type(2) {
        color: #4D4D4D73;
        background-color: #EFF3FB;
    }

.details-our-committees .committees .overlay-tabs {
    margin-top: 10px;
    overflow: hidden;
}

.details-our-committees .committees .table-header .table-row .table-data {
    float: right;
    width: 20%;
    text-align: center;
    color: #131313;
    font: Bold 14px 'Cairo';
    opacity: 0.5;
}

.details-our-committees .committees .table-row {
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

.details-our-committees .committees .table-body .table-row .table-data {
    float: right;
    width: 20%;
    text-align: center;
    font: bolder 13px 'Cairo';
    color: #131313;
}

.details-our-committees .committees .table-body .table-row {
    padding: 15px 0px;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

    .details-our-committees .committees .table-body .table-row .table-data:last-of-type span {
        background-color: #15285233;
        padding: 2px 10px;
        width: 100px;
        color: #152852;
        display: inline-block;
        font: Bold 11px 'Cairo';
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

.details-our-committees .content-body .inner-committees-body .table-data {
    width: 33.333%;
}

.details-our-committees .lecter-mettings .table-data:last-of-type h3 {
    width: 85px;
    color: #fff;
    margin: 0px;
    margin-bottom: 5px;
    padding: 8px 5px;
    font-size: 12px;
    color: #FDBF1E;
    font-family: 'Cairo';
    text-align: center;
    background-color: #FDBF1E1A;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

/****************** Start My Committees Members ******************/
.details-my-committees h2 {
    margin-top: 0px;
    font: bold 25px 'Cairo';
    color: #2A2F33;
}

    .details-my-committees h2 span {
        font: Bold 22px 'Heebo';
        color: #131313;
        opacity: 0.7;
    }

.details-my-committees .table-body .table-row {
    overflow: hidden;
    padding: 15px 0px;
    margin-top: 8px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 8px;
    background-color: #FFF8DD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.details-my-committees .table-body .table-data {
    float: right;
    overflow: hidden;
    width: 20%;
    font: bolder 14px 'Cairo';
    color: #131313;
}

    .details-my-committees .table-body .table-data:first-of-type,
    .details-my-committees .table-body .table-data:last-of-type {
        overflow: hidden;
        width: 30%;
    }

    .details-my-committees .table-body .table-data img {
        width: 15%;
        padding-right: 10px;
        padding-left: 10px;
    }
/****************** Start Show All memebrs Modal******************/
.modal-dialog {
    overflow: hidden;
    margin: 0px auto;
    width: 350px;
}

.dailog-committees button.close {
    color: #152852;
    padding: 0 10px;
    opacity: 1;
    margin-top: -45px;
    text-align: left;
}

.close {
    float: left;
}

.show-all-members-inner-modal h2 {
    font: Bold 16px 'Cairo';
    color: #14274F;
    padding-right: 10px;
}

    .show-all-members-inner-modal h2 span {
        font: Bold 18px 'Heebo';
        color: #131313;
        opacity: 0.7;
    }

.show-all-members-inner-modal .table-row {
    width: 95%;
    background-color: #FFF8DD;
    overflow: hidden;
    margin: 6px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.show-all-members-inner-modal .table-data {
    margin-bottom: 10px;
    padding: 10px 0px 0px;
    float: right;
    font: Bold 13px 'Cairo';
    color: #131313;
    overflow: hidden;
    width: 45%;
}

    .show-all-members-inner-modal .table-data:nth-of-type(2) {
        width: 10%;
    }

    .show-all-members-inner-modal .table-data img {
        width: 30%;
    }
/*********************** Start Our Framwork **********************/
/* The switch - the box around the slider */
.switch {
    margin-top: 10px;
    height: 18px;
    position: absolute;
    display: inline-block;
    width: 50px;
    right: 40%;
}
    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: -8px;
    left: 0;
    right: 0;
    bottom: 5px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        top: 2px;
        position: absolute;
        content: "";
        height: 17px;
        width: 17px;
        left: 5px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #152852;
}

input:focus + .slider {
    box-shadow: 0 0 1px #152852;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/****************** Start My Committees Members ******************/
.details-my-committees h2 {
    margin-top: 0px;
    font: bold 25px 'Cairo';
    color: #2A2F33;
}

    .details-my-committees h2 span {
        font: Bold 22px 'Heebo';
        color: #131313;
        opacity: 0.7;
    }

.details-my-committees .table-body .table-row {
    overflow: hidden;
    padding: 15px 0px;
    margin-top: 8px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 8px;
    background-color: #FFF8DD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.details-my-committees .table-body .table-data {
    float: right;
    overflow: hidden;
    width: 20%;
    font: bolder 14px 'Cairo';
    color: #131313;
}

    .details-my-committees .table-body .table-data:first-of-type,
    .details-my-committees .table-body .table-data:last-of-type {
        overflow: hidden;
        width: 30%;
    }

    .details-my-committees .table-body .table-data img {
        width: 15%;
        padding-right: 10px;
        padding-left: 10px;
    }

.overlay-none {
    background: none;
    overflow: hidden;
    /* margin-right: 15%;*/
    margin-left: 1%;
}

.overlay {
    background-color: #FFFFFF;
    padding: 10px 20px;
    box-shadow: 0px 10px 20px #C4C8D066;
    margin-right: 0% !important;
    margin-left: 1%;
    padding-bottom: 2%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.overlay-tabs {
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 10px 20px;
    box-shadow: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

/****************** Start Details All Mettings And During ******************/
.details-mettings .overlay-tabs > div {
    float: right;
    width: 70%;
}

    .details-mettings .overlay-tabs > div:nth-of-type(2) {
        text-align: left;
        width: 30%;
    }

    .during-mettings .overlay-tabs > div h2,
    .details-mettings .overlay-tabs > div h2 {
        font: bolder 20px 'Cairo';
        margin-top: 0px;
        position: relative;
        margin-bottom: 0px;
        color: #2A2F33;
    }

.during-mettings h2 .span-during {
    font: Bold 12px Cairo;
    color: #131313;
    background-color: #cef9c6;
    opacity: .7;
    padding: 0 10px;
    border-radius: 20px;
}

.details-mettings .overlay-tabs > div h3 {
    font: bold 20px 'Cairo';
    margin-top: 4px;
    margin-bottom: 10px;
    color: #2A2F33;
}

.during-mettings .overlay-tabs > div span:nth-of-type(2),
.details-mettings .overlay-tabs > div span {
    position: relative;
    font: 14px 'Cairo';
    vertical-align: bottom;
    color: #131313;
}

.during-mettings h2 + span {
    font-family: 'Cairo';
    /*font-size: 11px;*/
    opacity: .4;
}

.during-mettings h2 .span-during {
    font: Bold 12px 'Cairo';
    color: #131313;
    background-color: #cef9c6;
    opacity: 0.7;
    padding: 0px 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.details-mettings .overlay-tabs > div .normal {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
    font-size: 18px;
    border: none;
    color: #fff;
    font-weight: bolder;
    margin-bottom: 10px;
    /*  width: 75%;*/
    font-feature-settings: "abvf";
    font-family: 'Cairo';
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-font-feature-settings: "abvf";
    -moz-font-feature-settings: "abvf";
}

.details-mettings .overlay-tabs > div button:first-of-type {
    font-family: 'Cairo';
    background-color: #419D78;
}

.during-mettings .overlay-tabs > .back-ground-ul h4,
.details-mettings .overlay-tabs > .back-ground-ul h4 {
    font: bold 18px 'Cairo';
    color: #131313;
    margin-top: 20px;
    /*margin-bottom: 20px;*/
    opacity: 0.75;
}

.during-mettings .overlay-tabs > .back-ground-ul,
.details-mettings .overlay-tabs .back-ground-ul {
    clear: both;
    overflow: hidden;
    float: unset;
    width: 100%;
    background-color: #CEF9C61A;
    padding: 20px;
    margin: 15px auto;
}

.during-mettings .overlay-tabs ul,
.details-mettings .overlay-tabs ul {
    margin-right: 25px;
}

/*.during-mettings .overlay-tabs ul li,
    .details-mettings .overlay-tabs ul li {
        font: Bold 11px 'Cairo';
        color: #131313;
        padding-bottom: 16px;
        border-right: 1px solid #CEF9C6;
    }*/


.during-mettings .overlay-tabs .session-notes ul li:last-of-type,
.details-mettings .overlay-tabs .session-notes ul li:last-of-type {
    padding-bottom: 16px !important;
}

.during-mettings .overlay-tabs .session-notes ul li span,
.details-mettings .overlay-tabs .session-notes ul li span {
    padding-bottom: 0px;
    background-color: unset;
    width: unset;
    height: 30px;
    font-size: unset;
    font-weight: unset;
    padding: 0px;
    margin-right: 0;
    border-radius: 0;
    overflow: unset;
}

.during-mettings .overlay-tabs ul li:last-of-type,
.details-mettings .overlay-tabs ul li:last-of-type {
    padding-bottom: 0px;
}

.during-mettings .overlay-tabs ul li span,
.details-mettings .overlay-tabs ul li span {
    margin-left: 20px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    display: inline-flex;
    padding: 10px 12px;
    font: bolder 12px 'Heebo';
    background-color: #CEF9C6;
    line-height: 12px;
    margin-right: -15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.during-mettings .overlay-tabs .back-ground-ul:last-of-type ul li,
.details-mettings .overlay-tabs .back-ground-ul:last-of-type ul li {
    font-size: 11px !important;
    color: #131313;
    padding-bottom: 16px;
    border-right: 1px solid #CEF9C6;
}

.during-mettings .overlay-tabs ul li > div,
.details-mettings .overlay-tabs ul li > div {
    padding-bottom: 15px;
    text-align: center;
    /*padding-left: 10px;*/
    vertical-align: middle;
    /*float: right;*/
    /* width: 60%;*/
}

    .details-mettings .overlay-tabs ul li > div:last-of-type {
        width: 40%;
    }

    .during-mettings .overlay-tabs ul li > div:first-of-type,
    .details-mettings .overlay-tabs ul li > div:first-of-type {
        display: flex;
        /*border-right: 1px solid #E3EFFF;*/
    }

    .during-mettings .overlay-tabs ul li > .list-header:last-of-type,
    .details-mettings .overlay-tabs ul li > div:last-of-type {
        text-align: right;
        padding-left: 10px;
    }

.details-mettings .crate-our-meetings .overlay-tabs h2 {
    font: bold 20px 'Cairo';
    margin-top: 0px;
    margin-bottom: 7px;
    color: #2A2F33;
}

.details-mettings .crate-our-meetings .overlay-tabs > div {
    text-align: left;
    float: right;
    width: 20%;
}

    .details-mettings .crate-our-meetings .overlay-tabs > div span {
        margin-top: 10px;
    }

    .details-mettings .crate-our-meetings .overlay-tabs > div:nth-of-type(2) {
        width: 60%;
        text-align: center;
    }

    .details-mettings .crate-our-meetings .overlay-tabs > div img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .details-mettings .crate-our-meetings .overlay-tabs > div h4 {
        font: bold 16px 'Cairo';
        color: #2A2F33;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .details-mettings .crate-our-meetings .overlay-tabs > div h5 {
        font: 14px 'Cairo';
        color: #2A2F33;
        opacity: .9;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .details-mettings .crate-our-meetings .overlay-tabs > div h6 {
        font: bold 12px 'Cairo';
        color: #2A2F33;
        opacity: .5;
        margin-top: 0px;
    }
/****************** Start Mettings During ******************/
.during-mettings .overlay-tabs .during-header {
    margin-bottom: 17px;
    float: right;
    /*width: 50%;*/
}

    .during-mettings .overlay-tabs .during-header:nth-of-type(2) {
        text-align: left;
        /* margin-top: 12px;*/
        font: Bold 12px 'Cairo';
        float: left;
    }

        .during-mettings .overlay-tabs .during-header:nth-of-type(2) button {
            padding: 3px 12px;
            margin-bottom: 3px;
        }

            .during-mettings .overlay-tabs .during-header:nth-of-type(2) button:not(:first-of-type) {
                background-color: #152852;
                padding: 3px 12px;
            }

.during-mettings .overlay-tabs {
    overflow: hidden;
    margin-bottom: 20px;
}

    .during-mettings .overlay-tabs .body-header {
        float: right;
        vertical-align: middle;
    }

        .during-mettings .overlay-tabs .body-header h3 {
            font: Bold 20px 'Cairo';
            color: #2A2F33;
            margin-top: 0px;
        }

        .during-mettings .overlay-tabs .body-header:nth-of-type(2) {
            margin-top: 10px;
            float: left;
        }

        .during-mettings .overlay-tabs .body-header a {
            /* margin: 0px 5px;
            background-color: #152852;
            color: #fff;
            font: Bold 11px 'Cairo';
            padding: 2px 10px;
            vertical-align: middle;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;*/
            /*margin: 3px 10px;
            background-color: #152852;
            color: #ffffff;
            padding: 3px 15px;
            font: 13px 'Cairo';
            border-radius: 5px;
            -webkit-border-radius: 5px;*/
        }

            .during-mettings .overlay-tabs .body-header a img {
                /*width: 12px;*/
                margin-left: 5px;
            }

    .during-mettings .overlay-tabs ul li > div {
        width: 90%;
    }

        .during-mettings .overlay-tabs ul li > div:nth-of-type(2) {
            text-align: right;
            /*width: 40%;*/
            margin-right: 30px;
        }

            .during-mettings .overlay-tabs ul li > div:nth-of-type(2) img {
                margin-right: 0;
                width: 18px;
                vertical-align: super;
                /*margin-left: 5px;*/
            }

            .during-mettings .overlay-tabs ul li > div:nth-of-type(2) span {
                margin-right: 5px;
                font-weight: bolder;
                font-size: 16px;
                color: #2A2F33;
                top: -7px;
                vertical-align: super;
                width: unset !important;
                height: unset !important;
                background: none;
                padding-top: 0px !important;
                overflow: unset;
                font-family: sans-serif;
                letter-spacing: 1px;
                margin-left: 0px;
            }

        .during-mettings .overlay-tabs ul li > div:last-of-type span:nth-of-type(2) {
            margin-top: 40px;
            padding: 0px 12px;
            font-weight: bolder;
            padding-bottom: 5px;
        }

        .during-mettings .overlay-tabs ul li > div:nth-of-type(2) img + span {
            margin-top: -5px;
            vertical-align: text-top;
        }

    /* .during-mettings .overlay-tabs ul li > div:nth-of-type(3) {
            clear: both;
            float: right;
            text-align: right;
            padding-right: 30px;
            width: 90%;
        }*/

    .during-mettings .overlay-tabs ul li .list-details p {
        color: #131313;
        white-space: pre-wrap;
        /*  font: 16px/20px 'Cairo';*/
        line-height: 1.7;
    }

    .during-mettings .overlay-tabs ul li .list-details h3 {
        font-size: 16px;
        color: black;
        opacity: .6;
        text-align: right;
    }

    .during-mettings .overlay-tabs ul li .list-details h4 {
        font: bold 16px/23px 'Cairo';
        color: #131313;
        opacity: 1;
        margin-right: 20px;
        margin-top: 0px;
        /* margin-bottom: 2px;*/
    }

    .during-mettings .overlay-tabs ul li .list-details > div {
        margin-right: 36px;
    }

        .during-mettings .overlay-tabs ul li .list-details > div label {
            font: bolder 15px/23px 'Cairo';
            padding-right: 4px;
            vertical-align: middle;
            color: #131313;
            margin-left: 4px;
        }

    .during-mettings .overlay-tabs ul li .list-details .desition .desition-header {
        position: relative;
        margin-right: -13px !important;
    }

        .during-mettings .overlay-tabs ul li .list-details .desition .desition-header h3 {
            float: right;
            margin-right: -20px;
            font-size: 16px;
            /* color: #878986;*/
        }

        .during-mettings .overlay-tabs ul li .list-details .desition .desition-header span {
            float: left;
            width: unset !important;
            cursor: pointer;
            height: unset;
            margin-top: 12px;
            vertical-align: bottom;
            background-color: #152852;
            color: #fff;
            margin-left: 0px;
            font: Bold 13px 'Cairo';
            padding: 5px 15px;
            vertical-align: middle;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            -webkit-border-radius: 6px;
        }

    .during-mettings .overlay-tabs ul li .list-details .desition .destion-body h3 {
        padding-right: 10px;
        float: right;
    }

    .during-mettings .overlay-tabs ul li .list-details .desition .destion-body span {
        float: left;
        width: unset !important;
        font-size: 30px;
        margin-top: 8px;
        font-weight: bolder;
    }

    .during-mettings .overlay-tabs ul li .list-details .desition .destion-body .table-row {
        background-color: #fff;
        overflow: hidden;
        box-shadow: 0px 10px 20px #C4C8D066;
        margin-bottom: 10px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

        .during-mettings .overlay-tabs ul li .list-details .desition .destion-body .table-row .data {
            float: right;
            padding-right: 10px;
        }

            .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data .data h6,
            .during-mettings .overlay-tabs ul li .list-details .desition .destion-body .table-row .data h6 {
                padding: 10px;
                background-color: #FFE2E2;
                text-align: center;
                margin-top: 0px;
                font: Bold 12px/18px 'Heebo';
                letter-spacing: 0px;
                color: #FF0000;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -ms-border-radius: 8px;
                -o-border-radius: 8px;
            }

            .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data .data h3,
            .during-mettings .overlay-tabs ul li .list-details .desition .destion-body .table-row .data h3 {
                font: Bold 14px/21px 'Heebo';
                color: #131313;
                margin-top: 0px;
                margin-bottom: 0px;
                text-align: right;
            }

            .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data .data h4,
            .during-mettings .overlay-tabs ul li .list-details .desition .destion-body .table-row .data h4 {
                font: 10px 'Cairo';
                text-align: right;
                color: #131313;
                margin-top: 2px;
                padding-right: 20px;
                opacity: 0.7;
            }

    .during-mettings .overlay-tabs ul li .list-details .comment .comment-hreader h3,
    .during-mettings .overlay-tabs ul li .list-details .document .document-hreader h3 {
        font-size: 16px;
        /* color: #878986;*/
        margin-right: -20px;
    }

    .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data {
        float: right;
        width: 40%;
    }

        .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data .data {
            width: 25%;
            float: right;
        }

            .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data .data:last-of-type {
                width: 70%;
            }

        .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data:last-of-type {
            width: 20%;
            text-align: left;
        }

        .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data a {
            background-color: #152852;
            color: #fff;
            font: 12px 'Cairo';
            text-align: center;
            padding: 5px 6px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
        }

            .during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data a img {
                width: 20px;
                margin-left: 10px;
            }

    .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row {
        overflow: hidden;
        padding: 10px 10px 0px 0px;
        background-color: #fff;
        /* box-shadow: 0px 10px 20px #C4C8D066;*/
        /* margin-bottom: 5px;*/
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

        .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data {
            float: right;
            width: 10%;
        }

            .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data:last-of-type {
                width: 90%;
            }

            .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data div:first-of-type {
                float: right;
                width: 75%;
                overflow: hidden;
            }

            .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data div:last-of-type {
                float: right;
                text-align: center;
                width: 25%;
            }

                .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data div:last-of-type img {
                    width: 15%;
                    vertical-align: bottom;
                }

            /*.during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data div:last-of-type a {
                    background-color: #152852;
                    color: #fff;
                    margin-right: 10px;
                    font: 13px 'Cairo';
                    text-align: center;
                    vertical-align: sub;
                    padding: 5px 20px;
                    border-radius: 8px;
                    -webkit-border-radius: 8px;
                    -moz-border-radius: 8px;
                    -ms-border-radius: 8px;
                    -o-border-radius: 8px;
                }*/

            .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data input {
                outline: none;
                border: 1px solid #E7E7E7;
                border-right: 5px solid #E7E7E7;
                padding: 5px;
                width: 98%;
                font-family: 'Cairo';
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
            }

                .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data input:focus {
                    border-right: 5px solid #152852;
                }

            .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data h3 {
                font-size: 17px;
                margin-top: 0px;
                margin-bottom: 5px;
            }

            .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data h4 {
                font-size: 17px;
                margin-right: 0px !important;
                margin-top: 0px;
            }

            .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data h5 {
                font: 17px 'Heebo';
                margin-top: 0px;
                margin-bottom: 0px;
                text-align: left;
                padding-left: 15px;
                color: #131313;
            }

            .during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data h6 {
                text-align: left;
                /*font: 14px 'Heebo';*/
                /* margin-top: 12px;*/
                padding-left: 15px;
                text-align: left;
                color: black;
                width: 100%;
            }

.during-mettings .add-comment h2 {
    margin-top: 0px;
    margin-bottom: 4px;
    font: Bold 20px 'Cairo';
    color: #2A2F33;
}

.during-mettings .add-comment input {
    outline: none;
    border: 1px solid #E7E7E7;
    /*border-right: 5px solid #E7E7E7;*/
    padding: 5px;
    width: 100%;
    /*background-color: #EAEAEA;*/
    font-family: 'Cairo';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .during-mettings .add-comment input:focus {
        /*border-right: 5px solid #152852;*/
    }

.during-mettings h2 + span {
    opacity: .5;
}

.during-mettings .overlay-tabs ul li .list-details .document .table-row .table-data .data h6,
.during-mettings .overlay-tabs ul li .list-details .comment .comment-boay .table-row .table-data img {
    width: 40%;
    overflow: hidden;
}

.details-mettings .members-details-location .tabs-details .overlay-tabs {
    height: 120px;
}

.details-mettings .members-details-location .overlay-none {
    margin-right: 0px;
}

.details-mettings .members-details-location .tabs-details {
    float: right;
    width: 50%;
}

    .details-mettings .members-details-location .tabs-details:nth-of-type(odd) .overlay-tabs {
        margin: 0px 0px 10px 10px;
    }

    .details-mettings .members-details-location .tabs-details .overlay-tabs > div {
        float: right;
        width: 60%;
        margin-bottom: 10px;
        overflow: hidden;
    }

        .details-mettings .members-details-location .tabs-details .overlay-tabs > div h3 {
            font: Bold 16px 'Cairo';
            color: #2A2F33;
        }

        .details-mettings .members-details-location .tabs-details .overlay-tabs > div:last-of-type {
            width: 40%;
            text-align: left;
        }

        .details-mettings .members-details-location .tabs-details .overlay-tabs > div img {
            width: 70%;
        }

    .details-mettings .members-details-location .tabs-details .overlay-tabs hr {
        clear: both;
        margin-bottom: 5px;
    }

    .details-mettings .members-details-location .tabs-details .overlay-tabs span {
        font: 15px 'Cairo';
        color: #131313;
        display: block;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 10px;
    }

.span-scricle-dot {
    margin-top: -5px;
    margin-left: 20px;
    padding: 2px 12px !important;
    width: unset !important;
    color: #000000;
    font: Bold 12px 'Cairo';
    padding-bottom: 6px !important;
    vertical-align: super;
    background-color: #EBEBEB;
    line-height: 0;
    border-radius: 50%;
}

.inner-add-setp-three .members > div > div {
    text-align: left;
}

    .inner-add-setp-three .members > div > div span {
        background-color: #152852;
        color: #fff;
        margin-right: 10px;
        cursor: pointer;
        opacity: 1;
        font: bold 11px 'Cairo';
        text-align: center;
        vertical-align: sub;
        padding: 7px 20px;
        ;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

@media screen and (min-width: 1401px) and (max-width:2100) {
    .show-logout {
        top: 9% !important;
        left: 192px !important;
    }

    .navbar-menu nav ul {
        padding: 20px;
        padding-bottom: 80%;
        z-index: 1;
        width: 50%;
        overflow: hidden;
        /*margin-top: 50%;*/
        background-color: #152852;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        transition: 0.0s;
        /*  transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;*/
    }
}

@media screen and (min-width: 1362px) and (max-width:1400) /* Desktop */ {
    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 158px !important;
        top: 3% !important;
        left: 192px !important;
        z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        margin-top: 45px !important;
    }

        .show-logout a:first-of-type {
            margin-bottom: 20px;
        }

        .show-logout a {
            font: 14px/10px 'Cairo';
            color: #2A2F33;
            margin: 12px 5px;
            display: block;
        }
}

/*@media(min-width:992px)and (max-width:1200px) {
    .search-box, .show-notification {
        top: 20%
    }

    .search-box {
        left: 12%
    }

    .show-logout {
        left: 19% !important;
    }

        .show-logout::before {
            content: "";
            position: absolute;
            top: -32px;
            right: 13%;
            bottom: 102%;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 14px solid transparent;
            border-bottom: 14px solid #fff;
        }

    .search {
        position: absolute;
        height: 40px;
        border-radius: 40px;
        padding: 5px;*/
/*transform: translate(50%, 50%);
        background: #2f3640;*/
/*background: #fff;
        left: 20%;
        bottom: 20%;
    }

    .reporat-tabs-home .inner-reporat-tabs-home {
        float: right;
        width: 19.2%;
        margin-left: 1%;
        background-color: #FFFFFF;
        padding: 14px !important;
        margin-bottom: 12px;
        box-shadow: 0px 10px 20px #C4C8D066;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
}*/

/*@media screen and (max-width: 979px)*/ /* Tablet */ /*{
    body {
        background: blue;
    }
}*/

@media screen and (min-device-width: 1330px) and (max-device-width:1360) {
    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 160px;
        top: 10%;
        left: 191px;
        z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
}

@media screen and (min-device-width: 1371px) and (max-device-width: 1383px) {
    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 158px !important;
        top: 12% !important;
        /*left: 14% !important;*/
        z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        /*margin-top: 22px !important;*/
        left: 185px !important;
    }

    .show-notification {
        width: 27%;
        top: 21% !important;
        left: 1%;
        z-index: 9999999;
        position: absolute;
        border-top: 4px solid #fff;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #fff;
        /*padding: 10px;*/
        display: none;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 1%;
    }
}

@media screen and (min-device-width: 1201px) and (max-device-width:1330) {
    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 158px !important;
        top: 11% !important;
        left: 15% !important;
        z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        left: 178px !important;
    }
}

@media screen and (min-width:950) and (max-width: 991) {
    .reporat-tabs-home .inner-reporat-tabs-home {
        float: right;
        width: 19.2%;
        margin-left: 1%;
        background-color: #FFFFFF;
        padding: 6px !important;
        margin-bottom: 12px;
        box-shadow: 0px 10px 20px #C4C8D066;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
}

@media screen and (min-width: 993px) and (max-width:1200) {
    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 160px;
        top: 10%;
        left: 189px;
        z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

    .show-notification {
        width: 27%;
        top: 20% !important;
        left: 1%;
        z-index: 9999999;
        position: absolute;
        border-top: 4px solid #fff;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #fff;
        /*padding: 10px;*/
        display: none;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 1%;
    }
    /*.search {
        position: absolute;
        height: 40px;
        border-radius: 40px;
        padding: 4px;*/
    /* transform: translate(50%, 50%);*/
    /*background: #2f3640;*/
    /*background: #fff;
        left: 20% !important;
        bottom: 20%;
    }*/
}
/*@media screen and (min-width: 991px) and (max-width:992) {
    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 160px;
        top: 10%;
        left: 189px;
        z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
}*/

@media screen and (min-device-width: 1071px) and (max-device-width: 1370px) {
    /*.search {
        position: absolute;
        height: 38px;
        border-radius: 40px;
        padding: 3px;
        background: #2f3640;
        background: #fff;
        left: 45% !important;
        bottom: 20%;
    }*/

    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 158px !important;
        top: 12% !important;
        /*left: 14% !important;*/
        z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        /*margin-top: 22px !important;*/
        left: 195px !important;
    }

    .show-notification {
        width: 27%;
        top: 24% !important;
        left: 1%;
        z-index: 9999999;
        position: absolute;
        border-top: 4px solid #fff;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #fff;
        /*padding: 10px;*/
        display: none;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 1%;
    }
}

@media screen and (min-device-width: 769px) and (max-device-width: 1070px) {
    /*.nav-img {
        margin-top: 50px !important;
    }*/
    /*.search {
        position: absolute;
        height: 40px;
        border-radius: 40px;
        padding: 4px;
        background: #2f3640;
        background: #fff;
        left: 20% !important;
        bottom: 20%;
    }*/

    .show-notification {
        width: 27%;
        top: 22% !important;
        left: 1%;
        z-index: 9999999;
        position: absolute;
        border-top: 4px solid #fff;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #fff;
        /*padding: 10px;*/
        display: none;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 1%;
    }

    .navbar-menu nav {
        /* right: 5% !important;*/
        text-align: center;
        position: absolute;
        /* right: 20px;*/
        /*top: 70px;*/
    }

        .navbar-menu nav ul {
            /* padding: 20px;*/
            /*padding-bottom: 50%;*/
            z-index: 1;
            /* width: 60%;*/
            overflow: hidden;
            /*margin-top: 50%;*/
            background-color: #152852;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            padding-top: 20px;
            transition: 0.4s ease-in-out;
        }

            .navbar-menu nav ul li {
                display: flex;
                z-index: 1;
                overflow: hidden;
            }

                /*.navbar-menu nav ul li:not(:first-of-type) {
                    margin: 60px 0px;
                }*/

                .navbar-menu nav ul li img {
                    width: 45%;
                }

                .navbar-menu nav ul li a img {
                    /*width: 44% !important;*/
                    /*width: 20px;*/
                    /* max-width: 25%;*/
                    /*float : right;*/
                    /*margin-right: 10%*/
                }

                .navbar-menu nav ul li a .img-user-nav {
                    height: 20px;
                }

            .navbar-menu nav ul a {
                display: flex;
            }

            .navbar-menu nav ul li a span {
                width: 60%;
                visibility: hidden;
                float: left;
                padding-right: 12px;
                font-size: 14px;
                font-family: 'Cairo';
                color: white;
            }

            .navbar-menu nav ul li:last-of-type {
                margin-bottom: 20px;
            }

            .navbar-menu nav ul li.active {
                overflow: visible;
                position: relative;
                margin: 30px 5px 18px -8px;
                background-color: #F0F2F6;
                border-top-right-radius: 50px;
                border-bottom-right-radius: 50px;
                height: 37px;
                color: #152852;
            }

                .navbar-menu nav ul li.active span {
                    font-weight: bolder;
                    color: #14274F;
                }

                .navbar-menu nav ul li.active::before {
                    content: "";
                    width: 30px;
                    height: 30px;
                    margin-top: -29px;
                    transform: rotate(178deg) scale(1.04) !important;
                    background-size: 100%;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A") !important;
                    position: absolute;
                    top: 0;
                    left: 0;
                    transition: 0.0s;
                    /* -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;*/
                }

                .navbar-menu nav ul li.active::after {
                    content: "";
                    width: 30px !important;
                    z-index: 99999999999 !important;
                    height: 25px !important;
                    margin-top: 39px !important;
                    transform: rotate(-90deg) scale(1.04) !important;
                    background-size: 100% !important;
                    position: absolute;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A") !important;
                    top: 0;
                    left: 0;
                    transition: 0.0s;
                    /* transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;*/
                }
    /* End Nav Bar Right */

    .header-home .header-home-left > div h1 {
        margin: 30px 30px 0px 10px;
        font: 20px/35px 'Maven Pro';
        color: #152852;
    }

    .header-home .header-home-left > div img {
        float: left;
        margin-top: 31px;
        width: 45px;
    }

    .header-home .header-home-left > div h2 {
        float: right;
        margin-top: 33px;
        padding-left: 15px;
        font: normal 14px/46px 'Droid Sans Arabic';
        color: #393C40;
        color: #152852;
    }

    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 158px !important;
        top: 9% !important;
        /*left: 14% !important;*/
        z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        margin-top: 22px !important;
        left: 175px !important;
    }

        .show-logout::before {
            content: "";
            position: absolute;
            /*top: -32px;*/
            right: 20px;
            bottom: 100%;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 14px solid transparent;
            border-bottom: 14px solid #fff;
        }

        .show-logout a:first-of-type {
            margin-bottom: 20px;
        }

        .show-logout a {
            font: 14px/10px 'Cairo';
            color: #2A2F33;
            margin: 12px 5px;
            display: block;
        }
}

@media screen and (max-device-width:768) and (min-device-width:501px) {
    .show-logout {
        left: 185px;
        top: 6%;
    }

    /*.search {
        position: absolute;
        height: 40px;
        border-radius: 40px;
        padding: 5px;*/
    /* transform: translate(50%, 50%);*/
    /*background: #2f3640;*/
    /*background: #fff;
        left: 35% !important;
        bottom: 20%;
    }*/
}

/*@media screen and (min-device-width: 1371px) and (max-device-width: 1920px) 
{

    .show-logout {
        display: none;
        padding: 10px;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #ffffff;
        border-top: 4px solid #fff;
        width: 158px !important;
        top: 13% !important;*/
/*left: 14% !important;*/
/*z-index: 9999999;
        position: absolute;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;*/
/*margin-top: 22px !important;*/
/*left: 455px !important;*/
/*}

    .show-notification {
        width: 27%;
        top: 24% !important;*/
/*left: 15%;*/
/*z-index: 9999999;
        position: absolute;
        border-top: 4px solid #fff;
        box-shadow: 0px 3px 80px #0000001A;
        background-color: #fff;*/
/*padding: 10px;*/
/*display: none;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 1%;
    }
}*/

@media screen and (max-width: 911px) and (min-device-width:854px) /* hall switch buttons*/ {
    .hall-switch {
        width: 113% !important;
    }
}

@media screen and (max-width: 500px) /* Mobile */ {
}

@media screen and (max-width: 767px) {
    #sidebar {
        display: none !important;
    }

    #bodyPage {
        margin-right: 0px !important;
    }
}

/* @media (max-width: 575px) {
        .nav-image {
            width: 15% !important;
            float: left !important;
        }*/
@media (max-width: 991px) {
    /* #bodyPage {
        margin-right: 0px !important;
    }*/
    .flex-item {
        display: flex;
        flex-direction: row;
    }
}

.content-body .section-mettings {
    padding: 20px 0px;
    /* cursor: pointer; */
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    /* margin-top: -0px; */
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
    background-color: #FFFFFF;
    margin-right: 0px;
    color: #152852;
    font-family: 'Cairo';
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    transform: rotate(360deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

}

@media(max-width:397) {
    .navImg {
        width: 80% !important;
    }
}

/*@import url('https://fonts.googleapis.com/css?family=Poppins');*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

#chart {
    max-width: 760px;
    margin: 35px auto;
    opacity: 0.9;
}

#timeline-chart .apexcharts-toolbar {
    opacity: 1;
    border: 0;
}

@media (max-width: 991px) {
    .flex-container {
        flex-direction: column;
    }

    .nav-row {
        flex-direction: row;
    }
}

@media (max-width: 542px) {
    .left-area .navbar-search {
        display: none;
    }
}

.left {
    direction: ltr;
}

.right {
    direction: rtl;
}

.animation {
    position: relative;
    width: 100%;
    height: 48px;
    display: flex;
    flex-wrap: wrap;
    margin: .5rem 1rem;
}

.input-form {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    border: 1px solid #DADCE0;
    border-radius: .5rem;
    outline: none;
    padding: .5rem 1rem;
    background: none;
}

.label-form {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0 .25rem;
    background-color: #fff;
    color: #80868B;
    font-size: 1rem;
    transition: .3s;
}

.input-form:focus + .label-form {
    top: -.5rem;
    right: .8rem;
    color: #1A73EB;
    font-size: .75rem;
    font-weight: 500;
    z-index: 1;
}

.animation .input-form:focus {
    border: 1.5px solid #1A73EB;
}

/*new style*/

@media screen and (min-width: 768px) {
    .new-sidebar {
        background: rgb(21,40,82);
        background: linear-gradient(120deg, rgba(21,40,82,1) 0%, rgba(23,58,136,1) 100%);
        width: 265px;
        height: 100vh;
        position: fixed;
    }

    .app-content {
        width: calc(100% - 265px);
        margin-inline-start: 265px;
    }

    .navbar-expand-lg {
        background: #fff !important;
        -webkit-box-shadow: 0 10px 30px 0 rgba(82, 63, 105, .08);
        box-shadow: 0 10px 30px 0 rgba(82, 63, 105, .08);
        right: 265px !important;
    }

    .new-sidebar .logo {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .new-sidebar .logo img {
            max-width: 75px;
        }

    .new-sidebar .main-menu-content ul {
        padding: 15px;
        list-style: none;
    }

        .new-sidebar .main-menu-content ul li {
            color: #fff;
            background: rgb(255 255 255 / 22%);
            margin-bottom: 15px;
            border-radius: 7px;
            transition: all .5s;
        }

            .new-sidebar .main-menu-content ul li a {
                font-size: 20px;
            }

            .new-sidebar .main-menu-content ul li:hover, .new-sidebar .main-menu-content ul li.active {
                background: #fff;
                color: #152852;
                transition: all .5s;
            }

    html body.navbar-sticky .app-content .content-wrapper {
        min-height: calc(100vh - 128px);
    }
}

.page-title {
    margin: 25px auto;
}


.main-menu-content {
    position: relative;
    z-index: 1;
}



.area {
    width: 100%;
    height: 100vh;
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .circles li {
        position: absolute;
        display: block;
        list-style: none;
        width: 20px;
        height: 20px;
        background: rgba(255, 255, 255, 0.2);
        animation: animate 25s linear infinite;
        bottom: -150px;
    }

        .circles li:nth-child(1) {
            left: 25%;
            width: 80px;
            height: 80px;
            animation-delay: 0s;
        }


        .circles li:nth-child(2) {
            left: 10%;
            width: 20px;
            height: 20px;
            animation-delay: 2s;
            animation-duration: 12s;
        }

        .circles li:nth-child(3) {
            left: 70%;
            width: 20px;
            height: 20px;
            animation-delay: 4s;
        }

        .circles li:nth-child(4) {
            left: 40%;
            width: 60px;
            height: 60px;
            animation-delay: 0s;
            animation-duration: 18s;
        }

        .circles li:nth-child(5) {
            left: 65%;
            width: 20px;
            height: 20px;
            animation-delay: 0s;
        }

        .circles li:nth-child(6) {
            left: 75%;
            width: 110px;
            height: 110px;
            animation-delay: 3s;
        }

        .circles li:nth-child(7) {
            left: 35%;
            width: 100px;
            height: 100px;
            animation-delay: 7s;
        }

        .circles li:nth-child(8) {
            left: 50%;
            width: 25px;
            height: 25px;
            animation-delay: 15s;
            animation-duration: 45s;
        }

        .circles li:nth-child(9) {
            left: 20%;
            width: 15px;
            height: 15px;
            animation-delay: 2s;
            animation-duration: 35s;
        }

        .circles li:nth-child(10) {
            left: 85%;
            width: 100px;
            height: 100px;
            animation-delay: 0s;
            animation-duration: 11s;
        }



@keyframes animate {

    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 20%;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 100%;
    }
}

.svg g [fill] {
    fill: #3699FF;
}

#notificationcounterli span.badge {
    top: auto !important;
    bottom: 34px !important;
    padding: 4px 4px 4px 4px;
    width: 20px;
    margin-left: 2px;
    height: 20px;
    border-radius: 100%;
    left: 0;
}

.dropdown-notification {
    padding: 5px;
}

.wave {
    background-color: #F3F6F9;
    overflow: hidden;
    position: relative;
}

    .wave > div {
        z-index: 1;
    }

    .wave:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ffffff;
        z-index: -1;
    }

    .wave:after {
        content: " ";
        width: 1000px;
        height: 1025px;
        position: absolute;
        bottom: 65%;
        left: -250px;
        border-radius: 35%;
        background: white;
        z-index: 0;
    }

    .wave:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.wave-animate:after {
    -webkit-animation: animate-wave 15s infinite linear;
    animation: animate-wave 15s infinite linear;
}

.wave-animate-slower:after {
    -webkit-animation: animate-wave 30s infinite linear;
    animation: animate-wave 30s infinite linear;
}

.wave-animate-slow:after {
    -webkit-animation: animate-wave 25s infinite linear;
    animation: animate-wave 25s infinite linear;
}

.wave-animate-fast:after {
    -webkit-animation: animate-wave 10s infinite linear;
    animation: animate-wave 10s infinite linear;
}

.wave-animate-faster:after {
    -webkit-animation: animate-wave 5s infinite linear;
    animation: animate-wave 5s infinite linear;
}

.wave.wave-primary {
    background-color: rgb(226 236 255 / 40%) !important;
}

    .wave.wave-primary .svg-icon svg g [fill] {
        fill: #3699FF;
    }

.wave.wave-secondary {
    background-color: rgba(228, 230, 239, 0.1) !important;
}

    .wave.wave-secondary .svg-icon svg g [fill] {
        fill: #E4E6EF;
    }

.wave.wave-success {
    background-color: rgb(210 255 232 / 40%) !important;
}

    .wave.wave-success .svg-icon svg g [fill] {
        fill: #1BC5BD;
    }

.wave.wave-info {
    background-color: rgb(204 245 248 / 40%) !important;
}

    .wave.wave-info .svg-icon svg g [fill] {
        fill: #8950FC;
    }

.wave.wave-warning {
    background-color: rgba(255, 168, 0, 0.1) !important;
}

    .wave.wave-warning .svg-icon svg g [fill] {
        fill: #FFA800;
    }

.wave.wave-danger {
    background-color: rgba(246, 78, 96, 0.1) !important;
}

    .wave.wave-danger .svg-icon svg g [fill] {
        fill: #F64E60;
    }

.wave.wave-light {
    background-color: rgba(243, 246, 249, 0.1) !important;
}

    .wave.wave-light .svg-icon svg g [fill] {
        fill: #F3F6F9;
    }

.wave.wave-dark {
    background-color: rgba(24, 28, 50, 0.1) !important;
}

    .wave.wave-dark .svg-icon svg g [fill] {
        fill: #181C32;
    }

.wave.wave-white {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

    .wave.wave-white .svg-icon svg g [fill] {
        fill: #ffffff;
    }

@-webkit-keyframes animate-wave {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-wave {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*login style*/
body.signin-main {
    background: url(/images/login-bg.jpeg) no-repeat;
}

.login-body {
    margin: auto;
    background: linear-gradient(315deg, rgb(141 55 135) 3%, rgb(27 58 90) 38%, rgb(48 122 238) 68%, rgb(255 216 25) 98%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
    position: absolute;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .8;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

.login-wave {
    background: rgb(255 255 255 / 25%);
    border-radius: 1000% 1000% 0 0;
    position: fixed;
    width: 200%;
    height: 12em;
    animation: login-wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    bottom: 0;
    left: 0;
    z-index: -1;
}

    .login-wave:nth-of-type(2) {
        bottom: -1.25em;
        animation: login-wave 18s linear reverse infinite;
        opacity: 0.8;
    }

    .login-wave:nth-of-type(3) {
        bottom: -2.5em;
        animation: login-wave 20s -1s reverse infinite;
        opacity: 0.9;
    }

@keyframes login-wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}

.main-footer {
    background: #fff;
    color: #666;
    padding: 12px 0;
    margin-top: 35px;
    box-shadow: 0 10px 30px 0 rgba(82, 63, 105, .08);
}

.dataTables_wrapper .dataTables_filter input, div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
    outline: none;
    padding: 5px;
    margin: 0 5px;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #eef0f8;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #eef0f8;
}

.form-label {
    font-weight: bold;
}

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: inherit;
    color:#555;
}

#txtsearch {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

#basic-text1 {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}