/*Write your custom css in this file.*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/*Write your custom css in this file.*/

/*PAGE TITLE STYLE*/
h1,
h2,
h3 {
    margin-top: 10px;
    font-family: poppins;
}

.page-title h1 {
    font-weight: 600;
}

h2 {
    font-weight: 600;
}

/*PAGE TITLE STYLE END*/



/*BACKGROUND COLOR CHANGE*/
div#page-content {
    background: #f6f7fb;

}

.bg-white {
    -webkit-box-shadow: 5px -2px 19px 2px rgba(145, 145, 145, 0.25);
    box-shadow: 5px 8px 37px -6px rgba(145, 145, 145, 0.15);
}

.box.b-t.bg-white {
    box-shadow: none;
}

.scrollable-page {
    background: #f6f7fb;
}

html,
body {
    background-color: #f6f7fb;
}

/*BACKGROUND COLOR CHANGE END*/



/*WIDGET ICON STYLE*/
.widget-icon {
    float: right;
    font-size: 30px;
    min-height: auto;
    opacity: 1;
    background: white;
    padding: 3px;
    border-radius: 100px;
    left: 50%;
    top: 50%;
    transform: translate(0%, 34%);
    color: #2d98ff;
    -webkit-box-shadow: 5px 9px 14px 5px rgba(0, 0, 0, 0.12);
    box-shadow: 5px 9px 14px 5px rgba(0, 0, 0, 0.12);
}

.widget-icon i {
    margin: 10px;
}

/*WIDGET ICON STYLE END*/



/*MAIN 04 WIDGET STYLE*/
.panel-coral {
    color: #fff;
    height: 120px;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    background: rgb(47, 128, 237);
    background: linear-gradient(148deg, rgba(47, 128, 237, 1) 0%, rgba(86, 204, 242, 1) 100%);
}

.panel-coral i {
    color: #3183ed;
}

.panel-sky {
    color: #fff;
    height: 120px;
    border: none;
    background: rgb(244, 134, 101);
    background: linear-gradient(148deg, rgba(244, 134, 101, 1) 0%, rgba(254, 162, 63, 1) 100%);
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
}

.panel-sky i {
    margin: 10px;
    color: #f58763;
}


.panel-success {
    color: #fff;
    height: 120px;
    border: none;
    background: rgb(154, 87, 255);
    background: linear-gradient(148deg, rgba(154, 87, 255, 1) 0%, rgba(215, 138, 254, 1) 100%);
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
}

.panel-success i {
    margin: 10px;
    color: #9d59ff;
}

.panel-primary {
    color: #fff;
    height: 120px;
    border: none;
    background: rgb(36, 189, 186);
    background: linear-gradient(148deg, rgba(36, 189, 186, 1) 0%, rgba(68, 231, 148, 1) 100%);
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
}

.panel-primary i {
    margin: 10px;
    color: #25bfb9;
}

/*MAIN 04 WIDGET STYLE END*/


.panel-heading.clearfix {
    border-radius: 10px 10px;
}


div#project-timeline-container {
    -webkit-box-shadow: 5px -2px 19px 2px rgba(145, 145, 145, 0.25);
    box-shadow: 5px 8px 37px -6px rgba(145, 145, 145, 0.15);
}

.panel {
    margin-bottom: 30px;
}



div#navbar {
    background: #fafbfc;
}


div#sidebar-scroll {
    background-color: #fff;
}

button#sidebar-toggle-md span {
    font-size: 20px;
    color: #054d7f;
}

button#sidebar-toggle-md {
    border-left: 1px #ececec solid;
    padding: 12px 22px;
    margin: 10px 0px;
}


li.hidden-xs.pl15.pr15.b-l {
    border: none;
    padding: 0;
}



.nav>li>a {
    position: relative;
    display: block;
    padding: 0px;
}

ul.nav.navbar-nav.navbar-left.inline-block li a {
    color: #054d7f;
    background-color: #e0f3ff;
    border-radius: 49px;
    padding: 5px;
    margin: 12px 7px;
}

ul.nav.navbar-nav.navbar-left.inline-block li a:hover {
    background-color: #11b9ff;
    color: #fff;
    zoom: 100%;
}

nav#default-navbar {
    height: 65px;
}

.navbar-header {
    background: #fff;
    height: 65px;
    width: 250px;
}

