.top-buffer {
    margin-top: 20px;
}

.top-buffer-sm {
    margin-top: 5px;
}

.bottom-buffer {
    margin-bottom: 20px;
}

.left-buffer {
    margin-left: 20px;
}

.modalBackground {
    background-color: #CCCCFF;
    filter: alpha(opacity=40);
    opacity: 0.5;
}

.ModalWindow {
    border: solid,1px,#c0c0c0;
    /*overflow: auto;*/
    max-height: 98%;
    width: 95%;
    position: relative;
}

.modal-body-overflow {
    position: relative;
    padding: 20px;
    max-height: calc(115vh - 150px);
    overflow-y: auto;
}

.asp-btn-close {
    margin-top: -12px !important;
    color: black;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.btn-gap {
    margin-top: -12px !important;
    color: black;
    margin: 7px 7px 7px 7px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.divider {
    width: 5px;
    height: auto;
    display: inline-block;
}

.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

thead.center tr th {
    text-align: center;
}

td.center {
    text-align: center;
}

.required label.control-label {
    font-weight: bold;
}

.required label.control-label:after {
    color: #e32;
    content: ' *';
    display: inline;
}

.requiredbefore label.control-label:before {
    color: #e32;
    content: ' *';
    display: inline;
}

.bold label.control-label {
    font-weight: bold;
}

.display-none {
    display: none;
}

.row, .panel-heading {
    text-align: left;
}

.note-xs {
    font-size: x-small;
}

.page-header.left {
    text-align: left;
}

.container-fluid.min-height {
    min-height: 400px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

label.middle {
    MARGIN-TOP: .20EM;
}

input.max-width {
    max-width: 163px;
}

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

.align-left label.control-label {
    text-align: left;
}

.container-inline {
    display: inline-flex;
}

div.align-center {
    text-align: center;
}

th {
    background-color: white;
}

.m-buttons {
    background-color: #D1E0E9;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    width: 100%;
}

.m-buttons-dark {
    background-color: #AEC9D9;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    width: 100%;
}

.m-details-view {
    margin: 15px 12px 15px 12px;
}

.m-form-horizontal {
    padding: 0px 10px;
}

.m-has-error {
    color: red !important;
    position: static;
    white-space: nowrap;
}

.m-hint {
    font-family: Verdana;
    white-space: nowrap;
}

.m-hint-default {
    color: grey;
    font-size: 11px;
    font-weight: normal;
}

.m-hint-danger {
    color: red !important;
    font-size: 10px;
    font-weight: bold;
}

.m-link {
    background-color: transparent;
    color: #bc3f26;
    cursor: pointer;
	text-decoration: none;
}

.m-link:active,
.m-link:hover {
	color: #91170a;
	outline: 0;
	text-decoration: underline;
}

.m-link:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.m-navdraw {
    background-color: whitesmoke;
    max-height: 800px;
    overflow-y: auto;
    padding-bottom: 20px;
}

.m-panel-body {
    margin: 0px -35px;
}

.m-popover .m-list-group {
    margin: -5px 0px -5px -40px;
}

.m-popover .m-list-group-item {
    background-color: #fff;
    display: block;
    position: relative;
}

.m-popover .m-list-group-item:hover {
    background-color: #d9edf7;
    color: #31708f;
}

.m-required {
    color: red;
    font: bold;
}

.m-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: 100% no-repeat url('../Images/ASPxCombobox_DropdownUI.png');
    background-color: #ffffff;
    background-size: contain;
    border-radius: 4px;
}

.m-select::-ms-expand {
    display: none;
}

.m-table {
    background-color: #ffffff;
}

.m-subtable {
    background-color: #ffffff;
    border: 1px solid;
    border-collapse: separate;
    border-radius: 6px;
    margin-bottom: 8px 12px;
    padding: 3px;
}

.m-table > thead > tr > th, 
.m-table > thead > tr > td,
.m-subtable > thead > tr > th, 
.m-subtable > thead > tr > td {
    white-space: nowrap;
}

.m-table > tbody > tr > th,
.m-table > tfoot > tr > th,
.m-table > tbody > tr > td,
.m-table > tfoot > tr > td,
.m-subtable > tbody > tr > th,
.m-subtable > tfoot > tr > th,
.m-subtable > tbody > tr > td,
.m-subtable > tfoot > tr > td {
    max-width: 100%;
    word-break: keep-all;
    word-wrap: break-word;
}

.m-table-responsive {
    margin-right: -9999px;
    max-width: 100%;
}

.m-table-title {
    background-color: #6598b7;
    color: #FFFFFF;
    display: table;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
}

.m-table-group-title {
    background-color: #c5c5c5 !important;
    font-size: 12px;
    font-weight: bold;
}

.m-table-group-title-light {
    background-color: #f3f8f8 !important;
    font-size: 12px;
    font-weight: bold;
}

.m-text-append {
    float: left;
    margin: 9px -12px;
}

.m-text-append-bold {
    float: left;
    font-size: large;
    margin: 4px -15px;
}

.m-loader-xs {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.m-loader-sm {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ng-combobox .btn-default,
[uib-datepicker-popup] + .input-group-btn .btn-default,
[uib-datepicker-popup-wrap] + .input-group-btn .btn-default {
    background: #5ea1c8;
    border: 1px solid #a0a0a0;
    box-shadow: none;
    color: white;
    padding: 8px 12px;
    width: 45px;
}

[uib-datepicker-popup] + .input-group-btn .glyphicon,
[uib-datepicker-popup-wrap] + .input-group-btn .glyphicon {
    font-size: 14px;
}

.uib-daypicker .btn-default,
.uib-monthpicker .btn-default,
.uib-yearpicker .btn-default {
    color: black;
    background-color: white !important;
    background: white;
}

.uib-datepicker-popup .uib-left,
.uib-datepicker-popup .uib-right {
    height: 30px;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    color: white !important;
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
}
.wrapASPxGrid
{
   word-break:break-all
}