/* General CSS */
html { -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased }
html {
    direction: rtl;
}
body{font-family: 'Helvetica';background: #FAFAFA;}
a, abbr, acronym, address, b, bdo, big, blockquote, body, br, button, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, img, ins, kbd, legend, li, map, object, ol, p, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { 
    margin: 0; padding: 0; border: none }

a, input, select, textarea { outline: 0; margin: 0; padding: 0 }
*{
    box-sizing: border-box;
    margin:0;
    padding:0;
}

/* body::-webkit-scrollbar{ width: 7px;background:#f5f5f5;}
body::-webkit-scrollbar-thumb{ background-color: #242f51;border-radius:0px; } */

::-moz-selection {color: #000;background: #4dc5cf;}
::selection {color: #000;background: #4dc5cf;}

*:focus {
    outline:none !important;
}
/* Colors CSS */


/* Typography CSS */
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype'),
        url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.eot');
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype'),
        url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/* Button CSS */
input[type="submit"]{ cursor:pointer; }
.overflow-hidden{ overflow:hidden; }
html{ /*overflow-x:hidden;*/-webkit-font-smoothing:antialiased;  scroll-behavior: smooth; }


body { font-family: 'DM Sans', sans-serif; overflow-x:hidden; outline:0; font-style:normal; 
    font-synthesis:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing:grayscale; text-size-adjust:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%;
     -ms-text-size-adjust:100%; font-size:16px; font-weight:400; color:#2d3744; line-height:normal; color: #000000; }

h1, .h1 {font-size:55px; } 
h2, .h2 {font-size:45px; } 
h3, .h3 {font-size:35px; } 
h4, .h4 { font-size:25px;} 
h5, .h5 { font-size:20px;} 
h6, .h6 { font-size:18px;} 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-family: 'Helvetica';font-weight: bold;    
    color: #242A2C;}


p { font-size: 18px;line-height: 28px; color: #2d3744; line-height: 28px;font-family: 'DM Sans', sans-serif;} 
a, button { text-decoration:none; color:#2d3744; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;  -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s; } 
a:hover { text-decoration:none; color:#33b44a; } 
a:focus { outline:none; text-decoration:none; } 
button { margin:0; padding:0; border:none; } 
button:focus { box-shadow:none; outline:none; text-decoration:none; } 

img {/* height: auto; width: 100%; */}

/* Button CSS */
.btn {display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;  -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s; position: relative; }
.btn:hover{background: #002236;}



body {min-height: 100vh; min-height: -webkit-fill-available; } 
html {height: -webkit-fill-available; } 
main {display: flex; flex-wrap: nowrap; height: 100vh; height: -webkit-fill-available; 
    max-height: 100vh;/* overflow-x: auto; overflow-y: hidden;*/ } 

.header nav.navbar {width: 100%; box-shadow: 5.142px 6.128px 15px rgb(0 0 0 / 4%); background-color: #FFF !important;padding: 15px 45px; } 
.header {width: 100%; } 
.main-content {width: 100%; padding-right: 340px; min-height: 100vh;   /*  overflow-y: auto;
    overflow-x: hidden; */} 
#sidebar {
    background: #7209B7 !important; transition:all ease 0.4s; 
    -webkit-transition:all ease 0.4s;  -moz-transition:all ease 0.4s; 
    -o-transition:all ease 0.4s;
}
#sidebar::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .modal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    border-radius: 0px; background-color: #F5F5F5; } 
#sidebar::-webkit-scrollbar, body::-webkit-scrollbar, .modal::-webkit-scrollbar {width: 12px; background-color: #F5F5F5; } 
#sidebar::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb {border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F8BF39; } 

.leftsidebar {height: 100vh;width: 340px; position: fixed; right: 0;overflow: auto;    padding: 15px 25px 15px 15px;    z-index: 1; }

.leftsidebar .b-example-divider {flex-shrink: 0; width: 1.5rem; height: 100vh; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); }
.leftsidebar .bi {vertical-align: -.125em; pointer-events: none; fill: currentColor; } 
.leftsidebar .dropdown-toggle { outline: 0; } 
.leftsidebar .nav-flush .nav-link {border-radius: 0; } 
.leftsidebar .btn-toggle, .leftsidebar ul.nav.nav-pills li a.nav-link {display: inline-flex;
    align-items: center;
    padding: 8px 8px;
    background-color: transparent;
    border: 0;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    color: #FFFFFF;    padding: 20px 0;} 
.header ul.nav.nav-pills li a.nav-link.active, .leftsidebar ul.nav.nav-pills li a.nav-link.active {
    background: transparent;
    color: #F8BF39;
}    
.leftsidebar ul.nav.nav-pills li a.nav-link img{ margin-left: 20px;  width: 25px; filter: brightness(0) invert(1);}
.header ul.nav.nav-pills li a.nav-link.active img, .leftsidebar ul.nav.nav-pills li a.nav-link.active img, .leftsidebar ul.nav.nav-pills li a:hover img, .header ul.nav.nav-pills li a.nav-link:hover img{filter: none;}
.leftsidebar .btn-toggle:hover, .leftsidebar .btn-toggle:focus {color: rgba(0, 0, 0, .85); background-color: #d2f4ea; } 
.leftsidebar .btn-toggle::before {width: 1.25em; line-height: 0;  transition: transform .35s ease; transform-origin: .5em 50%;transform: rotate(90deg); } 
.leftsidebar .btn-toggle.collapsed::before {transform: unset; } 
.leftsidebar .btn-toggle-nav a {display: inline-flex; padding: .1875rem .5rem; margin-top: .125rem; margin-left: 1.25rem; text-decoration: none; } 
.leftsidebar .btn-toggle-nav a:hover, .leftsidebar .btn-toggle-nav a:focus {background-color: #d2f4ea; } 
.leftsidebar .scrollarea {overflow-y: auto; } 
.leftsidebar .fw-semibold { font-weight: 600; } 
.leftsidebar .lh-tight { line-height: 1.25; }
.leftsidebar .btn-toggle-nav {
    padding-bottom: 15px;
}

.leftsidebar .logo-wrap {align-items: center;margin-bottom: 15px; } 
.leftsidebar .logo-wrap span {color: #FFF; font-weight: 600; font-size: 30px; } 
.leftsidebar .logo-wrap a.logo {align-items: center;  } 
.leftsidebar .logo-wrap a.logo i {color: #F8BF39; margin-right: 10px;    font-size: 26px;} 
.leftsidebar .logo-wrap #sidenavToggler i {color: #FFF; font-size: 14px;transition:all ease 0.4s; -webkit-transition:all ease 0.4s;  -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s; }
.leftsidebar ul.nav.nav-pills {    padding-top: 60px;}

.header ul.nav.nav-pills button.btn.btn-toggle, .header ul.nav.nav-pills li a {color: #FFF; font-weight: normal; font-size: 17px; width: 100%; padding: 8px 0px; display: inline-flex; align-items: center; } 
.header ul.nav.nav-pills button.btn.btn-toggle::before, .leftsidebar ul.nav.nav-pills button.btn.btn-toggle::before {position: absolute; right: -5px; color: #FFF; content: '\f054'; font-family: "Font Awesome 5 Pro"; left: auto; }
.header ul.nav.nav-pills button.btn.btn-toggle:hover, .header ul.nav.nav-pills li a:hover, .header ul.nav.nav-pills button.btn.btn-toggle:focus, .header ul.nav.nav-pills li a:focus, .leftsidebar ul.nav.nav-pills button.btn.btn-toggle:hover, .leftsidebar ul.nav.nav-pills li a:hover, .leftsidebar ul.nav.nav-pills button.btn.btn-toggle:focus, .leftsidebar ul.nav.nav-pills li a:focus {background: transparent; outline: none; box-shadow: unset; color: #F8BF39; } 
.header ul.nav.nav-pills button.btn.btn-toggle {
   margin-bottom: 0;
}
.header ul.nav.nav-pills button.btn.btn-toggle i, .header ul.nav.nav-pills li a.nav-link i, .leftsidebar ul.nav.nav-pills button.btn.btn-toggle i, .leftsidebar ul.nav.nav-pills li a.nav-link i{width: 25px;color: #FFF;
    font-size: 14px;text-align: left;}
.header ul.nav.nav-pills li a.nav-link.active i, .leftsidebar ul.nav.nav-pills li a.nav-link.active i{color: #F8BF39;}
.header ul.nav.nav-pills ul.btn-toggle-nav li a, .leftsidebar ul.nav.nav-pills ul.btn-toggle-nav li a {
    padding:5px 12px;
}
.leftsidebar ul.nav.nav-pills ul.btn-toggle-nav li a {
    border-left: 1px solid #FFF;
    border-radius: 0px !important;
    padding: 1px 12px;
}
.header ul.nav.nav-pills li, .leftsidebar ul.nav.nav-pills li{
    border-bottom: none;
}
.header ul.nav.nav-pills li li, .leftsidebar ul.nav.nav-pills li li {
    border-bottom: none;    margin: 5px 0;
}
.header ul.nav.nav-pills li:last-child, .leftsidebar ul.nav.nav-pills li:last-child{
    border-bottom: none;
}

body.sidenav-toggled #sidebar {
    width: 65px;overflow: unset;    padding: 15px;
}
body.sidenav-toggled .leftsidebar ul.nav.nav-pills li a.nav-link span, body.sidenav-toggled .leftsidebar ul.nav.nav-pills li button.btn.btn-toggle span{display: none;font-size: 16px;}
body.sidenav-toggled .leftsidebar .logo-wrap a.logo {
    display: none !important;
}
body.sidenav-toggled .leftsidebar .logo-wrap #sidenavToggler i {
    transform: rotate(180deg);
}
body.sidenav-toggled .leftsidebar ul.nav.nav-pills{padding-top: 0;}
.leftsidebar .logo-wrap a#sidenavToggler {background: #F8BF39; width: 30px; height: 30px; border-radius: 3px; display: flex; align-items: center; justify-content: center; } 
body.sidenav-toggled .main-content {padding-left: 0; padding-right: 50px; } 
.header nav.navbar .rightside-menu ul.dropdown-menu {right: 0; left: auto;background: #7209b7; }
.dropdown.userdropdown .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
} 
.header nav.navbar .rightside-menu .dropdown-menu-dark .dropdown-item {color: #FFF; } 
.header nav.navbar .rightside-menu .dropdown-menu-dark .dropdown-item:focus, .header nav.navbar .rightside-menu .dropdown-menu-dark .dropdown-item:hover {color: #fff; background-color: rgb(98 0 162); }
.header a.btn.sign-btn {background: #F8BF39; font-style: normal; font-weight: 700; font-size: 20px; line-height: 23px; color: #000000; padding: 9px 40px; } 
.header a.btn.sign-btn i{display: none;}
.header a.btn.sign-btn:hover{    background: #7209B7;color: #FFF;}
.header nav.navbar .leftside-menu form {display: flex; align-items: center; position: relative; }
.header nav.navbar .leftside-menu button.btn {background: #F8BF39; color: #FFF; height: 38px; font-size: 16px; box-shadow: 5px 1px 7px rgb(115 125 245 / 44%); } 
.header nav.navbar .leftside-menu button.btn:hover{background: #2d3744;}
.header nav.navbar .leftside-menu form .input-icon {position: relative; } 
.header nav.navbar .leftside-menu form .input-icon i {    position: absolute; right: 10px; top: 50%; transform: translate(-50%, -50%); font-size: 21px;color: #AEB0B5; } 
.header nav.navbar .leftside-menu form input[type="text"] {height: 60px; border: none; padding-left: 26px; padding-right: 37px; font-size: 16px; margin-right: 0; background: #F6F8FC; width: 375px; max-width: 100%; border-radius: 45px; text-align: left; direction: ltr; text-transform: capitalize;} 
.maincontent {padding: 30px; } 
.maincontent img{width: 100%;}
.leftsidebar ul.nav.nav-pills li.hover-menu {}
body.sidenav-toggled .leftsidebar ul.nav.nav-pills li:hover span.menu-title {display: block; position: absolute; background: #7209b7; z-index: 1; width: 150px; right: 65px; left: auto; text-align: left; padding: 10px 15px;color: #fff; } 
body.sidenav-toggled .leftsidebar ul.nav.nav-pills li:hover button.btn.btn-toggle span.menu-title, body.sidenav-toggled .leftsidebar ul.nav.nav-pills li:hover button.btn.btn-toggle span {display: block; position: absolute; background: #2d3744; z-index: 1; width: 150px; left: 49px; right: auto; text-align: left; padding: 10px 15px; border-radius: 0px 10px 10px 0px; } 
.leftsidebar ul.nav.nav-pills li {padding-right: 0px; } 
body.sidenav-toggled .leftsidebar ul.nav.nav-pills .btn-toggle-nav li{margin: 5px 0; } 
body.sidenav-toggled .leftsidebar ul.nav.nav-pills .btn-toggle-nav li a{
    border-left: 1px solid #FFF; } 
body.sidenav-toggled .leftsidebar ul.nav.nav-pills li:hover .collapse {display: block; position: absolute; background: #2d3744; z-index: 1; width: 150px; left: 65px; right: auto; text-align: left; padding: 10px 15px; border-radius: 0px 0px 10px 0px; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;  -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s; } 
body.sidenav-toggled .leftsidebar ul.nav.nav-pills li:hover .collapse ul li a {margin-left: 0; }
body.sidenav-toggled .leftsidebar ul.nav.nav-pills li .collapse ul li a:hover, .leftsidebar ul.nav.nav-pills ul.btn-toggle-nav li a:hover, .header ul.nav.nav-pills ul.btn-toggle-nav li a:hover {opacity: 0.8; }



.btn.btn-primary {background: linear-gradient(228.15deg, #7209B7 -1.27%, #F8BF39 173.56%); border: none; font-style: normal; font-weight: 700; font-size: 30px; line-height: 34px; color: #FFFFFF; padding: 15px 30px; display: inline-block; border-radius: 8px !important; }
.btn.btn-primary.purple-btn{  background: #7209B7;font-size: 20px;}
.btn.btn-primary.purple-btn:hover {background: #f8bf39; } 
.btn.btn-primary:hover{background: linear-gradient(-100deg, #F8BF39 1.27%, #7209B7 173.56%); }
.signin {padding-top: 70px;padding-right: 40px; } 
.form-group .form-control {border-color: rgb(114 9 183 / 67%); height: 65px; border-radius: 8px; background: transparent;direction: ltr;
    text-align: right;} 
.form-group textarea.form-control{height: 220px;resize: none;}
.form-group .form-control:focus{outline: none;box-shadow: none;background-color: #FCF5E6;box-shadow: 0px 5px 7px rgb(77 77 77 / 8%);}
.signin form .form-group {margin-bottom: 45px; } 
.form-group label {font-style: normal; font-weight: 400; font-size: 30px; line-height: 34px; color: #000000; margin-bottom: 15px; } 
.signin h3 {margin-bottom: 45px; } 
.signin form {width: 465px; max-width: 100%; } 
.signin form button.btn.btn-primary {width: calc(100% - 50px); margin-top: 80px; }


.dashboard-sec{padding: 30px 0;}
.head{margin-bottom: 30px;}
.dashbox {padding: 16px; background-image: linear-gradient(#7209b7, #ad36fb, #7b459e); color: #FFF; border-radius: 20px; margin-bottom: 25px; } 
.dashbox span {
    font-size: 18px;
}
.graph-txt h4{    color: #3f4d5c;}
.dashbox h5 {color: #f8bf39; font-weight: normal; text-align: left;    margin-top: 15px;} 
.total.dashbox {background-image: linear-gradient(#f8bf39, #ffce5c, #f9d14f); } 
.total.dashbox span {color: #242A2C; font-weight: 600; } 
.total.dashbox h5 {color: #62069e; }
.graph {margin-right: -20px; } 
.graph img {width: 100%; }

.heading{margin-bottom: 50px;}
.heading h3.head{margin-bottom: 0;}
.table td, .table th {padding: 28px 20px; vertical-align: top; border-top: 1px solid #C5C5C5; font-style: normal; font-size: 22px; line-height: 25px; color: #000000; } 
.table thead.thead-light tr th {font-style: normal; font-weight: 400; font-size: 20px; line-height: 23px; color: #000000; } 
.table thead th {vertical-align: bottom; } 
.table .thead-light th {color: #495057; background-color: #ECECEC; border: none; } 
.table tbody tr:first-child td, .table tbody tr:first-child th{border-top: none;} 
.table .table-icon i {color: #f8bf39; font-size: 16px; margin: 0 15px;transition:all ease 0.4s; -webkit-transition:all ease 0.4s;  -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s;}
.table .table-icon i:hover{color: #7209B7;}

.pagination-wrap{margin-top: 50px;    position: relative;
    z-index: 0;}
.pagination ul.pagination li.page-item.active a.page-link, .pagination ul.pagination li.page-item.active a.page-link:hover {background: #3F4D5C; color: #FFF; border-radius: 35px; width: 45px; display: flex; align-items: center; justify-content: center; }
.pagination ul.pagination li.page-item a.page-link:hover{background: transparent;}
.pagination ul.pagination {} 
.pagination ul.pagination a.page-link {border: none; color: #000000; padding: 5px 8px; } 
.pagination ul.pagination li.page-item:first-child {margin-left: 8px; } 
.pagination ul.pagination li.page-item:last-child {margin-right: 8px; }


form .custom-input {
    margin-right: 80px;
}
form .custom-input .uploadFile {width: 315px; background-color: transparent; border: 0.5px solid #be6af575; color: #01031C; font-size: 16px; overflow: hidden; padding: 8px 20px; position: relative; resize: none; border-radius: 4px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: baseline; color: #F8BF39; text-decoration: underline;    font-style: normal;
    font-weight: 400;
    font-size: 25px; } 
form .custom-input .uploadFile .filename {padding-left: 10px; } 
.form-control[type=file] {overflow: hidden; } 
form .custom-input .uploadFile [type=file] {cursor: pointer!important; display: block; font-size: 999px; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0px; text-align: right; top: 0px; z-index: 1;    height: 100%; }
.settings-content form select {width: auto; background-color: transparent; border: 0.5px solid #be6af575; font-style: normal; font-weight: 400; font-size: 24px; line-height: 28px; color: #7209B7; width: 180px;
    height: 51px;background-position: left 12px top 24px; }
form select {width: auto; background-color: transparent; border: 0.5px solid #be6af575; font-style: normal; font-weight: 400; font-size: 24px; line-height: 28px; color: #000000; overflow: hidden; padding: 5px 20px; position: relative; border-radius: 5px; background: url("../images/down-arrow.svg") no-repeat; appearance: none; -webkit-appearance: none; background-position: left 12px top 18px; background-size: 11px; }
.form-group.btn-group {
    display: block;
}
.settings-content {} 
.settings-content form {} 
.settings-content form .form-group {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 15px; } 
.settings-content form .form-group label.small {font-style: normal; font-weight: 400; font-size: 25px; line-height: 29px;  display: inline-block;margin-bottom: 15px;} 
.settings-content form .form-group label {margin: 0 0px 10px 20px; }
.settings-content form .form-group.select-group {
    margin-bottom: 60px;
}

.settings-content form .form-group.select-group label.small {
    width: 670px;
    max-width: 100%;margin-bottom: 0;
}

.signin.form-twocolumn {padding-right: 0; padding-top: 20px; } 
.signin.form-twocolumn form.row {width: 90%; } 
.signin.form-twocolumn form.row .form-group {width: 80%;    margin-bottom: 35px; }

.form-checkgroup{display: block; margin-bottom: 15px;position:relative; } 
.form-checkgroup input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } 
.form-checkgroup label {position: relative;cursor: pointer;font-size: 24px;} 
.form-checkgroup label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #000000;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-left: 15px;border-radius: 5px;} 
.form-checkgroup input:checked + label:after {content: '';display: block;position: absolute;top: 9px;right: 10px;width: 6px;height: 14px;border: solid #000000;border-width: 0 2px 2px 0;transform: rotate(45deg);}


.notfi-inbox {margin-bottom: 5px; background: #FFFFFF; max-width: 580px; padding: 15px; border-radius: 15px; box-shadow: 0px 3px 6px rgba(207, 207, 207, 0.161); } 
.notfi-inbox h5 {font-style: normal; font-weight: 400; font-size: 28px; line-height: 32px; color: #000000; } 
.notfi-inbox span {font-style: normal; font-weight: 400; font-size: 18px; line-height: 21px; color: #F8BF39; text-align: left; width: 100%; display: inline-block; } 
.notfi-box h4 {margin-bottom: 25px; font-style: normal; font-weight: 400; font-size: 30px; line-height: 34px; color: #000000; } 
.notfi-box {margin-bottom: 30px; }



.information-sec {} 
.information-sec .form-group label {width: 100%; } 
.signin form .form-group select { width: 100%; padding: 5px 15px; background-position: left 12px top 50%;border: 1px solid #707070; height: 65px; font-size: 30px; line-height: normal;} 
.signin form .form-group select:focus{background-color: #FCF5E6;box-shadow: 0px 5px 7px rgb(77 77 77 / 8%);}
.signin.information-sec .form-group textarea.form-control {height: 140px; }



.signin.questionform-sec {} 
.signin.questionform-sec form {width: 100%; } 
.signin.questionform-sec form .form-group {width: 460px; max-width: 100%;position:relative; }
.signin.questionform-sec form .form-group .radiobox {border: 1px solid rgb(114 9 183 / 67%); height: 65px; border-radius: 8px; background: transparent; width: 100%; display: flex; align-items: center;position:relative; } 
.signin.questionform-sec form .form-group .radiobox label {margin: 0 20px 0 0px; } 
.signin.questionform-sec form .form-group a.btn.btn-gray {background: hsl(172deg 39% 44% / 50%); width: calc(100% - 20px); text-align: center; font-style: normal; font-weight: 700; font-size: 28px; line-height: 34px; color: #FFFFFF; padding: 15px 20px; border-radius: 5px;height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;} 
.signin.questionform-sec form .form-group a.btn.btn-gray:hover{background: hsl(172deg 39% 44% / 100%); }
.signin.questionform-sec form .form-group input.form-control, .signin.questionform-sec form .form-group select {    font-size: 30px; height: 65px;line-height: normal;}


.signin.questionform-sec form .form-group .radiobox [type="radio"]:checked, .signin.questionform-sec form .form-group .radiobox [type="radio"]:not(:checked) {position: absolute; left: 0;opacity: 0; } 
.signin.questionform-sec form .form-group .radiobox [type="radio"]:checked + label, .signin.questionform-sec form .form-group .radiobox [type="radio"]:not(:checked) + label { position: relative; padding-right: 40px; cursor: pointer; line-height: 20px; display: inline-block; color: #000;margin-top: -20px; } 
.signin.questionform-sec form .form-group .radiobox [type="radio"]:checked + label:before, .signin.questionform-sec form .form-group .radiobox [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; right: 0; top: 0; width: 23px; height: 23px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } 
.signin.questionform-sec form .form-group .radiobox [type="radio"]:checked + label:after, .signin.questionform-sec form .form-group .radiobox [type="radio"]:not(:checked) + label:after {content: ''; width: 8px; height: 8px; background: #000; position: absolute; top: 7px; border-radius: 50%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; right: 7px; } 
.signin.questionform-sec form .form-group .radiobox [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .signin.questionform-sec form .form-group .radiobox [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 
.signin.questionform-sec form .form-group.btn-group {width: 85%; display: flex; margin: 0 auto; margin-bottom: 50px;} 
.signin.questionform-sec form .form-group.btn-group .btn {margin-left: 25px; margin-right: 25px; width: 50%; } 
.signin.questionform-sec form .form-group.btn-group .btn.btn-primary.border-btn {outline: 1px solid #7209B7; background: transparent; color: #7209B7; } 
.signin.questionform-sec form .form-group.btn-group .btn.btn-primary.border-btn:hover {outline: 1px solid #7209B7; background: #7209B7; color: #FFF; } 
.correction-question {width: 100%;    margin-top: 65px;}


.modal-open .modal {
    direction: ltr;
}
.modal-dialog {max-width: 700px; border-radius: 10px; } 
.modal-dialog .modal-header {border-bottom: none; padding: 35px 45px; } 
.modal-dialog .modal-header h3 {text-align: left; width: 100%; margin: 0; } 
.modal-dialog .modal-header button.btn-close {position: absolute; right: 35px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161); width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #e6e6e6;    top: 35px;z-index: 1; } 
.modal-dialog .modal-body {padding: 0 45px; } 
.modal-dialog .modal-body form {text-align: left; } 
.modal-dialog .modal-body form .form-group {float: left;margin-bottom: 20px;} 
.signin.questionform-sec .modal-dialog .modal-body form .form-control {text-align: left;font-size: 24px; border-color: #707070;} 
.signin.questionform-sec .modal-dialog .modal-body form select {text-align: left; background-position: top 27px right 15px; border-radius: 8px;height: 65px;font-size: 24px; }
.modal-dialog .modal-body form .form-group.btn-group {width: 100%; display: inline-flex; justify-content: flex-end;    margin-top: 0; } 
.modal-dialog .modal-body form .form-group h4 {margin-bottom: 15px; } 
.modal-dialog .modal-body form .form-group.btn-group button.btn.btn-primary {max-width: 200px; margin-left: 10px;margin-right: 10px;margin-top: 0; font-size: 26px;} 
.modal-dialog .modal-content {border-radius: 10px; }



table.table.multicolor-table {width: calc(100% - 20px);
    float: left;} 
table.table.multicolor-table thead.thead-light {} 
table.table.multicolor-table thead.thead-light tr th {background: #FFF; color: #9A9A9A; text-align: left; } 
.shadow-table.table-responsive {background: #F8F8F8;  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); padding: 30px 50px 40px 15px; border-radius: 8px; height: 100vh;position:relative;margin-top: 50px;} 
table.table.multicolor-table tbody th, table.table.multicolor-table tbody td {font-size: 16px; direction: ltr; text-align: left;padding: 24px 20px;} 
table.table.multicolor-table tbody tr:nth-child(1) {background: rgb(104 23 177 / 8%); } 
table.table.multicolor-table tbody tr:nth-child(2) {background: rgb(248 191 57 / 34%); } 
table.table.multicolor-table tbody tr:nth-child(3) {background: #FFF; } 
table.table.multicolor-table tbody tr:after{content: none;}
table.table.multicolor-table tbody th .table-icon {text-align: center; } 
table.table.multicolor-table tbody th .table-icon i {color: #C46E72; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;  -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s;}
table.table.multicolor-table tbody th .table-icon i:hover {
    color: #f8bf39;
}
table.table.multicolor-table thead.thead-light tr th.act {
    text-align: center;
}

.shadow-table img.plus-icon, .btn-wrap img.plus-icon {position: absolute; right: 20px; width: 35px; top: 45px; border: 1px solid #F8BF39; border-radius: 50%; padding: 2px;transition:all ease 0.4s; -webkit-transition:all ease 0.4s;  -moz-transition:all ease 0.4s; -o-transition:all ease 0.4s;}
.shadow-table img.plus-icon:hover, .btn-wrap img.plus-icon:hover {
    opacity: 0.5;
}
.navuser-info h5 {margin-right: 12px; } 
.navuser-info img.navuser-img {width: 44px; border-radius: 50%; background: #7209B7; }
.dash-totalcol {width: 27%; }
.form-group.select-group.form-topmargin {
    margin-top: 50px;
}
.table.center-table thead.thead-light tr th, .table.center-table tbody tr td, .table.center-table tbody tr th {
    text-align: center;
}
.table td, .table th{border: none;}
.table tbody tr {position: relative; } 
.table tbody tr:after {content: ''; background: #C5C5C5; width: 90%; margin: 0 auto; position: absolute; left: 0; right: 0; height: 1px; bottom: 0; } 
.table tbody tr:last-child:after {content: none; }

.signin.assistance-form .form-group.btn-group button.btn.btn-primary {margin-top: 20px; }
.signin.questionform-sec h3.head {margin-bottom: 35px; }
.signin.questionform-sec .correctque-col .form-group {
    margin-right: auto;
}
body.sidenav-toggled .signin.questionform-sec form .form-group{width: 510px;}
body.sidenav-toggled .signin.questionform-sec .correctque-col .form-group {
    width: 100%;
    margin-left: auto;
    margin-right: 0px;
}
body.login-pagecls .main-content {
    padding-right: 0;
}

.signin.questionform-sec form .form-group .radiobox input.text {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    color: #000000;
    border: none;
    margin: 0;
}
.signin.questionform-sec form .form-group .radiobox input.text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
}
.signin.questionform-sec form .form-group .radiobox input.text::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
.signin.questionform-sec form .form-group .radiobox input.text:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
.signin.questionform-sec form .form-group .radiobox input.text:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}


.heading-btnrow .btn-wrap {text-align: left; } 
.heading-btnrow .heading {margin-bottom: 0; } 
.heading-btnrow .btn-wrap img.plus-icon {position: unset; }
.heading-btnrow .heading {margin-bottom: 0; }


/*********************single header************************/
.header .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 80px;
    right: -340px;
    display: block !important;
    width: 340px;
    padding-right: 0;
}
.header .leftsidebar ul.nav.nav-pills {
    padding-top: 60px;
    overflow: auto;
    height: 100vh;
    flex-wrap: wrap;
    display: block !important;
    padding-right: 35px;
}
.leftsidebar ul.nav.nav-pills li{width: 100%;}
.maincontent{padding-top: 90px !important;}
body.sidenav-toggled .header .navbar-expand-lg .navbar-collapse {
    top: 60px;
    right: -48px;
    width: auto;
}
.header nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100% - 340px);transition: 0.4s all;
}
.maincontent{transition: all ease 0.4s;position: relative;}
body.sidenav-toggled .header nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    width: calc(100% - 65px);
}
body.sidenav-toggled .leftsidebar ul.nav.nav-pills{    padding-right: 0;}
body.sidenav-toggled .leftsidebar ul.nav.nav-pills li:hover span.menu-title{ right: 45px; }
body .leftsidebar{overflow: unset;  }

@media (min-width: 992px){
    body .header .navbar-expand-lg .navbar-collapse {display: block !important;}
}

@media screen and (max-width: 1280px){
    .header nav.navbar.navbar-expand-lg.navbar-light.bg-light{width: calc(100% - 290px);}
    .header .navbar-expand-lg .navbar-collapse{top: 120px; right: -290px;    width: 290px;}
    body.sidenav-toggled .header .navbar-expand-lg .navbar-collapse{top: 60px; right: -50px;}
}
@media screen and (max-width: 991px){
    body #sidebar { display: block !important;    width: auto;padding: 0px;}
    .leftsidebar .logo-wrap{display: none !important;}
    body.sidenav-toggled .header .navbar-expand-lg .navbar-collapse{    right: -50px;}
    body.sidenav-toggled .leftsidebar ul.nav.nav-pills li:hover span.menu-title{right: 45px;}

    .header .navbar-expand-lg .navbar-collapse{    padding: 0px;
        right: 0;width: 350px;top: 0;position: fixed;}
    .header nav.navbar.navbar-expand-lg.navbar-light.bg-light{    width: 100%;}
    .header .navbar-expand-lg .navbar-collapse.show {right: 0;     top: 0; } 
    .navbar-collapse ul.nav.nav-pills {padding: 60px 30px 0 30px !important; } 
}

.modal.signin.questionform-sec {
    padding-right: 0;
}
.signin.questionform-sec .modal-dialog .modal-body form .form-control[disabled] {
    background: #e1e1e1;
}
.table-icon{
    display: flex;
}
.signin.questionform-sec .modal-dialog .modal-body form .form-control input.text.form-control {
    border: 1px solid #707070;
    border-left: 0px;
    border-right: 0;
    border-radius: 0px;
}
.signin.questionform-sec .modal-dialog .modal-body form .form-control input.text.form-control:focus {
    background: transparent;
}
.signin.questionform-sec form .form-group .radiobox input.text:focus {
    background: transparent;
    box-shadow: none;
}
#perPage{
    min-width: 75px;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    border: none;
    color: #000000;
    padding: 5px 8px;
    font-size: 14px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination  li.paginate_button.page-item.active .page-link {
    background: #3F4D5C;
    color: #FFF;
    border-radius: 35px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item.previous:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 18px;
    position: relative;
    top: 2px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item.previous .page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item.next .page-link {
    font-size: 0px;
    padding: 0px 7px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item.next:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 18px;
    position: relative;
    top: 2px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .paginate_button.page-item.previous {
    margin: 0 0 0 5px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .paginate_button.page-item.next {
    margin: 0 5px 0 0px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-bottom: 20px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link:hover {
    background: transparent;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link:focus {
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_filter input.form-control {
    margin-right: 10px;
    border: 1px solid #cecece;
    padding-left: 26px;
    padding-right: 37px;
    font-size: 16px;
    max-width: 100%;
    border-radius: 45px;
    text-align: left;
    text-transform: capitalize;
    height: 45px;
}
.dataTables_wrapper .dataTables_filter input.form-control:focus {
     background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_length {
    margin-top: 10px;
}
.dataTables_wrapper .dataTables_length select.custom-select {
    margin-right: 0;
    border: 1px solid #cecece;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    max-width: 100%;
    border-radius: 10px;
    text-align: left;
    text-transform: capitalize;
    height: 40px;
}
.dataTables_wrapper .dataTables_length select.custom-select:focus {
     background: transparent;
    box-shadow: none;
}
.dataTables_filter{
    float: left;
}
.table .table-icon i{
    margin: 0 6px;
}
.table .table-icon button{
    background-color: #fff;
}
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    padding-bottom: 20px;
}