.navbar-left a i {
    margin: 5px;
    font-size: 20px;
}

.avatar-xs {
    width: 45px;
    height: auto;
}



li.dropdown.pr15.dropdown-user {
    /*background: white;*/
    margin: 12px 14px 12px 20px;
    padding-left: 30px;
    border-left: 1px #ececec solid;
}


span.topbar-user-name {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}

span.caret {
    color: #979596;
    zoom: 130%;
}



a.btn.btn-default {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 15px 8px 15px;
    background: #11b8fe;
    border: none;
    border-radius: 5px;
}

tr {
    font-size: 18px;
}

input[type="search"] {
    background: whitesmoke;
    border-radius: 50px;
    padding: 8px 15px 8px 15px;
    font-family: open sans;
    font-size: 14px;
    border: 1px solid #d0d0d0;
    font-weight: 600;
}

a.select2-choice {
    background: #e0e1e2 !important;
    border-radius: 5px !important;
    font-size: 14px;
    font-weight: 600;
}

.panel-coral i.fa.fa-sign-in {
    color: #3183ed;
}

.panel-heading {
    font-size: 13px;
    color: black !important;
}



.panel-body .text-off {
    opacity: 1;
    font-weight: 600;
    color: #868686;
}

.dropdown-toggle.clickable {
    background: #21baff;
    color: #fff;
}



.widget-details {
    text-align: left;
    position: absolute;
    padding-right: 15px;
    right: auto;
    margin-left: 13px;
    font-size: 16px;
    font-weight: 600;
}



button.btn.btn-default.dropdown-toggle {
    background: #979596 !important;
    border-radius: 5px;
    padding: 6px 20px 6px 20px;
    color: #fff !important;
    font-weight: 400;
    font-size: 15px;
}

button.btn.btn-default.dropdown-toggle .caret {
    color: #fff;
}

button.fc-prev-button.fc-button.fc-state-default.fc-corner-left {
    background: #e8e8e8 !important;
    border-radius: 33px !important;
    margin-right: 10px;
}

button.fc-next-button.fc-button.fc-state-default.fc-corner-right {
    background: #e8e8e8 !important;
    border-radius: 33px !important;
}

button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active {
    background: #65c15c !important;
    border-radius: 33px !important;
    margin-right: 10px;
    color: #fff;
    font-size: 15px;
}


button.fc-agendaWeek-button.fc-button.fc-state-default {
    background: #e8e8e8 !important;
    border-radius: 33px !important;
    margin-right: 10px;
    color: #000;
    font-size: 15px;
}

button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right {
    background: #e8e8e8 !important;
    border-radius: 33px !important;
    color: #000;
    font-size: 15px;
}

button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled {
    background: #596e7d !important;
    border-radius: 33px !important;
    color: #fff;
    font-size: 15px;
    opacity: 1;
}

#timeline .post-content>.post>.media {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 4px 6px 11px -5px rgba(185, 185, 185, 0.23);
}

.panel-coral .widget-details {
    padding-right: 80px;
    margin: 0px;
}


h4.pull-left {
    font-weight: 600;
    color: black;
    font-size: 20px;
}

a.dt-button.buttons-excel.buttons-html5 {
    background: #6d6d6d;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
}

a.dt-button.buttons-print {
    background: #65c15c;
    color: #fff;
    border-radius: 5px;
}

span#select2-chosen-4 {
    background: #e0e1e2;
    color: #000;
    border-radius: 5px;
}


.custom-toolbar .select2-container .select2-choice {
    background-color: #e0e1e2 !important;
}

th.text-center.w50.sorting_asc {
    background-color: #f3f3f3;
    color: #000;
    border-color: gainsboro;
}

th.text-center option .w100 sorting {}

.sorting {
    background-color: #f3f3f3;
    color: #000000;
    border-color: #e7e7e7 !important;
}

th.text-center.option.w100.sorting {
    background-color: #f3f3f3;
}

th.sorting_asc {
    background-color: #f3f3f3;
    color: #000;
    border-color: #e7e7e7 !important;
}

table.dataTable thead .sorting_desc {
    background-color: #f3f3f3;
    color: #000000;
    border-color: #e7e7e7;
}

td a {
    font-weight: 600;
}

