html.noAnimation * {
	transition:none !important;
	-webkit-transition:none !important;
	animation:none !important;
}

body.idle {
    opacity: 0.2;
    background: #000 !important;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
}
html,
body {
    /*font-family: "HelveticaNeueBold", Helvetica, Arial, sans-serif;
    font-family: "Arial";*/
}

.disabled 
{
    pointer-events: none !important;
    opacity: 0.7;
}

.ng-touched.ng-invalid
{
    border-color: red !important;
}

[ui-view] {
    height: 100%;
}

.text-navy {
    color: #676a6c;
}
textarea {
    resize: none !important;
}

.rtls .metismenu li a {
  font-size: 120%;
}
.rtls .metismenu > li:not(.nav-header) a i {
  float: right;
  margin-right: 0px;
  margin-left: 6px;
}
.rtls .metismenu .arrow {
    float: left;
}

/*v1.2.10*/
.k-grid.k-widget .k-grid-header {
    padding-left: 0px !important;
    padding-right: 17px !important;
}
/*v1.2.10*/
.rtls .k-grid.k-widget .k-grid-header {
    padding-left: 17px !important;
    padding-right: 0px !important;
}

/*v1.2.4
.form .row {
    display: flex;
    align-items: center;
}*/

.ibox-title::after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.ibox-title .title {
    clear: both;
    float: left;
}
.rtls .ibox-title .title {
    float: right;
}
.ibox-title .title h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.ibox-title ol.breadcrumb {
    clear: both;
    float: left;
}
.rtls .ibox-title ol.breadcrumb {
    float: right;
}
.ibox-title .ibox-tools {
    float: right;
    margin-top: 10px;
}
.rtls .ibox-title .ibox-tools {
    float: left;
}
.ibox-tools a:not(.btn-default) {
    color: white;
}
.ibox-tools a.btn-default {
    color: #676a6c;
}
.inmodal .modal-header {
    padding: 7px 15px;
    text-align: left;
}
.modal-header {
    border-bottom: none;
}
.modal-title {
    /*font-family: "HelveticaNeueBold", Helvetica, Arial, sans-serif !important;*/
    color: #000 !important;
    font-size: 2.2rem !important;
    line-height: 70px !important;
}
/*v1.2.14*/
.rtls .modal-title {
    text-align: right;
}
.modal-body {
    padding: 3px 30px 9px 30px;
}
.inmodal .modal-body {
    background: transparent;
}
/*v1.2.8*/
.form-control,
.input-group {
    border-radius: 2px !important;
}
.input-group .form-control {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.input-group .input-group-addon {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
.loginscreen.middle-box .logo-name {
    font-size: 150px;
    /*v1.2.4*/
    color: inherit !important;
}
/*GRID Style*/

.k-grid .btn-circle {
    padding: 0px !important;
    font-size: 20px !important;
}
.k-grid.k-widget {
    border: 0 none;
    border-bottom: 2px solid #cedcea;
}
.k-grid.k-widget .k-grid-header {
    outline: none !important;
    position: static;
    border: 0 none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-size: 1.2rem;
    color: #6e8ba8;
    background-color: #e3eaf3;
    border-bottom: 2px solid #cedcea;
    line-height: 22px;
}
/*v1.2.8*/
.k-grid.k-widget .k-grid-header .k-grid-header-wrap {
    border: none !important;
}
/*v1.2.8*/
.k-grid.k-widget .k-grid-header th.k-header {
    border: none;
    border-left: 1px solid #c0d0e4 !important;
    outline: none !important;
    font-size: 1.2rem !important;
    font-weight: 600;
    color: #486C8F !important;
    background: #e3eaf3;
    vertical-align: middle;
}
.k-grid.k-widget .k-grid-header th.k-header:visible:nth-of-type(1) {
    opacity: 0.2;
}
.k-grid-header th.k-header>.k-link {
    color: #486C8F !important;
    font-size: 14 !important;
    text-transform: uppercase;
}
.k-grid tbody tr:hover {
    background-color: #f3f8fe !important;
    color: #000 !important;
}
.k-grid tbody td {
    border-bottom: 1px solid #c7c7c7 !important;
    border-left: 1px dotted #c7c7c7 !important;
    line-height: 33px;
}
/*v1.2.1*/
.k-grid tbody td > span[ng-bind] {
    display: block;
    min-height: 30px;
}
.k-grid-header th.k-header.ng-scope.k-state-focused a.k-link {
    font-weight: bold;
    background-color: #c0d0e4 !important;
}
/*v1.2.11*/
.k-grid .k-grid-content tbody tr {
    cursor: default !important;
}
/*v1.2.11*/
.k-grid .k-grid-content .k-selectable tbody tr {
    cursor: pointer !important;
}
.k-grid .k-grid-content tbody tr.k-state-selected {
    background: #f3f8fe;
}
.k-grid-filter.k-state-active {
    background-color: #e3eaf3 !important;
}
.k-grid .k-grid-content tr:nth-of-type(even) {
    background: none;
    box-shadow: 0 0 0 #c7c7c7;
    border: 0 none;
}
/*v1.2*/
.k-grid .k-detail-row > td {
    padding: 0px !important;
}
.k-grid .k-detail-row > td.k-detail-cell {
    border: none !important;
}
.k-grid .k-detail-row > td.k-detail-cell > .k-grid {
    border: none !important;
}
.k-grid .k-detail-row > td.k-detail-cell > .k-grid .k-grid-header {
    display: none !important;
}
.k-grid .k-detail-row > td.k-detail-cell > .k-grid .k-grid-content {
    overflow-y: auto !important;
}
/*v1.2.10*/
.k-grid .k-grid-content.k-auto-scrollable {
    overflow-y: scroll !important;
}
/*GRID Style*/
/*contant in Filter Button */

.dropdown-menu.filter {
    /*max-height: 300px !important;*/
    /*Provide height in pixels or in other units as per your layout*/
    
    overflow: hidden !important;
    overflow-y: auto !important;
    /*Provide an auto overflow to diaply scroll*/
    
    width: 500px !important;
    /*padding: 10px !important;*/
    
    /*v1.2*/
    padding: 0px !important;

    /*v1.2.8*/
    box-shadow: none !important;
    border: 1px solid #c7c7c7 !important;
}
.dropdown-menu.filter .ibox-content {
    border: none;
    padding: 0px;
    padding-bottom: 15px;
}
.dropdown-menu.filter .ibox-footer {
    /*v1.2
    padding-bottom: 0px;*/
}
.dropdown-menu.filter .ibox-footer > .row > .form-group > .col-sm-6:not(.text-right) {
    padding-left: 0px;
}
.dropdown-menu.filter .ibox-footer > .row > .form-group > .col-sm-6.text-right {
    padding-right: 0px;
}
.dropdown-menu label {
    color: #404040 !important;
    font-size: 14px !important;
}
.dropdown-menu > .form {
    padding: 10px 0px;
}
.btn-group.dropdown .FilterDropdown {
    /*font-family: "HelveticaNeueRoman", Helvetica, Arial, sans-serif;*/
    min-width: 80px;
    color: #365ebf !important;
    border: 0;
    box-shadow: inset 0 0 0 1px #dcdcdc;
    background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
}
.btn-group.dropdown .FilterDropdown:hover {
    background-color: #fff;
    background-image: none;
    text-decoration: none;
}
.btn-group.dropdown .FilterDropdown:active {
    box-shadow: 0 0 0 2px #cdd8f3 !important;
    border: 1px solid #365ebf !important;
}
.btn-group.dropdown.open .FilterDropdown {
    /*font-family: "HelveticaNeueRoman", Helvetica, Arial, sans-serif;*/
    min-width: 80px;
    color: #365ebf !important;
    border: 0;
    box-shadow: inset 0 0 0 1px #dcdcdc;
    background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
}
/*button Filter ,Export*/

.btn-group.dropdown {
    height: 34px;
    line-height: 34px;
}
.btn-group.dropdown .FilterDropdown .caret {
    display: inline-block;
    width: 0 !important;
    height: 0 !important;
    vertical-align: middle;
    border-top: 6px solid #404040;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    background-color: transparent;
    margin-left: 5px;
    border-top-color: #404040;
}
/*button Reset */

.dropdown-menu .btn.btn-default {
    /*font-family: "HelveticaNeueRoman", Helvetica, Arial, sans-serif;*/
    min-width: 80px;
    color: #365ebf;
    border: 0;
    box-shadow: inset 0 0 0 1px #dcdcdc;
    background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
}
.dropdown-menu .btn.btn-default:hover {
    background-color: #fff;
    background-image: none;
    text-decoration: none;
}
/*button Apply */

.dropdown-menu .btn.btn-success {
    /*font-family: "HelveticaNeueRoman", Helvetica, Arial, sans-serif;*/
    min-width: 80px;
    border: 0;
}
.dropdown-menu .control-label.col-sm-12 {
    padding-bottom: 0px !important;
    margin: 0px !important;
}
.dropdown-menu .form-group.col-lg-12 {
    padding-bottom: 0px !important;
    margin: 0px !important;
}
.dropdown-menu.filter li:last-of-type {
    /*margin-top: 25px !important*/

    /*v1.2*/
    margin: 15px 0px 10px 0px !important;
}
/*v1.2*/
.dropdown-menu .form {
    padding: 5px 0px 0px 0px !important;
}
/* X button in Show Filter  */

a.remove-button {
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODAiIGhlaWdodD0iOTYiIHZpZXdCb3g9Ijk2LjMzMyAxIDQ4MCA5NiIgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgOTYuMzMzIDEgNDgwIDk2Ij48cG9seWdvbiBmaWxsPSIjZmZmIiBwb2ludHM9IjE4MS4zMTcsNzYuOTg3IDE1My4wMzIsNDguNjk4IDE4MS4zMTMsMjAuNDEzIDE3Mi44MzMsMTEuOTMzIDE0NC41NDgsNDAuMjE4IDExNi4yNjMsMTEuOTMzIDEwNy43NzgsMjAuNDE3IDEzNi4wNjMsNDguNzAyIDEwNy43NzgsNzYuOTg3IDExNi4yNTksODUuNDY4IDE0NC41NDQsNTcuMTg3IDE3Mi44MzMsODUuNDcyIi8+PHBvbHlnb24gZmlsbD0iI0IzQjJCMyIgcG9pbnRzPSIzNzMuMzE3LDc2Ljk4NyAzNDUuMDMyLDQ4LjY5OCAzNzMuMzEzLDIwLjQxMyAzNjQuODMzLDExLjkzMyAzMzYuNTQ4LDQwLjIxOCAzMDguMjYzLDExLjkzMyAyOTkuNzc4LDIwLjQxNyAzMjguMDYzLDQ4LjcwMiAyOTkuNzc4LDc2Ljk4NyAzMDguMjU5LDg1LjQ2OCAzMzYuNTQ0LDU3LjE4NyAzNjQuODMzLDg1LjQ3MiIvPjxwb2x5Z29uIGZpbGw9IiMyMzFGMjAiIHBvaW50cz0iNTY1LjMxNyw3Ni45ODcgNTM3LjAzMiw0OC42OTggNTY1LjMxMywyMC40MTMgNTU2LjgzMywxMS45MzMgNTI4LjU0OCw0MC4yMTggNTAwLjI2MywxMS45MzMgNDkxLjc3OCwyMC40MTcgNTIwLjA2Myw0OC43MDIgNDkxLjc3OCw3Ni45ODcgNTAwLjI1OSw4NS40NjggNTI4LjU0NCw1Ny4xODcgNTU2LjgzMyw4NS40NzIiLz48L3N2Zz4=") !important;
    height: 16px !important;
    width: 16px !important;
    background-size: 84px !important;
    background-position: -32px 0 !important;
    display: inline-block !important;
    margin: 0 5px 0 1px !important;
    vertical-align: bottom !important;
    padding-left: 17px !important;
    padding-bottom: 18px !important;
    pointer-events: pointer !important;
}
/*Show Filter  */

li.tag-item {
    /*font-family: "HelveticaNeueRoman", Helvetica, Arial, sans-serif !important;*/
    background-color: #fff !important;
    font-size: 14px !important;
    color: #365ebf !important;
    font-weight: normal !important;
    pointer-events: default !important;
}
li.tag-item:hover {
    text-decoration: underline;
    pointer-events: default !important;
}
ul.setFilter li {
    /*font-family: "HelveticaNeueRoman", Helvetica, Arial, sans-serif !important;*/
    display: inline;
    font-size: 14px !important;
    color: #365ebf !important;
}
ul.setFilter {
    display: inline-block !important;
    padding: 0px;
    padding-left: 12px;
    margin-top: 4px;
}
a.ClrAllTags {
    display: inline-block !important;
    padding: 0px;
    padding-left: 12px;
    margin-top: 4px;
    text-decoration: underline !important;
}
ul.setFilter li:hover {
    text-decoration: underline;
}
/*Date picker*/

.k-datepicker {
    border: none !important;
    width: 100% !important;
    height: 34px !important;
    border-radius: 2px !important;
}
/*v1.2.9*/
.k-datepicker .k-picker-wrap {
    height: 28px !important;
    border-radius: inherit !important;
    border: none;
    color: #555 !important;
    border: 1px solid #c7c7c7 !important;
    overflow: hidden !important;
    background: inherit !important;
    padding: 0px !important;
}
/*v1.2.9*/
.k-datepicker .k-picker-wrap .k-input {
    display: inline-block !important;
    height: 28px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border: none !important;
    line-height: normal !important;
        padding: 0px 6px !important;
    color: #676767;
}
/*v1.2.8*/
.k-datepicker .k-picker-wrap .k-select {
    line-height: 2.2 !important;
}
/*v1.2.3 disable box-shadow on hover*/
/*.k-datepicker .k-picker-wrap.k-state-hover {
    border-color: #c7c7c7;
    box-shadow: 0 0 0 2px #e2e2e2;
}*/
.k-datepicker .k-picker-wrap.k-state-focused {
    border-color: #365ebf !important;
    box-shadow: 0 0 0 2px #cdd8f3 !important;
}
/*DropDown*/

.k-dropdown {
    border: none !important;
    border-radius: 2px !important;
    width: 100% !important;
    /*v1.2.9
    height: 34px !important;*/
}
/*v1.2.9*/
.k-dropdown .k-dropdown-wrap {
    /*height: 28px !important;*/
    /*v1.2.10*/
    height: 30px !important;
    border-radius: inherit !important;
    border: none;
    color: #555 !important;
    border: 1px solid #c7c7c7 !important;
    overflow: hidden !important;
    background: inherit !important;
    padding: 0px !important;
}
/*v1.2.9*/
.k-dropdown .k-dropdown-wrap .k-input {
    display: inline-block !important;
    height: 18px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border: none !important;
    /*v1.2.10
    line-height: normal !important;
    */
    line-height: 18px !important;
    padding: 5px 6px !important;
    color: #676767;
}
/*v1.2.9*/
.k-dropdown .k-dropdown-wrap .k-select {
    border-radius: 0px !important;
    background: transparent;
    width: 30px;
    height: inherit !important;
}
/*v1.2.9*/
.k-dropdown .k-dropdown-wrap .k-select .k-icon {
    background: transparent;
    margin: 4px 2px 2px 10px;
}
.k-dropdown .k-dropdown-wrap .k-select .k-icon::after {
    width: 0 !important;
    height: 0 !important;
    vertical-align: middle;
    border-top: 5px solid #404040;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    background-color: transparent;
    display: block;
    margin-bottom: 4px;
    border-bottom-color: #193048;
    text-align: center;
}
.k-dropdown .k-dropdown-wrap .k-select .k-icon::before {
    width: 0 !important;
    height: 0 !important;
    vertical-align: middle;
    border-bottom: 5px solid #404040;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    background-color: transparent;
    display: block;
    margin-bottom: 2px;
    border-bottom-color: #193048;
}
.k-dropdown .k-dropdown-wrap.k-state-hover {
    background-image: none !important;
    background: white !important;
}
.k-dropdown .k-dropdown-wrap.k-state-focused {
    border-color: #365ebf !important;
    box-shadow: 0 0 0 2px #cdd8f3 !important;
}
.k-dropdown .k-dropdown-wrap.k-state-focused .k-icon:before,
.k-dropdown .k-dropdown-wrap.k-state-focused .k-icon:after {
    border-bottom-color: #ffffff !important;
    border-top-color: #ffffff !important;
}
/*combobox*/

.k-combobox {
    border: none !important;
    border-radius: 0px !important;
    width: 100% !important;
    height: 34px !important;
}
.k-combobox .k-dropdown-wrap {
    height: 28px !important;
    border-radius: inherit !important;
    border: none;
    color: #555 !important;
    border: 1px solid #c7c7c7 !important;
    overflow: hidden !important;
    background: inherit !important;
    padding: 0px !important;
}
.k-combobox .k-dropdown-wrap .k-input {
    display: inline-block !important;
    height: 28px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border: none !important;
    line-height: normal !important;
    padding: 5px 6px !important;
    color: #676767;
}
/*v1.2.10*/
/*.k-combobox .k-dropdown-wrap .k-select .k-icon {*/
.k-widget .k-dropdown-wrap .k-select .k-icon {
    background: transparent;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
/*v1.2.10*/
/*.k-combobox .k-dropdown-wrap .k-select .k-icon::after {*/
.k-widget .k-dropdown-wrap .k-select .k-icon::after {
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid #404040;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    background-color: transparent;
    display: block;
    border-bottom-color: #193048;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 2px;
}
/*v1.2.10*/
/*.k-combobox .k-dropdown-wrap .k-select .k-icon::before {*/
.k-widget .k-dropdown-wrap .k-select .k-icon::before {
    width: 0 !important;
    height: 0 !important;
    border-bottom: 5px solid #404040;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    background-color: transparent;
    display: block;
    border-bottom-color: #193048;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-top: 2px;
}
/*v1.2.3 disable box-shadow on hover*/
/*.k-combobox .k-dropdown-wrap.k-state-hover {
    border-color: #c7c7c7;
    box-shadow: 0 0 0 2px #e2e2e2;
}*/
.k-combobox .k-dropdown-wrap:not(.k-state-focused):hover {
    box-shadow: 0 0 0 2px #cdd8f3 !important;
}
.k-combobox .k-dropdown-wrap .k-select {
    border-radius: 0px !important;
    background: transparent;
    background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%) !important;
    width: 30px;
    height: 34px;
}
.k-combobox .k-dropdown-wrap.k-state-focused .k-select {
    background: #365efb !important;
    color: white !important;
}
.k-combobox .k-dropdown-wrap.k-state-focused .k-select .k-icon::after {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.k-combobox .k-dropdown-wrap.k-state-focused .k-select .k-icon::before {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
/*v1.2.14 added style to the multi-select component*/
.k-multiselect-wrap li {
    padding-top: .25em !important;
    padding-bottom: .25em !important;
}
.k-multiselect-wrap .k-input {
    height: 1.7em !important;
    line-height: 1.7em !important;
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
}
/*v1.2.14 added style to the multi-select component*/
.btn.addNew {
    border: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    background: #e3eaf3;
    box-shadow: 0 1px rgba(110, 139, 168, 0.55);
    text-align: left;
    height: 30px;
    /*v1.2.15*/
    border-radius: 0px !important;
}
/*v1.2.15*/
.btn.addNew b {
    margin: 0px 10px;
}
.k-animation-container {
    margin-top: 5px;
    border-radius: 0 !important;
}
.k-animation-container .k-popup {
    border-radius: 0 !important;
    z-index: 99999999 !important;
    /*v1.2.4*/
    padding: 0px !important;
    border-radius: 0px !important;
}
/*v1.2.4*/
.k-animation-container .k-popup ul li {
    border-radius: 0px !important;
    margin: 2px !important;
    padding: 8px !important;
    line-height: 14px !important;
    min-height: 14px !important;
}
.k-animation-container .k-popup ul:not([data-role=staticlist]) li {
    border-radius: 0 !important;
}
.k-animation-container .k-popup ul li.k-state-selected {
    font-weight: bold;
    background-color: #1c84c6;
    color: white !important;
}
.k-animation-container .k-popup ul li.k-state-hover {
    background-color: #1c84c6;
    color: white !important;
}
/*v1.2.4.k-animation-container .k-popup ul:hover li.k-state-selected:not(.k-state-hover) {
    background: white;
    color: inherit;
    border: none;
}*/
.modal.full-height .modal-dialog,
.modal.full-height .modal-dialog .modal-content {
    margin: 0px !important;
    width: 100% !important;
    height: 100% !important;
    background: white !important;
    position: relative !important;
}
.scrollviewer {
    overflow-y: scroll;
    height: 100%;
}
.divBottomMargin {
    margin-bottom: 100px;
}

/* REPORTS */
@media print {
  @page { margin: 0; }
}
/*.stiJsViewerPageShadow {
    margin: 10px auto !important;
    padding: 40px 0px !important;
    width: 99% !important;
}
.stiJsViewerPageShadow > table {
    width: 100% !important;
}*/
/*v1.2.13 - The report was flipped when the language was set to arabic*/
.stiJsViewerPageShadow, .stiJsViewerPageShadow * {
    direction: ltr !important;
}

/* SPINNER */
.sk-spinner-container {
    position: relative;
    margin: 0px;
}
.sk-spinner-container .sk-spinner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.col-container{
    padding-left: 0px;
    padding-right: 0px;
}

/*v1.2*/
/*always show the scrollbars*/
nav[class*=navbar-] .slimScrollBar {
    display: block !important;
    background: #20203F !important;
}

/*v1.2*/
/*General Page Padding*/
/*v1.2.1*/
/*Increased padding from 5px to 8px*/
.wrapper {
    padding: 8px !important;
}
/*v1.2.4*/
.wrapper.wrapper-content {
    margin-bottom: 35px;
}
/*v1.2.1*/
/*Decreased the padding from 0px 5px to 0px 3px*/
.wrapper > .row > [class*=col-lg-] {
    padding: 0px 3px;
}
.page-heading h2 {
    /*margin: 5px 0px;*/
    margin: 0px;
    /*v1.2.10*/
    margin-bottom: 5px;
}
/*iBox Padding*/
.ibox {
    margin-bottom: 8px !important;
}
.ibox-title {
    display: table;
    width: 100%;
    padding: 10px !important;
    table-layout: fixed;
}
.ibox-title > h1,
.ibox-title > h2,
.ibox-title > h3,
.ibox-title > h4,
.ibox-title > h5,
.ibox-title > h6 {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.ibox-content {
    padding: 10px !important;
}
.ibox-content > .row {
    margin-left: 0px;
    margin-right: 0px;
}
/*Top Navbar Padding*/
nav.navbar {
    min-height: 40px;
}
/*v1.2.4 remove box shadow from top navbar and set z-index for the top-menu*/
nav.navbar:not(.top-menu) {
    box-shadow: none;
}
nav.navbar.top-menu {
    z-index: 900;
    margin: 0px;
}
nav.navbar .nav.navbar-top-links li a {
    padding: 10px !important;
    min-height: 40px;
}
nav.navbar .navbar-header a.navbar-minimalize {
    margin: 5px 10px !important;
    /*v1.2.4*/
    border-color: transparent !important;
}
/*v1.2.4*/
nav.navbar .nav.navbar-top-links .dropdown-menu li {
    width: 100% !important;
}
.progress {
    margin: 0px !important;
    border-radius: 0px !important;
}
.filterForm {
    margin-bottom: 0px !important;
}
/*Nestable Grid - Hierarchy*/
.k-grid.nestableList,
.k-grid.nestableList * {
    border-color: transparent !important;
}
.k-grid.nestableList .k-grid-header {
    display: none !important;
}
.k-grid.nestableList .k-grid-content.k-auto-scrollable {
    overflow-y: auto !important;
}
.k-grid.nestableList .k-grid-content table {
    border-spacing: 0px 5px !important;
}
.k-grid.nestableList .k-grid-content tbody > tr,
.k-grid.nestableList .k-grid-content tbody > tr:hover {
    background: transparent !important;
}
.k-grid.nestableList .k-grid-content tbody > tr td {
    background: #f3f3f3 !important;
    line-height: 24px !important;
}
.k-grid.nestableList .k-grid-content tbody > tr td.k-hierarchy-cell.no-details {
    background: transparent !important;
    pointer-events: none !important;
    border-right: none !important;
}
.k-grid.nestableList .k-grid-content tbody > tr td.k-hierarchy-cell .k-i-expand {
    background-position: -32px -208px !important;
}
.k-grid.nestableList .k-grid-content tbody > tr td.k-hierarchy-cell .k-i-collapse {
    background-position: -32px -224px !important;
}

.ladda-spinner > [role="progressbar"] div {
    background: currentColor !important;
}

/*v1.2.8*/
.nav.nav-tabs {
    border-bottom: 2px solid;
}
/*v1.2.8*/
.nav.nav-tabs li {
    border: none;
}
/*v1.2.8*/
.nav.nav-tabs li a {
    margin: 0px;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-width: 0px !important;
    border-bottom-style: solid !important;
}
/*v1.2.8*/
.nav.nav-tabs li.active a {
    border-bottom-width: 4px !important;
    font-weight: bold;
}
.tab-content {
    border: 1px solid;
    /*v1.2.8*/
    /*border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
    border-top-width: 0px;*/
    border: none;
    margin: 0px;
}
.tab-content .table,
.tab-content .table-responsive {
    border-top: none;
    margin: 0px;
    border: none;
}
/*v1.2.8*/
.tab-content .panel-body {
    border: none;
}

/*v1.2.4*/
.navbar.navbar-static-top .nav.navbar-nav > li {
    border: none;
}
.navbar.navbar-static-top .nav.navbar-nav > li.active {
    border-bottom: 3px solid white;
}

/*.md-skin [class*="-success"] {
    background: #1ab394 !important;
    border-color: #1ab394 !important;
    color: #ffffff !important;
}
.md-skin [class*="-info"] {
    background: #63d4ff !important;
    border-color: #63d4ff !important;
    color: #ffffff !important;
}
.md-skin [class*="-default"] {
    background: #efefef !important;
    border-color: #e0e0e0 !important;
    color: #666666 !important;
}
.md-skin [class*="-danger"] {
    background: #ed5565 !important;
    border-color: #ed5565 !important;
    color: #ffffff !important;
}*/

/*v1.2.9*/
.form-control:not(.k-input),
.input-group {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.input-group .form-control:not(.k-input) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
input:not(.k-input):not(.k-widget), .form-control:not(textarea):not(.k-input):not(.k-widget) {
    height: 30px !important;
}
.form-control.k-widget {
    height: 32px !important;
    background: white !important;
    border-radius: 2px !important;
}
.nav-tabs>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.h-divider {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 20px;
    background-color: #2396d3;
    width: 100%;
}
.h-divider span {
    color: white;
    left: 5px;
    margin-left: 5px;
}
.p-a {
    padding: 2px;
}

/*v1.2.4*/
[class*="icheckbox"],
[class*="iradio"],
[type="checkbox"],
[type="radio"] {
    background: white;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 1px solid #babec5 !important;
    /*v1.2.15*/
    cursor: pointer;
    /*v1.2.16*/
    outline: none !important;
}
[type="checkbox"],
[type="radio"] {
    width: 30px;
}
[type="checkbox"].checked,
[type="checkbox"]:checked,
[type="radio"].checked
[type="radio"]:checked {
    background: green !important;
}
/*v1.2.15*/
[class*="icheckbox"]:after,
[class*="iradio"]:after,
[type="checkbox"]::after,
[type="radio"]:after {
    display: flex;
    width: 100%;
    height: 100%;
    content: "\2713 ";
    color: #aaaaaa;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
/*v1.2.15*/
[type="checkbox"]:hover:after,
[type="radio"]:hover:after {
    opacity: 1;
}
/*v1.2.15*/
[class*="icheckbox"].checked:after,
[class*="iradio"].checked:after,
[type="checkbox"]:checked:after,
[type="radio"]:checked::after {
    opacity: 1;
    color: white;
}

/*1.2.5*/
.clear {
    clear: both;
}

.form-group {
    margin-bottom: 10px;
    padding-bottom: 2px;
    overflow: hidden;
}

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
    left: 0px;
    direction: ltr;
}
body.rtls.fixed-sidebar .navbar-static-side,
body.rtls.canvas-menu .navbar-static-side {
    right: 0px;
    direction: rtl;
}
.rtls * {
    direction: rtl;
}
.rtls *:not(.text-center):not(".btn") {
    text-align: right;
}
.rtls .slimScrollBar {
    left: 0px !important;
    right: auto !important;
}
.rtls .text-left {
    text-align: right;
}
.rtls .ladda-button[data-style=expand-right][data-loading] {
    padding-right: 12px !important;
    padding-left: 56px !important;
}
.rtls .ladda-button[data-style=expand-right] .ladda-spinner {
    left: -6px !important;
    right: auto !important;
}
.rtls .popover .popover-content {
    padding-left: 24px;
}
/*v1.2.10
.rtls .k-dropdown .k-dropdown-wrap .k-select .k-icon {
    background: transparent;
    margin: 10px 10px 2px 2px;
}
*/

/*v1.2.10
.rtls .k-grid.k-widget .k-grid-header {
    padding-left: 0px !important;
}
*/

/*v1.2.7*/
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    top: 40px;
}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0px !important;
}

/*v1.2.8*/
.btn.btn-icon {
    padding: 2px 10px;
    font-size: 20px;
    border: none !important;
    color: #babec5;
}
.btn.btn-icon:hover,
.btn.btn-icon:active {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
}

/*v1.2.9*/
.profile-element {
    text-align: center;
}

.k-widget.form-control .k-select {
    border-radius: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    height: auto !important;
    line-height: 1.8em !important;
}

/*v1.2.10*/
.rtls .k-chart, .rtls .k-chart * {
    direction: ltr !important;
    text-align: left !important;
}

/*v1.2.15*/
.flex
{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.flex-inline
{
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
.flex, .flex-inline
{
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -moz-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    line-height: initial !important;
}
.flex.bottom, .flex-inline.bottom
{
    -webkit-box-align: flex-end !important;
    -webkit-align-items: flex-end !important;
    -moz-box-align: flex-end !important;
    -ms-flex-align: flex-end !important;
    align-items: flex-end !important;
    line-height: initial !important;
}
.flex.center, .flex-inline.center
{
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.flex.right, .flex-inline.right
{
    -webkit-box-pack: flex-end !important;
    -webkit-justify-content: flex-end !important;
    -moz-box-pack: flex-end !important;
    -ms-flex-pack: flex-end !important;
    justify-content: flex-end !important;
}
/*v1.2.15*/
.basic-definition-modal.absolute {
    opacity: 0;
}

.disabled,
[disabled] {
    pointer-events: none !important;
    opacity: 0.7;
}