@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Icons';
    src: url('../Fonts/fa-brands.eot');
    src: url('../Fonts/fa-brands.eot') format('embedded-opentype'), url('../Fonts/fa-brands.woff2') format('woff2'), url('../Fonts/fa-brands.woff') format('woff'), url('../Fonts/fa-brands.ttf') format('truetype'), url('../Fonts/fa-brands.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Icons3';
    src: url('../Fonts/fa-solid-900.eot');
    src: url('../Fonts/fa-solid-900.eot') format('embedded-opentype'), url('../Fonts/fa-solid-900.woff2') format('woff2'), url('../Fonts/fa-solid-900.woff') format('woff'), url('../Fonts/fa-solid-900.ttf') format('truetype'), url('../Fonts/fa-solid-900.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Icons2';
    src: url('../Fonts/fa-regular.eot');
    src: url('../Fonts/fa-regular.eot') format('embedded-opentype'), url('../Fonts/fa-regular.woff2') format('woff2'), url('../Fonts/fa-regular.woff') format('woff'), url('../Fonts/fa-regular.ttf') format('truetype'), url('../Fonts/fa-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Icons4';
    src: url('../Fonts/fa-light-300.eot');
    src: url('../Fonts/fa-light-300.eot') format('embedded-opentype'), url('../Fonts/fa-light-300.woff2') format('woff2'), url('../Fonts/fa-light-300.woff') format('woff'), url('../Fonts/fa-light-300.ttf') format('truetype'), url('../Fonts/ffa-light-300.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Bold.eot');
    src: url('../Fonts/Montserrat-Arabic-Bold.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-Bold.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-Bold.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-Bold.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-Bold.svg#Montserrat-Arabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Black.eot');
    src: url('../Fonts/Montserrat-Arabic-Black.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-Black.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-Black.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-Black.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-Black.svg#Montserrat-Arabic-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-ExtraBold.eot');
    src: url('../Fonts/Montserrat-Arabic-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-ExtraBold.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-ExtraBold.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-ExtraBold.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-ExtraBold.svg#Montserrat-Arabic-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-ExtraLight.eot');
    src: url('../Fonts/Montserrat-Arabic-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-ExtraLight.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-ExtraLight.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-ExtraLight.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-ExtraLight.svg#Montserrat-Arabic-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Light.eot');
    src: url('../Fonts/Montserrat-Arabic-Light.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-Light.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-Light.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-Light.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-Light.svg#Montserrat-Arabic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Medium.eot');
    src: url('../Fonts/Montserrat-Arabic-Medium.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-Medium.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-Medium.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-Medium.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-Medium.svg#Montserrat-Arabic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Regular.eot');
    src: url('../Fonts/Montserrat-Arabic-Regular.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-Regular.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-Regular.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-Regular.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-Regular.svg#Montserrat-Arabic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-SemiBold.eot');
    src: url('../Fonts/Montserrat-Arabic-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-SemiBold.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-SemiBold.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-SemiBold.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-SemiBold.svg#Montserrat-Arabic-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Thin.eot');
    src: url('../Fonts/Montserrat-Arabic-Thin.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Montserrat-Arabic-Thin.woff2') format('woff2'),
    url('../Fonts/Montserrat-Arabic-Thin.woff') format('woff'),
    url('../Fonts/Montserrat-Arabic-Thin.ttf') format('truetype'),
    url('../Fonts/Montserrat-Arabic-Thin.svg#Montserrat-Arabic-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

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

html {
    font-size: 16px;
}

::-webkit-selection {
    background-color: #8A7D4A;
    color: rgba(0, 0, 0, 0.87);
}

::-moz-selection {
    background-color: #8A7D4A;
    color: rgba(0, 0, 0, 0.87);
}

::selection {
    background-color: #8A7D4A;
    color: rgba(0, 0, 0, 0.87);
}


/* Force Simple Scrollbars */

body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

body ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: #8A7D4A;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

body ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.15);
}

body ::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 135, 139, 0.8);
}

/* Inverted UI */

body {
    left: 0;
    margin: 0;
    top: 0px;
    position: relative;
    width: 100%;
    font-weight: normal;
    direction: rtl;
    font-family: 'Montserrat-Arabic' !important;
    -webkit-font-feature-settings: 'lnum';
    font-feature-settings: 'lnum';
    font-variant-numeric: lining-nums;
    -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    text-rendering: optimizelegibility;
    font-size: 16px;
}

img {
    border: 0px;
    display: block;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    line-height: normal;
    font-weight: normal;
    font-family: 'Montserrat-Arabic' !important;
}

textarea,
input[type="text"],
input[type="password"],
input[type="button"],
select,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    font-family: 'Montserrat-Arabic' !important;
    outline: none;
}

p {
    font-family: 'Montserrat-Arabic' !important;
}

alt {
    color: #F4F7FC;
    font-size: 18px;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 17px;
    right: 17px;
    overflow: hidden;
    width: 50px;
    padding: 0px 5px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: none;
    background: #28245C;
    z-index: 9;
    color: #fff;
    font-weight: 100;
    font-weight: 400;
    font-size: 14px;
    border-radius: 100%;
    opacity: 0.7;
}

#toTop:before {
    content: "\f077";
    font-family: 'Icons2';
    font-size: 12px;

}

.clear {
    clear: both;
}

