/*Write your custom css in this file.*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap');
@import url('../icons/linearicons/style.css');

@font-face {
    font-family: 'Sofia Pro';
    src: url('custom_fonts/SofiaPro-Medium.eot');
    src: url('custom_fonts/SofiaPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('custom_fonts/SofiaPro-Medium.woff2') format('woff2'),
        url('custom_fonts/SofiaPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sofia Pro';
    src: url('custom_fonts/SofiaPro-Italic.eot');
    src: url('custom_fonts/SofiaPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('custom_fonts/SofiaPro-Italic.woff2') format('woff2'),
        url('custom_fonts/SofiaPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Sofia Pro';
    src: url('custom_fonts/SofiaPro-Bold.eot');
    src: url('custom_fonts/SofiaPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('custom_fonts/SofiaPro-Bold.woff2') format('woff2'),
        url('custom_fonts/SofiaPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sofia Pro';
    src: url('custom_fonts/SofiaPro-MediumItalic.eot');
    src: url('custom_fonts/SofiaPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('custom_fonts/SofiaPro-MediumItalic.woff2') format('woff2'),
        url('custom_fonts/SofiaPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Sofia Pro';
    src: url('custom_fonts/SofiaProRegular.eot');
    src: url('custom_fonts/SofiaProRegular.eot?#iefix') format('embedded-opentype'),
        url('custom_fonts/SofiaProRegular.woff2') format('woff2'),
        url('custom_fonts/SofiaProRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sofia Pro';
    src: url('custom_fonts/SofiaPro-SemiBold.eot');
    src: url('custom_fonts/SofiaPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('custom_fonts/SofiaPro-SemiBold.woff2') format('woff2'),
        url('custom_fonts/SofiaPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sofia Pro';
    src: url('custom_fonts/SofiaPro-SemiBoldItalic.eot');
    src: url('custom_fonts/SofiaPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('custom_fonts/SofiaPro-SemiBoldItalic.woff2') format('woff2'),
        url('custom_fonts/SofiaPro-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Sofia Pro', 'Arial', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #5a6167;
    background: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6,
.panel-heading,
#sidebar-menu li a,
.nav-tabs>li>a,
#navbar .dropdown-menu>li>a,
.kanban-col-title {
	
}

#sidebar {
	width: 250px;
	background: url('../custom_images/office_bgr_1.jpg') bottom center no-repeat;
	background: none;
}

#sidebar-menu li a {
    font-size: 15px;
    font-weight: 500;
    padding: 12px 35px;
    color: #8498b3;
}

#sidebar-menu li a i {
    min-width: 27px;
    font-size: 20px;
    top: 3px;
}

#sidebar-menu li.expand > a:before {
    font-size: 16px;
}

#sidebar-menu li ul > li > a {
    font-size: 13px;
    padding: 10px;
    padding-left: 40px;
    background: none;
}

.signin-box img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#sidebar-menu .devider {
    border-bottom: 1px solid #d3d7de;
}

#sidebar-menu li a:hover,
#sidebar-menu > li.active > a,
#sidebar-menu > li > ul > li > a:hover {
    color: #000000;
    border-left: none;
    background: none;
}

#sidebar-menu li:hover {
    background: none;
}

#sidebar-menu .dot {
    margin-right: 23px;
    min-width: 10px;
}

#event-calendar .fc-day-grid-event {
    border-radius: 20px !important;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .25px;
    /* text-transform: uppercase; */
}

#event-calendar .fc-day-grid-event i {
    display: none;
}

.fc-toolbar h2 {
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
}

.fc-toolbar button {
    font-size: 16px;
    font-weight: 300;
    color: #7b818a;
}

.page-title .btn i {
    margin-right: 8px;
}

.page-title .btn {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8b939e;
    border-radius: 20px;
}

.modal-title {
    font-weight: 700;
    color: #8b939e;
    text-transform: capitalize;
}

.btn {
	border-radius: 20px;
}

.datatable-export a {
    margin: 0 5px;
}

