:root {
--primary: #0c2340;
--delonghiblue: #0c2340;
--delonghigold: #D4B96D;
--okgreen: #00a13a;
--warningred: #a4173d;
}

body {
font-family: 'Montserrat', Arial, sans-serif;
font-size: 15px;
color: rgb(32, 32, 31);
 }

a {
  color: #20201f;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 20px;
  display: inline-block;
}

footer > a:hover {
  border-bottom: 2px solid var(--delonghigold);
  border: 3px;
  color: #111110;
  text-decoration: none;
  padding-bottom: 2px;
  transition: width .3s;
}


.logo {
max-width: 92vw;
width: 400px;
text-align: center;}

/* Login & Registration Page */
body.login-page > div.c-app {
background-color: var(--delonghiblue);}

.login-background  {
background-color: rgb(104, 104, 104);
}



/* Agent Portal */
.bg-dark {
background-color: var(--delonghiblue) !important;
color: white;
}

.navbar-dark .navbar-nav .nav-link {
color: white;
}

ul.navbar-nav {
padding: 0 10px;
}

#profile_menu {
border-left: 2px solid #ffffff;
}


/* Cards */
.card {
border: 1px solid var(--delonghiblue);
border-radius: 0px;
text-align: left;
}

.card-header {
background-color: var(--delonghiblue);
color: white;
font-weight: 600;
text-transform: uppercase;
border-radius: 0px !important;
}


input#invoice_no, input#transaction_date{
display: inline-block;
max-width: 500px;}




/* Forms */
.form-group {
margin-bottom: 0.5rem;
}

.form-control, .input-group-text, .select2-container--default .select2-selection--single {
border-radius: 0px;
border-color: var(--delonghigold);
color: var(--delonghiblue);
}

.input-group-text {
background-color: var(--delonghigold);
}

.input-group-text > i {
color: white;}

.form-control:focus, .btn-primary:not(:disabled):not(.disabled):active {
  box-shadow: 1px 1px .2rem rgba(12,35,64,.25);
}

input.textarea {
height: 50px;}

div.form-group > Label {
width: 45%;
min-width: 170px;
max-width: 250px;
margin: auto 0;}

label > Span {
margin-left: 200px}

.form-group > input, .form-group > textarea, .form-group > select, .form-group > span.select2-container {
  display: inline-block;
  max-width: 500px;
  width: 58%;
}

.dropzone {
border: 1px solid var(--delonghigold);
display: inline-block;
width: 100%;
max-width: 500px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  min-height: 35px;
  line-height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 35px;}

.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px;
}

/* Admin Portal */
.fica-file:not(:last-child) {
  margin-right: 5px;
  border-right: 2px solid black;
  padding-right: 5px;
}


@media screen and (min-width:500px){
.help-block {margin-left: 280px; display: block; width: 100%;}
}
.help-block .recaptcha {margin-left: 0px;}


@media screen and (max-width:450px){

div.form-group > Label, .form-group > input, .form-group > textarea, .form-group > select, .form-group > span.select2-container {
width: 100%;
}

input#invoice_no, input#transaction_date {
  display: inline-block;
  max-width: 400px;
  min-width: 165px;
  width: 58%;}
}

span.[id^=error] {
display: block;
width: 100%;
text-align: left;
margin-left: 50px;
}



/* Footer */
.footer {
margin: 20px;
text-align:center;
line-height: 2em;
}


/* Admin Panel Navigation */
.c-sidebar {
background: var(--delonghiblue);}

.c-sidebar .c-sidebar-nav-dropdown-toggle:hover, .c-sidebar .c-sidebar-nav-link:hover, .c-sidebar .c-sidebar-nav-dropdown.c-show .c-sidebar-nav-dropdown-toggle {
background-color: var(--delonghigold);
color:  var(--delonghiblue);
}

.c-sidebar-nav-link:hover .c-sidebar-nav-icon {
color:  var(--delonghiblue);
}

ul.c-sidebar-nav-dropdown-items > .c-sidebar-nav-item {
background-color: color-mix(in srgb, var(--delonghigold) 70%, transparent);
}


html:not([dir="rtl"])
.c-sidebar-nav-dropdown-toggle badge {
margin-right: 0}

.badge {
font-size: 100%;
height: 1.1rem}


html:not([dir="rtl"]) .c-sidebar:not(.c-sidebar-right) {
  margin-left: -285px;
}

.c-sidebar {
width: 285px;}

.c-sidebar-nav-icon {
  -ms-flex: 0 0 45px;
  flex: 0 0 45px;
}




@media screen and (min-width: 992px) {
html:not([dir=rtl]) .c-sidebar.c-sidebar-lg-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper {
  margin-left: 285px;
}}


/* General Components */
.btn {margin-right: 15px; margin-bottom: 10px; border-radius: 0px !important;}

.btn-primary, .btn-primary[type="submit"] {
background: white;
font-weight: 600;
letter-spacing: 1.5px;
border-color: var(--delonghigold);
color: var(--delonghigold);
border-radius: 0px;

}

.btn-primary:hover, .btn-primary[type="submit"]:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
background: var(--delonghigold);
border-color: var(--delonghigold);
color: white;
border-radius: 0px;
}

.btn-link{
color: var(--delonghiblue);}



/* Other Changes */

.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

table.dataTable tbody td.select-checkbox::before,
table.dataTable tbody td.select-checkbox::after,
table.dataTable tbody th.select-checkbox::before,
table.dataTable tbody th.select-checkbox::after {
    top: 50%;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
    margin-top: .2rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

.select2 {
    max-width: 100%;
    width: 100% !important;
}

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
    display: block !important;
}

.btn-info,
.badge-info {
    color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.sidebar .nav-item {
    cursor: pointer;
}

.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}

.c-sidebar-brand .c-sidebar-brand-full:hover {
    color: inherit;
}

.custom-select.form-control-sm {
    padding: 0.25rem 1.5rem;
}