.center {
    width: 90%;
    margin: 0px auto;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.center-flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.socialCircle-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.justify-between {
    justify-content: space-between;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;

}

.justify-dirction {
    flex-direction: column;
}

.xs-font {
    font-size: 10px;
}

.s-font {
    font-size: 12px;
}

.m-font {
    font-size: 14px;
}

.l-font {
    font-size: 16px;
}

.xl-font {
    font-size: 22px;
}

.raduis-5 {
    border-radius: 5px;
}

.raduis-7 {
    border-radius: 7px;
}

.raduis-10 {
    border-radius: 10px;
}

.raduis-12 {
    border-radius: 12px;
}

.raduis-15 {
    border-radius: 15px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-30 {
    padding: 30px;
}

.red-color {
    color: #AF0818;
}

.green-color {
    color: #006604;
}

.blue-color {
    color: #28245C;
}

.yellow-color {
    color: #8A7D4A;
}

.grey-color {
    color: #8A8A8A;
}

.white-color {
    color: #fff;
}

.black-color {
    color: #000;
}

.baby-blue-bg {
    background-color: #F2F1FF;
}

.baby-yellow-bg {
    background-color: #F1EDDF;
}

.baby-green-bg {
    background-color: #DCF2DC;
}

.green-bg {
    background-color: #006604;
}

.red-bg {
    background-color: #AF0818;
}

.baby-red-bg {
    background-color: #F4D6D9;
}

.white-bg {
    background-color: #ffffff;
}

.blue-bg {
    background-color: #28245C;
}

.yellow-bg {
    background-color: #8A7D4A;
}

.grey-bg {
    background-color: #f7f7f7 !important;
}

.section-white {
    padding: 50px 0px;
    background-color: #fff;
    position: relative;
}

.section-white-pro {
    padding: 50px 0px 80px 0px;
    background-color: #fff;
    position: relative;
}

.section-grey {
    padding: 50px 0px;
    background-color: #f5f5f5;
}

.section-blue {
    padding: 50px 0px;
    background-color: #134779;
}

.section-baby-blue {
    padding: 50px 0px;
    background-color: #F2F1FF;
}

.time {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.weight-100 {
    font-weight: 100;
}

.weight-200 {
    font-weight: 200;
}

.weight-300 {
    font-weight: 300;
}

.weight-400 {
    font-weight: 400;
}

.weight-500 {
    font-weight: 500;
}

.weight-700 {
    font-weight: 700;
}

.weight-800 {
    font-weight: 800;
}

.weight-900 {
    font-weight: 900;
}

.btn {
    padding: 15px 20px;
    background-color: #28245C;
    border-radius: 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    border: 0px;
    font-family: 'Montserrat-Arabic' !important;
    margin-top: 30px;
}

.btn:hover {
    opacity: 0.7;
}

.input-form {
    padding: 20px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: 300;
    border-radius: 7px;
    color: #000;
    background-color: #f7f7f7;
    width: 100%;
    font-family: 'Montserrat-Arabic' !important;
}

.area-form {
    padding: 20px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: 300;
    border-radius: 7px;
    color: #000;
    background-color: #f7f7f7;
    width: 100%;
    font-family: 'Montserrat-Arabic' !important;
    min-height: 300px;
    max-width: 100%;
    min-width: 100%;
}

.left-30 {
    margin-left: 30px;
}

.left-30:last-child {
    margin-left: 0px;
}

.left-15 {
    margin-left: 15px;
}

.left-15:last-child {
    margin-left: 0px;
}

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

.left-10:last-child {
    margin-left: 0px;
}

.title-section {
    text-align: center;
    margin-bottom: 50px;
}

.title-section h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
}

.logo-student img {
    height: 150px;
}

.all-choose {
    flex-direction: column;
    align-content: center;
    align-items: center;
    height: 100vh;
}

.choose-log {
    margin-top: 10px;
}

.choose-log ul li {
    margin-left: 50px;
}

.choose-log ul li:nth-child(2n) {
    margin-left: 0px;
}

.choose-log ul li a div {
    width: 130px;
    height: 130px;
    position: relative;
    border: 1px solid #f1f1f1;
}

.choose-log ul li a div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.choose-log ul li a h2 {
    text-align: center;
    margin-top: 15px;
}

.section-log {
    height: 100vh;

}

.right-log {
    align-content: center;
    align-items: center;
    width: 50%;
    position: relative;
    height: 100vh;
    flex-direction: column;
}

.left-log {
    width: 50%;
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.left-log img {
    min-height: 100vh;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo-log img {
    height: 150px;
    margin: auto;
}

.titles-log {
    margin: 30px 0px;
    text-align: center;
}

.titles-log h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
}

.titles-log h3 {
    margin-top: 20px;

}

.container-checkbox {
    display: block;
    position: relative;
    padding-right: 25px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
    border-radius: 3px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 7px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.log-form .form-group {
    margin-top: 30px;
}

.log-form .form-group:nth-child(1) {
    margin-top: 0px;
}

.down-log {
    width: 100%;
    margin-top: 15px;
}

.log-form .btn {
    width: 100%;
}

.no-account span {
    margin: 30px 0px;
    display: block;
    text-align: center;
}

.no-account a {
    width: 100%;
    border: 1px solid #28245C;
    text-align: center;
}

.right-log-inner {
    width: 50%;
}

.back-page {
    position: absolute;
    top: 20px;
    right: 20px;
}

.back-page a {
    border: 1px solid #8A8A8A;
}

.back-page a:after {
    font-family: "Icons2";
    content: "\f060";
    margin-right: 5px;
}

.form-group {
    position: relative;
}

.form-group label.error {
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    right: 5px;
    padding: 3px 6px;
    background-color: #fff;
    border-radius: 25px;
}

.error {
    color: #f00;
}

.page-wrap {
    overflow-x: hidden;
}

.page-content {
    position: relative;
    z-index: 0;
    min-height: 100vh;
    background-color: #f7f7f7;
    width: calc(100% - 300px);
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    transform: translateX(-300px);
}

.toggle {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
    text-decoration: none;
    font-size: 35px;
    color: black;
    z-index: 1;
}

.toggle:hover {
    color: RGB(179, 2, 35);
}

.sidebar {
    position: fixed;
    top: 0px;
    left: 0;
    bottom: 0px;
    right: 0;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    width: 300px;
    padding: 40px;
    z-index: 0;
    flex-direction: column;
    visibility: visible;
    flex-wrap: nowrap !important;
}

.nav-bar ul li {

    margin-bottom: 40px;
}

.nav-bar ul li :last-child {
    margin-bottom: 0px;
}

#side {
    display: none;
}

#side:checked + .page-wrap .sidebar {
    transform: translateX(300px);
    -webkit-transition: width .6s ease-in-out, transform .6s ease-in-out, visibility .6s ease-in-out;
    -moz-transition: width .6s ease-in-out, transform .6s ease-in-out, visibility .6s ease-in-out;
    transition: width .6s ease-in-out, transform .6s ease-in-out, visibility .6s ease-in-out;
    visibility: hidden;
}

#side:checked + .page-wrap .page-content {
    transform: translateX(0px);
    width: 100%;
    -webkit-transition: width .6s ease-in-out, transform .6s ease-in-out;
    -moz-transition: width .6s ease-in-out, transform .6s ease-in-out;
    -o-transition: width .6s ease-in-out, transform .6s ease-in-out;
    transition: width .6s ease-in-out, transform .6s ease-in-out;
}

.logo-side {
    margin-bottom: 30px;
}

.logo-side img {
    height: 100px;
    margin: auto;
}

.personal-side a img {
    width: 70px;
    height: 70px;
    margin-left: 10px;
}

.left-personal-side span {
    display: block;
    line-height: normal;
}

.left-personal-side h2 {
    margin: 5px 0px;
}

.sidebar ul li a i {
    font-style: normal;
    margin-left: 15px;
}

.log-out i {
    font-style: normal;
    margin-left: 15px;
}

.icon-1:before {
    content: "\f015";
    font-family: 'Icons3';
}

.icon-2:before {
    content: "\f017";
    font-family: 'Icons3';
}

.icon-3:before {
    content: "\f0c0";
    font-family: 'Icons3';
}

.icon-4:before {
    content: "\f15c";
    font-family: 'Icons3';
}

.icon-5:before {
    content: "\f0e0";
    font-family: 'Icons3';
}

.icon-6:before {
    content: "\f1ea";
    font-family: 'Icons3';
}

.icon-7:before {
    content: "\f737";
    font-family: 'Icons3';
}

.icon-8:before {
    content: "\f08b";
    font-family: 'Icons3';
}

.down-icon {
    margin-right: 30px;
    margin-left: 0px;
}

.down-icon:before {
    content: "\f107";
    font-family: 'Icons2';
}

.drop {
    display: none;
}

.drop-li {
    margin-top: 20px;
    padding-right: 35px;
    margin-bottom: 0px !important;
}

.header {
    padding: 15px 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px -2px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 4px 10px -2px rgb(0 0 0 / 6%);
}

.toggle {
    position: relative;
    height: 40px;
    width: 40px;
    display: block;
    cursor: pointer;
}

.lines {
    display: block;
    background-color: #8A7D4A;
    width: 30px;
    height: 2px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lines:before {
    background-color: #8A7D4A;
    width: 15px;
    height: 2px;
    border-radius: 5px;
    content: "";
    position: absolute;
    left: 0px;
    top: -8px;
}

.lines:after {
    background-color: #8A7D4A;
    width: 15px;
    height: 2px;
    border-radius: 5px;
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: -8px;
}

.user-header img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.notification a {
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    position: relative;
    color: #000;
}

.notification a span {
    position: absolute;
    top: 5px;
    right: 3px;
    background-color: #CF0F0F;
    color: #fff;
    width: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 100%;
    height: 18px;
}

.notification-pill {
    margin-left: 15px;
    color: #000;
}

.notification-pill:before {
    content: "\f0f3";
    font-family: "Icons4";
}

.notification-mail {
    color: #000;
    margin-left: 15px;
}

.notification-mail:before {
    content: "\f0e0";
    font-family: "Icons4";
}

.active-menu.nav-link {
    color: #28245C;
}

.active-menu {
    color: #28245C;
}

.bread-crumb ul li {
    margin-left: 5px;
}

.bread-crumb ul li:last-child {
    margin-left: 0px;
}

.bread-crumb ul li a:after {
    content: "\f053";
    font-family: "Icons3";
    margin-right: 5px;
    font-size: 12px;
}

.bread-crumb ul li span {
    display: block;
}

.section-top {
    margin-top: 30px;
}

.section {
    margin-top: 30px;
    padding-bottom: 30px;
}

.section-inner {
    box-shadow: 0px 0px 9px 0px rgba(60, 60, 60, 0.03);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(60, 60, 60, 0.03);
    -moz-box-shadow: 0px 0px 9px 0px rgba(60, 60, 60, 0.03);
    padding: 30px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #E5E5E5 !important;
}

table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
    box-shadow: none !important;
    background-color: #F9F9F9 !important
}

table.dataTable thead th, table.dataTable thead td {
    padding: 15px !important;
    border-bottom: 0px !important;
}

table.dataTable.no-footer {
    border-bottom: 0px !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 10px !important;
}

.table .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px !important;
    margin-left: 0px !important;
    text-align: center;
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
    border-radius: 30px !important;
    cursor: pointer !important;
    color: #333 !important;
    border: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center;
}