.datepicker-custom-selector {
    background: #e0e1e2;
    border-color: #f2f4f6;
    color: #000;
    border-radius: 5px;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    background: #3b74ff !important;
    margin: 0 0 0 -1px;
    border: 1px solid #f2f2f2 !important;
    border-radius: 50px;
}


.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: #fff !important;
    background: #596e7d !important;
    box-shadow: none;
    border-radius: 50px;
    margin: 0px 5px 0px 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #11b8fe !important;
    color: #fff !important;
    border-color: #e2e4e7 !important;
    cursor: default;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
}

.fc-widget-header thead tr th {
    background: #3190ff;
    border: none;
    color: white;
    border-radius: 10px;
}


img.dashboard-image {
    height: auto;
    text-align: center;
    margin: 0 auto;
}

.navbar-brand {
    padding: 10px !important;
    width: 250px;
    margin-right: 0px;
    height: 65px;
}

.dropdown-user.open #user-dropdown-icon {
    color: #555;
    background-color: transparent !important;
}

div#js-dashboard-popup-list a {
    box-shadow: none;
    border-radius: 5px;
    background: #f4f5f7;
}



table.dataTable tbody tr {
    background-color: #2d99ff0f;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td,
table.dataTable.display tfoot th,
table.dataTable.display tfoot td {
    border: 1px solid #ececec;
    background-color: transparent;
}

.dataTable tbody tr:hover td {
    background: transparent !important;
}

.table-responsive {
    text-transform: capitalize;
}

.page-title {
    text-transform: capitalize;
}

.page-title.clearfix {
    border-radius: 10px;
}

span.month.focused {
    border-radius: 5px;
    background: #2d99ff !important;
    color: #fff;
}


.panel-info {
    color: #fff;
    border-radius: 5px;
    height: 120px;
    background: rgb(27, 144, 228);
    background: linear-gradient(148deg, rgba(27, 144, 228, 1) 0%, rgba(98, 232, 255, 1) 100%);
}

#timecard-clock-out {
    color: #0654b9 !important;
}

a#timecard-clock-out {
    background-color: white;
}

a#timecard-clock-out i {
    color: #fff !important;
}

#timecard-clock-out i.fa.fa-sign-out {
    color: #0654b9 !important;
}

button.navbar-toggle {
    background: #28a6ff;
    color: #fff;
}

button#sidebar-toggle {
    background: #23b685;
}

li.title-tab {
    font-family: poppins;
}

h4.pl15.pt5.pr15 {
    font-family: poppins;
    padding: 10px 15px 10px 15px !important;
    margin-right: 20px;
}

ul#payment-received-tabs li a {
    padding: 10px 15px 10px 15px;
    margin: 10px 5px;
    border-radius: 100px;
}

ul#income-vs-expenses-chart-tabs li a {
    padding: 10px 15px 10px 15px;
    margin: 10px 5px;
    border-radius: 100px;
}

#leaves-tabs li a {
    padding: 10px 15px 10px 15px;
    margin: 10px 5px;
    border-radius: 100px;
}

h4 {
    font-family: poppins;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #fea23f !important;
    margin: 0 0 0 -1px;
    border: 1px solid #f2f2f2 !important;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 600;
    margin: 0px 5px 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: #11b8fe !important;
    border: 1px solid #e2e7f1 !important;
    color: #ffffff !important;
    outline: none;
    box-shadow: none;
    font-weight: 600;
}

ul li a {
    font-family: open sans;
    font-weight: 600;
    font-size: 14px;
    color: black;
}

ul.dropdown-menu li a i {
    color: #3780ff;
}

ul.dropdown-menu li a {
    color: black !important;
    font-family: open sans;
    font-weight: 600;
}

.modal-content {
    border-radius: 5px;
    border: 0px;
}

.modal-header {
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    color: #fff;
    background-color: #10b9fe;
}

.modal-header button.close {
    background: #4852ff;
    opacity: 1;
    padding: 1px;
    border-radius: 5px;
}


.modal-header button.close span {
    margin: 0px 5px;
    color: #ffffff;
}

.modal-header button.close:hover {
    background: #ff0000;
    transition: 0.5s;
}

.form-group label {
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
}

.general-form .form-control {
    border-radius: 5px;
    border-color: #e0e0e0;
    background-color: #f5f5f5;
    box-shadow: none;
    transition: background 0.5s;
}

