/*-----------------------------------------------
|   CTR v2 System custom styles
-----------------------------------------------*/

:root, :root.light, :root .light {
    --phoenix-primary:  #669933;
    --phoenix-primary-soft: #eefeff;
    --phoenix-primary-100: #c1d4d5;
    --phoenix-primary-200: #9ebdc0;
    --phoenix-primary-300: #49888d;
    --phoenix-primary-500: #045c62;
    --phoenix-primary-600: #044044;
    --phoenix-font-sans-serif: Arial, Helvetica, sans-serif;
    --phoenix-font-monospace: Arial, Helvetica, sans-serif;
    --phoenix-link-hover-color: #333333;
    --phoenix-link-color:  #669933;
    --phoenix-theme-wizard-active-color:  #669933;
}


body {
    font-family: Arial, Helvetica, sans-serif;
}

.content {
    padding-bottom: 7rem!important;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: 'Kumbh Sans', sans-serif;
}

input, button, select, optgroup, textarea, label, .alert, .badge, .blockquote-footer, .btn, .google-map-control-btn .zoomIn, .google-map-control-btn .zoomOut, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-dialog__footer .tox-button--secondary, .tox .tox-button-secondary, .tox .tox-button, [data-list] .page, .navbar, .pagination, .valid-feedback, .invalid-feedback {
    font-family: Arial, Helvetica, sans-serif;
}

a {
  color:  #0066CC;}

a:hover {
    color: #333333;
  }

.btn-primary, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-button {
    --phoenix-btn-color: #fff;
    --phoenix-btn-bg:  #669933;
    --phoenix-btn-border-color: transparent;
    --phoenix-btn-hover-color: #fff;
    --phoenix-btn-hover-bg: #0c69a3;
    --phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2);
    --phoenix-btn-focus-shadow-rgb: 255, 255, 255;
    --phoenix-btn-active-color: #fff;
    --phoenix-btn-active-bg: #0c69a3;
    --phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25);
    --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    --phoenix-btn-disabled-color: #fff;
    --phoenix-btn-disabled-bg: #008791;
    --phoenix-btn-disabled-border-color: transparent;
}

.btn-phoenix-primary {
    --phoenix-btn-color:  #669933;
    --phoenix-btn-bg: #f5f7fa;
    --phoenix-btn-border-color: #e3e6ed;
    --phoenix-btn-hover-color:  #669933;
    --phoenix-btn-hover-bg: #e3e6ed;
    --phoenix-btn-hover-border-color: #e6e9ef;
    --phoenix-btn-focus-shadow-rgb: 201, 213, 240;
    --phoenix-btn-active-color:  #669933;
    --phoenix-btn-active-bg: #e3e6ed;
    --phoenix-btn-active-border-color: #e6e9ef;
    --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    --phoenix-btn-disabled-color: #000000;
    --phoenix-btn-disabled-bg: #f5f7fa;
    --phoenix-btn-disabled-border-color: #e3e6ed;
}

.btn-outline-primary {
    --phoenix-btn-color:  #669933;
    --phoenix-btn-border-color:  #669933;
    --phoenix-btn-hover-color: #fff;
    --phoenix-btn-hover-bg: #212121;
    --phoenix-btn-hover-border-color: #212121;
    --phoenix-btn-focus-shadow-rgb: 56, 116, 255;
    --phoenix-btn-active-color: #fff;
    --phoenix-btn-active-bg:  #669933;
    --phoenix-btn-active-border-color:  #669933;
    --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    --phoenix-btn-disabled-color:  #669933;
    --phoenix-btn-disabled-bg: transparent;
    --phoenix-btn-disabled-border-color:  #669933;
    --phoenix-gradient: none;
}

.btn-link {
    --phoenix-btn-color:  #669933;
    --phoenix-btn-hover-color: #212121;
}

.pagination {
    --phoenix-pagination-hover-color: #212121;
    --phoenix-pagination-active-bg:  #669933;
    --phoenix-pagination-active-border-color:  #669933;
}

[data-list] li.active .page {
    background-color:  #669933;
}

.avatar .avatar-name {
    position: absolute;
    text-align: center;
    color:  #ffffff;
    background-color: #0c69a3;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

/* Navigation custom design*/

.navbar-top {
    border-bottom: 0px;
    box-shadow: 1px 0 20px rgba(0,0,0,.08);
	border-top: 5px solid #0c69a3;
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 1020;
    padding: 0 1.5rem 0 1.5rem;
	font-size: 1.0rem;
}

.navbar .dropdown-menu.navbar-dropdown-caret:after {
    top: -13px;
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}


.navbar-nav {
    --phoenix-nav-link-hover-color: #0c69a3;
	--phoenix-navbar-active-color: #0c69a3;
}

/* Title for pages custom design*/

.titlebarctr {
	padding: 1rem !important;
}

/* Footer design*/

.footer {
    border-top: 0px;
    background-color: #0c69a3;
    background-image: linear-gradient(90deg,rgb(132,186,86) 0%,rgb(12,105,163) 100%);
}

/* TABS custom design*/

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--phoenix-gray-1100);
    background-color: rgb(255 255 255);
    border: var(--phoenix-border-width) var(--phoenix-border-style) var(--phoenix-border-color) !important;
    border-bottom: 0 !important;
}

.nav-tabs .nav-link, .nav-underline .nav-link {
    padding: 0.8rem 0.8rem!important;
    margin-bottom: -1px!important;
    font-weight: 700!important;
    font-size: 0.9rem!important;
}

/*Top padding and layout boddy*/

.toplayout {
	padding-top: calc(var(--navbar-full-height, 5rem) + 2rem);
	min-height: 100vh;
	padding-bottom: 7rem;
}

/* Select */

ng-select.is-invalid {
    border: #ed2000 solid 1px;
    border-radius: 4px;
}

/* Dropzone */

ngx-dropzone{
    height: 120px !important;
}
ngx-dropzone-preview{
    height: 90px !important;
    min-height: 90px !important;
    min-width: 100px !important;
    padding: 0 10px !important;
}
ngx-dropzone-label{
    overflow-wrap: anywhere !important;
}
ngx-dropzone.is-invalid {
    border-color: #ed2000 !important;
}
.form-control.is-invalid {
    padding-left: .5rem !important;
}

/* Security */

.hidden-by-security {
    display: none !important;
}

.form-floating>label.ngselect-label {
    padding: 0rem 0.4rem !important;
    opacity: .65 !important;
    color: var(--phoenix-gray-800);
}

.echart-container {
    height: 300px;
}

/* override styles when printing */
@media print {
    .d-print-page-begin {
        page-break-before: always !important;
    }

    .d-print-p-0 {
        padding: 0 !important;
    }

    .d-print-m-0 {
        padding: 0 !important;
    }

    .d-print-b-0 {
        border: none !important;
    }

    .echart-container {
        height: 250px !important;
        max-width: 650px !important;

        div:first-child {
            canvas {
                max-width: 650px !important;
            }
        }
    }

    .tab-content.border {
        border: none !important;
    }
  }