.table .dataTables_wrapper .dataTables_paginate span .paginate_button {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0px 5px;
}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button:hover {
    color: #fff !important;
    background-color: #28245C !important;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
    color: #fff !important;
    background-color: #28245C !important;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .paginate_button.current {
    color: #fff !important;
    background-color: #28245C !important;
}

.table .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    background-color: #28245C !important;
}

.paginate_button.next {
    margin-right: 5px;
}

.arrow-left, .arrow-right {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.arrow-left:before {
    content: "\f053";
    font-family: "Icons2";
    font-style: normal;
}

.arrow-right:before {
    content: "\f054";
    font-family: "Icons2";
    font-style: normal;
}

.dataTables_paginate {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    float: none !important;
    margin-top: 15px !important;
}

.title-icon {
    margin-bottom: 30px;
}

.title-icon i {
    font-style: normal;
    font-size: 24px;
    margin-left: 10px;
}

.title-icon h2 {
    font-size: 18px;
    font-weight: 500;
}

.socialCircle-item {
    width: 160px;
    /*height: 40px;*/
    text-align: center;
    color: #ffffff;
    font-size: 1rem;
    cursor: pointer;

}

.socialCircle-item i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    color: #28245C;
    margin-right: 10px;
}

.socialCircle-item span {
    display: inline-block;
}