.general-form .form-control:focus,
.general-form .form-control.white:focus {
    border-color: #1b92cc;
    background-color: #ffffff;
    color: black;
}

.btn-primary {
    border: none;
    background-color: #11b8fe;
    border-radius: 5px;
    padding: 8px 15px;
}

.modal-footer button.btn.btn-primary {
    background: #2772cc;
    border-radius: 53px;
    padding: 8px 20px;
    margin-left: 10px;
}

.modal-footer button.btn.btn-primary:hover {
    background: #519a4a;
}

.modal-footer button.btn.btn-default {
    background: #8c8e90;
    border-radius: 53px;
    padding: 8px 20px;
    color: #fff;
}

.modal-footer button.btn.btn-default:hover {
    background: black;
}


.help-catagory.list-group .list-group-item {
    border: none !important;
    background: white;
    color: #4e5e6a;
    margin: 12px 0px;
    border-radius: 5px !important;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}


.help-catagory.list-group .list-group-item:hover,
.help-catagory.list-group .list-group-item.active {
    border: 0px !important;
    text-indent: 0px;
    background: rgb(45, 153, 255);
    color: #fff;
    transition: 0.3s;
}

.settings .settings-anchor {
    font-size: 17px;
    margin: 15px 0;
    cursor: pointer;
    font-family: raleway;
    color: #000000;
    font-weight: 600;
}

.dataTables_filter input:focus,
.datatable-search:focus,
.custom-filter-search:focus {
    border-color: #11b8fe;
    background-color: #ffffff;
    -webkit-box-shadow: 3px 2px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 2px 6px 0px rgba(0, 0, 0, 0.2);
}


ul#team-member-view-tabs li a {
    padding: 10px 15px 10px 15px;
    margin: 10px 5px;
    border-radius: 100px;
}

/*.bg-success.clearfix {*/
/*    background: url('../images/profile_bg.jpg');*/
/*}*/

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-family: poppins;
}

button#bgpdsfvecmixrib {
    color: white !important;
}


.box-content.message-button-list a {
    font-family: poppins;
    background: white !important;
    margin: 5px 0px;
}

.box-content.message-button-list a:hover {
    background: #01cdfb !important;
    transition: 0.4s;
    color: #fff !important;
}

button#form-next {
    border-radius: 50px;
    padding: 8px 20px;
}

.kanban-col-title {
    font-family: open sans;
    font-weight: 600;
    font-size: 14px;
}

.init-chat-icon {
    background: linear-gradient(79deg, rgba(0, 91, 255, 1) 0%, rgba(66, 225, 255, 1) 100%);
    color: #fff;
}

div#profile-image-section {
    color: black;
}

.user-cover {
    color: #fff;
    background: url(../images/profile_bg.jpg);
    background-color: #0770ad;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.user-cover .pull-left a {
    color: #fff !important;
    border-color: #fff;
}

.user-cover label.label.label-info.large {
    background: #ffffff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    color: #232526;
    -webkit-box-shadow: -1px 4px 12px -8px rgba(0, 0, 0, 0.54);
    box-shadow: -1px 4px 12px -8px rgba(0, 0, 0, 0.54);
}

.user-cover h4 {
    color: #fff !important;
    margin-left: 55px;
}

.user-cover p {
    color: #fff;
    font-size: 15px;
}

.user-cover span.text-off.uppercase {
    color: #fff;
}


.user-cover .file-upload {
    background: white;
    margin-left: 0px !important;
    border-radius: 50px;
}

.user-cover img#profile-image-preview {
    border: 3px white solid;
}

.user-cover .box.b-t {
    border-color: #ffffff6b;
}

.cover-widget .b-t,
.cover-widget .b-r {
    border-color: rgba(0, 0, 0, 0.1);
}

.user-cover .box-content.widget-container.b-r {
    border-color: #ffffff82;
}


.nav-tabs.title li a {
    padding: 10px 15px !important;
    margin: 10px 7px 10px 5px;
    background: #f4f5f9;
    border-radius: 5px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:active,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: none !important;
    color: #ffffff;
    background: #65c15c !important;
    border-radius: 5px;
}

.nav-tabs>li:not(.title-tab):after {
    background-color: transparent;
}

.nav-tabs>li>a:hover {
    background: #65c15c !important;
    color: #ffffff;
    transition: 0.4s;
}


