:root {
    --primary: #003366;
    --secondary: #FF9933;
    --tertiary: #336666;
    --theme-red: #993300;
    --theme-grey: #cccccccc;
    --page-background: #f3f3f3;
}

/*common classes*/
.k-panel {
    padding: 10px;
    border: none;
    max-width: fit-content;
}

.center {
    margin: auto;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.button-meta .button-meta-icon::before {
    content: "\e013";
 
}
.k-i-chevron-down::before {
    content: "\e015";
}
.k-alt.k-bg-warning {
    background-color: rgba(255, 204, 102, 0.6) !important;
}
.mh97 {
    max-height: 97%;
    height: inherit;
}
.mw-140-grid{
    width:fit-content;
    max-width:140vh;
}
.mv-150-grid{
    width:100%;
    max-width:150vh;
}

/*
    ###### Icons ######
*/
.addUserIcon {
    background: url('../../icons/person-add.svg') no-repeat;
    background-size: contain;
}

.UserGearIcon {
    background: url('../../icons/person-gear.svg') no-repeat;
}
.add-file-error-icon{
    font-size:23px !important;
}
/*dialogs */
.k-dialog-buttongroup .k-button {
    border-radius: 8px;
}

.mainSubmenu:focus, .mainSubmenu:hover {
    color: #0ca490 !important;
    background-color: rgba(255,255,255,0.1) !important;
}
.mainSubmenu {
    color: #90cec7 !important;
}

.mainSubmenu.active {
    background-color: transparent !important;
}

.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper {
    border-bottom-left-radius: 0em !important;
    border-bottom-right-radius: 0rem;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.k-drawer-container.k-drawer-mini .k-drawer.k-drawer-start .k-drawer-wrapper {
    border-bottom-left-radius: 0em !important;
    border-bottom-right-radius: 0rem;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.button-toggle-drawer {
    border: none !important;
    background-color: transparent !important;
    color: #d7d7d7 !important;
}
    .button-toggle-drawer.k-button-solid-base:focus{
       box-shadow:none !important;
    }
    .button-toggle-drawer .k-icon {
        font-size: 25px !important;
    }
.button-toggle-drawer-container-right{
    text-align:right;
}
.button-toggle-drawer-container-left{
    text-align:left;
}
/*notification stop address input group*/
.k-notification-group {
    bottom: auto;
    right: auto;
    position: relative;
}
/*buttons stop delete color-profile group*/
.action-group {
    margin-top: 10px;
}
/*button reset password*/
.reset-button {
    margin-top: 5px;
}

.reset-password {
    margin-top: 20px;
}

.text- {
    color: white;
}

.select-permissions {
    margin-top: 20px;
}

.version {
    text-align: right;
}
.version-left {
    text-align: left;
}

.version-login {
    font-size: xx-small;
    color: darkblue;
}
/*.version.version-menu {
    text-align:right;
}*/
.version-menu {
    /* color: #f8b051;*/
    /* color: #f39200;*/
    /* color: #da6b10;*/
    font-size: x-small;
    margin-top: -12px;
    color: #d68407;
}
.version-about {
    /* color: #f8b051;*/
    /* color: #f39200;*/
    /* color: #da6b10;*/
    font-size: smaller;
    margin-top: -43px;
    margin-left: 67px;
    color: #0DAB96;
}

.company-logo {
    padding-top: 3rem;
}

/*Dashboard*/
.dash-card-body {
    overflow-y: auto;
    scrollbar-width: thin;
}
.header-dashboard{
    text-align:center;
}
.card-dashboard{
    margin-right:5px;
}
.dashboard-tile-item{
   overflow:auto;
}
/*User Manager*/
.no-editable {
    display: none;
}
.admin-user .k-checkbox {
    display: none;
}
.no-check-user .k-checkbox {
    display: none;
}
.no-check-user {
    background-color: rgba(221, 105, 105, 0.6) !important;
}
.k-alt.no-check-user {
    background-color: rgba(221, 105, 105, 0.8) !important;
}

.k-filter-menu-container > span:nth-child(n+3) {
    display: none;
}

.k-window.window-super-permissions {
    max-height: 500px;
}

.create-user {
    margin-right: 20px;
}

.manage-user {
    display: inline-flex;
    margin-left: 20px;
    margin-right: 0px;
}

.display-deleted {
    display: inline-block;
    margin-left: 40px;
}

.check-deleted-user {
    border-radius: 4px;
}

.icons-manage-user {
    margin: 5px;
}

.command-edit-user {
    display: inline-flex;
}

.button-edit-user {
    margin-left: 3px;
}

/*.k-button-md.k-icon-button > .k-button-icon {
    min-width: 1.2rem;
    min-height: 1.2rem;
}*/

.user-icon {
    font-size: 50px;
}

/*Account Settings*/
.info-2factor {
    background-color: transparent;
    border: none;
    margin-top: -5px;
}
.code-input {
    margin-right: 5px;
}

.sidebar.no-authorized {
    background-color: var(--background);
    background-image: none;
    width: auto;
}

.wellcome-login {
    margin-bottom: 50px;
    font-size: 1.3rem;
}

.footer-login {
    text-align: right;
}

.top-row.px-4.login {
    background: transparent;
    border: none;
    position: absolute;
    right: 1em;
}

.log-bar {
    display: inline-flex;
    /*margin-top: 20px;*/
    text-align: center;
    float: inline-end;
    position: absolute;
    right: 1em;
}

.k-icon.k-i-logout.icon-logbar {
    font-size: 20px;
    color: black;
}

.changePass-form {
    margin-top: 30px;
}

tag {
    background: border-box var(--primary);
    color: whitesmoke;
    border-style: solid;
    border-radius: 0.6em;
    border-color: var(--theme-grey);
    border-width: 2px;
    padding-block: 0.35em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    display: inline-block;
    min-width: 5em;
    text-align: center;
}

.secondary {
    background-color: var(--secondary);
    color: var(--primary);
}

.tertiary {
    background-color: var(--tertiary);
}
/*icons input nav menu*/
.oi {
    margin-right: 10px;
}
/*accountsettings page */
.account-set {
    border: none;
}

.select-time {
    display: inline-flex;
}

.hours {
    margin-right: 5px;
}
/*channel configuration*/

.exclamation-channel-dialog-icon {
    font-size:24px;
    color:red;
}

.name-data {
    margin-right: 20px;
}

.select-metadata {
    margin-bottom: 10px;
}

.meta-data {
    margin-top: 10px;
}

.create-new-tag {
    margin-left: 10px;
}

.button-plus-retention-channel {
    margin-left: 10px;
}
.button-version {
    margin-right: 5px;
}
.copy-button {
    margin-left:5px;
    margin-right:5px;
    border-radius: 5px;
}
.copy-button.k-button-md.k-icon-button .k-button-icon {
    min-width: 5px;
    min-height: 5px;
    font-size: 10px;
}
/*.no-version-selected {
    justify-content: space-around;
    width: 4em;
    display: flex;
}
.no-final-config {
    float: left;
    justify-content: space-around;
    width: 13em;
    display: flex;
    margin-left: 10px
}
.no-productive-config {
    float: left;
    justify-content: space-around;
    width: 8em;
    display: flex;
    margin-left: 10px;
}*/
/*configuration channel*/
.k-i-x-outline::before {
    content: "\e11c";
    font-size: 20px;
}

.k-i-check-outline::before {
    content: "\e119";
    font-size: 20px;
}
.meta-grid {
    overflow:auto;
}
.change-channel-status .k-dialog-action {
    display: none;
}

.change-channel-status .k-dialog-buttongroup {
    display: flow-root;
    margin: 8px;
    border-width: 0px;
}

.layout-channel-config {
    
    padding: 0px !important;
}
.k-tilelayout.layout-channel-config {
    background-color: #fff !important;
}
.k-tilelayout-item.k-card.selected-config {
    overflow:auto;
}
.description-version {
    margin-left:10px;
}
.image-setting-drop{
    margin-bottom:10px;
}
.card-image-compresion {
    margin-left:20px;
}
.file-selector-image {
    border-radius: 8px;
    
}
.k-upload .k-dropzone, .file-selector-image {
    background-color: transparent;
}
/*Archive browser*/
.combobox-meta {
    height: 1.5em;
}
.drop-queries {
    margin-right: 10px;
}
.button-browse {
    width: 165px;
    justify-content: left;
}
.edit-query-button{
    margin-right:10px;
}
.k-icon.query-drop {
    font-size: 12px;
}
.button-arch-browser {
    width: 165px;
    margin-top: 1em;
    justify-content: left;
    white-space: break-spaces;
    font-size: 11px;
}
.grid-query-options {
    max-height: 25em !important;
}
.new-query-button {
    margin-right: 10px;
}
.save-query-button {
    margin-top:1em;
}
.archive-browser-filters.k-panel {
    margin: 20px;
    margin-left: 10px;
}
.browser {
    margin-top: 16px;
}

.k-multiselect.telerik-blazor.meta {
    margin-bottom: 15px;
}

.tag {
    margin-bottom: 15px;
}

.archive-grid .k-splitter.k-splitter-flex.k-splitter-vertical
.k-splitbar.k-splitbar-vertical.k-splitbar-draggable-vertical
.k-resize-handle {
    display: none;
}

.k-floating-label-container.k-focus.available-metas {
    display: block;
}

.available-metas .k-label.k-text-error {
    color: black;
}

.selected-meta {
    margin-bottom: 16px;
}
.view-file {
    max-height:80% !important;   
}
.view-file-grid {
    max-height:30em !important;
}
/*file upload */
.upload-file-drop {
    margin-bottom: 20px;
}

.upload-filter {
    margin-bottom: 10px;
}

.k-alt.k-bg-warning {
    background-color: rgba(255, 204, 102, 0.6);
}

.row-error {
    background-color: rgba(221, 105, 105, 0.6) !important;
}

.k-alt.row-error {
    background-color: rgba(221, 105, 105, 0.8) !important;
}
.file-select-grid {
    margin-top:20px;
    max-height:35vh !important;
}
.upload-dialog {
    max-height:80%;
}
.button-date-filter{
    width:112.76px;
    margin-right:5px;
}
.test-mode {
    background-color: #fff5e0;
    color: #721c24;
}

/*retention manager*/
.range-picker {
    display: block;
}

.date-filter {
    margin-bottom: 10px;
    max-width: 150px;
    max-height: 30px;
    margin-left: 10px;
}

/*Error Manager*/
.no-check-error .k-checkbox {
    display: none;
}
.no-check-error.k-selected .k-table-td {
    background-color: #f8f9fa !important;
}

/*System Settings*/
.switch-email{
   
    margin-bottom:10px;
}
.text-email{
    margin-bottom:10px;
}
/*grid only fills the page and then scrolls by grid scroll function*/
.k-grid {
    max-height: 100%;
}
/*less space available if there is a h3 element in the same div*/
h3 + .k-grid {
    max-height: 95%!important;
}
/*Fix cut off items per page selection*/
.k-pager-sizes .k-picker {
    min-width: fit-content;
}
/*Preserve the white spaces inbetween in the data when is rendered in Grid */
.preserve-white-space {
    white-space:pre-wrap !important;
}
/*remove the shadow after click in searchbox grid*/
.k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus{
    box-shadow:none;
}

/*Audits*/
.k-button-sm.audit-button {
    padding-block: 2px;
    padding-inline: 4px;
    font-size: 14px;
}