.phone i:before {
    content: "\f095";
    font-family: "Icons3";
    font-style: normal;
}

.help i:before {
    content: "\f590";
    font-family: "Icons2";
    font-style: normal;
}

.support i:before {
    content: "\f4c4";
    font-family: "Icons2";
    font-style: normal;
}

.socialCircle-container {
    position: fixed;
    z-index: 999999999999999;
    left: 30px;
    bottom: 70px;
}

.socialCircle-center {
    background: #28245C;
    text-align: center;
    color: #ffffff;
    font-size: 1rem;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.inner-social {
    left: 5px;
    bottom: 10px;
    position: absolute;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    display: block;
}

.fa-share-alt:before {
    content: "\f086";
    font-family: "Icons3";
    font-style: normal;
    font-size: 18px;

}

.closed {
    display: none;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.socialCircle-item:nth-child(2) {
    margin: 10px 0px;
}

.box-shadow {
    box-shadow: 0px 0px 9px 0px rgb(60 60 60 / 60%);
    -webkit-box-shadow: 0px 0px 9px 0px rgb(60 60 60 / 60%);
    -moz-box-shadow: 0px 0px 9px 0px rgba(60, 60, 60, 0.6);
}

.align-center {
    text-align: center;
}

.colum-t {
    margin-top: 15px;
}

.colum-t h3 span {
    display: block;
    margin-bottom: 0px;
    margin-left: 5px;
}

.colum-t h3 span:before {
    content: "\f017";
    font-family: "Icons2";
    display: block;
}

.colum-t span {
    margin-bottom: 10px;
    display: block;
}

.read-list p {
    margin-left: 3px;
    margin-bottom: 5px;
}

.read-list p:last-child {
    margin-left: 0px;
}

.read-list p:last-child:after {
    display: none;
}

.read-list p:after {
    content: "-";
    margin-right: 3px;
}

.colum-t .can-acces {
    display: inline-block;
    margin-bottom: 0px;
}

.teacer-times ul li {
    width: calc(30% - 15px);
    border: 1px solid #E5E5E5;
    margin-left: 30px;
    margin-top: 30px;
}

.teacer-times ul li:nth-child(3n) {
    margin-left: 0px;
}

.teacer-times ul li:nth-child(-n+3) {
    margin-top: 0px;
}

.edit-news:before {
    content: "\f044";
    font-family: "Icons2";
    margin-right: -3px;
}

.delet-news:before {
    content: "\f2ed";
    font-family: "Icons3";
}

.news-status a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

.width-title {
    width: 300px;
}

.width-title a {
    line-height: 24px;
}

.white-space {
    white-space: inherit !important;
}

.align-right {
    text-align: right !important;
}

.add-news a:before {
    content: "\2b";
    font-family: "Icons4";
    margin-left: 5px;
    font-size: 18px;
    font-weight: bold
}

.add-news {
    margin-bottom: 30px;
}

.add-news a {
    margin-top: 0px;
}

.write-news .form-group {
    margin-top: 30px;
}

.write-news .form-group:nth-child(1) {
    margin-top: 0px;
}

.label-regist {
    margin-bottom: 15px;
    display: block;
}

.write-news .btn {
    float: left;
}

.names span {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 7px;
}

.names h2 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 7px;
}

.left-arrow:before {
    content: "\f053";
    font-family: "Icons3";
    margin-right: 5px;
    font-style: normal;
}

.down-select {
    font-style: normal;
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: block;
}

.down-select:before {
    content: "\f078";
    font-family: "Icons2";
}

.cal-icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
}

.cal-icon:before {
    content: "\f073";
    font-family: "Icons3";
    margin-left: 5px;
    font-style: normal;
}

.top-a7sa .form-group {
    width: 300px;

}

.top-a7sa .input-form {
    padding-right: 40px;
}

.top-a7sa {
    margin-bottom: 30px;
}

.sub-title {
    margin-bottom: 30px;
}

.reason ul li {
    margin-top: 30px;
    width: 500px;
}

.reason ul li:nth-child(3), .reason ul li:nth-child(4) {
    margin-top: 30px;
    width: 100%;
}