ul#client-tabs li a {
    padding: 10px 15px !important;
    margin: 10px 7px 10px 5px;
    background: #f4f5f9;
    border-radius: 5px;
}

ul#client-tabs {
    background: #efefef;
}




ul#client-contact-tabs li a {
    padding: 10px 15px !important;
    margin: 10px 7px 10px 5px;
    background: #f4f5f9;
    border-radius: 5px;
}

ul#client-contact-tabs {
    background: #efefef;
}





ul#team-member-view-tabs li a {
    padding: 10px 15px !important;
    margin: 10px 7px 10px 5px;
    background: #f4f5f9;
    border-radius: 5px;
}

ul#team-member-view-tabs {
    background: #efefef;
}

.nav-tabs li a {
    padding: 10px 15px !important;
    margin: 10px 7px 10px 5px;
    background: #eff0f5;
    border-radius: 5px !important;
}

#timeline .post-content .post-date span {
    background: #fea23f;
}


.even td {
    background: #f6f7fb !important;
}

.odd td {
    background: white !important;
}

.panel-coral a.btn.btn-default.no-border {
    background: white;
    color: #3184ee;
}

button.btn.btn-default.btn-sm.active.mr-1 {
    padding: 9px 18px;
}

.btn.active,
.btn.active:focus {
    box-shadow: none;
    background: #f1f1f5 !important;
    cursor: default;
    outline: none;
    color: #868686 !important;
}

.upload-file-button {
    background: #fea23f !important;
    color: #fff !important;
}

ul#project-tabs {
    background-color: white;
}



/*TOP-BAR RIGHT ICON STYLE*/

.navbar-right i {
    font-size: 20px;
    text-align: center;
    height: 15px !important;
    margin: 5px;
}

.navbar-right li .dropdown-menu li {
    background: #fff;
}

#quick-add-icon,
#global-search-btn {
    background-color: #dcfcff;
    padding: 10px;
    border-radius: 50px;
    margin: 7px 7px;
    color: #0099d4;
}

#quick-add-icon:hover {
    background-color: #b6eff5;
    transition: 0.2s;
}

#personal-language-icon {
    background-color: #fdf1f1;
    padding: 10px;
    border-radius: 50px;
    margin: 7px 7px;
    color: #ff6d7a;
}

#personal-language-icon:hover {
    background-color: #f5d9d9;
    transition: 0.2s;
}

#web-notification-icon {
    background-color: #e9f9ff;
    padding: 10px;
    border-radius: 50px;
    margin: 7px 7px;
    color: #01cdfb;
}

#web-notification-icon:hover {
    background-color: #d0f1dc;
    transition: 0.2s;
}


#message-notification-icon {
    background-color: #e6f9ed;
    padding: 10px;
    border-radius: 50px;
    margin: 7px 7px;
    color: #06bf9d;
}

#message-notification-icon:hover {
    background-color: #d0f1dc;
    transition: 0.2s;
}


.navbar-nav>.open>a,
.navbar-nav>.open>a:hover,
.navbar-nav>.open>a:focus {
    background-color: #cbf7e9 !important;
    color: #009061 !important;
}


/*FA ICON*/
.fa-bell-o:before {
    content: "\f0f3";
}

.fa-envelope-o:before {
    content: "\f0e0";
}

.fa-arrows-alt:before {
    content: "\f053";
}

.fa-indent:before {
    content: "\f054" !important;
}

.fa-circle:before {
    content: "\f105";
}

/*FA ICON CLOSE*/

span.topbar-user-name {
    margin-top: 7px;
    display: inline-block;
    margin-left: 5px;
}


/*SLIDEBAR SCROLL*/
::-webkit-scrollbar-thumb {
    background: rgb(241, 241, 241);
    border-radius: 50px;
}

::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
}

div#page-container {
    margin-left: 22px;
    display: block;
}

/*SLIDEBAR SCROLL END*/





/*SIDEBAR*/

#sidebar {
    width: 250px;
    box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.12);
}

#sidebar-menu {
    margin-top: 10px;
}

#sidebar-menu li i {
    font-size: 1.5rem !important;
    color: #054d7f;
}

#sidebar-menu li a i {
    width: 20px;
}

#sidebar-menu li a {
    color: #4e4e4e;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 300;
    margin: 3px 15px;
    border-radius: 5px;
}

