/* You can add global styles to this file, and also import other style files */
.word-wrap{word-break: break-all;}
.btn-primary { border-radius: 10px;
    padding: 8px 25px;
    font-weight: 600;}
.k-grid th.word-wrap {word-break: break-word;white-space: normal;}
.grid-img{max-width: 150px;}
.alert-danger{text-align: center;border-radius: 10px;padding:10px 15px;}
.grid-toggle{padding:0;}
/*-- // Override Kendo // --*/
.k-grid-header .k-header{vertical-align: middle;}
.k-widget ::selection, .k-block ::selection, .k-panel ::selection {background: #262C5D; color: #ffffff;}
.k-grid{border:0;}
.k-grid th, .k-grid td{ overflow: visible;}
.k-grid-header, .k-header, .k-grid-header-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-grid td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row>td, .k-filter-row>th, .k-grid-header .k-header{border-color:rgba(203, 203, 203, 0.26);}
.k-grid-pager{border-color: #e9e9e9;}
.k-grid-header .k-header>.k-link{padding: 15px 12px;}
.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order{color: #262C5D;}
.k-pager-numbers .k-link, .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover { color: #262C5D;}
.k-pager-numbers .k-state-selected {background: #262C5D; color: #fff}
.k-header.k-grid-toolbar{text-align: right;}
.k-grid-excel{background: #fff;padding: 5px 15px;color: #767676;font-size: 13px;}
.k-multiselect.k-header{border: solid 1px #D8D8D8;padding: 5px;border-radius: 5px;font-weight: 400;background: #fff;font-size: 14px;color: #484848;}
.k-multiselect .k-multiselect-wrap{border: 0;background: #fff;color: #6c757d;position: relative;}
.k-multiselect .k-multiselect-wrap::before{background: url('../images/dropdown-arrow.png') no-repeat right 0px center/8px 17px;content: "";position: absolute;right: 7px;top: 8px;}
.k-multiselect.k-state-disabled{color: #6c757d;background-color: #e9ecef;opacity: 1;}
.k-multiselect.k-state-disabled .k-multiselect-wrap{color: #6c757d;background-color: #e9ecef;}
.k-datepicker{padding: 0;border-radius: 5px;overflow: hidden;}
.k-dateinput-wrap .k-input{padding: 5px 15px;background: #fff;height: 40px;border-radius: 6px;border: 0;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);}
.k-datepicker .k-picker-wrap{border: 0;}
.k-datepicker .k-select{background: #1C569F;color: #fff;width: 30px;}
.k-datepicker:hover .k-select{background: #1C569F;color: #fff;}
/*-- // Custom // --*/
.kd-btn{background: rgba(28, 86, 159,0.8);color: #fff;font-size: 12px;border: 0;padding: 5px 10px;white-space: nowrap;border-radius: 5px;font-weight: 600;display: inline-block;margin-right: 5px;}
.kd-btn > i{font-weight: 600;}
.kd-btn:disabled{opacity: 0.5;}
.form-group>label{display: block;}

/* .field-error {border: 1px solid red;} */
.custom-kendo-header {
    background-color: #fff;
    color : #bcbcbc;
    font-size: 13px;
    font-weight: 400 !important}
.custom-kendo-cell {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: 400 !important;
}



/* // UI MInor Issues */
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 6px);
}

tr.k-grid-norecords td {
    text-align: left;
}
.form-btn-wrap button.btn.btn-light {
    background: rgba(255, 255, 255,0.7);
    margin-right: 10px;
    font-weight: 600;
}
.form-btn-wrap button.btn.btn-light:hover {
    background: #fff;
}
.calendar-dd .dropdown-toggle:disabled {
    opacity: 0.5;
}

.dropdown-item {     word-wrap: break-word;
    word-break: break-word;
    white-space: normal;}
.center-block
{
    margin-top: 50px;
}
.large-error.error-text.error-fix {
    bottom: -50px;
}

.calendar-dd .dropdown-toggle{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
}

.dashboard .k-datepicker{
    width:100%;

}

.history-rating {
    background: #000;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    width: 65px;
    display: inline-block;
    margin: 0;
}

.history-rating.green {
    background: green;
}
.history-rating.amber {
    background: orange;
}
.history-rating.red {
    background: red;
}

.status.error-status{background: red;}

.k-i-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 64px;
    background-color: rgba(255,255,255,.3);
    color: #1C569F;
    z-index: 99999;
  }

  .kendo-date-sm .k-dateinput-wrap .k-input{
    height: 32px;
    padding: 5px 10px;
}

.kendo-date-sm.k-datepicker.ng-invalid, .kendo-date-sm.k-datepicker.k-state-invalid {
    border-color: rgba(0, 0, 0, 0.08)!important;
}
