/*
Main Background: 		#1f1e1d		31,30,29
Column Header Text:   	#ffffff		255, 255, 255
Column Header Bkgd:		#474645		71,70,69
Grid Background: 		#313131		49,49,49
Button Background: 		#4d4d4d		77,77,77
Button Disabled Bkgd: 	#3f3f3f		63,63,63
Button Disabled Txt:	#5a5a5a 	90,90,90
Button Disabled Border:	#414141 	64,64,64
Button Border:			#525252		82,82,82
Button Panel Border:	#525252		82,82,82
Panel Footer:			#313131		49,49,49
 */

/* Dialog */
.mat-dialog-container {
    background-color: #f3f3f3;
    border-style: solid;
    border-color: #267893;
    /* The top is the top of a dialog */
    border-width: 25px 3px 3px 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 10px !important;
    overflow-y: scroll;
    min-height: 200px;
}

.mat-dialog-actions {
    background-color: #f3f3f3;
    padding: 8px 15px 4px 8px;
    min-height: unset;
    border-color: #686868;
    border-style: solid;
    border-width: 0 0 0 0;
    margin-bottom: unset !important;
    margin-top: 5px;
}

.mat-dialog-title {
    color: #181818 !important;
    text-align: center;
}

.mat-header-row {
    height: 40px !important;
}

.mat-header-cell, .dx-cell-focus-disabled {
    color: #181818;
    background-color: #e0e0e0;
    border-color: #606060;
    font: bold 13px/15px helvetica, arial, verdana, sans-serif;
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border-width: 0 1px 0 0;
    border-style: solid;
    text-align: center !important;
}

.dx-cell-focus-disabled {
    color: #707070;
}

.dx-row:hover {
    background-color: #d6f4ff;
}

.mat-row {
}

.mat-row:hover {
    background-color: #d6f4ff;
    color: #282828;
}

.mat-cell, .dx-group-cell {
   padding-right: 10px !important;
   padding-left: 10px !important;
}

.mat-button-base {
    color: #f8f8f8 !important;
    margin-right: 8px !important;
}

.mat-button {
    background-color: #33809a;
    border-color: #00536e;
    color: #f8f8f8 !important;
    background-image: unset;
    font: bold 12px/16px helvetica, arial, verdana, sans-serif;
    padding: 0 10px 1px 10px !important;
    max-width: 100%;
    min-height: 10px !important;
    height: 32px !important;
    margin-top: 2px !important;
    margin-right: 2px !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px !important;
}
.mat-button[disabled] {
    opacity: 0.4;
}

.cdk-overlay-container {
    position: absolute;
    bottom: 100px;
    left: 300px;
    background: #f5f5f5 !important;
    z-index: 2000000000;
    border-radius: 4px;
}

.dx-datagrid-table {
    border-spacing: 0;
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    border-color: #404040;
    min-width: 968px;
}

.dx-searchbox .dx-icon-search {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    background-size: 18px 18px;
    padding: 8px;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
    color: #999;
}
.dx-searchbox .dx-icon-search {
    display: block;
    position: relative;
    pointer-events: none;
}
.dx-icon-search {
    font-family:"FontAwesome";
    content: "\f002";
}
.dx-icon {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0);
}
.dx-datagrid .dx-sort-up:before {
    font-family:"FontAwesome";
    content: "\f0de";
}
.dx-datagrid .dx-sort-down:before {
    font-family:"FontAwesome";
    content: "\f0dd";
}
.dx-widget, .dx-widget *, .dx-widget:after, .dx-widget :after, .dx-widget:before, .dx-widget :before {
    box-sizing: border-box;
}
.dx-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: auto;
    height: 100%;
    text-align: left;
    cursor: text;
    pointer-events: none;
}

.dx-datagrid-group-closed:before {
    font-family: "FontAwesome";
    content: "\f061";
}

.dx-datagrid-group-opened:before {
    font-family: "FontAwesome";
    content: "\f063";
}
.dx-datagrid-group-closed:before, .dx-datagrid-group-opened:before {
    position: absolute;
    display: block;
    right: 0;
    left: 20px;
    margin-top: -8px;
}

.dx-empty {
    text-align: center;
}

.dx-column-indicators {
    margin: 3px 2px 0 0;
}

/* Paragraph style */
.ng-star-inserted {
    margin-block-end: 2px;
    margin-block-start: 2px;
    line-height: 16px;
    color: #181818;
}

.license-page-values {
    background-color: #3a3938;  /* dark gray */
}

.cdk-overlay-container {
    background-color: #3a3938 !important;  /* dark gray */
    color: #d0d0d0;
}

.license-input {
    background-color: #e0e0e0 !important;
    color: #181818;
    border-width: 1px;
    border-color: #686868;
    border-style: solid;
    border-radius: 2px;
}

/* Angular column header row */
.mat-header-row {
    border-width: 0 0 1px 0 !important;
}

.mat-table {
    background-color: #f3f3f3;
    border-width: 0;
    border-collapse: collapse;
    min-height: 200px;
}

/* Footer for action buttons in the license grid */
.license-grid-footer {
    background-color: transparent;
    border-color: #267893;
    border-style: solid;
    border-width: 1px 0 0 0;
    padding: 5px 10px 7px 10px;
}

.dx-column-indicators {
    float: right;
}

.dx-datagroup-panel {
    background-color: #267893;
    border-color: #0d4163;
    padding: 5px;
}

/* Text inside a combo box */
.dx-group-panel-item {
    background-color: transparent !important;
    color: #f8f8f8 !important;
    border-width: 0 !important;
    width: 80px;
    margin: 8px 5px 0 6px;
}

/* Grid header tr */
.dx-header-row {
    background-color: #e0e0e0;
    height: 30px !important;
}

/* Combo button in grid toolbar */
.dx-datagrid-group-panel {
    background-color: #267893;
    color: #181818;
    border: 1px solid #0d4163;
    padding: 3px 0 9px 0;
    border-radius: 2px;
    vertical-align: middle;
}

/* These are used for column headers as well as group panel buttons */
.dx-datagrid-action {
    background-color: #e0e0e0;
    color: #181818;
    border-style: solid;
    border-width: 0px 1px 0 0px;
    border-color: #0d4163;
    padding: 3px;
}

.dx-datagrid-group-space {
    background-color: #f3f3f3;
    color: #181818;
    padding: 0;
    border-color: #0c3153;
    border-width: 0;
}

.dx-datagrid-rowsview {
    background-color: #f0f0f0;
    border-color: #0c3153 #0d4163 #0d4163 #0d4163 !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    min-height: 80px;
}

/* datagrid Search Field */
.dx-datagrid-search-panel {
    background-color: transparent;
    width: 250px;
}

.dx-texteditor-container {
    background-color: #f3f3f3;
    border-color: #181818;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    overflow: hidden;
    padding: 2px 5px;
    margin: 0 0 4px 0;
}

.dx-texteditor-input {
    background-color: #f0f0f0;
    color: #181818;
    border-width: 0;
    margin-top: 8px;
}

.textarea-title {
    color: #181818;
}

.kcos-license-grid {
    padding: 0;
    border: 1px solid #00536e;
    margin: 15px;
    /* background-color: #f3f3f3; */
}

dx-toolbar-button {
    min-width: 100px;
}