.calen-icon {
    padding: 18px 20px;
    background-color: #EBEBEB;
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.calen-icon:before {
    content: "\f073";
    font-family: 'Icons3';
    color: #A9A9A9;
    font-style: normal;
}

.two-day {
    display: none;
}

.hide-active-tt {
    display: none;
}

.active-tt {
    display: flex;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.one-day, .one-day .form-group {
    width: 500px;
}

.two-day .form-group {
    width: 500px;
}

.reason .btn {
    float: left;
}

.delete-all a:before {
    content: "\f2ed";
    font-family: "Icons3";
    margin-left: 5px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin: 0px 15px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 5px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked + .slider {
    background-color: #34C759;
}

.switch input[checked="checked"] + .slider {
    background-color: #34C759;
}

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

.switch input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.switch input[checked="checked"] + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}

.removeto-all a:before {
    content: "\f5fd";
    font-family: "Icons3";
    margin-left: 5px;
}

.copy-all {
    margin: 0px 15px;
}

.copy-all a:before {
    content: "\f0c5";
    font-family: "Icons3";
    margin-left: 5px;
}

.all-report ul {
    border: 1px solid #e5e5e5;
}

.all-report ul li {
    border-bottom: 1px solid #e5e5e5;
}

.all-report ul li span {
    width: 50%;
    text-align: right;
    display: block;
}

.all-report ul li p {
    width: 50%;
    text-align: right;
}

.all-report ul li:last-child {
    border-bottom: 0px;
}

.all-report h2 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    display: inline-block;
}

.all-report {
    width: calc(33% - 30px);
    text-align: center;
    margin-top: 30px;
}

.all-report:nth-child(-n+3) {
    margin-top: 0px;
}

.all-report:nth-child(3n) {
    margin-left: 0px;
}

.all-report ul li a {
    display: flex;
    text-align: center;
    margin: 30px auto 0px auto;
    justify-content: center;
    align-items: center;
    width: 40%;
}

.seach-button {
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    cursor: pointer;
}

.down-rating div {
    width: 300px;
}

.search-group .input-form {
    padding-left: 50px;
}

.seach-button:before {
    content: "\f002";
    font-family: "Icons4";
    color: #28245C;
    font-size: 20px;
}

.down-rating .docs-datepicker.form-group {
    margin-left: 30px;
}

.width-p {
    width: 200px;
    line-height: 18px;
}

.rate-btn {
    text-align: center;
}

.row-disabled {
    opacity: .2;
    pointer-events: none;
}

.down-rating {
    margin-bottom: 30px;
}

.send-rating {
    float: left;
    display: inline-block;
}

.send-all a, .rating-all a {
    display: inline-block;
}

.send-all a:before {
    content: "\f0e0";
    font-family: "Icons3";
    margin-left: 5px;
}

.rating-all {
    margin-left: 30px;
}

.rating-all a:before {
    content: "\f0c0";
    font-family: "Icons3";
    margin-left: 5px;
}

.student-d {
    margin-bottom: 30px;
}

.links a {
    margin-left: 30px;
}

.links a:last-child {
    margin-left: 0px;
}

.link1:before {
    content: "\f0e0";
    font-family: "Icons3";
}

.link2:before {
    content: "\f15c";
    font-family: "Icons3";
}

.link3:before {
    content: "\f501";
    font-family: "Icons3";
}

.link4:before {
    content: "\f5db";
    font-family: "Icons3";
}

.link5:before {
    content: "\f06a";
    font-family: "Icons3";
}

.link6:before {
    content: "\1F396";
    font-family: "Icons3";
    font-weight: bolder;
}

.right-details span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 15px;
    background-color: #f7f7f7;
    display: block;
}

.right-details span:before {
    content: "\f501";
    font-family: "Icons3";
    font-size: 24px;
}

.left-details {
    margin-right: 15px;
}

.left-details h2 {
    margin-bottom: 5px;
}

.student-taq {
    margin-top: 30px;
}

.student-taq ul li {
    width: calc(20% - 24px);
    text-align: center;
}

.student-taq ul li h3 {
    margin-bottom: 10px;
}

.top-c-image {
    width: 50px;
    height: 50px;
    position: relative;
}

.top-c-image img {
    position: absolute;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.down i:before {
    content: "\f063";
    font-family: 'Icons3';
    margin-right: 5px;
    font-style: normal;
}

.up i:before {
    content: "\f062";
    font-family: 'Icons3';
    margin-right: 5px;
    font-style: normal;
}

.right-center ul li {
    width: calc(50% - 15px);
    border: 1px solid #E5E5E5;
    background-color: #f9f9f9;
    margin-left: 30px;
    margin-top: 30px;
}

.right-center ul li:nth-child(-n+2) {
    margin-top: 0px;
}

.right-center ul li:nth-child(2n) {
    margin-left: 0px;
}

.top-c {
    margin-bottom: 15px;
}

.right-center ul li h2 {
    margin-top: 10px;
}

.right-center {
    width: 48%;
    margin-left: 4%;
}

.center-home {
    margin: 30px 0px;
}

.left-center {
    border: 1px solid #E5E5E5;
    background-color: #F9F9F9;
    width: 48%;
    /*margin-left: 4%;*/
}

.one-day {
    margin-top: 18px;
}

.one-day .educat {
    background-color: #CADDFA;
}

.one-day h2 {
    width: 80px;
}

.one-day span {
    margin-left: 5px;
}

.one-day .type-day {
    background-color: #EEEEEE;
    margin-right: 15px;
}

.one-day:nth-of-type(5n) .educat {
    background-color: #CADDFA;
}

.one-day:nth-of-type(2n) .educat {
    background-color: #F8EED6;
}

.one-day:nth-of-type(3n) .educat {
    background-color: #DCF2DC;
}

.one-day:nth-of-type(4n) .educat {
    background-color: #F4D6D9;
}

.br-widget a {
    display: inline-block;
}

.episode-start {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display: inline-block;
    margin-right: 30px;
}

.episode-start:before {
    content: "\f017";
    font-family: 'Icons3';
    margin-left: 5px;
    color: #AF0818;
}

.all-ep {
    width: 100%;
    align-items: stretch;
    margin-bottom: 30px;
}

.episode {
    border: 1px solid #E5E5E5;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 80%;
}

.play:before {
    content: "\f04b";
    font-family: 'Icons3';
    color: #8A8A8A;
    font-style: normal;
}

.episode div h2 {
    margin-bottom: 10px;
}

.goto {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 4px solid rgba(255, 255, 255, .24);
    width: 20%;
}

.goto a {
    align-items: stretch;
}

.goto i:before {
    content: "\f03d";
    font-family: 'Icons3';
    margin-left: 10px;
    color: #fff;
    font-style: normal;
}

.all {
    width: 100%;
    margin: auto;
}

.date-top span {
    margin-left: 10px;
    display: block;
    border: 1px solid #f1f1f1;
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 5px;
}

.date-top span:before {
    content: "\f073";
    font-family: 'Icons3';
    margin-left: 5px;
}

.all h4 {
    margin-bottom: 30px;
    text-align: center;
}

.vacation-icon:before {
    content: "\f5b0";
    font-family: 'Icons3';
    margin-left: 5px;
}

.mail-mor:before {
    content: "\f0e0";
    font-family: 'Icons3';
    margin-left: 5px;
}

.links-left a {
    border: 1px solid #28245C;
}

.links-left a {
    min-width: 200px;
}

.links-left {
    text-align: center;
}

.time-ico:before {
    content: "\f017";
    font-family: 'Icons3';
    font-style: normal;
    margin-left: 5px;
}

.tab-top ul li {
    margin-left: 30px;
}

.tab-top ul li a span {
    min-width: 40px;
    text-align: center;
    padding: 2px 0px;
    border-radius: 25px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}

.tab-top ul li a {
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
}

.tabs_item {
    padding: 30px 0;
    display: none;
}

.current2 a {
    color: #28245C;
    border-bottom: 3px solid #28245C;
}

.tab-top ul li.current2 a {
    color: #28245C;
    border-bottom: 3px solid #28245C;
}

.newmassage a:before {
    content: "\f044";
    font-family: "Icons2";
    margin-left: 10px;
}

.active-tt {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.write-news .form-group label.error, .write-news .form-group label.error {
    top: 21px;
}

.reason .form-group label.error {
    top: 21px;
}

.not-open {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    margin-left: 5px;
}

.status {
    text-align: center;
    width: 100px;
    display: block;
}

.latest-massage {
    height: 560px;
    overflow-y: scroll;
    padding-left: 30px;
}

.all-massage {
    box-shadow: 0px 0px 9px 0px rgb(60 60 60 / 3%);
    -webkit-box-shadow: 0px 0px 9px 0px rgb(60 60 60 / 3%);
    -moz-box-shadow: 0px 0px 9px 0px rgba(60, 60, 60, 0.03);
}

.all-massage h3 {
    margin-bottom: 30px;
}

.icon-man {
    border-radius: 100%;
    background-color: #F5F5F5;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-left: 15px;
}

.icon-man span:before {
    content: "\f508";
    color: #8A8A8A;
    font-style: normal;
    font-size: 20px;
    font-family: "Icons3"
}

.details-latest-massage {
    width: calc(100% - 75px);
}

.details-latest-massage a p {
    line-height: 20px;
}

.details-latest-massage div {
    margin-bottom: 10px;
}

.latest-massage ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E5E5E5
}

.delete a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
}

