@import 'sidebar.css';
@import 'table.css';
@import 'ibox.css';
@import 'modal.css';

/*.ibox {
    border: 1px solid #e0e0e0;
    border-top: 10px solid #ffa42a;
    border-radius: 5px 5px 6px 6px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    background-color: #fff;
}*/
.container{
    max-width: 95% !important;
}
.footer {
    padding: 5px;
}

#embedContainer {
    width: 100%;
    height: 100%;
    /*background-color: white;*/
    padding: 0px;
    clear: both;
}

.desktop-view iframe, .mobile-view iframe {
    border: none;
}

.btn-primary.btn-outline {
    color: #FF0303;
}

.btn-primary {
    color: #fff;
    background-color: #ffa42a;
    border-color: #FF9A13;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus {
        background-color: #1c323f;
        border-color: #ffa42a;
        color: #FFFFFF;
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #fff;
        background-color: #ffa42a;
        border-color: #FF9A13;
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #ffa42a;
        border-color: #FF9A13;
    }


.ibox {
    height: calc(100vh - 160px);
    min-height: 250px;
}

.ibox-w-toolbox {
    height: calc(100vh - 178px);
    min-height: 250px;
}

.ibox-w-tab {
    height: calc(100vh - 178px);
    min-height: 250px;
}

.ibox-content {
    height: 100%;
}

.navbar-top-links {
    color: #646b71;
    margin-right: 26px;
}

.navbar-top-links button {
    opacity: .8;
    font-size: 10px;
    border-left: 1px solid #B3937A;
    height: 18px;
    padding: 0 0 0 8px;
    margin-left: 8px;
    border-radius: 0;
}

.navbar-top-links button:hover{
    color: inherit;
    opacity: .6;
}
/*
.k-button.k-primary {
    background-color: #646b71;
    border: 1px;
}

.k-button.k-primary:hover,
.k-button.k-primary:not(.disabled):active {
    opacity: .8;
    background-color: #646b71;
}*/

.k-list .k-item.k-state-selected, 
.k-list-optionlabel.k-state-selected {
    color: #fff;
    background-color: #646b71;
}

.k-list .k-item:hover.k-state-selected, 
.k-list .k-item.k-state-hover.k-state-selected, 
.k-list-optionlabel:hover.k-state-selected, 
.k-list-optionlabel.k-state-hover.k-state-selected{
    color: #fff;
    background-color: #646b71;
}

.badge-legend {
    color: #FFF;
    background-color: #646b71;
}

.badge-primary,
.label-primary{
    background-color: #27AE60
}

.toast-success {
    background-color: #27AE60;
}

.k-button{
    font-size: 1rem;
}

.k-input.k-input.k-input {
    font-size: 1rem;
}


/*Phil changes below - Danica review*/
.k-tabstrip {
    padding-top: 0px;
    padding-bottom: 0px;
}

.k-tabstrip > .k-content {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
    }

.tab-no-content {
    padding-bottom:0;
}

.k-textbox:focus, .k-textbox.k-state-focused, .k-textarea:focus, .k-textarea.k-state-focused, .k-input.k-textbox:focus,
.k-input.k-textbox.k-state-focused, .k-numerictextbox .k-numeric-wrap.k-state-focused, .k-combobox .k-dropdown-wrap.k-state-focused {
    border-color: #EC4C57;
    box-shadow: 0 0 0 0.2rem rgba(252, 181, 64, 0.5);
}

.k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-header-column-menu.k-state-active, .k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
    color: #fff;
    background-color: #EC4C57;
}

.k-text-selection ::selection, .k-widget ::selection, .k-block ::selection, .k-panel ::selection {
    background-color: #78B7E4;
    color: #fff;
}

.k-widget .k-dateinput .k-dateinput-wrap .k-input,
.k-widget .k-dateinput .k-picker-wrap .k-input,
.k-widget .k-datepicker .k-dateinput-wrap .k-input,
.k-widget .k-datepicker .k-picker-wrap .k-input,
.k-widget .k-datetimepicker .k-dateinput-wrap .k-input,
.k-widget .k-datetimepicker .k-picker-wrap .k-input,
.k-widget .k-timepicker .k-dateinput-wrap .k-input,
.k-widget .k-timepicker .k-picker-wrap .k-input,
.k-widget .k-numerictextbox .k-numeric-wrap .k-input {
    font-size: 1rem;
}

.k-grid th, .k-grid td {
    padding: 0.75rem 0.5rem;
}

:root {
    font-size: 12px;
}

body {
    font-size: 1rem;
}