.btn:not(.file-upload),
.datatable-export a,
.select2-container .select2-choice {
    height: auto;
    font-size: 12px;
    font-weight: 500;
    line-height: inherit;
    letter-spacing: .5px;
    padding: 8px 20px;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 5px;
    color: #808ea0;
    border-color: #808ea0 !important;
}

.select2-container .select2-choice,
.dataTables_filter input,
.datatable-search,
.custom-filter-search {
    border-color: #808ea0 !important;
}

.btn-default:hover {
    background: #eef3fb;
}

.select2-container .select2-choice {
    font-family: inherit;
}

.btn i,
.btn span.fa {
    margin-right: 5px;
    font-size: 1.2em;
}

.btn.btn-primary,
.btn.btn-info,
.btn.btn-success,
.btn.btn-danger,
.btn.btn-transparent {
    color: #fff;
    border-color: #fff;
}

.file-upload .btn {
    color: inherit;
    font-weight: 400;
    letter-spacing: normal;
    border: none;
    padding: inherit;
    border-radius: 0;
}

.btn.border-circle {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
}

.btn.border-circle i {
    margin: 0;
}

.select2-choice>span:first-child,
.select2-chosen,
.select2-container .select2-choices .select2-search-field input {
    padding: 0;
}

.dataTables_filter input,
.datatable-search,
.custom-filter-search {
    border-radius: 20px;
    font-size: 14px;
    font-weight: 300;
    background-position-x: 92%;
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: 600;
}

.dropdown-menu>li>a i {
    margin-right: 10px;
}

.modal .select2-container .select2-choice {
    border-radius: 0;
}

.modal .select2-container.select2-container-multi.form-control {
    padding: inherit;
    font: inherit;
}

#page-content #project-tabs {
    background: #fff;
}

.nav-tabs>li {
    border: none;
}

.nav-tabs>li>a {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 20px 20px;
    border: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:active,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #5e6a7b;
    background: #eef4fd;
    border-bottom: none;
    border-radius: 0;
    margin-bottom: 1px;
    outline: none;
    box-shadow: none;
}

.nav-tabs>li:hover>a {
    color: #5e6a7b;
    background: #eef4fd;
}

.nav-tabs>li:not(.title-tab):after {
    height: 100%;
    background: #eef4fd;
    z-index: 0;
}

.panel-default>.panel-heading {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .25px;
    text-transform: uppercase;
    color: #020202;
    padding: 0 0 25px;
    border: none;
}

.panel-default>.panel-heading > i {
    margin-right: 8px;
    /* opacity: .5; */
    display: none;
}

#upcoming-event-container .mb20 a {
    font-weight: 500;
}

#upcoming-event-container .mb20 a i {
    margin-right: 8px;
}

table.dataTable tbody th, table.dataTable tbody td {
    font-size: 15px;
    padding: 14px 10px;
}

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: none;
}

table.dataTable tbody th a, table.dataTable tbody td a {
    font-weight: 500;
}

table.dataTable thead th {
    border: none;
    border-bottom: 1px solid #edefee;
    font-weight: 300;
    color: #999;
}

table.dataTable {
    margin: 20px 0;
}

.datatable-tools {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;
}

.widget-container .panel.panel-primary,
.widget-container .panel.panel-success,
.widget-container .panel.panel-sky {
    background: transparent;
}

.widget-container .panel .white-link,
.widget-container .panel .white-link:hover {
    color: #5e6a7b;
}

.widget-container .panel-body {
    /* padding: 25px; */
}

#page-container .panel {
    padding: 25px;
    border: 1px dashed #b8c2d0 !important;
    height: auto !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: none;
    margin: 0 0 25px;
}

#page-container .panel .panel {
    border: none !important;
}

.panel table.dataTable.display {
    border-collapse: separate;
    border-spacing: 0 15px;
}