.delete a:before {
    content: "\f2ed";
    font-size: 18px;
    font-family: "Icons3"
}

.left-top-write div h2 {
    margin-bottom: 5px;
}

.write-massage {
    width: calc(65% - 15px)
}

.all-massage {
    width: calc(35% - 15px);
    margin-right: 30px;
    height: 670px;
}

.top-write {
    padding: 30px;
    border-bottom: 1px solid #E5E5E5
}

.mail {
    padding: 30px;
}

.send-massage {
    margin-bottom: 30px;
}

.face-icon {
    border-radius: 100%;
    background-color: #F5F5F5;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-left: 15px;
}

.face-icon span:before {
    content: "\f508";
    color: #8A8A8A;
    font-style: normal;
    font-size: 18px;
    font-family: "Icons3"
}

.text-send {
    width: calc(100% - 200px)
}

.text-send p {
    line-height: 20px;
}

.time-send {
    display: inline-block;
    width: calc(100% - 140px);
    margin-top: 5px;
}

.time-send span {
    display: block;
    text-align: left;
}

.request-massage .face-icon {
    margin-left: 0px;
    margin-right: 15px;
}

.request-massage .time-send span {
    text-align: right;
}

.request-massage {
    margin-bottom: 30px;
}

.send-mail {
    padding: 30px;
    border-top: 1px solid #E5E5E5;
}

.email-text {
    border: 1px solid #E5E5E5;
    padding: 5px 10px;
    border-radius: 5px;
    max-width: 80%;
    width: 80%;
    height: 40px;
}

.send-email {
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    border: 0px;
    cursor: pointer;
    margin-right: 15px;
}

.send-email:before {
    content: "\f1d8";
    font-size: 14px;
    font-family: "Icons3"
}

.greatmassage {
    padding: 30px;
}

.greatmassage ul li {
    margin-bottom: 30px;
}

.greatmassage ul li:last-child {
    margin-bottom: 0px;
}

.greatmassage .btn {
    float: left;
}

.greatmassage h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #8A8A8A;
}

.greatmassage h2 i {
    font-style: normal;
    font-size: 24px;
    margin-left: 10px;
    color: #28245C;
}

.greatmassage h2 i:before {
    content: "\f4a6";
    font-family: 'Icons3';
}

.manhag ul li {
    margin-bottom: 30px;
}

.manhag ul li:last-child {
    margin-bottom: 0px;
}

.manhag ul li:nth-child(1) {
    width: 500px;
}

.all-manhag {
    border: 1px solid #e5e5e5;
}

.inner-all-manhag {
    margin-top: 15px;
}

.right-man {
    width: 48%;
}

.right-man .form-group {
    margin-left: 30px;
    width: calc(50% - 15px);
}

.right-man .form-group:nth-child(2) {
    margin-left: 0px;
}

.right-man .input-form {
    width: calc(100% - 80px);
}

.right-man .label-regist {
    margin-bottom: 0px;
    width: 80px;
}

.right-man .form-group:nth-child(2) .label-regist {
    width: 40px;
}

.right-man .form-group:nth-child(2) .input-form {
    width: calc(100% - 40px);
}

.manhag ul li:nth-child(2), .manhag ul li:nth-child(3) {
    width: 100%;
}

.manhag ul li:nth-child(4), .manhag ul li:nth-child(5), .manhag ul li:nth-child(6), .manhag ul li:nth-child(7) {
    width: calc(25% - 23px)
}

.my-rating-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
}

.jq-star {
    display: inherit !important;
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.tanbeeh {
    border: 1px solid #E5E5E5;
    background-color: #F9F9F9;
    flex-direction: column;
    margin-bottom: 10px;
}

.tanbeeh h2 {
    margin-bottom: 10px;
}

.tanbeeh p {
    margin-bottom: 10px;
}

.tanbeeh-icon {
    font-size: 40px;
}

.tanbeeh-icon:before {
    content: "\f06a";
    font-family: 'Icons4';
}

.tanbeeh-icon2 {
    font-size: 40px;
}

.tanbeeh-icon2:before {
    content: "\f0f3";
    font-family: 'Icons4';
}


#file-upload-name {
    margin-right: 10px;
    font-size: 12px;
}

