/* Minification failed. Returning unminified contents.
(382,39): run-time error CSS1046: Expect comma, found '255'
(382,47): run-time error CSS1046: Expect comma, found '/'
(459,26): run-time error CSS1046: Expect comma, found '255'
(459,34): run-time error CSS1046: Expect comma, found '/'
(462,26): run-time error CSS1046: Expect comma, found '255'
(462,34): run-time error CSS1046: Expect comma, found '/'
(490,24): run-time error CSS1046: Expect comma, found '0'
(490,28): run-time error CSS1046: Expect comma, found '/'
(850,30): run-time error CSS1046: Expect comma, found '0'
(850,33): run-time error CSS1046: Expect comma, found '/'
(1025,26): run-time error CSS1046: Expect comma, found '232'
(1025,33): run-time error CSS1046: Expect comma, found ')'
(1348,26): run-time error CSS1046: Expect comma, found '255'
(1348,33): run-time error CSS1046: Expect comma, found ')'
(1416,26): run-time error CSS1046: Expect comma, found '255'
(1416,33): run-time error CSS1046: Expect comma, found ')'
(1587,20): run-time error CSS1046: Expect comma, found '39'
(1587,26): run-time error CSS1046: Expect comma, found '/'
(2649,24): run-time error CSS1046: Expect comma, found '0'
(2649,27): run-time error CSS1046: Expect comma, found '/'
(2709,24): run-time error CSS1046: Expect comma, found '0'
(2709,27): run-time error CSS1046: Expect comma, found '/'
(2740,25): run-time error CSS1046: Expect comma, found '189'
(2740,31): run-time error CSS1046: Expect comma, found ')'
(2752,26): run-time error CSS1046: Expect comma, found '242'
(2752,33): run-time error CSS1046: Expect comma, found ')'
(2753,31): run-time error CSS1046: Expect comma, found '189'
(2753,37): run-time error CSS1046: Expect comma, found '/'
(2756,26): run-time error CSS1046: Expect comma, found '231'
(2756,33): run-time error CSS1046: Expect comma, found ')'
(2760,26): run-time error CSS1046: Expect comma, found '232'
(2760,33): run-time error CSS1046: Expect comma, found ')'
(2764,26): run-time error CSS1046: Expect comma, found '204'
(2764,33): run-time error CSS1046: Expect comma, found ')'
(2837,20): run-time error CSS1046: Expect comma, found '39'
(2837,26): run-time error CSS1046: Expect comma, found '/'
(2888,32): run-time error CSS1046: Expect comma, found '215'
(2888,39): run-time error CSS1046: Expect comma, found ')'
(2994,24): run-time error CSS1046: Expect comma, found '0'
(2994,28): run-time error CSS1046: Expect comma, found '/'
(3041,45): run-time error CSS1046: Expect comma, found '0'
(3041,48): run-time error CSS1046: Expect comma, found '/'
(3042,37): run-time error CSS1046: Expect comma, found '0'
(3042,40): run-time error CSS1046: Expect comma, found '/'
(3739,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2'
(3740,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3'
(3775,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md'
(3881,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface'
(3882,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-app-surface'
(3883,29): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface'
(3884,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-elevation-2'
(3915,19): run-time error CSS1046: Expect comma, found '82'
(3915,26): run-time error CSS1046: Expect comma, found '/'
(3950,26): run-time error CSS1046: Expect comma, found '227'
(3950,33): run-time error CSS1046: Expect comma, found ')'
(3965,36): run-time error CSS1046: Expect comma, found '227'
(3965,43): run-time error CSS1046: Expect comma, found ')'
(4011,26): run-time error CSS1046: Expect comma, found '255'
(4011,34): run-time error CSS1046: Expect comma, found '/'
(4075,19): run-time error CSS1046: Expect comma, found '0'
(4075,23): run-time error CSS1046: Expect comma, found '/'
(4078,26): run-time error CSS1046: Expect comma, found '153'
(4078,32): run-time error CSS1046: Expect comma, found '/'
(4079,32): run-time error CSS1046: Expect comma, found '153'
(4079,38): run-time error CSS1046: Expect comma, found '/'
(4082,20): run-time error CSS1046: Expect comma, found '153'
(4082,26): run-time error CSS1046: Expect comma, found '/'
(4085,24): run-time error CSS1046: Expect comma, found '172'
(4085,31): run-time error CSS1046: Expect comma, found '/'
(4086,30): run-time error CSS1046: Expect comma, found '172'
(4086,37): run-time error CSS1046: Expect comma, found '/'
(4089,18): run-time error CSS1046: Expect comma, found '172'
(4089,25): run-time error CSS1046: Expect comma, found '/'
(4092,26): run-time error CSS1046: Expect comma, found '155'
(4092,34): run-time error CSS1046: Expect comma, found '/'
(4093,32): run-time error CSS1046: Expect comma, found '155'
(4093,40): run-time error CSS1046: Expect comma, found '/'
(4096,20): run-time error CSS1046: Expect comma, found '155'
(4096,28): run-time error CSS1046: Expect comma, found '/'
(4099,26): run-time error CSS1046: Expect comma, found '207'
(4099,34): run-time error CSS1046: Expect comma, found '/'
(4100,32): run-time error CSS1046: Expect comma, found '207'
(4100,40): run-time error CSS1046: Expect comma, found '/'
(4103,19): run-time error CSS1046: Expect comma, found '157'
(4103,26): run-time error CSS1046: Expect comma, found ')'
(4106,26): run-time error CSS1046: Expect comma, found '153'
(4106,32): run-time error CSS1046: Expect comma, found '/'
(4107,32): run-time error CSS1046: Expect comma, found '153'
(4107,38): run-time error CSS1046: Expect comma, found '/'
(4110,26): run-time error CSS1046: Expect comma, found '153'
(4110,32): run-time error CSS1046: Expect comma, found '/'
(4113,24): run-time error CSS1046: Expect comma, found '172'
(4113,31): run-time error CSS1046: Expect comma, found '/'
(4114,30): run-time error CSS1046: Expect comma, found '172'
(4114,37): run-time error CSS1046: Expect comma, found '/'
(4117,24): run-time error CSS1046: Expect comma, found '172'
(4117,31): run-time error CSS1046: Expect comma, found '/'
(4120,26): run-time error CSS1046: Expect comma, found '155'
(4120,34): run-time error CSS1046: Expect comma, found '/'
(4121,32): run-time error CSS1046: Expect comma, found '155'
(4121,40): run-time error CSS1046: Expect comma, found '/'
(4124,26): run-time error CSS1046: Expect comma, found '155'
(4124,34): run-time error CSS1046: Expect comma, found '/'
(4127,26): run-time error CSS1046: Expect comma, found '207'
(4127,34): run-time error CSS1046: Expect comma, found '/'
(4128,32): run-time error CSS1046: Expect comma, found '207'
(4128,40): run-time error CSS1046: Expect comma, found '/'
(4131,26): run-time error CSS1046: Expect comma, found '207'
(4131,34): run-time error CSS1046: Expect comma, found '/'
(4177,26): run-time error CSS1046: Expect comma, found '255'
(4177,33): run-time error CSS1046: Expect comma, found ')'
(4224,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(4225,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(4227,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(4228,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(4241,26): run-time error CSS1046: Expect comma, found '255'
(4241,33): run-time error CSS1046: Expect comma, found ')'
(4242,32): run-time error CSS1046: Expect comma, found '234'
(4242,39): run-time error CSS1046: Expect comma, found ')'
(4291,32): run-time error CSS1046: Expect comma, found '234'
(4291,39): run-time error CSS1046: Expect comma, found ')'
(4334,26): run-time error CSS1046: Expect comma, found '255'
(4334,33): run-time error CSS1046: Expect comma, found ')'
(4335,32): run-time error CSS1046: Expect comma, found '234'
(4335,39): run-time error CSS1046: Expect comma, found ')'
(4415,32): run-time error CSS1046: Expect comma, found '209'
(4415,40): run-time error CSS1046: Expect comma, found '/'
(4451,37): run-time error CSS1046: Expect comma, found '209'
(4451,45): run-time error CSS1046: Expect comma, found '/'
(4598,31): run-time error CSS1046: Expect comma, found '75'
(4598,38): run-time error CSS1046: Expect comma, found '/'
(5147,19): run-time error CSS1046: Expect comma, found '92'
(5147,25): run-time error CSS1046: Expect comma, found ')'
(5499,28): run-time error CSS1046: Expect comma, found '0'
(5499,32): run-time error CSS1046: Expect comma, found '/'
(5753,34): run-time error CSS1046: Expect comma, found '0'
(5753,38): run-time error CSS1046: Expect comma, found '/'
(5767,28): run-time error CSS1046: Expect comma, found '0'
(5767,32): run-time error CSS1046: Expect comma, found '/'
(5783,28): run-time error CSS1046: Expect comma, found '0'
(5783,32): run-time error CSS1046: Expect comma, found '/'
(5792,28): run-time error CSS1046: Expect comma, found '0'
(5792,32): run-time error CSS1046: Expect comma, found '/'
(5851,35): run-time error CSS1046: Expect comma, found '89'
(5851,42): run-time error CSS1046: Expect comma, found '/'
(6173,22): run-time error CSS1046: Expect comma, found '255'
(6173,30): run-time error CSS1046: Expect comma, found '/'
(6389,20): run-time error CSS1046: Expect comma, found '0'
(6389,24): run-time error CSS1046: Expect comma, found '/'
(6417,20): run-time error CSS1046: Expect comma, found '0'
(6417,24): run-time error CSS1046: Expect comma, found '/'
 */
