/* roboto-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

html, body {
    font-family: Roboto !important;
}

/* LOGIN */
.login-page {
    background-color: #dbe6d2;
}

.login-page .card-body {
    border-radius: 11px;
}

.login-page .text-muted {
    text-decoration: underline;
}

/* INPUT */
.form-control:focus, .form-control:focus ~ .input-group-append .input-group-text, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single, .select2-container--default .select2-dropdown .select2-search__field {
    border-color: #ffe07f !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #dc3545 !important;
    font-size: 1.8em;
}

/* BUTTONS */
.btn-primary, .btn-primary.disabled, .btn-success, .bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    font-weight: bold;
    background-color: #ffe07f !important;
    border-color: #ffe07f !important;
    color: #364d2c !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: rgba(255, 224, 127, 0.7) !important;
    border-color: rgba(255, 224, 127, 0.7) !important;
    color: #364d2c !important;
}

.btn-danger, .bootstrap-switch-danger {
    font-weight: bold;
    background-color: #364d2c !important;
    border-color: #364d2c !important;
    color: #ffffff !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-color: rgba(54, 77, 44, 0.7) !important;
    border-color: rgba(54, 77, 44, 0.7) !important;
    color: #ffffff !important;
}

/* SELECT */
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: rgba(255, 224, 127, 0.7) !important;
    border-color: rgba(255, 224, 127, 0.7) !important;
    color: #364d2c !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #dbe6d2 !important;
    color: #364d2c !important;
}

/* SIDEBAR */
[class*="sidebar-dark-"] {
    background-color: #364d2c;
    width: 250px;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #72826b;
}

#sidebar-pushmenu-button a {
    position: absolute;
    top: 37px;
    left: 15px;
    font-size: 1rem;
    color: #ffffff;
    z-index: 2;
}

.sidebar {
    height: calc(100vh - (3.5rem + 1px + 130px)) !important;
}

.user-panel {
    border-bottom: none !important;
    border-top: 1px solid #4f5962;
    position: relative;
    bottom: 0px;
}

.sidebar-open .user-panel {
    bottom: 100px;
}

.user-panel a {
    color: #ffffff;
    text-decoration: none;
}

.badge-secondary {
    background-color: #dbe6d2;
    color: #364d2c;
}

.info .text-muted {
    color: #ffffff !important;
}

/* CONTENT */
.content-wrapper {
    background-color: #dbe6d2;
}

.card {
    border-radius: 11px;
}

.card-outline .card-header {
    background-color: rgba(63, 85, 53, 0.06);
}

.content-header .header-button {
    position: absolute;
    top: 0px;
    right: 7.5px;
    text-align: right;
    z-index: 2;
}

@media (max-width: 576px) {
    .sidebar-closed .content-header h1 span:last-child {
        display: block;
        font-size: 0.9em;
    }
    /*.card-body {
        padding: 0 0 1.25rem 0;
    }*/
}

.content-header .header-instructions {
    margin: 0 1rem;
    padding: 0 1rem;
}

.modal-title {
    width: 100%;
    font-size: 28px;
}

.modal-header .float-right {
    min-width: 191px;
}

.attachment-block {
    border: solid 3px #ffe07f;
    border-radius: 6px;
    background-color: #ffffff;
}

.lead {
    font-weight: 400;
}

.bg-agro {
    background-color: #dbe6d2;
}

.bg-danger {
    background-color: #364d2c !important;
    color: #ffffff !important;
}

.bg-success {
    background-color: #ffe07f !important;
    color: #364d2c !important;
}

/* ALERT */
.alert-success, .alert-info, .alert-warning {
    background-color: #ffe07f !important;
    border-color: #364d2c !important;
    color: #364d2c !important;
}

.alert-danger {
    background-color: #364d2c !important;
    border-color: #ffe07f !important;
    color: #ffffff !important;
}

/* PERFECT SCROLL */
.scroll-container {
    position: relative;
    width: auto;
    max-height: calc(100vh - 75px - 3.5rem);
}

/* FORM VALIDATION */
.form-control.is-invalid, .was-validated .form-control:invalid,
.form-control.is-valid, .was-validated .form-control:valid {
    background: none;
}

select.form-control.is-invalid + .select2-container > span.selection > span.select2-selection,
select.form-control.is-invalid + .select2-container--focus > span.selection > span.select2-selection {
    border-color: #dc3545;
}

/* SELECT2 READ ONLY */
select[readonly] ~ .select2.select2-container .selection [role="combobox"] {
    background: #eee !important;
}

/* DATATABLES */
div.dataTables_wrapper {
    margin-top: -6px;
}
table.dataTable.nowrap td {
    white-space: normal;
}
table.dataTable tbody tr td {
    vertical-align: middle;
}
table.dataTable tbody tr td a {
    color: #364d2c;
    text-decoration: underline;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	cursor: pointer;
	font-size: 16px;
    content: '\f107';
    background-color: #ffe07f;
    color: #364d2c;
    border-radius: .25rem;
    box-shadow: none;
    border: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before {
	content: '\f106';
    background-color: #ffe07f;
    color: #364d2c;
}
div.dataTables_wrapper div.dataTables_info {
    padding-left: .85em;
}
@media (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_info {
        padding-left: 0;
    }
}