* {
  font-weight: 500 !important;
}

body{
    background-color: #dddddd !important;
}



/* Top Header */
.navbar{
    background-color: #898989 !important;
    height: 60px;
}

.page-head-content {
    background-color: #bbbbbb !important;
    height: 45px !important;
}


.page-container {
    background-color: #dddddd;
}


.desk-sidebar-item {
    border-radius: 0px !important;
    border:1px solid #838383;
    background-color: #c8c8c8;
    font-size: 1.rem !important;
}

.widget-body> a {
    border-radius: 0px !important;
    border:1px solid #838383;
    margin-bottom: 3px !important;
    background-color: #d1d1d1;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
}

.links-widget-box {
    border-radius: 0px !important;
    border:1px solid #838383;
    margin-bottom: 3px !important;
    background-color: #e8e8e8;
}


.shortcut-widget-box {
    border-radius: 0px !important;
    border:1px solid #838383;
    padding: 6px !important;
    background-color: #e0e0e0;
}

.widget-body> a:hover {
    border-radius: 0px !important;
    border: 1px solid #000;
    background-color: #c9c9c9;
    
}

.tab-content {
    border-radius: 0px !important;
    border:1px solid #838383;
    margin-bottom: 3px !important;
    background-color: #cccccc !important;
}

.indicator-pill {
    border-radius: 0px !important;
    height: 25px !important;
    font-weight: 800 !important;
    font-size: 0.9rem !important;
    margin-top: 0px !omportant;
}

.page-form {
    border-radius: 0px !important;
    margin-bottom: 3px !important;
    background-color: #898989 !important;
}

input {
    border-radius: 0px !important;
    border:1px solid #838383;
}

.list-row {
    border-radius: 0px !important;
    border:1px solid #838383;
    background-color: #e0e0e0;
    margin-bottom: 2px !important;
}

.list-row-border {
    display: none;
}

.list-row-head {
    border-radius: 0px !important;
    border:1px solid #838383;
    background-color: #d8d8d8;
    
}

.layout-main-section {
    border-radius: 0px !important;
}

.form-tabs-list {
    border-radius: 0px !important;
    border:1px solid #838383;
    background-color: #e0e0e0;
    margin-bottom: 2px !important;
}

.form-page {
    border-radius: 0px !important;
}

.nav-link {
    background-color: #d0d0d0 !important;
    padding: 3px  !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
    margin: 5px  !important;
    border:1px solid #838383 !important;
}

.control-value, .control-input, .input-xs, .btn {
    border-radius: 0px !important;
    border:1px solid #838383;
    background-color: #ffffff;
}

ul {
    border-radius: 0px !important;
}

ul > div, .datepicker {
    border-radius: 0px !important;
}

.spacer {
    display: none;
}

.ce-block__content {
    border-radius: 0px !important;
   
}


.modal-dialog {
     padding-top: 15% !important;
}
.modal-content {
    border-radius: 0px !important;
}

.modal-header{
    border-radius: 0px !important;
    padding: 0px !important;
    padding-left: 10px !important;
    background-color: #898989 !important;
}

.modal-actions{
    top: 3px !important;
    height: fit-content;
}

.modal-actions > .btn{
    padding: 4px !important;
    background-color: #d0d0d0 !important;
    height: 25px;
    display: flex;
    justify-content:center;
}

.modal-body {
    border-radius: 0px !important;
    padding: 5px !important;
    padding-left: 10px !important;
    background-color: #e3e3e3 !important;
    min-height: 60px;
}

.modal-footer {
    border-radius: 0px !important;
    padding: 3px !important;
    padding-right: 10px !important;
    background-color: #e3e3e3 !important;
}

.modal-backdrop {
    background-color: #93000069 !important;
}



.form-message {
     margin-bottom: 0px  !important;
    border-radius: 0px !important;
    border:1px solid #838383;
    background-color: #e97e7e !important;
    color: #ffffff !important;
    font-size: 1.1rem;
}