#file-upload-name1 {
    margin-top: 10px;
    font-size: 12px;
}

#file-upload-name2 {
    margin-top: 10px;
    font-size: 12px;
}

#file-upload-name3 {
    margin-top: 10px;
    font-size: 12px;
}

.upload-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    background-color: #f7f7f7;
    padding: 8px 10px;
    border-radius: 10px;
    transition: 0.2s linear all;
    color: #28245C;
    width: 250px;
    height: 50px;
    overflow: hidden;
    text-align: center;
}

.upload-wrapper input[type=file] {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}

.upload-wrapper > svg {
    width: 50px;
    height: auto;
    cursor: pointer;
}

.upload-wrapper.success > svg {
    transform: translateX(-200px);
}

.upload-wrapper.uploaded {
    transition: 0.2s linear all;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    text-align: center;
}

.upload-wrapper .file-upload-text {
    position: absolute;
    opacity: 1;
    visibility: visible;
    transition: 0.2s linear all;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-wrapper.uploaded .file-upload-text {
    text-indent: -999px;
    margin: 0;
}

.file-upload-text:before {
    content: "\f0ee";
    font-size: 14px;
    color: #28245C;
    font-family: "Icons3";
    margin-left: 10px;
}

.file-success-text {
    opacity: 0;
    transition: 0.2s linear all;
    visibility: hidden;
    transform: translateX(200px);
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-success-text span {
    margin-right: 15px;
}

.file-success-text svg {
    width: 25px;
    height: auto;
}

.file-success-text span {
    margin-left: 15px;
}

.upload-wrapper.success .file-success-text {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.upload-wrapper.success.uploaded .file-success-text {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.upload-wrapper.success.uploaded .file-success-text span {
    display: none;
}

.upload-wrapper .file-success-text circle {
    stroke-dasharray: 380;
    stroke-dashoffset: 380;
    transition: 1s linear all;
    transition-delay: 1.4s;
}

.upload-wrapper.success .file-success-text circle {
    stroke-dashoffset: 0;
}

.upload-wrapper .file-success-text polyline {
    stroke-dasharray: 380;
    stroke-dashoffset: 380;
    transition: 1s linear all;
    transition-delay: 2s;
}

.upload-wrapper.success .file-success-text polyline {
    stroke-dashoffset: 0;
}

.upload-wrapper.success .file-upload-text {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.new-r ul li:nth-child(2) {
    width: 100%;
}

.new-r ul li:nth-child(2) .form-group {
    width: calc(50% - 15px);
}

.new-r2 ul li:nth-child(2) {
    width: 100%;
}

.top-tabs .btn {
    margin-top: 0px;
    margin-right: 30px
}

.exam-time ul li {
    margin-top: 30px;
    width: 500px;
}

.exam-time ul li:nth-child(1), .exam-time ul li:nth-child(2) {
    margin-top: 0px;
}

.exam-time2 ul li {
    margin-top: 30px;
    width: 500px;
}

.exam-time2 ul li:nth-child(2) {
    width: 100%;
}

.days {
    margin-top: 15px;
}

.exam-time2 ul li:last-child {
    width: 100%;
}

.in-table-area .area-form {
    min-height: 60px;
}

.table .btn {
    margin-top: 0px !important;
}

.in-table {
    width: 56px;
    text-align: center;
}

.in-table .input-form {
    text-align: center;
}

.currency-switcher {
    position: relative;
    margin-left: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
}

div.dropdown {
    position: relative;

}

div.dropdown:after {
    font-family: "Icons2";
    content: "\f078";
    font-size: 10px;
    position: absolute;
    display: block;
    margin: 0;
    width: 13px;
    height: 12px;
    top: 5px;
    left: -10px;
    -webkit-transition: .3s;
    transition: .3s;
    color: #000;
}

div.dropdown.open:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


div.dropdown > div.caption2 {

    cursor: pointer;
    padding: 1px 50px 1px 15px;
    font-size: 14px;
}

div.dropdown > div.list {
    position: absolute;
    background-color: #fff;

    border-radius: 12px;
    -webkit-box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
    box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    top: 30px;
    z-index: -1;
    visibility: hidden;
    padding: 10px 0;
}

div.dropdown.open > div.list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

div.dropdown > div.list > div.item {
    padding: 10.5px 50px 10.5px 15px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.3px;
}

div.dropdown > div.list > div.item.selected {

    pointer-events: none;
}

div.dropdown > div.list > div.item:hover {
    background: #F8F9FB;
}

div.dropdown > div.caption2 img,
div.dropdown > div.list > div.item img,
div.dropdown > div.caption2 svg,
div.dropdown > div.list > div.item svg {
    position: absolute;
    right: 15px;
    width: 25px;
    height: auto;
}

div.dropdown > div.list > div.item span,
div.dropdown > div.caption2 span {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #243CBB;
    position: absolute;
    right: 36px;
}

div.dropdown > div.list > div.item span {
    right: 20px;
}

.caption2 p {
    color: #000;
}

.noti ul li {
    border: 1px solid #f1f1f1;
    background-color: #f7f7f7;
    margin-bottom: 15px;
}

.noti ul li p {
    line-height: 1.8;
}

.noti ul li a {
    display: inline-block;
    margin-right: 5px;
}

/*17*/
.page-time {
    width: calc(40% - 15px);
}

.page-time ul li {
    width: 100%;
    margin-top: 20px;
}

.page-time ul li .container-checkbox {
    width: 100px;
}

.page-time ul li .form-group {
    width: 40%;
}

.page-time h2 {
    margin-bottom: 30px;
}

.d-butt {
    margin-top: 30px;
}

.d-butt input {
    border: 1px solid #28245C;
    cursor: pointer;
    margin-top: 0px;
}

.d-butt input {
    margin-left: 15px;
}

.d-butt input:last-child {
    margin-left: 0px;
}

.news-status a.tarsh {
    width: auto;
    padding: 0px 15px;
}

.test-link ul li {
    margin-top: 30px;
}

.test-link ul li:nth-child(1) {
    margin-top: 0px;
}

.test-link ul li span {
    margin-bottom: 10px;
    display: block;
}


.links-d {
    margin-top: 30px;
}

.pr:before {
    content: "\f02f";
    font-family: 'Icons4';
    margin-left: 5px;
}

.pd:before {
    content: "\f1c1";
    font-family: 'Icons4';
    margin-left: 5px;
}

.registration ul li {
    width: calc(25% - 23px);
    margin-top: 30px;
}

.registration ul li:nth-child(-n+4) {
    margin-top: 0px;
}

.registration ul li:nth-child(4n) {
    margin-left: 0px;
}

.registration ul li:nth-child(5), .registration ul li:nth-child(6), .registration ul li:nth-child(7) {
    width: calc(33% - 17px);
}

.registration ul li:nth-child(7) {
    margin-left: 0px;
}

.registration ul li:nth-child(8) {
    margin-left: 30px;
}

.registration ul li:nth-child(11) {
    margin-left: 0px;
}

.registration ul li:nth-child(12), .registration ul li:nth-child(13), .registration ul li:nth-child(14) {
    width: calc(33% - 17px);
}

.registration ul li:nth-child(12) {
    margin-left: 30px;
}

.registration ul li:nth-child(14) {
    margin-left: 0px;
}

.registration ul li:nth-child(15) {
    margin-left: 0px;
    width: 100%;
}

.registration ul li:nth-child(16) {
    margin-left: 30px;
}

.registration ul li:nth-child(19) {
    margin-left: 0px;
}

.registration ul li:nth-child(20) {
    margin-left: 30px;
}

.registration ul li:nth-child(20), .registration ul li:nth-child(21), .registration ul li:nth-child(22), .registration ul li:nth-child(23), .registration ul li:nth-child(24) {
    width: calc(19% - 13px);
}

.registration ul li:nth-child(24) {
    margin-left: 0px;
}

.registration ul li:nth-child(26) {
    margin-left: 0px;
}

.registration ul li:nth-child(25), .registration ul li:nth-child(26) {
    width: calc(50% - 15px);
}

.registration ul li:nth-child(27) {
    margin-left: 0px;
    width: calc(50% - 15px);
}

.log-tt ul li {
    position: relative;
}

.upload-file-g ul li {
    margin-bottom: 30px;
    width: calc(33% - 16px);
}

.upload-file-g ul li .upload-wrapper {
    width: 450px;
}

.all-page-time2 .test-link {
    width: calc(36% - 30px);
}

.all-page-time2 .page-time {
    width: calc(33% - 30px);
}

.all-page-time2 .page-time ul li:nth-child(1) {
    margin-top: 0px;
}

.all-page-time2 .test-link .input-form {
    background-color: #fff;
}


.steps {
    background-color: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.steps ul li {

    cursor: pointer;
    width: 25%;
    text-align: center;
}

.steps ul li:last-child {
    margin-bottom: 0px;
}

.steps ul li i {
    margin-bottom: 12px;
    display: block;
}

.steps ul li i:before {
    font-family: "Icons4";
    font-style: normal;
    font-size: 2rem;
}

.step-one-icon:before {
    content: "\f007";
}

.step-two-icon:before {
    content: "\f015";
}

.step-three-icon:before {
    content: "\f093";
}

.step-four-icon:before {
    content: "\f017";
}

.step-five-icon:before {
    content: "\f058";
}

.tab-regist {
    display: none;
}

.current {
    display: block;
}

.step-regist.active i, .step-regist.active h2 {
    color: #8A7D4A;
}

.step-regist.finish {
    background-color: #4CAF50;
}

.tab-regist label.error {
    font-size: 12px;
    position: absolute;
    bottom: -7px;
    padding: 0px 5px;
    background-color: #fff;
    right: 20px;
}

.error {
    color: #f00;
}

.next-step {
    border: 0px;
    border-radius: 10px;
    cursor: pointer;
    padding: 15px 20px;
    margin-top: 30px;
    font-family: 'Montserrat-Arabic' !important;
}

.next-step:after {
    content: "\f060";
    font-family: "Icons2";
    margin-right: 5px;
}

.next-step:hover, .submit-step:hover, .previous-step:hover {
    opacity: 0.5;
}

.submit-step {
    border: 0px;
    border-radius: 10px;
    cursor: pointer;
    padding: 15px 20px;
    margin-top: 30px;
    font-family: 'Montserrat-Arabic' !important;
}

.previous-step {
    border: 0px;
    border-radius: 10px;
    cursor: pointer;
    padding: 15px 20px;
    margin-top: 30px;
    margin-left: 30px;
    font-family: 'Montserrat-Arabic' !important;
}

.previous-step:before {
    content: "\f061";
    font-family: "Icons2";
    margin-left: 5px;
}

.tab-regist ul li {
    width: calc(33% - 17px);
    margin-top: 30px;
}

.tab-regist ul li:nth-child(3n) {
    margin-left: 0px;
}

.tab-regist ul li:nth-child(-n+3) {
    margin-top: 0px;
}

.page-four ul li:nth-child(2), .page-four ul li:nth-child(3) {
    margin-top: 30px;
}

.page-four ul li {
    width: 100%;
    margin-left: 0px;
}

.t-new {
    width: 70px;
    margin: 15px auto 0px auto
}

.t-new input {
    text-align: center;
}

.sec-table {
    width: 90px;
}

.sec-table2 {
    width: 90px;
}

.checkkk:before {
    content: "\f00c";
    font-family: "Icons2";
    margin-left: 5px;
}

.in-table-area .area-form {
    width: 180px;
}

.t-new2 {
    width: 130px;
}

.nnwe .container-checkbox {
    margin-bottom: 15px;
    font-size: 10px;
}

table.dataTable.stripe > tbody > tr > .baby-green, table.dataTable.display > tbody > tr > .baby-green {
    background-color: #d1e7dd !important;
}

.acka {
    display: block;
    margin-top: 10px;
}