#sidebar-menu li a:hover {
    background-color: #e0f3ff;
    color: #000;
}

.collapsed #sidebar-menu>li>a {
    position: relative;
    margin: 2px 0px;
}

#sidebar-menu>li.active>a {
    background-color: #e0f3ff;
    font-weight: 600;
}

#sidebar-menu li:hover {
    background-color: transparent;
}

#sidebar-menu>li.active>a {
    border: none;
    color: #000;
}

#sidebar-menu li ul>li>a {
    background-color: transparent;
    padding-left: 40px;
}

#sidebar-menu>li>ul>li>a:hover {
    background-color: #e0f3ff;
    color: #000000 !important;
}

#sidebar-menu .dot {
    font-size: 15px !important;
    margin-right: 0px !important;
}

#sidebar-menu>li.active>ul li a {
    font-weight: 600;
}

#sidebar-menu .devider {
    border: none;
}

/*SIDEBAR END*/




#content {
    margin-top: 65px;
    background-color: #f6f7fb;
}

.navbar-default {
    background-color: #fff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-bottom: 0;
    margin: 0px;
}

.navbar-left li:hover .dropdown-toggle i {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}












#sidebar {
    background: #ffffff;
}

.widget-container {
    transition: all 0.3s ease;
}

.widget-container:hover {
    transform: scale(1.02);
}


.panel-info,
.panel-sky,
.panel-success,
.panel-primary,
.panel-ashe,
.panel-coral,
.panel-orange,
.panel-ashs {
    background: #ECE9E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #FFFFFF, #ECE9E6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #FFFFFF, #ECE9E6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: black !important;
    min-height: 120px !important;
    border-radius: 5px !important;

    text-align: left;
    padding-right: 15px;
    right: auto;
    font-size: 16px;
    font-weight: 600;
}

.white-link,
.white-link:hover {
    color: #000;
}

.widget-icon i {
    transition: all 0.5s ease;
}

.widget-icon:hover i {
    transform: rotate(360deg);
}

div#page-container {
    margin-left: 0px;
}

body {
    zoom: 0.9;
    padding-bottom: 100px;
}


.panel-heading {
    background: #ECE9E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #FFFFFF, #ECE9E6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #FFFFFF, #ECE9E6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: black !important;
}




.scrollable-page {
    height: auto !important;
    overflow-y: auto !important;
    padding-bottom: 30px;
}



@media (max-width: 767px) {
    #sidebar {
        width: 0px;
    }

    .navbar-header {
        width: auto;
    }

    .navbar-right {
        zoom: 0.9;
    }

    li.dropdown.pr15.dropdown-user {
        top: -10px;
    }

    div#page-container {
        margin-left: 0px;
    }

    body {
        zoom: 0.8;
    }
}


.make_me_happy td {
    background-color: #a2d7ff !important;
    background: #a2d7ff !important;
}

.tooltip {
    z-index: 9999 !important;
}

.popover-content {
    max-height: 500px;
    overflow: scroll;
}

.stamp_hidden {
    display: none;
}

/*FOR FULL DOCUMENT VIEW*/
@media print {

    body,
    html,
    #page-container,
    .scrollable-page,
    .ps,
    .panel {
        height: auto !important;
        width: 100% !important;
        display: block;
        overflow: hidden;
    }

    #content {
        margin-top: 0px;
    }

    .stamp_hidden {
        display: block;
    }
}

/*END CSS FOR FULL DOCUMENT PRINTING*/




/*.mydataTable thead, .mydataTable tbody{
display: block;
}
.mydataTable thead tr{
width:100%;
display:block;
}
.mydataTable tbody {
height: 200px;
overflow-y: auto;
overflow-x: hidden;
}*/


.dataTable {
    border-collapse: separate;
}

.dataTable thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: white;
}


.dataTable tbody th {
    position: relative;
}

.table-responsive {
    overflow-x: unset !important;
}

.scrollable-page {
    overflow-x: unset !important;
    overflow-y: unset !important;
}

.ps {
    overflow-x: unset !important;
    overflow-y: unset !important;
}

.card {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
}

.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.card .card-statistic-3 .card-icon-large .fas,
.card .card-statistic-3 .card-icon-large .far,
.card .card-statistic-3 .card-icon-large .fab,
.card .card-statistic-3 .card-icon-large .fal {
    font-size: 110px;
}

.card .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}