body, html {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100%;
     font-family: "Poppins", sans-serif !important;
     overflow: auto;
     font-size: 14px;
}
 a, a:hover, a:focus, button, .btn {
     outline: none !important;
     text-decoration: none !important;
     color: #06396b;
     cursor: pointer;
     font-family: "Poppins", sans-serif !important;
}
 button, .btn {
     cursor: pointer;
}
 .btn, button {
     cursor: pointer;
     font-family: "Poppins", sans-serif !important;
     box-shadow: none !important;
     outline: none !important;
}
 * {
     box-sizing: border-box;
}
 .required {
     color: red;
}
 .auto-height {
     min-height: initial !important;
}
 .pull-center {
     text-align: center;
}
 .text-danger {
     color: #C10000 !important;
}
 .row > * {
     padding-right: 10px !important;
     padding-left: 10px !important;
}
 .row {
     display: -ms-flexbox;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -10px !important;
     margin-left: -10px !important;
}
 .row-width {
     float: left;
     position: relative;
     width: 100%;
     padding-right: 10px;
     padding-left: 10px;
}
 .width-1-1 {
     max-width: 100%;
}
 .width-1-2 {
     max-width: 50%;
}
 .width-2-3 {
     max-width: 66.66%;
}
 .width-1-3 {
     max-width: 33.33%;
}
 .width-1-4 {
     max-width: 25%;
}
 .width-1-5 {
     max-width: 20%;
}
/* Scrollbar Styling */
 ::placeholder {
     color: #dadada;
     opacity: 1;
    /* Firefox */
}
 ::-ms-input-placeholder {
    /* Edge 12 -18 */
     color: #dadada;
}
 ::-webkit-scrollbar {
     width: 10px;
     height: 10px;
}
 ::-webkit-scrollbar-track {
     background-color: #ebebeb;
     border-radius: 10px;
     height: 10px;
}
 ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #a5a5a5;
     height: 10px;
}
 .btn {
     font-size: 13px;
     border-radius: 6px;
     padding: 0px;
     text-align: center;
     margin: 0px;
     border: none;
     -webkit-appearance: initial !important;
     outline: none !important;
     text-decoration: none !important;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -o-transition: 0.5s all;
     -ms-transition: 0.5s all;
     cursor: pointer;
     line-height: 36px;
     display: inline-block;
     padding: 0px 15px;
     font-family: "Poppins", sans-serif !important;
     height: 36px;
     line-height: 34px;
}
 .btn img {
     width: 14px;
     height: 14px;
     display: inline-block;
     vertical-align: top;
     margin: 10px 6px 10px 0px;
}
 .btn-theme {
     background: #005cb7;
     color: #ffffff !important;
     border: 1px solid #005cb7;
}
 .btn-theme img{
     filter: brightness(0) invert(1);
}
 .btn-theme:hover, .btn-theme.active {
     background: #06396b;
}
 .btn-theme-red {
     background: #009cea;
     color: #fff !important;
}
 .btn-theme-red:hover, .btn-theme-red.active {
     background: #bc0c00;
     color: #ffffff !important;
}
 .btn-theme-outline {
     background: #fff;
     color: #06396b !important;
     border: 1px solid #06396b;
}
 .btn-theme-outline:hover, .btn-theme-outline.active {
     background: #06396b;
     color: #fff !important;
}
 .btn-gray {
     background: #3B3B3B;
     color: #fff !important;
}
 .btn-gray:hover {
     background: #000000;
     color: #fff !important;
}
 .btn-light-gray {
     background: #f3f3f3;
     color: #101010 !important;
}
 .btn-light-gray:hover {
     background: #3B3B3B;
}
 .btn-cancel {
     background: #9CBCCD;
     color: #fff;
     border: #9CBCCD 1px solid;
}
 .btn-cancel:hover {
     background: #7b9eb1;
     color: #fff;
}
 .btn-trash {
     background: #C10000;
     color: #fff;
     border: #C10000 1px solid;
}
 .btn-trash:hover {
     background: #9d0000;
     color: #fff;
}
 .container {
     width: 100%;
     max-width: 1170px;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
}
 .forgot-password {
     margin: 5px 0px;
     float: right;
     font-size: 13px;
     line-height: 24px;
}
 .checkbox-theme {
     padding-left: 30px !important;
     margin: 5px 0px;
     width: auto;
}
 .checkbox-theme label {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
     margin-bottom: 0px;
     line-height: 22px;
     font-size: 12px;
     color: #000;
     font-weight: normal;
     min-width: 120px;
     text-align: left;
}
 .checkbox-theme label::before {
     content: "";
     position: absolute;
     width: 18px;
     height: 18px;
     line-height: 18px;
     font-size: 11px;
     left: 0;
     margin-left: -25px;
     border: 1px solid #bdbdbd;
     border-radius: 4px;
     background-color: white;
     text-align: center;
     color: #fff;
}
 .checkbox-theme label::after {
     display: inline-block;
     position: absolute;
     width: 18px;
     height: 18px;
     left: 1px;
     top: 0px;
     margin-left: -26px;
     font-size: 10px;
     text-align: center;
     border: none !important;
     border-radius: 4px;
}
 .checkbox-theme input[type="checkbox"] {
     opacity: 0;
     z-index: 1;
     margin: 0px 0px 0px -22px;
     cursor: pointer;
}
 .checkbox-theme input[type="checkbox"]:focus + label::before {
     outline: none;
}
 .checkbox-theme input[type="checkbox"]:checked + label::before, .checkbox-theme input[type="checkbox"]:checked + input + label::before {
     content: "";
     background: #005cb7;
     border: 1px solid #005cb7;
}
 .checkbox-theme input + input[type="checkbox"]:checked + label::after, .checkbox-theme input[type="checkbox"]:checked + input + label::after, .checkbox-theme input[type="checkbox"]:checked + label::after {
     content: "";
     background-image: url("../Content/assets/images/icons/icon-check.svg");
     width: 12px;
     height: 12px;
     background-size: 12px;
     background-repeat: no-repeat;
     margin-left: -22px;
     margin-top: 5px;
     margin-bottom: 5px;
}
 .form-group-set-password {
     width: 100%;
     float: left;
     position: relative;
     margin-top: 100px;
}
 .form-group-set-password .form-group:last-child {
     margin-bottom: 0px;
}
 .left-menu-header {
     width: 275px;
     position: absolute;
     float: left;
     top: 0px;
     left: 0px;
     height: 70px;
     border-radius: 0px;
     background: #fff;
}
 .left-menu-header .header-logo {
     float: left;
     width: 100%;
     position: relative;
     text-align: center;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .left-menu-header .header-logo .logo-full {
     float: none;
     width: auto;
     position: relative;
     text-align: center;
     padding: 12px;
     max-width: 100%;
     height: auto;
     max-height: 70px;
}
 .left-menu-header .header-logo .logo-small {
     display: none;
     float: none;
     width: auto;
     position: relative;
     text-align: center;
     padding: 12px;
     max-width: 100%;
     height: auto;
     max-height: 70px;
}
 .left-menu-body {
     height: 100%;
     width: 100%;
     position: relative;
}
 .navbar-left.navbar-left-bottom {
     position: absolute;
     bottom: 0px;
     left: 0px;
     margin: 15px;
     width: calc(100% - 30px);
     background: #fff;
     z-index: 1;
}
 .navbar-left.navbar-left-bottom .menu-item:after, .navbar-left.navbar-left-bottom .menu-item:before {
     display: none;
}
 .left-sidebar.left-sidebar-bottom {
     padding-bottom: 130px;
}
 .navbar-left {
     width: 100%;
     float: left;
     position: relative;
     vertical-align: top;
     margin: 0px;
     padding: 0px;
     list-style: none;
     border-radius: 0px 12px 0px 0px;
     overflow: hidden;
     background: #005cb7;
}
 .navbar-left .menu-item {
     display: inline-block;
     vertical-align: top;
     width: 100%;
     float: left;
     position: relative;
     min-height: 50px;
}
 .navbar-left .menu-item.active:after, .navbar-left .menu-item:last-child:after {
     display: none;
}
 .navbar-left .menu-item:after {
     content: "";
}
 .navbar-left .menu-item .nav-link {
     font-weight: normal;
     text-decoration: none;
     float: left;
     width: 100%;
     position: relative;
     display: flex;
     align-items: center;
     z-index: 1;
     border-bottom: 1px solid rgb(255 255 255 / 20%);
}
 .navbar-left .menu-item.dropdown .nav-link {
     padding-right: 40px;
}
 .navbar-left .menu-item.dropdown .nav-link:before {
     content: "";
     background-image: url("../Content/assets/images/icons/dropdown-arrow.svg");
     width: 12px;
     height: 7px;
     background-size: 12px;
     background-repeat: no-repeat;
     margin-top: -4px;
     filter: brightness(0) invert(1);
     position: absolute;
     top: 50%;
     right: 12px;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out;
}
 .navbar-left .menu-item.dropdown.active .nav-link:before {
     transform: rotate(180deg);
}
 .navbar-left .menu-item .nav-link .right-icon {
     width: 15px;
     height: 15px;
     text-align: center;
     position: relative;
     min-width: 15px;
     -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
     -o-transition: all 0.1s ease-out;
     transition: all 0.1s ease-out;
     transform: rotate(90deg);
}
 .navbar-left .menu-item .nav-link .right-icon img {
     float: none;
     height: 15px;
     display: inline-block;
     vertical-align: top;
     padding: 2px;
}
 .navbar-left .menu-item .nav-link .menu-icon {
     width: 60px;
     height: 50px;
     min-width: 60px;
     background: #06396b00;
}
 .navbar-left .menu-item .nav-link .menu-text {
     width: 100%;
     float: left;
     position: relative;
     line-height: 20px;
     white-space: normal;
     padding-right: 5px;
     padding: 15px 15px;
     background: #005cb7;
     color: #ffffff99;
     font-size: 14px;
     width: 215px;
     white-space: nowrap;
}
 .navbar-left .menu-item .nav-link .menu-icon img {
     float: left;
     width: 60px;
     height: 50px;
     padding: 15px 20px;
     filter: brightness(0) invert(1);
}
 .navbar-left .menu-item.active .nav-link .menu-icon img, .navbar-left .menu-item.menu-dropdown-active .nav-link .menu-icon img {
     filter: none;
     opacity: 1;
}
 .navbar-left .menu-item.active .nav-link .menu-text, .navbar-left .menu-item:hover .nav-link .menu-text {
     color: #ffffff;
     background: rgb(255 255 255 / 10%);
}
 .navbar-left .menu-item.active .nav-link .menu-icon, .navbar-left .menu-item:hover .nav-link .menu-icon {
     background: rgb(255 255 255 / 10%);
}
 .navbar-left .menu-item:hover .nav-link {
     opacity: 1;
}
 .navbar-left .menu-item.active .nav-link .icon-image {
     opacity: 1;
     filter: initial;
}
 .navbar-left .menu-item.active .submenu-theme {
     display: block;
}
 .navbar-left .menu-item .submenu-theme {
     width: calc(100% - 60px);
     float: left;
     position: relative;
     margin: 0px;
     padding: 0px;
     margin-left: 60px;
     display: none;
}
 .navbar-left .menu-item .submenu-theme .submenu-item {
     width: 100%;
     float: left;
     position: relative;
     list-style: none;
}
 .navbar-left .menu-item .submenu-theme .submenu-item.active .main-submenu, .navbar-left .menu-item .submenu-theme .submenu-item:hover .main-submenu {
     background: rgb(0 0 0 / 10%);
}
 .navbar-left .menu-item .submenu-theme .submenu-item .main-submenu {
     width: 100%;
     float: left;
     position: relative;
     line-height: 20px;
     white-space: normal;
     padding-right: 5px;
     padding: 10px 15px;
     background: #005cb7;
     color: #fff;
     font-size: 12px;
}
 .page-content-inner {
     width: 100%;
     float: left;
     position: fixed;
     height: 100%;
     margin-top: 0px;
}
 .main-page-content {
     width: 100%;
     float: right;
     position: relative;
     height: 100%;
     left: 0px;
     overflow-y: hidden;
     padding: 0px;
     padding-left: 290px;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     padding-top: 70px;
     background-color: #ffffff;
}
 .main-page-content .left-content {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 300px;
     background: #fff;
     border-right: #EAEAF2 1px solid;
     padding: 20px;
}
 .main-page-content .right-content {
     position: absolute;
     right: 0px;
     padding: 15px;
     background: #f5f5f9;
     overflow-y: auto;
}
 .left-sidebar {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 275px;
     height: 100%;
     padding: 0px;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     z-index: 2;
     padding-top: 70px;
}
 .left-sidebar-scroll:before, .navbar-left:before {
     content: "";
     position: absolute;
     top: 0px;
     left: 0px;
     height: 100%;
     border-left: 60px solid #06396b;
}
 .left-sidebar-scroll {
     width: 100%;
     height: 100%;
     overflow: hidden;
     overflow-y: auto;
     padding: 0px;
     position: relative;
     top: 0px;
     left: 0px;
     background: #005cb7;
     border-radius: 0px 12px 0px 0px;
     z-index: 3;
}
 body.right-menu-hide .right-sidebar {
     right: -300px;
}
 body.right-menu-hide .main-page-content {
     width: calc(100% - 220px);
}
 .right-sidebar {
     background: #ffffff;
     position: absolute;
     top: 0px;
     right: 0px;
     width: 300px;
     height: 100%;
     overflow: hidden;
     border-radius: 0px;
     box-shadow: 0px 3px 20px 0px #0000000d;
     padding: 20px;
     overflow-y: auto;
     -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
     -o-transition: all 0.1s ease-out;
     transition: all 0.1s ease-out;
     z-index: 2;
}
 .dropdown-theme .dropdown-toggler {
     float: right;
     font-size: 13px;
     color: #ffffff;
     cursor: pointer;
}
 .dropdown-theme .dropdown-toggler:hover {
     color: #069;
}
 .dropdown-theme .dropdown-toggler .fa {
     width: 30px;
     text-align: center;
     border: 1px solid;
     border-radius: 180px;
     line-height: 28px;
}
 .dropdown-theme .dropdown-content {
     padding: 0px;
     margin: 0px;
     position: absolute;
     top: 100%;
     right: 0px;
     background: #ffffff;
     max-width: 160px;
     width: 100%;
     min-width: 160px;
     margin-top: 10px;
     border-radius: 8px;
     box-shadow: 0px 10px 25px 0px #00000008;
     display: none;
     overflow: hidden;
}
 .dropdown-theme .dropdown-content .dropdown-list {
     width: 100%;
     float: left;
     position: relative;
     list-style: none;
}
 .dropdown-theme .dropdown-content .dropdown-list + .dropdown-list {
     border-top: 1px solid #eaeaea;
}
 .dropdown-theme .dropdown-content .dropdown-list .single-line {
     width: 100%;
     float: left;
     position: relative;
     line-height: 40px;
     padding: 0px 15px;
     text-align: left;
     font-size: 13px;
     color: #3d3d3d;
     border: none;
}
 .dropdown-theme .dropdown-content .dropdown-list:hover .single-line {
     background: #F6F8FF;
}
 .dropdown-theme .dropdown-content .dropdown-list .flatpickr-input{
     width: 100%;
     float: left;
     position: relative;
     text-align: left;
     font-size: 13px;
     line-height: 25px;
     padding: 0px 10px;
     outline: none !important;
     border: none !important;
     background: transparent !important;
     color: #3d3d3d;
     font-family: "Poppins", sans-serif !important;
}
 .dropdown-theme .dropdown-content .dropdown-list .flatpickr-input:hover{
     background-color: #2068d0;
     color: #fff;
}
 .dropdown-theme.open .dropdown-content {
     display: block;
}
 .header-content {
     z-index: 2;
     position: absolute;
     top: 0px;
     right: 0px;
     display: flex;
     width: calc(100% - 290px);
     height: 70px;
     background: #fff;
     justify-content: space-between;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .header-content .left-side {
     float: left;
     display: flex;
     align-items: center;
     padding: 15px 0px;
     width: auto;
     flex-direction: row;
     row-gap: 15px;
     column-gap: 15px;
}
 .header-content .left-side .left-header-title {
     font-size: 18px;
     line-height: 26px;
     font-weight: 600;
     white-space: nowrap;
     color: #06396b;
}
 .header-content .right-side {
     float: left;
     text-align: right;
     display: flex;
     align-items: center;
     width: auto;
     padding: 15px 20px;
     justify-content: end;
     min-width: auto;
}
 .header-content .right-side .single-action .notification-toggle {
     position: absolute;
     right: 0px;
     top: 0px;
     width: 34px;
     height: 34px;
}
 .header-content .right-side .single-action .notification-toggle img {
     float: left;
     width: 34px;
     height: 34px;
     padding: 6px;
}
 .header-content .right-side .single-action .notification-toggle .dropdown-number {
     color: #ffffff;
     position: absolute;
     right: -2px;
     top: -2px;
     background: #ef7f1a;
     font-size: 10px;
     line-height: 16px;
     border-radius: 5px;
     padding: 0px 3px;
}
 .header-content .right-side .single-action .dropdown-toggler .dropdown-title {
     color: #1B1B1B;
     display: inline-block;
     vertical-align: top;
     font-size: 13px;
     white-space: nowrap;
     width: 100%;
     text-align: right;
     padding-right: 10px;
}
 .header-content .right-side .single-action .dropdown-toggler .dropdown-subtitle {
     color: #707070;
     display: inline-block;
     vertical-align: top;
     font-size: 10px;
     white-space: nowrap;
     width: 100%;
     text-align: right;
}
 .header-content .right-side .single-action .dropdown-toggler .dropdown-img {
     position: absolute;
     right: 0px;
     top: 0px;
     width: 34px;
     height: 34px;
     background: #06396b;
     border-radius: 180px;
}
 .header-content .right-side .single-action .dropdown-toggler .dropdown-img img {
     float: left;
     width: 34px;
     height: 34px;
     padding: 7px;
     filter: brightness(0) invert(1);
}
 .header-content .right-side .single-action .right-menu-user {
     position: relative;
     border: none;
     height: 34px;
     border-radius: 180px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     outline: none;
     box-shadow: none;
     width: 100%;
     background: #fff;
     padding: 0px;
     opacity: 1;
     float: left;
     overflow: hidden;
     border: 1px solid #EBEBEB;
     cursor: pointer;
}
 .header-content .right-side .single-action .right-menu-user.active, .header-content .right-side .single-action .right-menu-user:hover, body.right-menu-hide .header-content .right-side .single-action .right-menu-user {
     background: #0a4a88;
     border: 1px solid #0a4a88;
}
 .header-content .right-side .single-action .right-menu-user img {
     width: 34px;
     height: 34px;
     position: relative;
     left: 0px;
     top: 0px;
     z-index: 1;
     padding: 10px;
}
 body.right-menu-hide .header-content .right-side .single-action .right-menu-user img, .header-content .right-side .single-action .right-menu-user.active img, .header-content .right-side .single-action .right-menu-user:hover img {
     filter: brightness(0) invert(1);
}
 .header-content .right-side .single-action {
     text-align: center;
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     position: relative;
}
 .header-content .right-side .single-action .btn {
     line-height: 31px;
     padding: 0px 30px;
     height: 32px !important;
     float: left;
}
 .header-content .right-side .single-action .dropdown-toggler {
     text-align: center;
     height: 34px;
     border-radius: 180px;
     white-space: nowrap;
     padding-right: 34px;
     position: relative;
     display: flex;
     align-items: center;
}
 .header-content .single-action .dropdown-toggler-icon {
     text-align: center;
     height: 32px;
     white-space: nowrap;
     padding: 0px !important;
}
 .header-content .single-action .dropdown-toggler-icon img {
     width: 32px;
     text-align: center;
     height: 32px;
     margin: 0 5px 0 0;
     border-radius: 180px;
     border: 1px solid rgb(0 0 0/10%);
     padding: 7px 
}
 .header-content .single-action .dropdown-toggler-icon .dropdown-number {
     color: #fff;
     position: absolute;
     right: 0;
     top: -6px;
     background: #06396b;
     font-size: 10px;
     line-height: 16px;
     border-radius: 5px;
     padding: 0 3px 
}
 .body-content {
     width: 100%;
     float: left;
     position: relative;
     border-radius: 12px 0px 0px 0px;
     height: 100%;
     padding: 20px 20px;
     background: white;
     display: flex;
     flex-direction: column;
     overflow: auto;
     border-top: 1px solid #b8c2c9;
     border-left: 1px solid #b8c2c9;
}
 .status-green {
     color: #60A700;
}
 .table-dropdown {
     width: 18px;
     height: 18px;
     float: left;
     position: relative;
}
 .table-dropdown a {
     width: 18px;
     height: 18px;
     float: left;
     position: relative;
}
 .table-dropdown a img {
     width: 18px;
     height: 18px;
     float: left;
     position: relative;
     padding: 2px;
     -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
     -o-transition: all 0.1s ease-out;
     transition: all 0.1s ease-out;
}
 .body-content-header {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     margin-bottom: 15px;
     justify-content: space-between;
     flex-direction: column;
}
 .body-content-header .body-content-header-left {
     width: auto;
     float: left;
     position: relative;
}
 .body-content-header .body-content-header-left .body-content-header-title {
     width: 100%;
     float: left;
     position: relative;
     color: #303030;
     font-size: 22px;
     line-height: 32px;
     font-weight: 700;
}
 .body-content-header .body-content-header-right {
     width: auto;
     position: relative;
}
 .body-content-header .body-content-header-right .btn {
     margin-left: 5px;
}
.body-content-body {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    overflow-y: visible;
}
 .body-content-footer {
     width: 100%;
     float: left;
     position: relative;
}
 .footer-actions.transparent-background {
     background: transparent;
}
 .footer-actions {
     width: 100%;
     float: left;
     position: relative;
     text-align: right;
     background: #fff;
     border-radius: 7px;
     display: flex;
     justify-content: space-between;
     padding: 15px;
}
 .footer-actions .footer-actions-left {
     text-align: right;
}
 .footer-actions .footer-actions-right {
     text-align: right;
}
 .footer-actions .footer-actions-left .btn {
     margin: 5px 0px 0px 0px 
}
 .footer-actions .footer-actions-right .btn {
     margin: 0px 0px 0px 5px;
}
 .enrollment-radio-group {
     width: 100%;
     float: left;
     position: relative;
     padding: 15px;
}
 .enrollment-radio-group .enrollment-radio {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 20px;
     background: #fff;
     border-radius: 12px;
     border: 1px solid #fff;
     padding: 50px 130px 50px 50px;
}
 .enrollment-radio-group .enrollment-radio.active, .enrollment-radio-group .enrollment-radio:hover {
     box-shadow: 0px 0px 8px #00000012;
     border: 1px solid #01A1DD;
}
 .enrollment-radio-circle {
     width: 36px;
     height: 36px;
     float: left;
     position: absolute;
     top: 50%;
     margin-top: -18px;
     right: 50px;
}
 .enrollment-radio-circle input[type="radio"] {
     opacity: 0;
     z-index: 1;
     margin: 0px;
     cursor: pointer;
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
}
 .enrollment-radio-circle input[type="radio"]:checked + label:before {
     content: "";
     border: 2px solid #06396b;
}
 .enrollment-radio-circle input[type="radio"] + label:after {
     content: "";
     position: absolute;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     text-align: center;
     color: #fff;
     left: 0px;
     background: rgb(227 232 238);
     top: 0px;
     margin: 10px;
}
 .enrollment-radio-circle input[type="radio"]:checked + label:after {
     content: "";
     position: absolute;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     text-align: center;
     color: #fff;
     left: 0px;
     background: #005cb7;
     top: 0px;
     margin: 10px;
}
 .enrollment-radio-circle label {
     position: absolute;
     cursor: pointer;
     border: none;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
}
 .enrollment-radio-circle label .radio-title {
     font-weight: 700;
     font-size: 16px;
     line-height: 22px;
     color: #2D4245;
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 5px;
}
 .enrollment-radio-circle label .radio-title img {
     display: inline-block;
     vertical-align: top;
     position: relative;
     margin: 6px 10px 6px 0px;
}
 .enrollment-radio-circle label .radio-subtitle {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: #4E5B73;
}
 .enrollment-radio-circle label::before {
     content: "";
     position: absolute;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     text-align: center;
     color: #fff;
     left: 0px;
     background: #fff;
     border: 2px solid #06396b;
     top: 0px;
}
 .enrollment-radio-group .enrollment-content {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
}
 .enrollment-radio-group .enrollment-content .enrollment-left {
     min-width: 50px;
     height: 50px;
}
 .enrollment-radio-group .enrollment-content .enrollment-left img {
     width: 100%;
}
 .enrollment-radio-group .enrollment-content .enrollment-right {
     width: 100%;
     float: left;
     position: relative;
     padding-left: 30px;
     padding-top: 10px;
     max-width: 500px;
}
 .enrollment-radio-group .enrollment-content .enrollment-right .enrollment-title {
     width: 100%;
     float: left;
     position: relative;
     color: #06396b;
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
}
 .wizard-footer {
     width: auto;
     float: left;
     position: relative;
}
 .wizard-footer .wizard-btn {
     background: #F1F8FF;
     font-size: 12px;
     font-weight: 500;
     color: #06396b;
     position: relative;
     float: left;
     margin-right: 6px;
     border-top: 1px solid #C2E1FF;
     border-bottom: 1px solid #C2E1FF;
     height: 32px;
}
 .wizard-footer .wizard-btn span {
     padding: 0px 16px 0px 26px;
     line-height: 30px;
     float: left;
     position: relative;
}
 .wizard-footer .wizard-btn:first-child span {
     padding: 0px 16px 0px 16px;
}
 .wizard-footer .wizard-btn:last-child {
     margin-right: 0px;
}
 .wizard-footer .wizard-btn span:after {
     content: "";
     border-top: 16px solid transparent;
     position: absolute;
     border-left: 12px solid #F1F8FF;
     border-bottom: 16px solid transparent;
     z-index: 4;
     top: -1px;
     right: -11px;
}
 .wizard-footer .wizard-btn span:before {
     content: "";
     border-top: 16px solid transparent;
     position: absolute;
     border-left: 12px solid #C2E1FF;
     border-bottom: 16px solid transparent;
     z-index: 4;
     top: -1px;
     right: -12px;
}
 .wizard-footer .wizard-btn.active {
     background: #06396b;
     color: #ffffff;
     border-color: #06396b !important;
}
 .wizard-footer .wizard-btn.active span:after {
     content: "";
     border-left: 12px solid #06396b;
}
 .wizard-footer .wizard-btn.active span:before {
     content: "";
     border-left: 12px solid #06396b;
}
 .wizard-footer .wizard-btn:after {
     content: "";
     border-top: 16px solid transparent;
     position: absolute;
     border-left: 12px solid white;
     border-bottom: 16px solid transparent;
     z-index: 1;
     top: -1px;
     left: -1px;
}
 .wizard-footer .wizard-btn:before {
     content: "";
     border-top: 16px solid transparent;
     position: absolute;
     border-left: 12px solid #C2E1FF;
     border-bottom: 16px solid transparent;
     z-index: 1;
     top: -1px;
     left: 0px;
}
 .wizard-footer .wizard-btn:first-child {
     border-left: 1px solid #C2E1FF;
}
 .wizard-footer .wizard-btn:last-child {
     border-right: 1px solid #C2E1FF;
}
 .wizard-footer .wizard-btn:first-child:before, .wizard-footer .wizard-btn:first-child:after {
     display: none;
}
 .wizard-footer .wizard-btn:last-child span:before, .wizard-footer .wizard-btn:last-child span:after {
     display: none;
}
 .wizard-footer .wizard-btn.active:after {
     content: "";
     border-left: 12px solid white;
}
 .wizard-footer .wizard-btn.active:before {
     content: "";
     border-left: 12px solid #06396b;
}
 .form-toggle {
     white-space: nowrap;
     margin-left: 30px;
}
 .form-toggle .form-toggle-label {
     font-style: normal;
     font-weight: 500;
     font-size: 12px;
     color: #acacac;
     width: auto;
     position: relative;
     padding: 5px 0px;
     line-height: 24px;
     max-width: 150px;
     margin-right: 5px;
     margin-left: 5px;
     display: inline-block;
     vertical-align: top;
}
 .form-toggle .switch {
     position: relative;
     display: inline-block;
     vertical-align: top;
     width: 34px;
     height: 20px;
     margin: 7px 0px;
}
 .form-toggle .switch input {
     opacity: 0;
     width: 0;
     height: 0;
}
 .form-toggle .switch .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     -webkit-transition: .4s;
     transition: .4s;
     border: 1px solid #06396b;
}
 .form-toggle .switch .slider:before {
     position: absolute;
     content: "";
     height: 13px;
     width: 13px;
     left: 3px;
     bottom: 3px;
     background-color: #06396b;
     -webkit-transition: .4s;
     transition: .4s;
}
 .form-toggle .switch input:checked + input + .slider:before, .form-toggle .switch input:checked + .slider:before {
     -webkit-transform: translateX(13px);
     -ms-transform: translateX(13px);
     transform: translateX(13px);
     background: #005cb7;
}
/* Rounded sliders */
 .form-toggle .switch .slider.round, .form-toggle .switch .slider.round:before {
     border-radius: 180px;
}
 .required-entry {
     width: 100%;
     float: left;
     position: relative;
     margin-top: 30px;
     text-align: right;
     font-size: 11px;
     color: gray;
}
 .fileupload-group {
     background: #fff;
     border: 1px solid #EBEBEB;
     border-radius: 8px;
     width: 100%;
     float: left;
     position: relative;
     padding: 0px 90px 0px 10px;
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     outline: none !important;
     box-shadow: none;
     height: 44px;
}
 .fileupload-group .btn {
     line-height: 32px;
     font-size: 12px;
     position: absolute;
     top: 6px;
     right: 6px;
     height: 32px;
     border: none;
}
 .fileupload-group .fileupload-content {
     border-radius: 5px;
     width: 100%;
     position: absolute;
     padding: 0px 90px 0px 10px;
     font-size: 13px;
     text-align: left;
     line-height: 44px;
     top: 0px;
     left: 0px;
     color: #dadada;
}
 .fileupload-group .fileupload-content .center-icon {
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     margin-right: 5px;
}
 .fileupload-group input.typefile {
     position: absolute;
     opacity: 0;
     top: 0px;
     left: 0px;
     width: 100%;
     float: left;
     height: 42px;
}
 .single-white-enrollment {
     width: 100%;
     float: left;
     position: relative;
     border-radius: 10px;
     background: rgb(255 255 255);
     margin-bottom: 20px;
     border: 1px solid #c0c0c0;
}
 .single-white-enrollment .table-responsive {
     margin-top: 15px;
}
 .single-white-enrollment .enrollment-header {
     width: 100%;
     float: left;
     position: relative;
     padding: 12px 15px;
     display: flex;
     border-bottom: 1px solid #c0c0c0;
}
 .single-white-enrollment .enrollment-header .enrollment-actions {
     width: auto;
}
 .single-white-enrollment .enrollment-header .enrollment-actions .info-message-group {
     height: 16px;
     width: 16px;
}
 .single-white-enrollment .enrollment-body {
     padding: 0px;
     width: 100%;
     float: left;
     position: relative;
     color: #dadada;
     min-height: 200px;
     font-size: 13px;
     line-height: 20px;
}
 .single-white-enrollment .enrollment-body textarea.form-control {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     resize: none;
     overflow-y: overlay;
     padding: 12px 15px;
     border: none;
     background: transparent;
     outline: none !important;
     font-family: "Poppins", sans-serif !important;
}
 .single-white-enrollment .enrollment-title-small {
     width: 100%;
     float: left;
     position: relative;
     font-size: 12px;
     font-weight: normal;
     color: gray;
}
 .single-white-enrollment .enrollment-title-large {
     width: 100%;
     float: left;
     position: relative;
     font-size: 16px;
     font-weight: 600;
     color: #06396b;
     line-height: 24px;
}
 .single-fileupload-enrollment {
     width: 100%;
     float: left;
     position: relative;
     border-radius: 10px;
     background: rgb(255 255 255);
     margin-bottom: 20px;
     border: 1px solid #c0c0c0;
     display: flex;
}
 .single-fileupload-enrollment .form-label {
     width: auto;
     float: left;
     position: relative;
     padding: 12px 15px;
     display: flex;
     border-right: 1px solid #c0c0c0;
     font-size: 16px;
     font-weight: 600;
     color: #06396b;
     line-height: 24px;
     white-space: nowrap;
}
 .single-fileupload-enrollment .fileupload-group {
     border: none;
     margin: 7px;
}
 .single-fileupload-enrollment .fileupload-group .btn {
     line-height: 32px;
     top: 0px;
     right: 0px;
     font-size: 14px;
}
 .radio-theme {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 20px;
}
 .radio-theme input[type="radio"] {
     opacity: 0;
     z-index: 1;
     margin: 0px;
     cursor: pointer;
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
}
 .radio-theme input[type="radio"].styled:checked + label:before {
     content: "";
     background: #ffffff;
     border: 1px solid #06396b;
}
 .radio-theme input[type="radio"].styled:checked + label:after {
     content: "";
     background: #06396b;
}
 .radio-theme input[type="radio"].styled + label:after {
     content: "";
     position: absolute;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     text-align: center;
     color: #fff;
     left: 0px;
     background: #AEAEAE;
     top: 0px;
     margin: 6px;
}
 .radio-theme label {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
     color: #4e4e4e;
     margin-bottom: 0px;
     font-size: 14px;
     line-height: 20px;
     width: auto;
     font-weight: normal;
     border-radius: 5px;
     padding: 0px 0px 0px 28px;
     border: none;
}
 .radio-theme label .radio-title {
     font-weight: 700;
     font-size: 16px;
     line-height: 22px;
     color: #2D4245;
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 5px;
}
 .radio-theme label .radio-title img {
     display: inline-block;
     vertical-align: top;
     position: relative;
     margin: 6px 10px 6px 0px;
}
 .radio-theme label .radio-subtitle {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: #4E5B73;
}
 .radio-theme label::before {
     content: "";
     position: absolute;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     text-align: center;
     color: #fff;
     left: 0px;
     background: #fff;
     border: 1px solid #AEAEAE;
     top: 0px;
}
 .single-line-radio {
     width: 100%;
     float: left;
     position: relative;
     min-height: 40px;
}
 .single-line-radio .radio-theme {
     margin-bottom: 6px;
     width: auto;
     margin-top: 6px;
}
 .single-line-radio .radio-theme + .radio-theme {
     margin-left: 20px;
}
 .reset-content {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
}
 .reset-content .reset-left {
     width: 100px;
     height: 100px;
     position: relative;
     min-width: 100px;
     max-height: 100px;
}
 .reset-content .reset-left img {
     width: 100%;
     float: left;
     max-height: 100%;
}
 .reset-content .reset-right {
     width: 100%;
     float: left;
     position: relative;
     padding-left: 51px;
     max-width: 500px;
}
 .reset-content .reset-right .reset-title {
     width: 100%;
     float: left;
     position: relative;
     line-height: 46px;
     font-weight: 600;
     color: #01a1dd;
     font-size: 36px;
     margin-bottom: 10px;
}
 .reset-content .reset-right .reset-subtitle {
     width: 100%;
     float: left;
     position: relative;
     color: rgb(39 39 39 / 90%);
     font-size: 18px;
     line-height: 26px;
     font-weight: normal;
}
 .pagination-theme {
     width: 100%;
     float: left;
     margin: 0px;
     text-align: center;
}
 .pagination-theme ul {
     float: none;
     margin: 0px;
     padding: 0px;
     text-align: left;
     border-radius: 6px;
     overflow: hidden;
     white-space: nowrap;
     display: inline-block;
     vertical-align: top;
}
 .pagination-theme ul li {
     list-style: none;
     padding: 0px;
     float: left;
     margin: 0px 2px !important;
}
 .pagination-theme ul li a {
     height: 24px;
     padding: 0px 0px;
     float: left;
     font-weight: 500;
     font-size: 13px;
     color: #9D9D9D;
     position: relative;
     margin: 0px !important;
     width: 24px;
     line-height: 24px;
     text-align: center;
     border-radius: 5px;
}
 .pagination-theme ul li img {
     width: 24px;
     height: 24px;
     padding: 6px;
     float: left;
     position: relative;
}
 .pagination-theme ul li.active a, .pagination-theme ul li.active:hover a {
     background: #06396b;
     color: #fff;
}
 .pagination-theme ul li a i {
     font-size: 24px;
     float: left;
     line-height: 24px;
}
 .pagination-theme ul li:hover a {
     background: #ffffff;
}
 .table-info {
     display: flex;
     width: 100%;
     float: left;
     position: relative;
     margin-top: 20px;
     justify-content: space-between;
}
 .table-info .table-info-left {
     width: auto;
}
 .table-info .table-info-right {
     width: auto;
}
 .table-info .table-info-center {
     width: auto;
}
 .table-info .table-showing-entries {
     font-size: 12px;
     line-height: 24px;
     color: #06396b;
     font-weight: normal;
     display: inline-block;
     vertical-align: top;
}
 .table-info .table-entries {
     font-weight: normal;
     display: inline-block;
     vertical-align: top;
}
 .table-info .table-entries .label-entries {
     font-size: 12px;
     line-height: 24px;
     color: #06396b;
     font-weight: normal;
     display: inline-block;
     vertical-align: top;
}
 .table-info .table-entries .form-control {
     line-height: 22px;
     height: 24px;
     border: 1px solid #C2E1FF;
     border-radius: 5px;
}
 .form-search {
     display: inline-block;
     vertical-align: top;
     position: relative;
}
 .form-search .form-control {
     background: #fff;
     border: 1px solid #d5d5d5;
     border-radius: 5px;
     width: 100%;
     float: left;
     position: relative;
     height: 36px;
     padding: 0px 34px 0px 10px;
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     outline: none !important;
     box-shadow: none;
     min-width: 250px;
}
 .form-search .form-control-icon {
     float: left;
     position: absolute;
     right: 10px;
     top: 50%;
     width: 16px;
     margin-top: -8px;
}
 .form-search .form-control-icon img {
     width: 100%;
     float: left;
     position: relative;
}
 .btn-search {
     background: #f2f6f9;
     border: 1px solid #00000017;
}
 .btn-search:hover {
     background: #005cb7;
     color: #ffffff;
     border: 1px solid #06396b;
}
 .btn-search:hover img {
     filter: brightness(0) invert(1);
}
 .breadcrumbs {
     font-size: 14px;
     width: 100%;
     white-space: nowrap;
     position: relative;
     float: left;
}
 .breadcrumbs .home-icon {
     float: left;
     height: 24px;
     width: 24px;
     position: relative;
}
 .breadcrumbs .home-icon img {
     float: left;
     height: 24px;
     width: 24px;
     position: relative;
     padding: 4px;
}
 .breadcrumbs a {
     text-decoration: none;
     color: #009cea;
     display: inline-block;
     vertical-align: top;
     font-size: 12px;
     line-height: 24px;
     padding: 0px 0px;
     position: relative;
     margin-right: 16px;
}
 .breadcrumbs a:after {
     content: "/";
     position: absolute;
     right: -13px;
     top: 0px;
}
 .breadcrumbs a:hover {
     text-decoration: underline;
}
 .breadcrumbs span {
     color: #555;
     font-size: 12px;
}
 .page-theme-header {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
}
 .page-theme-header .page-theme-header-left {
     width: 100%;
}
 .page-theme-header .page-theme-header-right {
     width: auto;
}
 .page-theme-header .page-title {
     font-size: 18px;
     line-height: 26px;
     font-weight: 600;
     white-space: nowrap;
     color: #005cb7;
}
 .dropdown-notification-group {
     max-width: 280px !important;
     min-width: 280px !important;
     border: none !important 
}
 .dropdown-notification-group .notification-list {
     padding: 0 10px;
     max-height: 250px;
     overflow-y: auto 
}
 .dropdown-notification-group .dropdown-notification-btn {
     width: 100%;
     float: left;
     position: relative;
     background: #ffffff;
     color: #06396b;
     font-size: 13px;
     line-height: 36px;
     border-top: 1px solid #ededed;
}
 .notification-list.notification-list-page {
     max-height: initial;
     overflow-y: initial 
}
 .notification-list {
     width: 100%;
     float: left;
     position: relative;
     max-height: 300px;
     overflow-y: auto 
}
 .notification-list .single-notification {
     width: 100%;
     float: left;
     position: relative;
     font-size: 12px;
     line-height: 21px;
     color: #9b9b9b;
     padding: 8px 0 8px 30px;
     text-align: left;
     white-space: normal 
}
 .notification-list .single-notification:before {
     content: "";
     background-image: url("../Content/assets/images/icons/gray-bell.svg");
     position: absolute;
     background-repeat: no-repeat;
     background-position: center center;
     left: 0;
     top: 9px;
     background-size: 12px;
     width: 20px;
     text-align: center;
     height: 20px;
     margin: 0 5px 0 0;
     border-radius: 180px;
     border: 1px solid #d8d8d8;
     padding: 0 
}
 .notification-list .single-notification + .single-notification {
     border-top: 1px solid #eee 
}
 .dataTables_wrapper {
     width: 100%;
     float: left;
     position: relative;
}
 .dataTables_wrapper .dataTables_length {
     width: auto;
     padding: 15px;
     float: right !important;
     position: relative;
     text-align: right;
     max-width: 200px;
}
 .dataTables_wrapper .dataTables_length label {
     font-style: normal;
     font-size: 13px;
     color: rgb(93, 93, 93);
     width: 100%;
     float: left;
     position: relative;
     line-height: 28px;
     margin: 0px !important;
}
 .dataTables_wrapper .dataTables_length select {
     background: rgb(255, 255, 255);
     border: 1px solid rgb(235, 235, 235) !important;
     border-radius: 5px !important;
     padding: 0px 5px !important;
     float: none;
     position: relative;
     height: 28px;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     margin: 0px 5px;
}
 .dataTables_wrapper .dataTables_filter {
     width: 50%;
     padding: 15px;
     float: left;
     position: relative;
}
 .dataTables_wrapper .dataTables_filter label {
     font-style: normal;
     font-size: 13px;
     color: rgb(93, 93, 93);
     width: 100%;
     float: left;
     position: relative;
     line-height: 28px;
     text-align: left;
     margin: 0px !important;
}
 .dataTables_wrapper .dataTables_filter label input {
     background: rgb(255, 255, 255);
     border: 1px solid rgb(235, 235, 235);
     border-radius: 5px;
     float: none;
     position: relative;
     height: 28px;
     padding: 0px 5px;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     margin-left: 5px !important;
}
 .dataTables_wrapper .dataTables_info {
     width: 50%;
     float: left;
     position: relative;
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     color: rgb(93, 93, 93);
     line-height: 28px;
     padding: 15px !important;
     margin: 0px !important;
}
 .dataTables_wrapper .dataTables_paginate {
     width: 50%;
     float: left !important;
     position: relative;
     font-style: normal;
     font-weight: 600;
     font-size: 13px;
     color: rgb(93, 93, 93) !important;
     line-height: 28px;
     text-align: right !important;
     padding: 15px !important;
     margin: 0px !important;
}
 .dataTables_wrapper .dataTables_paginate span .paginate_button {
     background: transparent;
     border: 1px solid transparent;
     border-radius: 180px;
     float: none;
     position: relative;
     height: 28px;
     padding: 0px 5px;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     margin: 0px 5px;
     text-align: center;
     min-width: 28px;
     display: inline-block;
     line-height: 26px;
     cursor: pointer;
}
 .dataTables_wrapper .dataTables_paginate span .paginate_button.current {
     background: #06396b;
     border: 1px solid #06396b;
     opacity: 1;
     color: rgb(255, 255, 255) !important;
}
 .dataTables_wrapper .dataTables_paginate span {
     display: inline-block;
     vertical-align: top;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
     font-style: normal;
     font-weight: 600;
     font-size: 13px;
     color: transparent !important;
     width: 28px;
     float: none;
     position: relative;
     line-height: 28px;
     display: inline-block;
     padding: 0px 5px;
     height: 28px;
     margin: 0px 10px !important;
     background: transparent !important;
     border: none !important;
     box-shadow: none !important;
     overflow: hidden;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
     content: "";
     background-image: url("../Content/assets/images/icons/left-gray-arrow.svg");
     position: absolute;
     background-size: 100%;
     width: 9px;
     height: 16px;
     background-repeat: no-repeat;
     background-position: bottom right;
     right: 0px;
     opacity: 1;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -4.5px;
     transform: rotate(180deg);
}
 .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
     content: "";
     background-image: url("../Content/assets/images/icons/left-gray-arrow.svg");
     position: absolute;
     background-size: 100%;
     width: 9px;
     height: 16px;
     background-repeat: no-repeat;
     background-position: bottom right;
     right: 0px;
     opacity: 1;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -4.5px;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
     cursor: no-drop !important;
     opacity: 0.5;
     color: transparent !important;
}
 .table-switch-status {
     display: flex;
     align-items: center;
}
 .table-switch-status .table-switch-title {
     margin-left: 5px;
}
/* The switch - the box around the slider */
 .table-switch-status .switch {
     position: relative;
     display: inline-block;
     width: 30px;
     height: 16px;
}
/* Hide default HTML checkbox */
 .table-switch-status .switch input {
     opacity: 0;
     width: 0;
     height: 0;
}
/* The slider */
 .table-switch-status .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
}
 .table-switch-status .slider:before {
     position: absolute;
     content: "";
     height: 12px;
     width: 12px;
     left: 2px;
     bottom: 2px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
}
 .table-switch-status input:checked + .slider {
     background-color: #50D578;
}
 .table-switch-status input:focus + .slider {
     box-shadow: 0 0 1px #2196F3;
}
 .table-switch-status input:checked + .slider:before {
     -webkit-transform: translateX(14px);
     -ms-transform: translateX(14px);
     transform: translateX(14px);
}
/* Rounded sliders */
 .table-switch-status .slider.round {
     border-radius: 180px;
}
 .table-switch-status .slider.round:before {
     border-radius: 50%;
}
 .table-dropdown-actions {
     font-weight: 500;
     position: relative;
     float: left;
}
 .table-dropdown-actions .table-dropdown-toggler {
     width: 30px;
     height: 30px;
    /* UI Properties */
     background: #F3F3F3;
     border-radius: 180px;
     float: left;
     display: flex;
     align-items: center;
}
 .table-dropdown-actions .table-dropdown-toggler img {
     width: 100%;
     float: left;
     position: relative;
     padding: 8px;
}
 .table-dropdown-actions .table-dropdown-content {
     padding: 3px;
     margin: 0px;
     position: absolute;
     top: 100%;
     right: -10px;
     background: #ffffff;
     width: 100%;
     min-width: fit-content;
     margin-top: 10px;
     border-radius: 8px;
     box-shadow: 0px 10px 25px 0px #59595930;
     display: none;
     z-index: 1;
     border: 1px solid #e3e3e3;
}
 .table-dropdown-actions .table-dropdown-content:before {
     content: "";
     border-bottom: 5px solid #b5b5b5;
     border-left: 6px solid transparent;
     position: absolute;
     border-right: 6px solid transparent;
     top: -6px;
     z-index: 1;
     right: 17px;
}
 .table-dropdown-actions.table-dropdown-active .table-dropdown-content {
     display: block;
}
 .table-dropdown-actions .table-dropdown-content .table-dropdown-list {
     width: 100%;
     float: left;
     position: relative;
     list-style: none;
}
 .table-dropdown-actions .table-dropdown-content .table-dropdown-list .single-line {
     float: left;
     position: relative;
     line-height: 30px;
     padding: 0px 15px;
     text-align: left;
     font-size: 12px;
     color: #3d3d3d;
     background: #fff;
     border-radius: 7px;
     padding-left: 30px;
     word-wrap: normal;
     width: max-content;
     min-width: 100%;
     text-transform: capitalize;
     border: none;
}
 .table-dropdown-actions .table-dropdown-content .table-divider {
     width: 100%;
     float: left;
     position: relative;
     list-style: none;
     border-top: 1px solid #CECECE;
     margin: 3px 0px;
}
 .table-dropdown-actions .table-dropdown-content .table-dropdown-list .single-line img {
     width: 14px;
     height: 14px;
     margin: 8px;
     float: left;
     position: absolute;
     left: 0px;
     top: 0px;
     filter: grayscale(1);
     opacity: 0.6;
}
 .table-dropdown-actions .table-dropdown-content .table-dropdown-list:hover .single-line {
     color: #06396b;
     background: #F2F5F9;
}
 .table-dropdown-actions .table-dropdown-content .table-dropdown-list:hover .single-line img {
     filter: initial;
     opacity: 1;
}
 .card-group {
     border: none;
     width: 100%;
     float: left;
     position: relative;
     overflow: hidden;
}
 .card-group-header {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     justify-content: space-between;
     border: none;
     border-radius: 10px;
     box-shadow: 0 8px 8px #f3f3f3;
     margin-bottom: 20px;
     background: #fff;
     padding: 15px;
}
 .card-group-header .card-group-header-left {
     width: auto;
}
 .card-group-header .card-group-header-right {
     width: auto;
}
 .card-group-header .card-group-header-right .single-action {
     display: inline-block;
     vertical-align: top;
}
 .card-group-header .card-group-header-right .single-action .btn {
     float: left;
     position: relative;
}
 .theme-form {
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
}
 .theme-form .theme-form-title {
     font-style: normal;
     font-weight: 600;
     font-size: 18px;
     line-height: 25px;
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 20px;
     color: #2D4245;
}
 .theme-form .form-group {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 20px;
     display: flex;
     flex-direction: column;
     gap: 5px;
}
 .theme-form .form-group .input-group .view-mode-data {
     background: #fff;
     border-radius: 6px;
     width: 100%;
     float: left;
     position: relative;
     height: auto;
     padding: 10px 10px;
     font-size: 13px;
     font-family: 'Poppins', sans-serif;
     background-color: #f7f9fc !important;
     border: 1px solid #eaf1f8 !important;
     cursor: no-drop;
     line-height: 22px;
     color: #5D5D5D;
     min-height: 44px;
}
 .theme-form .form-group .response-error, .theme-form .form-group .response-error-message {
     position: absolute;
     top: 100%;
     left: 0px;
     padding-top: 4px;
     font-size: smaller;
}
 .theme-form .form-group .row-width .response-error {
     padding-right: 10px;
     padding-left: 10px;
}
 .theme-form .form-group .input-group-double {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
}
 .theme-form .form-group .input-group-double .form-control + .form-control {
     margin-left: 15px;
}
 .theme-form .form-group .label-value {
     background: #f1f1f1;
     border: 1px solid #ffffff;
     border-radius: 6px;
     width: 100%;
     float: left;
     position: relative;
     padding: 10px 10px;
     font-family: 'Poppins', sans-serif;
     font-size: 14px;
     line-height: 24px;
     cursor: no-drop;
     min-height: 44px;
}
 .theme-form .form-group .label-value:after {
     content: "";
     position: absolute;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     background: transparent;
     cursor: no-drop;
     z-index: 1;
}
 .theme-form .form-group .error-message-new {
     position: absolute;
     bottom: 0px;
     font-size: 12px;
     margin-bottom: -16px;
     width: 100%;
     text-align: left;
     color: red;
}
 .theme-form .form-group .form-group-title {
     width: 100%;
     float: left;
     position: relative;
     font-size: 15px;
     font-weight: 600;
     line-height: 30px;
     color: #0a4a88 !important;
     border-bottom: 1px dashed #bbbbbb;
     margin-bottom: 10px;
}
 .theme-form .form-group.form-group-disabled:after {
     content: "";
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background: #ffffff;
     opacity: 0.5;
     cursor: no-drop;
}
 .theme-form .form-group .checkbox-new {
     margin: 15px 0px 0px 0px;
}
 .theme-form .form-group select {
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
}
 .theme-form .form-group .form-label {
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     color: #707070;
     width: 100%;
     float: left;
     position: relative;
}
 .theme-form .form-group .form-label .required-icon {
     color: red;
}
 .theme-form .form-group .form-group-icon {
     width: 100%;
     float: left;
     position: relative;
}
 .theme-form .form-group .form-group-icon .form-control {
     padding: 10px;
}
 .theme-form .form-group .form-group-icon .form-icon {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 16px;
     height: 16px;
     margin: 14px;
}
 .theme-form .form-group .form-control {
     background: #fff;
     border: 1px solid #b8c2c9;
     border-radius: 6px;
     width: 100%;
     float: left;
     position: relative;
     height: 40px;
     padding: 0px 10px;
     font-size: 13px;
     font-family: 'Poppins', sans-serif;
     outline: none;
}
 .theme-form.theme-form-small .form-group .form-control {
     height: 34px;
     padding: 0px 30px 0px 10px;
}
 .theme-form.theme-form-small .form-group .form-label {
     font-size: 13px;
}
 .theme-form .form-group .form-control + .form-control {
     margin-top: 10px;
}
 .theme-form .form-group .form-control:focus, .theme-form .form-group .form-control:hover {
     border: 1px solid #06396b;
}
 .theme-form .form-group .form-control:disabled {
     background-color: #e0eaf3 !important;
     border: 1px solid #caddef !important;
     cursor: no-drop;
}
 .theme-form .form-group .form-control-icon {
     width: 100%;
     float: left;
     position: relative;
}
 .theme-form .form-group .form-control-icon .form-control {
     padding-right: 44px;
}
 .theme-form .form-group .form-control-icon .right-icon {
     position: absolute;
     right: 0px;
     top: 0px;
     margin: 13px;
}
 .theme-form .form-group select.form-control {
     background-image: url("../Content/assets/images/icons/dropdown-arrow.svg");
     -webkit-appearance: none;
     background-position: center right 15px;
     background-repeat: no-repeat;
}
 .theme-form .form-group textarea.form-control {
     min-height: 75px;
     text-align: left;
     padding: 10px 10px;
     line-height: 20px;
}
 .theme-form .form-input-btn {
     width: 100%;
     float: left;
     position: relative;
}
 .theme-form .form-input-btn .form-control {
     padding-right: 120px;
}
 .theme-form .form-input-btn .btn {
     height: 32px;
     line-height: 30px;
     min-width: 100px;
     text-transform: uppercase;
     font-size: 13px;
     position: absolute;
     right: 6px;
     top: 6px;
}
 .additonal-service {
     width: 100%;
     float: left;
     margin: 0px;
     list-style: none;
     padding: 0px;
}
 .additonal-service li {
     width: auto;
     float: none;
     margin: 8px 0px;
     display: inline-block;
     vertical-align: top;
     min-width: 150px;
     position: relative;
}
 .theme-section {
     width: 100%;
     float: left;
     position: relative;
     border-radius: 10px;
     box-shadow: 0 8px 8px #f3f3f3;
     margin-bottom: 20px;
     background: #fff;
     border: 1px solid #E0EAF3;
}
 .theme-section .theme-section-header {
     width: 100%;
     float: left;
     position: relative;
     border-bottom: 1px solid #E0EAF3;
     padding: 0px 15px;
     display: flex;
     justify-content: space-between;
     z-index: 2;
}
 .theme-section .theme-section-header .section-title-group {
     display: inline-block;
}
 .theme-section .theme-section-header .table-checkbox {
     float: left;
     margin: 10px 15px 10px 00px;
}
 .theme-section .theme-section-header .theme-section-actions {
     position: relative;
     display: flex;
     align-items: center;
}
 .theme-section .theme-section-header .theme-section-actions .ajax-form {
     white-space: nowrap;
}
 .theme-section .theme-section-header .theme-section-actions .ajax-form .single-action {
     display: inline-block;
}
 .theme-section .theme-section-header .theme-section-actions .fa-action {
     position: relative;
     margin: 11px 0px;
     margin-left: 10px;
}
 .theme-section .theme-section-header .theme-section-actions .fa-action img {
     width: 16px;
     height: 16px;
     position: relative;
     float: left;
}
 .theme-section .theme-section-header .theme-section-actions .single-action {
     display: inline-block;
     vertical-align: top;
     position: relative;
     margin-left: 5px;
}
 .theme-section .theme-section-header .theme-section-actions .single-action .full-screen-btn {
     margin-left: 0px;
}
 .theme-section .theme-section-header .theme-section-actions .single-action .btn {
     padding: 4px 12px;
     border-radius: 5px;
     display: inline-block;
     vertical-align: top;
     position: relative;
}
 .theme-section .theme-section-header .theme-section-actions .single-action .single-action-icon {
     width: 24px;
     height: 24px;
     position: relative;
     cursor: pointer;
     float: left;
     padding: 0px;
     background: transparent !important;
     border-radius: 4px;
     border: 1px solid transparent !important;
}
 .theme-section .theme-section-header .theme-section-actions .single-action .single-action-icon:hover {
     border: 1px solid #e5eff9 !important;
     background: transparent linear-gradient(311deg, #c4d7e9 0%, #f0f7ff 100%) !important;
}
 .theme-section .theme-section-header .theme-section-actions .single-action .single-action-icon img {
     width: 22px;
     height: 22px;
     position: relative;
     padding: 4px;
}
 .theme-section .theme-section-footer {
     width: 100%;
     float: left;
     position: relative;
     border-top: 1px solid #E0EAF3;
     padding: 12px 15px;
     display: flex;
     justify-content: flex-end;
}
 .theme-section .theme-section-footer .theme-section-actions {
     display: inline-block;
     vertical-align: top;
     position: relative;
}
 .theme-section .theme-section-footer .btn {
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
}
 .theme-section .theme-section-body {
     width: 100%;
     float: left;
     position: relative;
     padding: 20px 15px;
     display: flex;
     flex-direction: column;
}
 .theme-section .section-title {
     float: left;
     position: relative;
}
 .theme-section .section-title span {
     color: #005cb7;
     font-weight: 600;
     font-size: 16px;
     float: left;
     position: relative;
     height: 100%;
     padding: 12px 0px;
}
 .theme-section .section-title span:after {
     content: "";
     background: #009cea;
     height: 1px;
     position: absolute;
     bottom: -1px;
     left: 0px;
     width: 100%;
}
 .theme-section .section-title:before {
     content: "";
}
 .theme-section-footer-actions {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 20px;
}
 .pull-left {
     float: left;
}
 .alert-message-group {
     position: relative;
     border-radius: 6px;
     background: #fff;
     float: left;
     width: 100%;
     margin-bottom: 10px 
}
 .alert-message-group .alert-message {
     width: 100%;
     font-size: 13px;
     padding: 10px 60px 10px 15px;
     border-radius: 6px;
     float: left;
     color: rgba(0,0,0,.7) 
}
 .alert-message-group .alert-message .alert-close {
     position: absolute;
     top: 0;
     height: 20px;
     width: 20px;
     right: 0;
     margin: 12px;
     padding: 0;
     border: none;
     background: rgb(0 0 0/10%);
     border-radius: 7px;
     cursor: pointer 
}
 .alert-message-group .alert-message .alert-close img {
     width: 20px;
     height: 20px;
     float: left;
     position: relative;
     padding: 5px 
}
 .alert-message-group .alert-message.alert-message-success {
     background: rgba(90,189,65,.2);
     border: 1px solid rgba(90,189,65,.3) 
}
 .alert-message-group .alert-message.alert-message-info {
     background: rgba(0,133,211,.2);
     border: 1px solid rgba(0,133,211,.3) 
}
 .alert-message-group .alert-message.alert-message-warning {
     background: rgba(255,141,0,.2);
     border: 1px solid rgba(255,141,0,.3) 
}
 .alert-message-group .alert-message.alert-message-danger {
     background: rgba(255,0,0,.2);
     border: 1px solid rgba(255,0,0,.3);
     color: rgba(195,0,0,.7) 
}
 .alert-message-group-fixed {
     position: fixed;
     border-radius: 6px;
     float: left;
     width: 100%;
     margin-bottom: 10px;
     top: 70px;
     right: 40px;
     max-width: 330px;
     z-index: 10000 
}
 .alert-message-group-fixed .alert-message {
     width: 100%;
     font-size: 12px;
     padding: 10px 50px 10px 55px;
     border-radius: 6px;
     float: left;
     color: rgba(0,0,0,.7);
     position: relative;
     margin-bottom: 10px;
     line-height: 18px;
     overflow: hidden 
}
 .alert-message-group-fixed .alert-message .alert-close {
     position: absolute;
     top: 0;
     height: 20px;
     width: 20px;
     right: 0;
     margin: 11px;
     padding: 0;
     border: none;
     background: rgb(0 0 0/10%);
     border-radius: 7px;
     cursor: pointer 
}
 .alert-message-group-fixed .alert-message .alert-close img {
     width: 20px;
     height: 20px;
     float: left;
     position: relative;
     padding: 5px 
}
 .alert-message-group-fixed .alert-message .alert-message-icon {
     position: absolute;
     top: 0;
     height: 100%;
     width: 40px;
     left: 0;
     margin: 0;
     padding: 0;
     border: none;
     cursor: pointer 
}
 .alert-message-group-fixed .alert-message .alert-message-icon img {
     width: 40px;
     height: 40px;
     float: left;
     position: relative;
     padding: 12px;
     filter: brightness(0) invert(1) 
}
 .alert-message-group-fixed .alert-message.alert-message-success .alert-message-icon {
     background: rgb(90 189 65) 
}
 .alert-message-group-fixed .alert-message.alert-message-info .alert-message-icon {
     background: #0085d3 
}
 .alert-message-group-fixed .alert-message.alert-message-warning .alert-message-icon {
     background: #ff8d00 
}
 .alert-message-group-fixed .alert-message.alert-message-danger .alert-message-icon {
     background: red 
}
 .alert-message-group-fixed .alert-message.alert-message-success {
     background: rgb(223 242 218);
     border: 1px solid rgb(90 189 65/30%) 
}
 .alert-message-group-fixed .alert-message.alert-message-info {
     background: rgb(208 231 246);
     border: 1px solid rgba(0,133,211,.3) 
}
 .alert-message-group-fixed .alert-message.alert-message-warning {
     background: rgb(255 232 210);
     border: 1px solid rgba(255,141,0,.3) 
}
 .alert-message-group-fixed .alert-message.alert-message-danger {
     background: rgb(255 204 209);
     border: 1px solid rgba(255,0,0,.3);
     color: rgba(195,0,0,.7) 
}
 .menu-bar {
     width: 36px;
     height: 36px;
     float: left;
     position: relative;
     border-radius: 8px;
     background: #fbfbfc;
     cursor: pointer;
}
 .menu-bar img {
     width: 36px;
     height: 36px;
     float: left;
     position: relative;
     padding: 8px;
}
 body.menu-active .main-page-content {
     padding-left: 75px;
}
 body.menu-active .navbar-left .menu-item .nav-link .menu-text, body.menu-active .navbar-left .menu-item.dropdown .nav-link:before, body.menu-active .left-menu-header .header-logo .logo-full {
     display: none;
}
 body.menu-active .header-content {
     width: calc(100% - 75px);
}
 body.menu-active .left-menu-header .header-logo .logo-small {
     display: block;
}
 body.menu-active .left-sidebar, body.menu-active .left-menu-header, body.menu-active .left-menu-header .header-logo {
     width: 60px;
}
 .table-responsive {
     width: 100%;
     float: left;
     margin-bottom: 40px;
}
 .table-theme {
     width: 100%;
     float: left;
     position: relative;
     border: none;
     border-spacing: 0px !important;
     border-bottom: none !important;
}
 .table-theme tr th {
     padding: 12px 12px !important;
     border: none;
     font-size: 13px;
     line-height: 16px;
     text-align: left !important;
     font-weight: 500 !important;
     color: #06396b;
     background: #ffffff;
     border-top: none;
     white-space: normal;
     vertical-align: top;
}
 .table-theme tr th:first-child {
     border-radius: 7px 0px 0px 7px;
     border-left: 1px solid #ffffff !important;
}
 .table-theme tr th:last-child {
     border-radius: 0px 7px 7px 0px;
     border-right: 1px solid #ffffff !important;
}
 .table-theme tr td {
     padding: 6px 12px !important;
     font-size: 13px;
     background: #ffffff;
     color: rgb(39 39 39 / 90%);
     vertical-align: middle;
     border-bottom: 1px solid #cfecff !important;
     border-top: 1px solid #cfecff !important;
     height: 44px;
     border-left: none !important;
     border-right: none !important;
}
 .table-theme tr td:first-child {
     border-radius: 7px 0px 0px 7px;
     border-left: 1px solid #cfecff !important;
}
 .table-theme tr td:last-child {
     border-radius: 0px 7px 7px 0px;
     border-right: 1px solid #cfecff !important;
}
 .table-theme tr:nth-child(odd) td {
     background: #f5fbff;
}
 .table-theme tr.active td {
     background: #005cb7 !important;
     color: #fff !important;
}
 .table-theme tr.active td .table-actions .btn-theme {
     background: #009cea;
}
 .table-theme tr td strong {
     font-weight: 500;
}
 .table-theme .table-actions {
     display: inline-block;
     vertical-align: top;
}
 .table-theme .table-actions .btn {
     height: 32px;
     line-height: 30px;
     display: inline-block;
     vertical-align: top;
}
 .table-theme tr td .form-control{
     background: rgb(255, 255, 255);
     border-radius: 5px;
     width: 100%;
     float: left;
     position: relative;
     height: 30px;
     padding: 0px 8px;
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     max-height: 44px;
     box-shadow: none;
     border: 1px solid rgb(215 215 215) !important;
     outline: none !important;
}
 .table-theme tr td .form-control.form-control-error{
     border: 1px solid #ff000063 !important;
}
 .table-theme tr td .form-control.form-control-complete{
     border: 1px solid transparent !important;
}
 .page-subtitle {
     font-size: 16px;
     line-height: 26px;
     font-weight: 500;
     white-space: nowrap;
     color: #707070;
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 15px;
}
 .theme-advanced-search {
     display: none !important;
}
 .theme-advanced-search {
     width: 100%;
     float: left;
     position: absolute;
     display: flex;
     border: 1px solid #707070;
     border-radius: 8px;
     background: #fff;
     flex-direction: column;
     z-index: 1;
     top: calc(100% + 5px);
}
 .theme-advanced-search .theme-advanced-search-header {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     border-bottom: 1px solid #707070;
     padding: 12px 16px;
}
 .theme-advanced-search .theme-advanced-search-header .theme-advanced-search-title {
     font-size: 14px;
     line-height: 22px;
     font-weight: 500;
     white-space: nowrap;
     color: #005cb7;
     width: 100%;
     float: left;
     position: relative;
}
 .theme-advanced-search .theme-advanced-search-body {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     padding: 16px 16px;
}
 .theme-advanced-search .theme-advanced-search-footer {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     padding: 12px 16px;
     justify-content: end;
     gap: 10px;
}
 .theme-advanced-search .theme-advanced-search-footer .btn {
     display: inline-block;
     vertical-align: top;
}
 .advanced-search-btn:hover:before {
     filter: brightness(0) invert(1);
}
 .advanced-search-btn {
     padding: 0px 36px 0px 18px !important;
     position: relative;
}
 .advanced-search-btn:before {
     content: "";
     background-image: url("../Content/assets/images/icons/arrow-blue.svg");
     width: 12px;
     height: 7px;
     background-size: 12px;
     background-repeat: no-repeat;
     position: absolute;
     right: 10px;
     top: 50%;
     margin-top: -4px;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .btn-group {
     display: inline-block;
     vertical-align: top;
}
 .btn-group .btn {
     display: inline-block;
     vertical-align: top;
}
 .modal-theme.show:before, .modal-media.show:before, .modal-theme.modal-in:before {
     content: "";
     background: RGB(0 0 0 / 50%);
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
}
 .modal-theme.show, .modal-media.show, .modal-theme.modal-in {
     display: block;
}
 body.modal-open {
     overflow: hidden;
}
 .modal-theme {
     display: none;
     position: fixed;
     z-index: 20000;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
 .modal-theme .modal-dialog {
     display: flex;
     width: 100%;
     height: 100%;
     z-index: 1;
     position: relative;
     max-width: initial !important;
     margin: 0px !important;
     justify-content: space-around;
}
 .modal-theme .modal-dialog .modal-dialog-center {
     position: relative;
     display: flex;
     padding: 25px;
     text-align: center;
     align-items: center;
     justify-content: center;
     width: 100%;
     max-width: 700px;
}
 .modal-theme .modal-dialog .modal-dialog-center.modal-wizard-content-center {
     max-width: 1400px;
}
 .modal-theme .modal-dialog .modal-content {
     background: #fff;
     -webkit-box-shadow: 0px 4px 24px RGB(0 0 0/25%);
     box-shadow: 0px 4px 24px RGB(0 0 0/25%);
     border-radius: 10px;
     width: 100%;
     max-width: 700px;
     display: flex;
     vertical-align: middle;
     position: relative;
     overflow: hidden;
     border: none;
     text-align: left;
     flex-direction: column;
     max-height: 100%;
}
 .modal-theme .modal-actions {
     width: 100%;
     float: left;
     position: relative;
     text-align: center;
     margin-top: 20px;
}
 .modal-theme .modal-actions .btn {
     min-width: 140px;
     height: 36px;
     display: inline-block;
     vertical-align: top;
     border-radius: 4px;
     line-height: 34px;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     margin: 5px;
}
 .modal-theme .modal-header {
     width: 100%;
     float: left;
     position: relative;
     padding: 10px 20px 0px 20px;
     display: flex;
     align-items: center;
     border-bottom: 1px solid #E0EAF3;
     justify-content: space-between;
     height: auto;
}
 .modal-theme .modal-header + .ajax-form {
     overflow-y: auto;
}
 .modal-theme .modal-header .modal-header-title {
     padding-bottom: 10px;
     float: left;
     position: relative;
     font-size: 15px;
     font-weight: 600;
     line-height: 30px;
     border-bottom: 1px solid #01A4EF;
     margin-bottom: -1px;
}
 .modal-theme .modal-header .modal-header-actions {
     text-align: right;
     white-space: nowrap;
     padding-bottom: 10px;
}
 .modal-theme .modal-header .modal-header-actions .single-action {
     display: inline-block;
     vertical-align: top;
     margin-left: 5px;
}
 .modal-theme .modal-header .modal-header-actions .single-action .btn {
     white-space: nowrap;
     border-radius: 180px;
     float: left;
     border: none;
     height: 34px;
     padding: 8px 20px;
}
 .modal-theme .modal-header .modal-header-actions .single-action .modal-close {
     display: inline-block;
     vertical-align: top;
     padding: 0px;
     transition: all 0.5s ease-out 0s;
     width: 30px;
     height: 30px;
     float: left;
     position: relative;
     background: rgb(242, 245, 249);
     border-radius: 4px;
}
 .modal-theme .modal-header .modal-header-actions .single-action .modal-close:hover {
     background: rgb(210, 220, 234);
}
 .modal-theme .modal-header .modal-header-actions .single-action .modal-close img {
     width: 30px;
     height: 30px;
     float: left;
     padding: 7px;
}
 .modal-theme .modal-body {
     width: 100%;
     float: left;
     position: relative;
     padding: 20px 20px;
     height: auto;
     max-height: 100%;
     overflow-y: auto !important;
}
 .modal-theme .modal-footer {
     width: 100%;
     float: left;
     position: relative;
     padding: 0px 20px 15px 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: auto;
}
 .modal-theme .modal-footer .modal-footer-left {
     width: auto;
}
 .modal-theme .modal-footer .modal-footer-left .btn {
     border-radius: 6px;
     display: inline-block;
     vertical-align: top;
     margin: 0px 10px 0px 0px !important;
     padding: 6px 20px;
}
 .modal-theme .modal-footer .modal-footer-right {
     width: auto;
}
 .modal-theme .modal-footer .modal-footer-right .btn {
     border-radius: 6px;
     display: inline-block;
     vertical-align: top;
     margin: 0px 0px 0px 10px !important;
     padding: 0px 20px;
}
 .theme-tab {
     width: 100%;
     float: left;
}
 .theme-tab .tab {
     width: 100%;
     float: left;
     margin-bottom: 20px;
     z-index: 1;
     position: relative;
}
 .theme-tab .tab .add-button {
     width: 36px;
     height: 36px;
     float: right;
}
 .theme-tab .tab .today-date {
     float: right;
     border: none;
     cursor: pointer;
     padding: 10px 0px;
     transition: all 0.3s ease 0s;
     line-height: 18px;
     font-weight: 600;
     color: rgb(0, 0, 0);
     min-width: 100px;
     text-align: center;
     position: relative;
     border-radius: 10px !important;
}
 .theme-tab .tab .tab-button {
     float: left;
     border: none;
     cursor: pointer;
     padding: 10px 20px;
     transition: all 0.3s ease 0s;
     line-height: 18px;
     font-weight: 600;
     color: rgb(128, 124, 158);
     min-width: 100px;
     text-align: center;
     position: relative;
     margin-right: 10px;
     background-color: transparent !important;
     border-radius: 10px !important;
}
 .theme-tab .tab .tab-button:hover {
     background-color: rgb(221, 221, 221);
}
 .theme-tab .tab .tab-button.active {
     color: rgb(128, 124, 158);
     background-color: rgba(232, 232, 232, 0.65) !important;
     box-shadow: rgba(0, 0, 0, 0.03) 0px 10px 25px 0px !important;
}
 .theme-tab .tab .tab-button.active::before {
     content: "";
     position: absolute;
     width: 50px;
     height: 3px;
     background: rgb(10, 74, 136);
     bottom: 0px;
     left: 50%;
     margin-left: -25px;
}
 .theme-tab .tabcontent {
     display: none;
     width: 100%;
     float: left;
}
 .profile-page {
     width: 100%;
     float: left;
     position: relative;
}
 .profile-page .profile-page-header .tab-small-theme {
     text-align: center;
}
 .profile-page .profile-page-header .tab-small-theme .nav-tabs {
     text-align: center;
}
 .profile-page .profile-page-header {
     width: 100%;
     float: left;
     position: relative;
     padding: 0px;
     text-align: center;
     background: rgb(255, 255, 255);
     border-radius: 10px;
     margin-bottom: 12px;
}
 .profile-page .profile-page-header .profile-user-name {
     color: rgb(40, 59, 83);
     font-size: 24px;
     line-height: 30px;
}
 .profile-page .profile-page-body {
     width: 100%;
     float: left;
     position: relative;
}
 .profile-page .tab-profile {
     width: 100%;
     float: left;
     text-align: center;
     position: relative;
     margin-top: 15px;
}
 .profile-page .tab-profile .theme-tabs {
     width: 100%;
     float: left;
     position: relative;
     padding: 0px 15px;
     margin: 0px;
}
 .profile-page .tab-profile .theme-tabs .tab-nav {
     list-style: none;
     color: #9B9B9B;
     padding: 12px 16px;
     float: none;
     position: relative;
     font-size: 15px;
     font-weight: 600;
     font-family: "Poppins", sans-serif !important;
     cursor: pointer;
     background: transparent !important;
     border-radius: 10px 10px 0px 0px;
     line-height: 18px;
     display: inline-block;
     vertical-align: top;
     border: none;
}
 .profile-page .tab-profile .theme-tabs .tab-nav img {
     filter: grayscale(100%);
     float: left;
     margin-right: 5px;
     height: 18px;
     opacity: 0.6;
}
 .profile-page .tab-profile .theme-tabs .tab-nav.active {
     color: #005cb7;
}
 .profile-page .tab-profile .theme-tabs .tab-nav.active img {
     opacity: 1;
     filter: initial;
}
 .profile-page .tab-profile .theme-tabs .tab-nav.active:after {
     content: "";
     width: 100%;
     left: 0px;
     bottom: 0px;
     height: 4px;
     background: #009cea;
     position: absolute;
}
 .upload-photo-group {
     width: 140px;
     float: none;
     height: 140px;
     display: inline-block;
     vertical-align: top;
     position: relative;
     margin: 15px;
}
 .upload-photo-group .upload-user-photo {
     width: 140px;
     float: left;
     height: 140px;
     overflow: hidden !important;
     border-radius: 50% !important;
     position: relative;
     top: 0px;
}
 .upload-photo-group .upload-user-photo img {
     max-width: 100%;
     max-height: 100%;
     width: auto !important;
     height: auto !important;
     position: absolute;
     bottom: auto;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     text-align: center;
     -webkit-transition: all 0.7s ease-out;
     -moz-transition: all 0.7s ease-out;
     -o-transition: all 0.7s ease-out;
     transition: all 0.7s ease-out;
}
 .upload-photo-group .fileupload {
     position: absolute;
     top: 0px;
     left: 0px;
     height: 100%;
     padding: 0px;
     z-index: 1;
     width: 100%;
     -webkit-transition: all 0.7s ease-out;
     -moz-transition: all 0.7s ease-out;
     -o-transition: all 0.7s ease-out;
     transition: all 0.7s ease-out;
}
 .upload-photo-group .fileupload {
     opacity: 0;
}
 .upload-photo-group:hover .fileupload {
     opacity: 1;
}
 .upload-photo-group .fileupload .btn-file {
     position: absolute;
     width: 140px;
     left: 0px;
     top: 0px;
     text-align: center;
     height: 140px;
     background: rgba(40, 59, 83, 0.4);
     line-height: 110px;
     color: #ffffff;
     border-radius: 50%;
     border: 15px solid rgba(40, 59, 83, 0.6);
     font-size: 40px;
}
 .upload-photo-group .btn-file {
     overflow: hidden;
     position: relative;
     vertical-align: middle;
}
 .upload-photo-group .btn-file > input {
     position: absolute;
     top: 0;
     right: 0;
     margin: 0;
     opacity: 0;
     filter: alpha(opacity=0);
     transform: translate(-300px, 0) scale(4);
     font-size: 23px;
     direction: ltr;
     cursor: pointer;
}
 .theme-panel {
     width: 100%;
     float: left;
     position: relative;
     background: #fff;
     margin-bottom: 15px;
     border-radius: 10px;
     overflow: hidden;
     border: 1px solid #b8c2c9;
}
 .theme-panel-header {
     width: 100%;
     float: left;
     padding: 0px;
}
 .theme-panel-footer {
     width: 100%;
     float: left;
     padding: 10px 20px;
     border-top: 1px solid #eaeaea;
     text-align: right;
}
 .theme-panel-footer .btn {
     display: inline-block;
     vertical-align: top;
     margin: 2px;
}
 .theme-panel-header .panel-title {
     float: left;
     font-weight: 600;
     font-size: 14px;
     color: #292f4c;
     line-height: 20px;
     display: inline-block;
     vertical-align: top;
     padding: 10px 20px;
     width: 100%;
     cursor: pointer;
     background-color: #fff;
}
 .theme-panel-header .panel-title.collapsed + .panel-actions .fa-pencil {
     display: none;
}
 .theme-panel-header .panel-title + .panel-actions .fa-pencil {
     display: inline-block;
}
 .theme-panel-header .panel-actions {
     text-align: right;
     position: absolute;
     right: 20px;
     top: 10px;
     padding: 0px;
     height: 20px;
}
 .theme-panel-header .panel-actions .fa-action {
     line-height: 20px;
     display: inline-block;
     vertical-align: top;
     width: 20px;
     text-align: center;
}
 .theme-panel-header .panel-actions .fa-action img {
     line-height: 20px;
     display: inline-block;
     vertical-align: top;
     width: 20px;
     text-align: center;
}
 .theme-panel-header .panel-actions .show-hide-panel {
     line-height: 20px;
     display: inline-block;
     vertical-align: top;
     color: #292f4c;
     width: 20px;
     text-align: center;
     position: relative;
     font-size: 19px;
}
 .theme-panel-header .panel-title + .panel-actions .show-hide-panel:before {
     font-family: FontAwesome;
     content: "\f147";
}
 .theme-panel-header .panel-title.collapsed + .panel-actions .show-hide-panel:before {
     content: "\f196";
}
 .theme-panel-body {
     width: 100%;
     float: left;
     position: relative;
     padding: 20px;
     border-top: 1px solid #b8c2c9;
}
 .theme-panel-actions {
     width: 100%;
     float: left;
     position: relative;
     text-align: right;
     margin-top: 15px;
}
 .theme-panel-actions .btn {
     display: inline-block;
     vertical-align: top;
}
 .theme-panel .theme-form {
     max-width: initial;
     margin: 0px;
}
 .k-grid {
     border: none !important;
}
 .k-grid .k-grouping-header {
     background: transparent;
     border-radius: 7px;
     border: 1px solid #b4ccdc !important;
     padding: 6px 10px;
     display: flex;
     align-items: center;
}
 .k-grid .k-grouping-header .k-grouping-drop-container {
     background: #fff;
     color: #005cb7;
     float: left;
     font-size: 12px;
     display: inline-block;
     margin: 0px;
     padding: 0px;
     line-height: 22px;
}
 .k-grid .k-table-head {
     background: #fff;
     border: none;
}
 .k-grid .k-table-head {
     border: none !important;
}
 .k-grid .k-table-th {
     padding: 12px 36px 12px 12px !important;
     border: none;
     font-size: 13px;
     line-height: 16px;
     text-align: left !important;
     font-weight: 500 !important;
     color: #ffffff;
     background: #005cb7;
     border-top: none;
     white-space: normal;
     border: none;
     vertical-align: top !important;
}
 .k-grid .k-table-th .k-grid-filter-menu {
     background: transparent;
     border-radius: 4px;
     position: absolute;
     top: 8px;
     right: 4px;
     margin: 0px;
     padding: 0px;
     width: 20px;
     height: 20px;
}
 .k-grid .k-table-th:hover .k-grid-filter-menu {
     background: #06396b;
}
 .k-grid .k-table-th .k-svg-icon {
     width: 12px;
     height: 12px;
}
 .k-grid .k-table-th .k-svg-icon > svg {
     fill: #ffffff;
}
 .k-grid .k-table-th:first-child {
     border-radius: 7px 0px 0px 7px;
}
 .k-grid .k-table-th:last-child {
     border-radius: 0px 7px 7px 0px;
}
 .k-grid .k-table-th .k-link {
     color: #ffffff;
     text-overflow: initial !important;
     overflow: initial !important;
}
 .k-pager-md {
     background-color: #ffffff;
}
 .table-theme tr.BalanceMismatch td {
     background: #009cea !important;
     color: #fff !important;
}
 .k-grid .k-grid-content.k-auto-scrollable {
     overflow-x: hidden !important;
}
 tr.k-table-row.k-master-row.BalanceMismatch td {
     background: #009cea !important;
     color: #fff !important;
}
 .BalanceMismatch {
     color: red !important;
}
 .k-grid .k-grid-container {
     display: flex;
     flex: 1 1 auto;
     overflow: hidden;
     position: relative;
     min-height: 200px !important;
}
 .k-daterangepicker {
     width: 100%;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     gap: 16px;
}
 .k-daterangepicker .k-floating-label-container + span {
     display: none;
}
 .k-daterangepicker .k-floating-label-container {
     width: 100%;
     display: flex;
     flex-direction: row-reverse;
     padding: 10px;
     gap: 8px;
     align-items: center;
     border-right: 1px solid #707070;
}
 .k-daterangepicker .k-floating-label-container .k-dateinput {
     width: 100%;
     border: none;
}
 .k-daterangepicker .k-floating-label-container .k-dateinput .k-input-inner {
     border: none;
}
 .k-daterangepicker .k-floating-label-container .k-floating-label {
     position: relative;
     width: auto;
     min-width: 70px;
     color: #a0a0a0;
}
 .k-grid-toolbar {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 10px;
     padding: 0px;
     display: flex;
     background: transparent;
     justify-content: flex-end;
     gap: 10px;
     border: none;
}
 .k-grid-toolbar .k-button {
     background: #005cb7;
     color: #ffffff !important;
     border: 1px solid #005cb7;
}
 .k-grouping-header {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 10px;
     padding: 0px;
     display: flex;
     background: transparent;
     justify-content: flex-start;
     gap: 15px;
     border: none;
}
 .k-grouping-header .k-chip-list {
     width: 100%;
     float: left;
     position: relative;
}
 .k-grouping-header .k-chip-list .k-chip {
     background-color: #fff;
     border: 1px solid #005cb7;
     color: #005cb7;
}
 .k-grid-norecords {
     justify-content: center;
}
 .dashboard-page {
     width: 100%;
     float: left;
     position: relative;
}
 .single-white-chart {
     width: 100%;
     float: left;
     position: relative;
     border-radius: 8px;
     background: #fff;
     margin-bottom: 16px;
     border: 1px solid #dde4eb;
}
 .single-white-chart .chart-header {
     width: 100%;
     float: left;
     position: relative;
     padding: 12px 15px;
     display: flex;
     background: #f6f9fc;
     border-radius: 8px 8px 0px 0px;
}
 .single-white-chart .chart-header .chart-title-large {
     width: 100%;
     float: left;
     position: relative;
     font-size: 14px;
     font-weight: 500;
     color: #465058;
     line-height: 24px;
}
 .single-white-chart .chart-body {
     width: 100%;
     float: left;
     position: relative;
     padding: 15px;
}
 .single-white-chart .chart-body .chart-frame {
     width: 100%;
     float: left;
     position: relative;
}
 .k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td {
     padding-block: var(--kendo-spacing-2, 0.5rem);
     padding-inline: var(--kendo-spacing-3, 0.75rem);
     word-wrap: break-word;
}
 .k-text-center {
     text-align: center !important;
}
 .filter-group-theme {
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 10px;
     padding: 0px;
     display: flex;
     background: transparent;
     justify-content: flex-end;
     gap: 10px;
     border: none;
     border-radius: 7px;
     border: 1px solid #b4ccdc !important;
     padding: 6px 10px;
     display: flex;
}
 .filter-group-theme .filterContext {
     width: 100%;
     float: left;
     position: relative;
     font-size: 12px;
     line-height: 20px;
     padding: 2px 0px;
}
 .filter-group-theme .btn {
     font-size: 12px;
     line-height: 22px;
     height: 24px;
     padding: 0px 10px;
     border-radius: var(--kendo-border-radius-md, 0.25rem);
     white-space: nowrap;
}
 .k-grid-toolbar .k-grid-excel span {
     display: none;
    /* Hide the text */
}
 .k-grid-toolbar .k-grid-excel .k-icon {
     display: inline-block;
    /* Show the icon */
     background-image: url(../Content/assets/images/Grid/exldownload.png);
}
 .k-grid-toolbar .k-grid-pdf span {
     display: none;
    /* Hide the text */
}
 .k-grid-toolbar .k-grid-pdf .k-icon {
     display: inline-block;
    /* Show the icon */
}
 .k-checkbox-wrap::before {
     content: "\200b";
     width: 0px;
     overflow: hidden;
     flex: none;
     display: inline-block;
     vertical-align: top;
}
 .checkbox-all {
     padding-left: 0px;
     width: auto;
     display: flex;
     align-items: center;
     position: relative;
}
 .checkbox-all label {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
     margin-bottom: 0px;
     line-height: 22px;
     font-size: 12px;
     color: #000;
     font-weight: normal;
     min-width: 120px;
     text-align: left;
     width: 100%;
     padding-left: 27px;
}
 .checkbox-all label::before {
     content: "";
     position: absolute;
     width: 14px;
     height: 14px;
     line-height: 14px;
     font-size: 11px;
     left: 0;
     border: 1px solid #bdbdbd;
     border-radius: 4px;
     background-color: white;
     text-align: center;
     color: #fff;
     top: 3px;
}
 .checkbox-all label::after {
     display: inline-block;
     position: absolute;
     width: 18px;
     height: 18px;
     left: 0px;
     top: 0px;
     font-size: 10px;
     text-align: center;
     border: none !important;
     border-radius: 4px;
}
 .checkbox-all input[type="checkbox"] {
     opacity: 0;
     z-index: 1;
     margin: 0px;
     cursor: pointer;
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
}
 .checkbox-all input[type="checkbox"]:focus + label::before {
     outline: none;
}
 .checkbox-all input[type="checkbox"]:checked + label::before, .checkbox-all input[type="checkbox"]:checked + input + label::before {
     content: "";
     background: #1274ac;
     border: 1px solid #1274ac;
}
 .checkbox-all input + input[type="checkbox"]:checked + label::after, .checkbox-all input[type="checkbox"]:checked + input + label::after, .checkbox-all input[type="checkbox"]:checked + label::after {
     content: "";
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='var%28--kendo-color-on-primary, white%29' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e");
     width: 12px;
     height: 12px;
     background-size: 12px;
     background-repeat: no-repeat;
     margin: 4px 2px;
}
 .k-tooltip {
     border-color: var(--kendo-color-on-app-surface, #005cb7) !important;
     color: var(--kendo-color-app-surface, #ffffff);
     background-color: var(--kendo-color-on-app-surface, #005cb7) !important;
     box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
}
 .page-header-tabs{
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     margin: 0px;
     padding: 0px;
     align-items: center;
     gap: 8px;
}
 .page-header-tabs:before{
     content:"";
     background: #ecf6fc;
     position: absolute;
     bottom: -1px;
     left: 0px;
     width: 100%;
     height: 1px;
}
 .page-header-tabs .single-tab{
     position: relative;
     list-style: none;
     float: left;
}
 .page-header-tabs .single-tab a{
     font-size: 15px;
     line-height: 1.7;
     font-weight: 500;
     white-space: nowrap;
     color: rgb(0 82 136 / 50%);
     padding: 5px 15px;
     float: left;
     border-radius: 10px 10px 0px 0px;
     background: #ebf5fb;
}
 .page-header-tabs .single-tab.active a{
     color: #ffffff;
     background: #005cb7;
}
 .page-header-tabs .single-tab:hover a{
     color: #ffffff;
     background: #005cb7;
}
 .info-message-group{
     display: inline-block;
     vertical-align: top;
     position: relative;
     z-index: 2;
}
 .info-message-group .info-message-icon{
     float: left;
     width: 16px;
     height: 16px;
     position: relative;
     cursor: pointer;
     opacity: 0.5;
}
 .info-message-group .info-message-icon img{
     width: 16px;
     height: 16px;
     position: relative;
}
 .info-message-group .info-message-content{
     display: none;
     background: rgb(219 227 237);
     border-radius: 5px;
     width: 100%;
     position: absolute;
     bottom: 28px;
     width: 180px;
     margin-left: -83px;
     font-size: 12px;
     line-height: 18px;
     text-align: center;
     padding: 6px 10px;
     z-index: 1;
}
 .info-message-group .info-message-content:before{
     content:"";
     border-top: 8px solid rgb(219 227 237);
     position: absolute;
     z-index: 1;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     top: 100%;
     left: 50%;
     margin-left: -8px;
}
 .info-message-group:hover .info-message-content{
     display: block;
}
 .info-message-group:hover .info-message-icon{
     opacity: 1;
}
 .info-message-group.info-message-bottom .info-message-content{
     bottom: initial;
     top: 28px;
}
 .info-message-group.info-message-bottom .info-message-content:before{
     transform: rotate(180deg);
     top: initial;
     bottom: 100%;
}
 .info-message-group.info-message-right .info-message-content{
     right: -10px;
}
 .info-message-group.info-message-right .info-message-content:before{
     left: initial;
     right: 10px;
}
 .chart-canvas {
     width: 100%;
     float: left;
     position: relative;
     min-height: 300px;
     padding-bottom: 0px !important;
     text-align: center;
}
 .chart-canvas canvas {
     position: relative;
     width: auto !important;
     height: 300px !important;
     z-index: 1;
}
 .item-dashboard-status {
     background: rgb(255 255 255 / 25%);
     width: 100%;
     float: left;
     position: relative;
     border-radius: 10px;
     display: flex;
     margin-bottom: 16px;
     gap: 16px;
     flex-direction: unset;
}
 .item-dashboard-status .single-item {
     width: 100%;
     background: #fff;
     border-radius: 6px;
     border: 1px solid #e0eaf3;
     padding: 11px;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     box-shadow: 0px 8px 8px #e0eaf3;
     position: relative;
     overflow: hidden;
    /* Makes the chart items flexible */
    /* Makes the chart items flexible */
}
 .item-dashboard-status .single-item:before {
     content: "";
     width: 60px;
     height: 60px;
     border-radius: 50%;
     top: -10px;
     right: -10px;
     position: absolute;
}
 .item-dashboard-status .single-item:after {
     content: "";
     width: 120px;
     height: 100px;
     border-radius: 50%;
     bottom: -50px;
     right: 10px;
     position: absolute;
}
 .item-dashboard-status .single-item .single-item-icon {
     width: 50px;
     height: 50px;
     border-radius: 5px;
     min-width: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .item-dashboard-status .single-item .single-item-date-group{
     flex-direction: column;
}
 .item-dashboard-status .single-item .single-item-date-group .single-item-date{
     color: #000000;
     font-size: 16px;
     line-height: 20px;
     font-weight: 700;
}
 .item-dashboard-status .single-item .single-item-date-group .single-item-month{
     font-size: 12px;
     line-height: 13px;
     color: rgb(0 0 0 / 60%);
}
 .item-dashboard-status .single-item.orange-bg .single-item-icon {
     background: rgb(255 153 0 / 40%);
     border: 1px solid rgb(255 153 0 / 40%);
}
 .item-dashboard-status .single-item.orange-bg .single-item-icon svg{
     fill: rgb(255 153 0 / 100%);
}
 .item-dashboard-status .single-item.green-bg .single-item-icon {
     background: rgb(0 172 63 / 40%);
     border: 1px solid rgb(0 172 63 / 40%);
}
 .item-dashboard-status .single-item.green-bg .single-item-icon svg{
     fill: rgb(0 172 63 / 100%);
}
 .item-dashboard-status .single-item.gray-bg .single-item-icon {
     background: rgb(155 155 155 / 40%);
     border: 1px solid rgb(155 155 155 / 40%);
}
 .item-dashboard-status .single-item.gray-bg .single-item-icon svg{
     fill: rgb(155 155 155 / 100%);
}
 .item-dashboard-status .single-item.blue-bg .single-item-icon {
     background: rgb(139 207 239 / 40%);
     border: 1px solid rgb(139 207 239 / 40%);
}
 .item-dashboard-status .single-item.blue-bg .single-item-icon svg{
     fill: rgb(73 157 196);
}
 .item-dashboard-status .single-item.orange-bg:before {
     background: rgb(255 153 0 / 5%);
     border: 1px solid rgb(255 153 0 / 10%);
}
 .item-dashboard-status .single-item.orange-bg:after {
     background: rgb(255 153 0 / 10%);
}
 .item-dashboard-status .single-item.green-bg:before {
     background: rgb(0 172 63 / 5%);
     border: 1px solid rgb(0 172 63 / 10%);
}
 .item-dashboard-status .single-item.green-bg:after {
     background: rgb(0 172 63 / 10%);
}
 .item-dashboard-status .single-item.gray-bg:before {
     background: rgb(155 155 155 / 5%);
     border: 1px solid rgb(155 155 155 / 10%);
}
 .item-dashboard-status .single-item.gray-bg:after {
     background: rgb(155 155 155 / 10%);
}
 .item-dashboard-status .single-item.blue-bg:before {
     background: rgb(139 207 239 / 10%);
     border: 1px solid rgb(139 207 239 / 15%);
}
 .item-dashboard-status .single-item.blue-bg:after {
     background: rgb(139 207 239 / 20%);
}
 .item-dashboard-status .single-item .single-item-icon img {
     width: 100%;
     float: left;
     position: relative;
     padding: 10px;
}
 .item-dashboard-status .single-item .single-item-info {
     width: 100%;
     margin-left: 15px;
     display: flex;
     flex-direction: column;
}
 .item-dashboard-status .single-item .single-item-info .single-item-type {
     width: 100%;
     float: left;
     font-weight: 600;
     color: #000000;
     font-size: 16px;
     line-height: 20px;
}
 .item-dashboard-status .single-item .single-item-info .single-item-type.negative{
     color: red;
}
 .item-dashboard-status .single-item .single-item-info .single-item-status {
     width: 100%;
     float: left;
     font-weight: 500;
     color: #707070;
     font-size: 13px;
     line-height: 20px;
}
 .item-dashboard-status .single-item .single-item-info .single-item-status strong{
     font-weight: 500;
     color: #000000;
}
 .single-item-icon {
     color: green;
    /* Controls the SVG's color */
}
 .single-white-chartjs {
     width: 100%;
     float: left;
     position: relative;
     border-radius: 8px;
     background: rgb(255 255 255);
     margin-bottom: 16px;
     border: 1px solid #dde4eb;
     box-shadow: 0px 8px 8px #e0eaf3;
}
 .single-white-chartjs .table-responsive {
     margin-top: 15px;
}
 .single-white-chartjs .table-theme tr:last-child td {
     border: 0px;
}
 .single-white-chartjs .chart-header {
     width: 100%;
     float: left;
     position: relative;
     padding: 12px 15px 12px 15px;
     display: flex;
     background: #f6f9fc;
     border-radius: 8px 8px 0px 0px;
     z-index: 1;
}
 .single-white-chartjs .chart-header .chartjs-actions {
     width: auto;
     display: flex;
     column-gap: 8px;
}
 .single-white-chartjs .chart-header .chartjs-actions .single-action {
     display: inline-block;
     vertical-align: top;
     position: relative;
}
 .single-white-chartjs .chart-header .chartjs-actions .single-action .btn{
     float: left;
     text-align: center;
     cursor: pointer;
     height: 24px;
     white-space: nowrap;
     line-height: 24px;
     font-size: 12px;
     padding: 0px 10px;
}
 .single-white-chartjs .chart-header .chartjs-actions .single-action .btn input{
     border: none;
     background: transparent !important;
     color: #005cb7;
     outline: none !important;
     padding: 0px !important;
     !i;
     !;
     margin: 0px !important;
     !i;
     !;
}
 .single-white-chartjs .chart-header .chartjs-actions .single-action .btn:hover input{
     color: #ffffff;
}
 .single-white-chartjs .chart-header .chartjs-actions .single-action .form-control {
     float: left;
     position: relative;
     height: 24px;
     font-family: "Montserrat", sans-serif;
     font-size: 13px;
     line-height: 18px;
     margin: 0px;
     background: rgb(255 255 255);
     border: 1px solid rgb(227 234 243) !important;
     border-radius: 5px !important;
     padding: 0px 5px !important;
     max-width: 180px;
}
 .single-white-chartjs .chart-header .chartjs-actions .single-action .view-all {
     font-size: 12px;
     font-weight: 600;
     white-space: nowrap;
     line-height: 24px;
}
 .single-white-chartjs .chart-header .chartjs-actions .info-message-group {
     height: 24px;
     width: 24px;
     padding: 4px;
}
 .single-white-chartjs .chart-body {
     padding: 15px 15px 15px 15px;
     width: 100%;
     float: left;
     position: relative;
     min-height: 185px;
}
 .single-white-chartjs .chart-title-small {
     width: 100%;
     float: left;
     position: relative;
     font-size: 12px;
     font-weight: normal;
     color: gray;
}
 .single-white-chartjs .chart-title-large {
     width: 100%;
     float: left;
     position: relative;
     font-size: 14px;
     font-weight: 600;
     color: #465058;
     line-height: 24px;
}
 .theme-chart-viewmode {
     background: #fff;
     border-radius: 4px;
     float: left;
     position: relative;
     height: 24px;
     padding: 0px 0px;
     width: 74px;
     overflow: hidden;
     border: 1px solid rgb(227 234 243) !important;
}
 .theme-chart-viewmode .theme-viewmode-single {
     width: 36px;
     float: left;
     height: 100%;
     text-align: center;
     cursor: pointer;
}
 .theme-chart-viewmode .theme-viewmode-single img {
     width: 36px;
     height: 22px;
     padding: 5px;
     float: left;
     filter: grayscale(1);
     opacity: 0.7;
}
 .theme-chart-viewmode .theme-viewmode-single.active {
     background: #104b86;
}
 .theme-chart-viewmode .theme-viewmode-single.active img {
     filter: brightness(0) invert(1);
     opacity: 1;
}
 .dropdown-theme.dropdown-chart .dropdown-toggler:after {
     content: "";
     background-image: url("../Content/assets/images/icons/dropdown-arrow.svg");
     width: 11px;
     height: 8px;
     position: absolute;
     background-repeat: no-repeat;
     top: 8px;
     right: 4px;
     filter: grayscale(1);
}
 .dropdown-theme.dropdown-chart .dropdown-toggler {
     float: left;
     position: relative;
     height: 24px;
     font-family: "Montserrat", sans-serif;
     font-size: 13px;
     line-height: 18px;
     margin: 0px;
     background: rgb(255 255 255);
     border: 1px solid rgb(227 234 243) !important;
     border-radius: 5px !important;
     padding: 0px 0px !important;
     max-width: initial;
     color: rgb(0, 0, 0);
     white-space: normal;
}
 .dropdown-theme.dropdown-chart .dropdown-toggler .dropdown-title {
     white-space: nowrap;
     float: left;
     line-height: 22px;
     padding: 0px 21px 0px 7px !important;
     position: relative;
     z-index: 1;
}
 .dropdown-theme.dropdown-chart .dropdown-content {
     border: 1px solid #b3b3b3;
     box-shadow: 0px 8px 8px #e0eaf3;
     margin-top: 0px;
     min-width: 200px;
}
 .dropdown-theme.dropdown-chart .dropdown-content .dropdown-list {
     border: none !important;
}
 .dropdown-theme.dropdown-chart .dropdown-content .dropdown-list .single-line {
     line-height: 25px;
     padding: 0px 10px;
}
 .dropdown-theme.dropdown-chart .dropdown-content .dropdown-list .single-line:hover {
     background-color: #2068d0;
     color: #fff;
}
 .query-form-group{
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     justify-content: center;
}
 .query-form-group .theme-form{
     width: 100%;
     max-width: 1000px;
}
 .flatpickr-calendar{
     font-family: "Poppins", sans-serif !important;
}
 .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
     background: #005cb7 !important;
     border-color: #005cb7 !important;
}
 .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
     background: #ecf5fb !important;
     border-color: #ecf5fb !important;
}
 .flatpickr-day.inRange {
     border-radius: 0;
     -webkit-box-shadow: -5px 0 0 #ecf5fb, 5px 0 0 #ecf5fb !important;
     box-shadow: -5px 0 0 #ecf5fb, 5px 0 0 #ecf5fb !important;
}
 .theme-page-header-group{
     gap: 20px;
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     margin-bottom: 20px;
     align-items: center;
     vertical-align: baseline;
}
 .theme-page-header-group .theme-page-header-actions{
     display: flex;
}
 .theme-page-header-group .theme-page-header-actions .single-action{
     display: flex;
}
 .theme-page-header-group .theme-page-header-actions .single-action .btn{
     position: relative;
}
 .select-action-group {
     box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 12px;
     border: 1px solid rgb(209 209 209 / 34%);
     border-radius: 5px;
     position: fixed;
     left: 50%;
     background: rgb(255, 255, 255);
     bottom: 20px;
     width: 700px;
     margin-left: -350px;
     align-items: center;
     display: none;
     z-index: 4;
     flex-direction: row;
}
 .select-action-group.active {
     display: flex;
}
 .select-action-group .select-action-left {
     background: #005cb7;
     width: 60px;
     text-align: center;
     line-height: 60px;
     color: rgb(255, 255, 255);
     font-weight: 600;
     font-size: 24px;
     min-width: 60px;
     border-radius: 5px 0px 0px 5px;
     height: 100%;
}
 .select-action-group .select-action-center {
     width: 100%;
     padding: 10px;
     height: 100%;
}
 .select-action-group .select-action-right {
     white-space: nowrap;
     float: left;
     border-left: 1px solid rgb(209 209 209 / 45%);
     height: 100%;
}
 .select-action-group .select-action-middle {
     white-space: nowrap;
     height: 100%;
}
 .select-action-group .select-action-right .single-action {
     margin-left: 5px;
}
 .select-action-group .select-action-right .single-action .btn {
     border-radius: 180px;
     cursor: pointer;
}
 .select-action-group .select-action-center .item-selected-title {
     width: 100%;
     float: left;
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 5px;
}
 .select-action-group .select-action-center .item-selected-dots {
     width: 100%;
     float: left;
}
 .select-action-group .select-action-center .item-selected-dots .single-dot {
     background: rgb(182, 190, 201);
     margin: 2px;
     width: 8px;
     height: 8px;
     float: left;
     border-radius: 180px;
}
 .select-action-group .select-cancel{
     width: 60px;
     height: 60px;
     position: relative;
     float: left;
     text-align: center;
     line-height: 60px;
}
 .select-action-group .select-cancel img{
     width: 16px;
     height: 16px;
     float: left;
     filter: grayscale(1);
     opacity: 0.6;
     margin: 22px;
}
 .select-action-group .select-cancel:hover img{
     filter:initial;
     opacity: 1;
}
 .select-action-group .select-dropdown-content{
     position: relative;
     display: flex;
     margin: 0px;
     padding: 0px 0px;
}
 .select-action-group .select-dropdown-content .select-dropdown-list{
     width: 100%;
     float: left;
     position: relative;
     list-style: none;
}
 .select-action-group .select-dropdown-content .select-dropdown-list .single-line{
     float: left;
     position: relative;
     font-size: 12px;
     color: #3d3d3d;
     text-transform: capitalize;
     text-align: center;
     display: flex;
     min-width: 80px;
     padding: 8px 8px;
     min-height: 60px;
     flex-direction: column;
     align-items: center;
}
 .select-action-group .select-dropdown-content .select-dropdown-list .single-line .single-line-text{
     width: 100%;
     text-align: center;
     position: relative;
     float: left;
     font-size: 12px;
}
 .select-action-group .select-dropdown-content .select-dropdown-list .single-line .single-line-icon{
     width: 100%;
     text-align: center;
     position: relative;
     float: left;
     margin-bottom: 4px;
}
 .select-action-group .select-dropdown-content .select-dropdown-list .single-line .single-line-icon img{
     width: 18px;
     height: 18px;
     position: relative;
     left: 0px;
     top: 0px;
     filter: grayscale(1);
     opacity: 0.6;
}
 .select-action-group .select-dropdown-content .select-dropdown-list.active .single-line, .select-action-group .select-dropdown-content .select-dropdown-list:hover .single-line{
     color: #005cb7;
     background: #F2F5F9;
}
 .select-action-group .select-dropdown-content .select-dropdown-list.active .single-line img, .select-action-group .select-dropdown-content .select-dropdown-list:hover .single-line img{
     filter:initial;
     opacity: 1;
}
 .table-checkbox {
     width: 18px;
     position: relative;
     display: inline-block;
     vertical-align: top;
     height: 18px;
}
 .table-checkbox .checkbox-input[type="checkbox"] {
     opacity: 0;
     width: 18px;
     position: absolute;
     z-index: 1;
     left: 0px;
     height: initial;
     float: left;
     left: 0px;
     top: 0px;
     margin: 0px;
     padding: 0px;
     height: 18px;
}
 .table-checkbox .checkbox-label {
     position: absolute;
     top: 0px;
     left: 0px;
     height: 18px;
     width: 18px;
}
 .table-checkbox .checkbox-label:before {
     content: "";
     position: absolute;
     width: 16px;
     height: 16px;
     left: 0px;
     border-radius: 3px;
     background: #fff;
     color: #fff;
     border: 1px solid rgb(16 75 134 / 50%);
}
 .table-checkbox .checkbox-label-group{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 18px;
     width: 18px;
}
 .table-checkbox input[type="checkbox"]:checked + .checkbox-label-group .checkbox-label:before {
     content: "";
     color: #fff;
     background-image: url("../Content/assets/images/icons/check-icon.svg");
     background-repeat: no-repeat;
     background-size: 60%;
     background-position: center center;
     background-color: #005db3;
     border: 1px solid #1266AE;
}
 .login-page{
     width: 100%;
     height: 100%;
     overflow-y: auto;
     background: transparent linear-gradient(311deg, #004F94 0%, #01A4EF 100%) 0% 0% no-repeat padding-box;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .login-page:after{
     content:"";
     background-image: url(../Content/assets/images/scroll-image.svg);
     position: absolute;
     top: 0px;
     right: 0px;
     background-size: cover;
     height: 100%;
     width: 50%;
     background-position: top left;
     background-repeat: no-repeat;
}
 .login-page-image-left{
     position: absolute;
     left: 0px;
     bottom: 0px;
}
 .login-page-image-left .main-image{
     width: 100%;
     max-width: 350px;
     display: inline-block;
     vertical-align: top;
     padding: 40px 40px 0px 40px;
}
 .login-page-image-left .login-image-math-icon{
     width: 75px;
     height: 75px;
     position: absolute;
     top: 50px;
     right: -100px;
}
 .login-page-image-left .login-image-math-icon > img{
     width: 100%;
     height: 100%;
     display: inline-block;
     vertical-align: top;
     animation: loginicon 5s infinite;
}
 .login-page-image-left .login-image-science-icon{
     width: 75px;
     height: 75px;
     position: absolute;
     top: 0px;
     left: 50px;
}
 .login-page-image-left .login-image-science-icon > img{
     width: 100%;
     height: 100%;
     display: inline-block;
     vertical-align: top;
     animation: loginicon 5s infinite;
}
 .login-header-title{
     width: 100%;
     float: left;
     position: relative;
     padding: 50px;
}
 .login-header-title .login-title{
     width: 100%;
     float: left;
     position: relative;
     font-size: 22px;
     color: #fff;
     line-height: 36px;
     margin-bottom: 10px;
}
 .login-header-title .login-subtitle{
     width: 100%;
     float: left;
     position: relative;
     font-size: 46px;
     color: #fff;
     line-height: 60px;
     font-weight: 700;
}
 .login-header-title .login-subtitle a{
     display: inline-block;
     color: #fff;
     vertical-align: top;
}
 @keyframes loginicon {
     0% {
         transform: rotate(0deg);
    }
     33% {
         transform: rotate(20deg);
    }
     100% {
         transform: rotate(-0deg);
    }
}
 .login-page .login-page-image{
     position: relative;
     height: 100%;
     width: 50%;
     display: flex;
     text-align: left;
     padding: 50px;
     align-items: center;
     justify-content: center;
}
 .login-page .login-page-image > img{
     width: 100%;
}
 .login-page .login-bg-top{
     width: 800px;
     height: 800px;
     position: absolute;
     top: -300px;
     left: -300px;
}
 .login-page .login-bg-top:before{
     content: "";
     width: 100%;
     background: #0a4a88;
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     border-radius: 50%;
}
 .login-page .login-bg-top:after{
     content: "";
     width: calc(100% - 50px);
     background: #005898;
     height: calc(100% - 50px);
     position: absolute;
     top: 25px;
     left: 0px;
     border-radius: 50%;
}
 .login-page .login-bg-bottom{
     width: 500px;
     height: 500px;
     position: absolute;
     bottom: -200px;
     right: -200px;
}
 .login-page .login-bg-bottom:before{
     content: "";
     width: 100%;
     background: #0a4a88;
     height: 100%;
     position: absolute;
     bottom: 0px;
     right: 0px;
     border-radius: 50%;
}
 .login-page .login-bg-bottom:after{
     content: "";
     width: calc(100% - 30px);
     background: #005898;
     height: calc(100% - 30px);
     position: absolute;
     top: 30px;
     right: 10px;
     border-radius: 50%;
}
 .login-page-content {
     z-index: 1;
     position: relative;
     width: 50%;
     padding: 50px;
     text-align: center;
     display: table-cell;
     vertical-align: middle;
}
 .login-page-content .header-logo {
     float: left;
     position: relative;
     z-index: 1;
     text-align: left;
     width: 100%;
     margin: 0px 0px 25px 0px;
}
 .login-page-content .header-logo img {
     height: 50px;
     float: none;
     display: inline-block;
     vertical-align: top;
}
 .login-page-content .left-content{
     width: 50%;
     display: table-cell;
     vertical-align: top;
     text-align: left;
     padding: 100px;
}
 .login-page-content .login-box{
     padding: 40px;
     width: 100%;
     background: #fff;
     border-radius: 25px;
     box-shadow: 0px 10px 31px 0px #0000001c;
     position: relative;
     max-width: 400px;
     float: none;
     display: inline-block;
     vertical-align: top;
}
 .login-page-content .right-content{
     width: 50%;
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     padding: 40px 100px;
}
 .login-page-content .title-group {
     width: 100%;
     float: left;
     margin-bottom: 25px;
}
 .login-page-content .title-group .title {
     width: 100%;
     float: left;
     color: #0a4a88;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 10px;
}
 .login-page-content .title-group .sub-title {
     width: 100%;
     float: left;
     color: #03498A;
     font-size: 16px;
     font-weight: 600;
     line-height: 22px;
}
 .login-page-content .title-group .sub-title span{
     float: left;
     position: relative;
     letter-spacing: 2px;
}
 .login-page-content .title-group .sub-title span:after{
     content:"";
     width: 100%;
     position: absolute;
     bottom: -3px;
     left: 0px;
     height: 2px;
     background: #FFCC01;
}
 .login-page-content .form-group {
     width: 100%;
     float: left;
     margin-bottom: 25px;
}
 .login-page-content .form-group .response-error{
     position: absolute;
     top: 100%;
     left: 0px;
     padding-top: 4px;
     text-align: left;
}
 .login-page-content .form-group .reset-password {
     float: right;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
     margin-bottom: 0px;
     line-height: 20px;
     font-size: 13px;
     font-weight: 500;
     text-align: left;
}
 .login-page-content .form-group .form-with-icon {
     width: 100%;
     float: left;
     position: relative;
}
 .login-page-content .form-group .form-with-icon .icon-image {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 16px;
     height: 16px;
     margin: 10px 10px;
}
 .login-page-content .form-group .input-title{
     width: 100%;
     text-align: left;
     position: relative;
     color: #757575;
     float: left;
     font-weight: 500;
     font-size: 12px;
}
 .login-page-content .form-group .form-with-icon .form-control {
     width: 100%;
     float: left;
     line-height: 36px;
     border-radius: 0px;
     padding: 0px 36px 0px 0px !important;
     outline: none;
     font-size: 14px;
     min-height: 36px;
     border-bottom: 1px solid #B9B9B9 !important;
     border: none;
}
 input:-webkit-autofill {
     -webkit-box-shadow:0 0 0 50px white inset;
    /* Change the color to your own background color */
     -webkit-text-fill-color: #333;
     background-color: white !important;
}
 input:-webkit-autofill:focus {
     -webkit-box-shadow: 0 0 0 50px white inset;
    /*your box-shadow*/
     -webkit-text-fill-color: #333;
     background-color: white !important;
}
 .login-page-content .form-group .form-with-icon .form-control:focus {
     border-bottom: 1px solid #03498a !important;
}
 .login-page-content .form-btn-bottom {
     width: 100%;
     float: left;
     margin-bottom: 10px;
}
 .login-page-content .form-btn {
     width: 100%;
     float: left;
}
 .login-page-content .form-btn .form-main-btn {
     width: 100%;
     float: left;
     line-height: 46px;
     border-radius: 10px;
     padding: 0px;
     font-size: 14px;
     font-weight: 600;
     color: #fff;
     box-shadow: 0px 12px 40px 0px #00000014 !important;
     background: #03498A;
     text-align: center;
}
 .login-page-content .form-btn .form-main-btn:hover, .login-page-content .form-btn .form-main-btn a:hover {
     background: #063663;
}
 .login-page-content .form-btn .form-main-btn .fa-spin{
     margin: 15px;
     display: inline-table;
     vertical-align: top;
     float: none;
}
 .theme-switch-btn-group{
     width: 100%;
     float: left;
     position: relative;
     margin-bottom: 40px;
}
 .theme-switch-btn-group .theme-switch-btn-center{
     float: left;
     border-radius: 180px;
     background: #e6edf4;
     height: 40px;
     padding: 5px;
     width: 100%;
     max-width: 250px;
     display: flex;
}
 .theme-switch-btn-group .login-btn, .theme-switch-btn-group .signup-btn{
     float: left;
     width: 100%;
     text-align: center;
     line-height: 30px;
     background: transparent;
     border-radius: 180px;
     color: #03498A;
     font-weight: 600;
     font-size: 13px;
     cursor: pointer;
}
 .theme-switch-btn-group.login-active .login-btn, .theme-switch-btn-group.signup-active .signup-btn{
     background: #03498A;
     color: #fff;
}
 .login-social {
     width: 100%;
     float: left;
     position: relative;
     text-align: center;
     list-style: none;
     padding: 0px;
     margin: 5px 0px 0px 0px;
}
 .login-social li {
     display: inline-block;
     vertical-align: top;
     margin: 2px;
}
 .login-social li a {
     width: 36px;
     line-height: 28px;
     height: 36px;
     border: 1px solid #e1e1e1 !important;
     float: left;
     text-align: center;
     border-radius: 180px;
     display: table;
}
 .login-social li a img {
     width: 36px;
     height: 36px;
     padding: 10px;
     float: left;
}
 .login-social li:hover a {
     border: 1px solid #ff5200;
}
 .password-selection{
     width: 100%;
     text-align: left;
     position: relative;
     padding: 0px;
     margin: 0px;
}
 .password-selection li{
     width: 100%;
     text-align: left;
     position: relative;
     color: #252525;
     float: left;
     font-weight: 500;
     font-size: 13px;
     padding-left: 20px;
     margin-bottom: 5px;
     list-style: none;
}
 .password-selection li:before{
     content:"";
     width: 8px;
     height: 8px;
     border: 1px solid gray;
     position: absolute;
     top: 4px;
     left: 0px;
     border-radius: 180px;
}
 .password-selection li.active{
     color: #24A51B;
}
 .password-selection li.active:before{
     background: #24A51B;
     border: 1px solid #24A51B;
}
 .captcha{
     display: flex;
     width: 100%;
     text-align: center;
     align-items: center;
     float: left;
     position: relative;
     justify-content: center;
}
 .captcha span{
     display: inline-block;
     vertical-align: top;
}
 .captcha span img{
     float: left;
}
 .captcha button{
     display: inline-block;
     vertical-align: top;
     margin-left: 15px;
}
 .for-mobile-view-display-login-image {
     display: none;
}
 .theme-table-actions {
     position: relative;
     display: flex;
     gap: 5px;
     flex-direction: row;
}
 .theme-table-actions .btn-icon img {
     margin: 0px;
     padding: 0px;
}
 .theme-table-actions .btn-icon {
     position: relative;
     padding: 0px 0px;
     width: 36px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 28px;
}
 .theme-tabs {
     width: 100%;
     float: left;
     position: relative;
}
 .theme-tabs .tab-links {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     margin: 0px 0px 15px 0px;
     padding: 0px;
     align-items: center;
     gap: 8px;
     border-bottom: 1px solid #cfecff;
}
 .theme-tabs .tab-links li {
     position: relative;
     list-style: none;
     float: left;
}
 .theme-tabs .tab-links li.active a {
     color: #ffffff;
     background: #005cb7;
}
 .theme-tabs .tab-links a {
     font-size: 13px;
     line-height: 1.7;
     font-weight: 500;
     white-space: nowrap;
     color: rgb(0 92 183);
     padding: 8px 15px;
     float: left;
     border-radius: 6px 6px 0px 0px;
     background: #e7f5ff;
}
 .theme-tabs .tab-content {
     margin-top: 20px;
}
 .theme-tabs .tab {
     display: none;
}
 .theme-tabs .tab.active {
     display: block;
}
 .page-body-content-header{
     width: 100%;
     float: left;
     position: relative;
}
 .header-actions{
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
     z-index: 1;
     border: 1px solid #b8c2c9;
     padding: 12px 15px;
     background: #fff;
     border-radius: 10px;
     gap: 20px;
}
 .header-actions .header-left{
     width: auto;
     float: left;
     position: relative;
     display: flex;
     gap: 24px;
}
 .header-actions .header-left .single-action{
     float: left;
     position: relative;
     display: flex;
     align-items: center;
     gap: 10px;
}
 .header-actions .header-left .single-action .form-label{
    white-space: nowrap;
    font-size: 13px;
    color: gray;
}
 .header-actions .header-left .single-action .form-control {
     background: #fff;
     border: 1px solid #65666B;
     border-radius: 6px;
     width: 100%;
     float: left;
     position: relative;
     height: 32px;
     padding: 0px 10px;
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     min-width: 140px;
}
 .header-actions .header-left .single-action .form-control:focus, .header-actions .header-left .single-action .form-control:hover, .header-actions .header-left .single-action .form-control:focus, .header-actions .header-left .single-action .form-control:hover {
     border: 1px solid #1967ac;
}
 .header-actions .header-left .single-action select.form-control {
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     padding-right: 32px;
}
    .header-actions .header-left .single-action select.form-control {
        background-image: url(../Content/assets/images/icons/dropdown-arrow.svg);
        -webkit-appearance: none;
        background-position: center right 10px;
        background-repeat: no-repeat;
    }
 .header-actions .header-left .single-action .btn{
     height: 32px;
     line-height: 30px;
}
 .header-actions .header-right{
     width: auto;
     float: left;
     position: relative;
     display: flex;
     gap: 12px;
     justify-content: flex-end;
}
 .header-actions .header-right .single-action .btn{
     height: 32px !important;
     line-height: 18px;
     padding: 7px 12px;
     float: left;
     white-space: nowrap;
}
 .header-actions .header-right .single-action .btn img{
     margin: 8px 8px 8px 0px;
     height: 16px;
}
 .header-actions .header-right .single-action{
     position: relative;
     float: left;
}
 .header-actions .header-right .single-action .btn-icon{
     border-radius: 6px;
     display: inline-block;
     vertical-align: top;
     height: 32px;
     line-height: 30px;
     padding: 0px 0px;
     min-width: 32px;
}
 .header-actions .header-right .single-action .btn-icon img{
     position: relative;
     width: 30px;
     height: 30px;
     padding: 7px;
     float: left;
     margin: initial;
     max-height: initial;
}
 .header-actions .header-right .dropdown-theme.dropdown-chart .dropdown-toggler{
     height: 32px;
}
 .header-actions .header-right .dropdown-theme.dropdown-chart .dropdown-toggler .dropdown-title{
     line-height: 30px;
     padding: 0px 24px 0px 10px !important;
}
 .header-actions .header-right .dropdown-theme.dropdown-chart .dropdown-toggler:after{
     top: 12px;
}

@media (max-width: 1199px){
     .page-content .width-1-3{
         max-width: 50%;
    }
	.page-content .width-1-3.job-detail-row{
	max-width: 33.33%;
	}
	.page-content .width-2-3.job-detail-row{
	max-width: 66.66%;
	}
	.page-content .width-2-3.job-detail-row   .width-2-3,
	.page-content .width-2-3.job-detail-row   .width-1-3{
		max-width: 50%;
	}
}

@media (max-width: 991px){
	.theme-wizard-group .theme-wizard-body .width-1-2,
	.page-content .width-2-3.job-detail-row,
	.page-content .width-1-3.job-detail-row,
	.page-content .width-1-3	{
		max-width: 100%;
	}
	
}

 @media (min-width: 768px){
     .theme-header .header-search{
         display: block;
    }
     .navbar-menu .header-search{
         display: none;
    }
     .mobile-shadow{
         display: none;
    }
     .navbar-menu .mobile-menu-close{
         display: none;
    }
}
 @media (max-width: 767px){
	 
	 
	 
	  table.table-theme-mobile-active tr:hover td:before,
    table.table-theme-mobile-active tr:hover .mobile-dotts{
    }
    table.table-theme-mobile-active{

width: 100%;

float: none;

position: relative;

display: inline-block;

vertical-align: top;

}

table.table-theme-mobile-active thead{
    display: none;

}
    table.table-theme-mobile-active tr{

display: flex;

width: 100%;

flex-direction: column;

margin: 0px 0px 10px 0px;

box-shadow: none;

border-radius: 10px;

overflow: hidden;

float: left;
}
table.table-theme-mobile-active tr td:first-child{
    padding: 16px 10px 6px 135px;
}
table.table-theme-mobile-active tr td:last-child{
}
    table.table-theme-mobile-active tr td{

width: 100%;

max-width: initial!important;

min-width: initial!important;

font-weight: 600;

text-align: left!important;

line-height: 20px;

border-top: none!important;

border: none;

border-radius: 0px !important;

padding: 6px 10px 6px 135px;
}
    table.table-theme-mobile-active tr td:before {
        content: attr(name);
        position: absolute;
        text-align: left;
        left: 0;
        width: 110px;
        padding-left: 15px;
        color: gray;
        font-weight: normal;
        font-size: 14px;
    }

    table.table-theme-mobile-active .mobile-dotts{

padding: 0px 10px;

color: gray;

margin-left: -24px;
}



	 .navbar-menu .navbar-ul .nav-item.nav-dropdown .main-menu:after{
		 right: 15px;
		 position: absolute;
		}
	 .page-content .width-2-3.job-detail-row .width-2-3, .page-content .width-2-3.job-detail-row .width-1-3{
	 max-width: 100%;
	 }
     .navbar-menu .mobile-menu-close{
         display: none;
    }
     .wrapper-page.right-menu-active .navbar-menu .mobile-menu-close {
         width: 45px;
         height: 45px;
         border-bottom: 0;
         background-color: transparent;
         font-weight: 400;
         color: #ffffff;
         cursor: pointer;
         z-index: 6;
         top: 0px;
         right: 0px;
         position: fixed;
         display: block;
         line-height: 45px;
         text-align: center;
         font-size: 30px;
    }
     .navbar-menu .navbar-ul .nav-item.nav-dropdown.nav-dropdown-active .main-menu:before{
        border-top: 8px solid transparent;
        border-right: 0;
        border-bottom: 8px solid transparent;
        border-left: 6px solid white;
        left: 0px;
        height: 0px;
        margin: 0px;
        margin-top: -8px;
        top: 50%;
    }
     .navbar-menu .navbar-ul .submenu-theme .submenu-item .main-submenu.active:before{
        border-top: 8px solid transparent;
        border-right: 0;
        border-bottom: 8px solid transparent;
        border-left: 6px solid #353686;
        left: 0px;
        height: 0px;
        margin: 0px;
        margin-top: -8px;
        top: 50%;
    }
     .navbar-menu .navbar-ul .nav-item.nav-dropdown-active .submenu-theme{
         display: inline-block !important;
    }
     .navbar-menu .navbar-ul .submenu-theme{
         position: relative;
         width: calc(100% - 40px);
         float: left;
         background: #ffffff;
         height: initial;
         top: initial;
         padding: 0px;
         border-radius: 5px;
         display: none !important;
         margin: 0px 20px;
    }
     .navbar-menu .navbar-ul .submenu-theme .submenu-item .main-submenu, .navbar-menu .navbar-ul .nav-item .main-menu{
         padding: 0px 20px;
    }
     .navbar-menu .navbar-ul .nav-item .main-menu, .navbar-menu .navbar-ul .submenu-theme .submenu-item, .navbar-menu .navbar-ul .submenu-theme .submenu-item .main-submenu, .navbar-menu .navbar-ul .nav-item{
         width: 100%;
         float: left;
         position: relative;
    }
     .wrapper-page.right-menu-active .theme-header{
         z-index: 0;
    }
     .mobile-shadow{
         display: none;
    }
     .wrapper-page.right-menu-active .mobile-shadow{
         position: fixed;
         top: 0px;
         left: 0px;
         background: rgb(0 0 0 / 70%);
         width: 100%;
         height: 100%;
         display: block;
         z-index: 2;
    }
     .wrapper-page.right-menu-active .navbar-menu .navbar-ul{
         right: 0px;
    }
     .navbar-menu .navbar-ul{
         right: -280px;
         opacity: 0;
         position: fixed;
         display: block;
         position: fixed;
         width: 280px;
         height: 100%;
         background: #353686;
         right: -280px;
         top: 0px;
         z-index: 5;
         opacity: 1;
         padding: 45px 0px 15px 0px;
         bottom: 0px;
         max-width: 100%;
         -webkit-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
    }
     .navbar-menu .header-search{
         display: block;
         margin: 3px 0px;
    }
     .theme-header .header-search{
         display: none;
    }
     .nav-user-dropdown .nav-user .user-name{
         display: none;
    }
     .page-content .width-1-3{
         max-width: 100%;
    }
     .login-popup{
         display: flex;
         display: inline-flex;
         flex-flow: column;
         max-width: 500px;
    }
     .login-popup-left{
         width: 100%;
         padding: 30px;
    }
     .login-popup-right{
         width: 100%;
         display: none;
    }
}
 @media (max-width: 575px){
	 .record-processing-group, .status-processing-group{
	 display: inline-block;
	 }
	 .status-processing-group .status-processing-single,
	 .record-processing-group .record-processing-single{
		     margin-bottom: 25px;
	 }
	 
	 .white-box .width-1-2{
		     max-width: 100%;
	 }
     .theme-header .theme-header-center{
         display: none;
    }
	.job-processing-information{
		    column-count: 1;
	}
}
 
 
 
 @media (max-width: 1499px) {
	.modal-assistant-group.prompt-active .prompt-footer-actions{
		flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	}
	
}


@media (max-width: 1199px) {
	.modal-assistant-group.prompt-active{
	padding: 0px;
	}
	.modal-assistant-group .modal-assistant-right{
	        max-width: 100%;
        width: 100%;
        z-index: 1;
        right: -100%;
	}
     .row-width-laptop{
         max-width: 100%;
    }
     .courses-list .single-course {
         max-width: calc(33.33% - 11px);
         flex: calc(33.33% - 11px);
    }
     .ipad-header {
         display: flex;
         float: right;
         justify-content: flex-end;
         row-gap: 10px;
         column-gap: 10px;
         margin-bottom: 15px;
    }
     .header-actions{
         display: none;
    }
     .header-actions.filter-active{
         display: block;
    }
     .header-actions .header-right{
         display: none;
    }
     .header-actions .header-left{
         display: flex;
         flex-direction: column;
         gap: 10px;
         width: 100%;
    }
     .header-actions .header-left .single-action{
         margin: 0px;
    }
     .header-actions .theme-filter{
         flex-direction: row;
         align-items: flex-start;
         flex-wrap: wrap;
    }
     .header-actions .theme-filter .theme-filter-title{
         max-width: 100%;
         flex: 100%;
    }
     .header-actions .theme-filter .form-group{
         display: flex;
         max-width: calc(50% - 5px);
         flex: calc(50% - 5px);
    }
     .wizard-form-group .wizard-form-left{
         min-width: 200px;
         display: flex;
         justify-content: center;
    }
     .wizard-form-group .wizard-form-right{
         min-width: 00px;
    }
     .wizard-form-group .wizard-form-center {
         padding: 0px;
    }
     .profile-page {
         padding: 0px;
    }
     .profile-page .profile-page-left {
         width: 100%;
         margin-left: 0px;
         margin-bottom: 20px;
    }
     .fullprofile-page {
         padding-right: 0px;
    }
     .fullprofile-page .profile-right{
         width: 100%;
         margin: 0px;
         margin-top: 16px;
    }
     .tab-profile .theme-tabs {
         overflow-x: auto;
         width: 100%;
         overflow-y: hidden;
         display: flex;
    }
}
 @media (min-width: 992px) {
     .teacher-board-group.hide-tab{
         display: flex;
    }
     .single-action.hide-tab{
         display: inline-block;
    }
     .right-menu-group{
         display: none !important;
    }
     .menu-toggler-group{
         display: none !important;
    }
}
 @media (max-width: 991px) {
	 
	 .learning-menu-group:before{
		 content: "";
		 background-image: url(../Content/assets/images/icons/dropdown-arrow.svg);
		 position: absolute;
		 right: 14px;
		 top: 14px;
		 width: 12px;
		 height: 9px;
		 background-repeat: no-repeat;
		 background-size: 100%;
		 -webkit-transition: all 0.2s ease-out;
		 -moz-transition: all 0.2s ease-out;
		 -o-transition: all 0.2s ease-out;
		 transition: all 0.2s ease-out;
		 z-index: 1;
		}
	 .learning-menu-group.learning-menu-active:before{
		     transform: rotate(180deg);
	 }
	 .learning-menu-group .learning-menu-body{
		 display: none;
	 }
	 
	 .learning-menu-group.learning-menu-active .learning-menu-body{
		    display: flex;
	 }
     body.body-small-menu-active .select-action-group{
         z-index: -1;
    }
     .theme-wrapper.small-menu-active:before{
         content:"";
         background: #00000080;
         position: fixed;
         top: 0px;
         left: 0px;
         height: 100%;
         width: 100%;
         -webkit-transition: all 0.2s ease-out;
         -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
     .theme-wrapper.small-menu-active .right-sidebar{
         z-index: -1;
    }
     .menu-toggler-group{
         display: inline-block !important;
    }
     .hide-tab{
         display: none !important;
    }
     .menu-toggler {
         display: inline-block;
         vertical-align: top;
         width: 32px;
         text-align: center;
         height: 32px;
         margin: 0px 0px 0px 0px;
         border-radius: 180px;
         border: 1px solid rgb(0 0 0 / 10%);
         background: #fff;
    }
     .menu-toggler .bar1 {
         width: 16px;
         height: 11px;
         float: left;
         position: relative;
         margin: 9px 7px;
    }
     .menu-toggler .bar1:before {
         content: "";
         width: 16px;
         height: 2px;
         background: rgb(0 0 0 / 40%);
         position: absolute;
         left: 0px;
         top: 50%;
         margin-top: -1px;
    }
     .menu-toggler .bar1 span {
         width: 16px;
         height: 11px;
         float: left;
         position: relative;
    }
     .menu-toggler .bar1 span:before {
         content: "";
         width: 16px;
         height: 2px;
         background: rgb(0 0 0 / 40%);
         position: absolute;
         left: 0px;
         top: 0px;
    }
     .menu-toggler .bar1 span:after {
         content: "";
         width: 16px;
         height: 2px;
         background: rgb(0 0 0 / 40%);
         position: absolute;
         left: 0px;
         bottom: -1px;
    }
     .page-header .content-area .left-section .page-body-title{
         font-size: 16px;
    }
     .single-notification-setting{
         width: calc(50% - 8px);
         max-width: calc(50% - 8px);
         flex: calc(50% - 8px);
    }
     .page-body-content .width-1-2{
         max-width: 100%;
    }
     .courses-list .single-course {
         max-width: calc(50% - 8px);
         flex: calc(50% - 8px);
    }
     .theme-wrapper.small-menu-active .left-sidebar{
         width: 200px;
         background: #ffffff;
    }
     .theme-wrapper.small-menu-active .left-sidebar .footer-logo .full-logo, .theme-wrapper.small-menu-active .left-sidebar .school-name-group .school-name-right, .theme-wrapper.small-menu-active .left-sidebar .footer-logo .footer-logo-title, .theme-wrapper.small-menu-active .navbar-left .menu-item .nav-link .nav-text, .theme-wrapper .left-sidebar .footer-logo .small-logo, .theme-wrapper .footer-menu-item .nav-link .nav-image, .theme-wrapper.small-menu-active .footer-menu-item .nav-link .nav-text, .theme-wrapper.small-menu-active .footer-menu-item .nav-link + .nav-link:before{
         display: block;
    }
     .theme-wrapper.small-menu-active .left-sidebar .footer-logo .small-logo, .theme-wrapper .navbar-left .menu-item .nav-link .nav-text, .theme-wrapper .left-sidebar .header-logo .full-logo, .theme-wrapper.small-menu-active .footer-menu-item .nav-link .nav-image{
         display: none;
    }
     .theme-wrapper.small-menu-active .left-sidebar .school-name-group .school-name-logo{
         width: 75px;
         height: 75px;
    }
     .left-sidebar{
         width: 70px;
         background: #ffffff;
         border-right: 1px solid #e0eaf3;
    }
     .left-sidebar .school-name-group .school-name-logo{
         width: 40px;
         height: 40px;
         min-width: 40px;
         min-height: 40px;
    }
     .left-sidebar .school-name-group .school-name-right{
         display: none;
    }
     .left-sidebar .footer-logo .footer-logo-title {
         display: none;
    }
     .left-sidebar .footer-logo .full-logo {
         display: none;
    }
     .footer-menu-item {
         flex-direction: column;
         padding: 12px;
    }
     .footer-menu-item .nav-link {
         background-color: rgb(10 89 156 / 10%);
         opacity: 1;
         text-align: center;
         padding: 0;
    }
     .footer-menu-item .nav-link .nav-image{
         margin: 0;
         float: none;
         margin: 10px 15px;
         filter: saturate(.5);
         opacity: .6;
    }
     .footer-menu-item .nav-link .nav-text{
         display: none;
    }
     .navbar-left .menu-item .nav-link .nav-text{
         display: none;
    }
     .right-sidebar{
         width: calc(100% - 70px);
    }
     .course-dashboard-status .single-course {
         max-width: calc(50% - 8px);
         flex: calc(50% - 8px);
    }
     .dashboard-flex .dashboard-flex-half {
         flex: 100%;
         max-width: 100%;
    }
     .theme-wizard-tab {
         padding: 20px;
    }
     .wizard-form-group {
         flex-direction: column;
         padding: 0px;
    }
     .wizard-form-group .evoxify-form .form-group {
         padding: 0px;
    }
     .wizard-form-actions {
         padding: 0;
    }
     .wizard-form-group .evoxify-form .form-group .form-label {
         margin: 0px;
         width: 100%;
         min-height: initial;
         margin-bottom: 5px;
    }
     .api-wizard {
         flex-direction: column;
         padding: 0px;
    }
     .api-wizard .api-wizard-left {
         width: 100%;
    }
     .api-wizard .api-wizard-right {
         width: 100%;
    }
     .board-group .single-board+.single-board:after {
         width: 100%;
         left: 0;
    }
     .blue-sidebar .blue-sidebar-actions {
         position: inherit;
         top: 0px;
         right: 0px;
         float: left;
    }
     .learning-material {
         padding-left: 0px;
    }
     .learning-material .learning-material-left {
         width: 100%;
         margin-left: 0px;
    }
     .teacher-profile-banner .teacher-banner-header{
         padding: 15px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .teacher-profile-banner .teacher-banner-header .teacher-banner-header-left{
         margin: 0px;
    }
     .teacher-profile-banner .teacher-banner-header .teacher-banner-header-right{
         text-align: center;
    }
     .teacher-profile-banner .teacher-banner-body{
         padding: 15px;
    }
     .wizard-form-group .wizard-form-right {
         min-width: 220px;
    }
     .page-body.page-body-fixed .learning-material .learning-material-left {
         height: auto;
    }
     .page-body.page-body-fixed .learning-material .learning-material-right {
         margin-top: 16px;
    }
     .institute-group {
         padding-left: 0px;
         display: flex;
         flex-direction: column;
         gap: 20px;
    }
     .institute-group .institute-left {
         margin-left: 0;
    }
     .certificate-studio {
         padding-left: 0px;
    }
     .certificate-studio .certificate-studio-left {
         width: 100%;
         margin-left: 0;
         margin-bottom: 20px;
    }
     .credit-alocation-dashboard {
         flex-direction: column;
    }
     .credit-alocation-right {
         max-width: 100%;
    }
     .allocate-credits-info .btn {
         line-height: 30px;
    }
}
 @media (min-width: 768px) {
     .login-mobile {
         display: none;
    }
     .tab-profile{
         display: block;
    }
     .tab-profile-dropdown{
         display: none;
    }
     .navbar-blue-sidebar{
         display: inline-block;
    }
}
 @media (max-width: 767px) {
	 .page-body.page-body-fixed .blue-sidebar {
		margin-top: -39px;
	}
     .select-action-group .select-action-center{
         display:none;
    }
     .select-action-group .select-dropdown-content{
         flex-direction: column;
         width: 60px;
    }
     .select-action-group .select-dropdown-content .select-dropdown-list .single-line{
         max-width: 100%;
         min-width: inherit;
         padding: 10px 5px;
         text-align: center;
         width: 100%;
    }
     .select-action-group .select-dropdown-content .select-dropdown-list .single-line .single-line-text{
         white-space: normal;
         line-height: 16px;
    }
     .select-action-group{
         right: 20px;
         left: initial;
         flex-direction: column-reverse;
         width: 62px;
    }
     .select-action-group .select-action-left{
         border-radius: 5px;
    } 
     .select-action-group .select-action-right{
         border: none;
    }
     .page-header{
         background:#fff;
         border-bottom: 1px solid #e0eaf3;
    }
     .page-footer{
         display: none;
    }
     .page-body-content{
         padding: 15px 15px;
    }
     .page-header .content-area .left-section{
         padding-left: 40px;
    }
     .left-sidebar{
         width: 70px;
         margin-left:-70px;
    }
     .left-sidebar .left-right-menu{
         right: -36px;
         left: initial;
         width: 36px;
    }
     .theme-wrapper.small-menu-active .left-sidebar{
         margin-left: 0px;
    }
     .right-sidebar{
         width: calc(100% - 0px) !important;
    }
     .theme-filter .form-group .form-control{
         min-width: initial;
    }
     .navbar-blue-sidebar{
         display: none;
    }
     .tab-profile{
         display: none;
    }
     .tab-profile-dropdown{
         display: block;
    }
     .single-notification-setting{
         width: 100%;
         max-width: 100%;
         flex: 100%;
    }
     .dashboard-flex .single-white-chartjs{
         height: auto;
    }
     .theme-section .theme-section-header .theme-section-actions {
         padding: 5px 0px;
    } 
     .theme-section .theme-section-body.media-theme-section-body{
         flex-direction: column;
    }
     .theme-section .theme-section-body.media-theme-section-body .media-theme-section-body-left{
         width: 100%;
    }
     .student-profile-banner {
         padding: 20px;
         flex-direction: column;
    }
     .student-profile-banner .student-banner-left{
         margin: 0px;
         margin-bottom: 25px;
    }
     .courses-list .single-course {
         max-width: 100%;
         flex: 100%;
    }
     .course-dashboard-status .single-course {
         max-width: 100%;
         flex: 100%;
    }
     .theme-section-header.theme-section-header-curriculum {
         flex-direction: column;
    }
     .announcements-group .announcements-maintitle .info-message-group {
         top: 16px;
         right: 88px;
    }
     .announcements-group .announcements-content {
         padding: 15px 80px 15px 15px;
    }
     .login-header-title .login-title {
         width: 100%;
    }
     .login-page .login-page-image {
         display: none;
    }
     .login-page-content {
         width: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 30px;
    }
     .login-header-title {
         text-align: left;
         padding: 0px;
         margin-bottom: 50px;
    }
     .login-page-image-left {
         position: relative;
         margin-bottom: -25px;
         margin-top: 150px;
    }
     .login-page-image-left .login-image-math-icon{
         right: 0px;
         top: -50px;
    }
     .credit-alocation-left{
         flex-direction: column;
         gap: 15px;
    }
     .allocate-credits-info + .allocate-credits-info{
         padding-top: 20px;
         padding-left: 0px;
    }
     .allocate-credits-info + .allocate-credits-info:before{
         height: 1px;
         width: 100%;
         left: 0px;
         top: 0px;
    }
}
 @media (max-width: 575px) {
     .row-width.width-1-2{
         max-width: 100%;
    }
}
 
table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable tr.dt-hasChild td.dt-control:before{content:"-";background-color:#d33333}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▲"}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▼"}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody table.dataTable thead>tr>th:before,div.dataTables_scrollBody table.dataTable thead>tr>th:after,div.dataTables_scrollBody table.dataTable thead>tr>td:before,div.dataTables_scrollBody table.dataTable thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgba(13, 110, 253, 0.9);animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 10px 6px 10px;border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable tbody tr{background-color:transparent}table.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);color:white}table.dataTable tbody tr.selected a{color:#090a0b}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}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 rgba(0, 0, 0, 0.15)}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe>tbody>tr.odd>*,table.dataTable.display>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023)}table.dataTable.stripe>tbody>tr.odd.selected>*,table.dataTable.display>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923)}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035)}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.935)}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019)}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919)}table.dataTable.display>tbody>tr.odd>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054)}table.dataTable.display>tbody>tr.odd>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047)}table.dataTable.display>tbody>tr.odd>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039)}table.dataTable.display>tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954)}table.dataTable.display>tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947)}table.dataTable.display>tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939)}table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019)}table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011)}table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003)}table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919)}table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911)}table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903)}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082)}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074)}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062)}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982)}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974)}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962)}table.dataTable.no-footer{border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(230, 230, 230, 0.1);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));background:-webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:inherit}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid rgba(0, 0, 0, 0.3)}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}

/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}

.theme-loader {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgb(255 255 255 / 70%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

.theme-loader .theme-loader-content {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
	text-align: center;
}


.theme-loader .theme-loader-content .loader-text {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	font-size: 14px;
	margin-top: 25px;
	width: 100%;
	float: left;
	color: #484848;
}



.theme-loader .theme-loader-content .loader {
	width: 12px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #005cb7;
	clip-path: inset(-220%);
	animation: loaderround 2s infinite linear;
	display: inline-block;
	vertical-align: top;
}

@keyframes loaderround {
	0% {
		box-shadow: #484848 0 0 0 0, #005cb7 40px 0,#005cb7 -40px 0,#005cb7 0 40px,#005cb7 0 -40px
	}

	10% {
		box-shadow: #484848 0 0 0 0, #005cb7 12px 0,#005cb7 -40px 0,#005cb7 0 40px,#005cb7 0 -40px
	}

	20% {
		box-shadow: #484848 0 0 0 4px, #005cb7 0px 0,#005cb7 -40px 0,#005cb7 0 40px,#005cb7 0 -40px
	}

	30% {
		box-shadow: #484848 0 0 0 4px,#005cb7 0px 0,#005cb7 -12px 0,#005cb7 0 40px,#005cb7 0 -40px
	}

	40% {
		box-shadow: #484848 0 0 0 8px,#005cb7 0px 0,#005cb7 0px 0,#005cb7 0 40px,#005cb7 0 -40px
	}

	50% {
		box-shadow: #484848 0 0 0 8px,#005cb7 0px 0,#005cb7 0px 0,#005cb7 0 12px,#005cb7 0 -40px
	}

	60% {
		box-shadow: #484848 0 0 0 12px, #005cb7 0px 0, #005cb7 0px 0,#005cb7 0 0px,#005cb7 0 -40px
	}

	70% {
		box-shadow: #484848 0 0 0 12px,#005cb7 0px 0,#005cb7 0px 0,#005cb7 0 0px,#005cb7 0 -12px
	}

	80% {
		box-shadow: #484848 0 0 0 16px,#005cb7 0px 0,#005cb7 0px 0,#005cb7 0 0px,#005cb7 0 0px
	}

	90%, 100% {
		box-shadow: #484848 0 0 0 0,#005cb7 40px 0,#005cb7 -40px 0,#005cb7 0 40px,#005cb7 0 -40px
	}
}




.btn-theme:disabled {
	background: #95a0aa;
	color: #ffffff !important;
	border: 1px solid #5490c8;
	cursor: not-allowed;
}

.btn-theme-outline:disabled {
	background: #ffffff;
	color: #06396b !important;
	border: 1px solid #95a0aa;
	cursor: not-allowed;
}

.dataTables_wrapper .dataTables_filter {
	float: left;
}



.info-icon-wrapper {
	position: relative;
	display: inline-block;
	width: 30px;
}

.info-icon {
	margin-left: 10px;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #007bff;
	color: white;
	font-family: emoji;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
}

.info-icon:hover {
	background-color: #0056b3;
}

.info-tooltip {
	display: none;
	position: absolute;
	top: 30px;
	left: 70%;
	transform: translateX(-50%);
	background-color: #005cb7;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	font-size: 12px;
	max-width: 200px;
	width: 200px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.info-icon-wrapper:hover .info-tooltip {
	display: block;
	opacity: 1;
	pointer-events: auto;
}

.info-tooltip::before {
	content: '';
	position: absolute;
	top: -19px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #005cb7 transparent;
}

.error {
	border: 2px solid red !important;
	background-color: #ffe6e6 !important;
}

.success-message {
	color: green;
}

.error-message {
	color: red;
}

.sticky-scroll {
	position: sticky;
	top: 2px;
	max-height: 200px;
	background-color: #f9f9f9;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	z-index: 10;
}

.row-editing, .row-editing td {
	background-color: #fff3cd !important; /* Light yellow background for all cells in the row */
}


.row-edited, .row-edited td {
	background-color: #acf1e8 !important; /* Light green background for all cells in the row */
}


.row-duplicate, .row-duplicate td {
	background-color: #ffb9b9 !important; /* Light red background for all cells in the row */
}

.modal-role-conatiner {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(0 0 0 / 50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

.modal-role-conatiner .modal-content {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 860px;
	padding: 20px;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}



.modal-role-conatiner-small {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(0 0 0 / 50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

.modal-role-conatiner-small .modal-content {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 560px;
	padding: 20px;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}


.hidden {
	display: none !important;
}

.text-align-right {
	display: flex;
	justify-content: flex-end;
}

.EasyMDEContainer {
	width: 800px;
}

.EasyMDEContainer.smallEditor {
	height: 100px !important;
}

.EasyMDEContainer.smallEditor .CodeMirror {
	height: 70px !important;
}

.EasyMDEContainer.smallEditorHalf {
	width: 350px;
	height: 100px !important;
}

.EasyMDEContainer.smallEditorHalf .CodeMirror {
	height: 70px !important;
}

.field-validation-error {
	color: red;
}