.panel table.dataTable.display tbody tr td {
    background: #eef4fd;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

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

table.dataTable thead th:first-child, table.dataTable tbody td:first-child {
    padding-left: 20px;
}

.panel table.dataTable td .progress {
	background: #fff;
}

.panel table.dataTable .checkbox-blank,
.panel table.dataTable .checkbox-checked {
	border-radius: 100%;
    width: 24px;
    height: 24px;
    float: none;
    vertical-align: middle;
}

.panel table.dataTable .checkbox-blank {
    background: #fff;
    border: 1px solid #5e6a7b;
}

.panel table.dataTable .checkbox-checked {
    background: url(../custom_images/checked.svg) no-repeat center center;
}

.widget-details {
    right: 25px;
}

.widget-icon {
    font-size: 45px;
    min-height: 45px;
    opacity: 1;
}

.widget-details h1 {
    margin: 0;
}

#project-timeline-container a {
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid rgb(0 0 0 / 0.15);
}

#project-timeline-container span.label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    padding: 6px 10px;
    margin-right: 8px;
}

.page-title {
    margin-bottom: 25px;
    border: none;
    background: none;
}

.page-title h1 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .5px;
    padding-left: 0;
    padding-top: 0;
    color: #000;
}

.page-title h1 > i {
    display: none;
}

.navbar-default {
    box-shadow: none;
    background: #ecf0f5;
}

#navbar ul.navbar-left {
    display: none;
}

#navbar .dropdown-menu>li>a {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
}

#navbar .dropdown-menu>li>a i {
    min-width: 18px;
}

#navbar .notificatio-plate-title-area {
    padding: 15px;
}

#navbar .notificatio-plate-title-area a {
    font-weight: 500;
}

#navbar .list-group-item {
    padding: 15px;
}
.navbar-right .dropdown-menu {
    min-width: 200px;
    border-radius: 0 !important;
}

#navbar #user-dropdown-icon {
    min-width: 200px;
}

.datepicker-custom-list .list-group-item,
.select2-results .select2-result-label {
    font-size: 14px;
    color: #5e6a7b;
    padding: 6px 15px;
}

.datepicker-custom-list .list-group-item:hover,
.datepicker-custom-list .list-group-item.active,
.select2-results .select2-highlighted  .select2-result-label,
.select2-results .select2-result-label:hover {
    background: #eff2f7;
}

.kanban-container {
    background: none;
    margin: 0 -15px;
}

.kanban-col {
    width: 350px;
}

.kanban-item-list .kanban-item {
    position: relative;
    padding: 20px;
    padding-right: 50px;
    font-size: 14px;
    cursor: grab;
    color: #5e6a7b;
    border: 1px dashed #a4afbf;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
}

.kanban-item-list .kanban-item:hover {
    border: 1px solid #5e6a7b;
}

.kanban-item-list .kanban-item .avatar img {
    width: 30px;
    height: 30px;
    margin-right: 0;
}

.kanban-item-list .kanban-item .avatar {
    float: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.kanban-col-title {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.projects-row a {
    font-weight: 500;
}

#notificaion-popup-list .list-group-item .media {
    line-height: 1.5em;
    max-height: 6em;
}

.panel, .widget, .post-dropzone, .dropdown-menu, .left-menu-item, .add-column-drop, .rise-chat-wrapper, .todo-input-box input, .notepad, .project_and_clock_status_widget, .kanban-item, .kanban-col-title, .general-form .form-control, .invoice-preview-container, .select2-container .select2-choice,
.select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input .custom-toolbar .select2-container .select2-choice, .datepicker-custom-selector, .dataTables_filter input, .datatable-search, .custom-filter-search, .help-category-box:hover, #help-search-box,
#widget-container-area .bg-white, #timeline .post-content>.post> .media, #help-page-content .list-group-item, .panel-heading {
    border-radius: 5px !important;
}

.text-off {
	opacity: 1;
}

.bg-white,
.bg-white > .row {
    background: transparent !important;
}

.tab-title {
    border-bottom: none;
    margin: 0;
}

.panel .label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
}

#page-content .nav-tabs:not(.settings) {
    border: 1px dashed #b8c2d0;
    border-radius: 5px;
    margin-bottom: 25px;
}

.nav-tabs .title-tab h4 {
    font-size: 16px;
    font-weight: 800;
    /* text-transform: uppercase; */
    padding: 0 !important;
    margin: 21px;
    margin-right: 40px;
    color: #000;
}

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