html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 76px;
}

h1.page-header {
    font-size: 24px !important;
    margin-top: 30px;
}

.loading-layer {
	position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 2000;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
	cursor: wait !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f8f9fa!important;
    height: 56px;
}

.footer-content {
    margin-top: 17px;
}

.footer-logo {
    width: 85px;
    margin-top: -5px;
}

.zoom {
	transition: transform .2s !important;
}

.zoom:hover {
	transform: scale(1.05) !important;
}

.cursor-pointer {
    cursor: pointer;
}

.help-block-error,
.has-error label,
.has-error .btn-radio-group button,
label.has-error,
td.has-error {
    color: #a94442 !important;
}

.radio-group {
    padding: 6px 0px;
}

blockquote .small:before {
    content: unset !important;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

dd {
    padding-bottom: 5px;
}

.truncate-text {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    width: -webkit-fill-available;
}

.truncate-text-3-ln {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.custom-description {
    margin: 0;
}

.custom-description li:first-child label {
    margin-top: 0;
    margin-bottom: 0;
}

.custom-description li label {
    margin-top: 5px;
    margin-bottom: 0;
}

/* Vertical Tabs style */

.vertical-tabs {
    border-right: 1px solid #ddd;
}

.nav-pills.vertical-tabs > li > a, 
.nav-pills.vertical-tabs > li > a:focus, 
.nav-pills.vertical-tabs > li > a:hover {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-color: transparent;
    border: 1px solid transparent;
    margin-right: -1px;
}

.nav-pills.vertical-tabs > li > a:hover {
    border-right-color: #ddd;
}

.nav-pills.vertical-tabs > li.active > a, 
.nav-pills.vertical-tabs > li.active > a:focus, 
.nav-pills.vertical-tabs > li.active > a:hover {
    color: #555 !important;
    background-color: #fff !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 1px solid #ddd;
    border-right-color: transparent;
}

.nav-pills.vertical-tabs > .active > a >.badge {
    color: #fff;
    background-color: #337ab7;
}

/* Table style */

.v-a-middle {
    vertical-align: middle !important;
}

.table-sm {
	font-size: 12px;
}

.table-sm tbody tr td,
.table-sm tbody tr th {
    vertical-align: middle !important;
}

.table-xs {
	font-size: 11px;
}

.table-xxs {
	font-size: 10px;
}

/* -- */

/* Mouse pointer style */

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-not-allowed {
	cursor: not-allowed !important;
}

/* -- */

/* Bootstrap btn-group btn-radio btn-info custom */

.btn-radio > .btn-info {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-radio > .btn-info.active {
    color: #fff !important;
    background-color: #269abc !important;
    border-color: #1b6d85 !important;
}

/* -- */

/* Bootstrap panel same height */

.equal {  
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.panel {
    width: 100%;
    height: 95%;
}

/* -- */

/* Bootstrap Panel-Header with Buttons on right side */

.panel-heading.with-btn {
    position: relative;
}

.panel-heading.with-btn::after {
    display: block;
    content: '';
    clear: both;
}

.panel-heading.with-btn h3 {
    float: left!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}

.panel-heading.with-btn {
    position: relative;
}

.panel-heading.with-btn .btn {
    float: right!important;
    position: absolute !important;
    right: 15px !important;
}

.panel-heading.with-btn .btn-xs {
    margin-top: -2px !important;
}

/* -- */

/* Override CSS datatables */

div.dt-buttons {
    margin-right: 20px;
}

div.dataTables_filter label {
    margin-right: -10px;
}

.no-sort {
	cursor: default !important;
}

.no-sort:before {
	content: "" !important;
}

/* -- */

/* Override CSS ui-datapiker */

.uib-daypicker:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

/* -- */

/* Fix SweetAlert2's font-size for Bootstrap 3 */

.swal2-popup {
   font-size: 1.6rem !important;
}

/* -- */

/* Override CSS ui-select */

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.ui-select-bootstrap.ui-select-no-wrap .ui-select-choices-row > span {
	white-space: normal !important;
}

.ui-select-multiple.ui-select-bootstrap {
	padding: 6px 12px;

}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
	height: auto;
	margin: 0;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
	line-height: 0.90;
}

.ui-select-bootstrap > .ui-select-match > .btn:hover {
	background-color: #fff;
}

.ui-select-bootstrap > .ui-select-match > .btn[disabled],
.ui-select-bootstrap > .ui-select-match > .btn[disabled]:hover {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #555;
}

.ui-select-bootstrap .ui-select-match-text {
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* -- */

.no-wrap {
    white-space: nowrap !important;
}

.wrap {
    white-space: normal !important;
}

.carriage-return {
    white-space: pre-line;
}

/*
 * Margin
 */
 .m-0 { margin: 0 !important }
 .m-5 { margin: 5px !important }
 .m-10 { margin: 10px !important }
 .m-15 { margin: 15px !important }
 .m-20 { margin: 20px !important }
 .m-25 { margin: 25px !important }
 .m-30 { margin: 30px !important }
 .m-35 { margin: 35px !important }
 .m-40 { margin: 40px !important }
 .m-45 { margin: 45px !important }
 .m-50 { margin: 50px !important }
 .m-55 { margin: 55px !important }
 .m-60 { margin: 60px !important }
 .m-65 { margin: 65px !important }
 .m-70 { margin: 70px !important }
 .m-75 { margin: 75px !important }
 .m-80 { margin: 80px !important }
 .m-85 { margin: 85px !important }
 .m-90 { margin: 90px !important }
 .m-95 { margin: 95px !important }
 .m-100 { margin: 100px !important }
 .m-110 { margin: 110px !important }
 .m-120 { margin: 120px !important }
 .m-130 { margin: 130px !important }
 .m-140 { margin: 140px !important }
 .m-150 { margin: 150px !important }
 .m-200 { margin: 200px !important }
 
 /*
  * Margin Top
  */
 .m-t-0 { margin-top: 0 !important }
 .m-t-5 { margin-top: 5px !important }
 .m-t-10 { margin-top: 10px !important }
 .m-t-15 { margin-top: 15px !important }
 .m-t-20 { margin-top: 20px !important }
 .m-t-25 { margin-top: 25px !important }
 .m-t-30 { margin-top: 30px !important }
 .m-t-35 { margin-top: 35px !important }
 .m-t-40 { margin-top: 40px !important }
 .m-t-45 { margin-top: 45px !important }
 .m-t-50 { margin-top: 50px !important }
 .m-t-55 { margin-top: 55px !important }
 .m-t-60 { margin-top: 60px !important }
 .m-t-65 { margin-top: 65px !important }
 .m-t-70 { margin-top: 70px !important }
 .m-t-75 { margin-top: 75px !important }
 .m-t-80 { margin-top: 80px !important }
 .m-t-85 { margin-top: 85px !important }
 .m-t-90 { margin-top: 90px !important }
 .m-t-95 { margin-top: 95px !important }
 .m-t-100 { margin-top: 100px !important }
 .m-t-110 { margin-top: 110px !important }
 .m-t-120 { margin-top: 120px !important }
 .m-t-130 { margin-top: 130px !important }
 .m-t-140 { margin-top: 140px !important }
 .m-t-150 { margin-top: 150px !important }
 .m-t-200 { margin-top: 200px !important }
 
 /*
  * Margin Bottom
  */
 .m-b-0 { margin-bottom: 0 !important }
 .m-b-5 { margin-bottom: 5px !important }
 .m-b-10 { margin-bottom: 10px !important }
 .m-b-15 { margin-bottom: 15px !important }
 .m-b-20 { margin-bottom: 20px !important }
 .m-b-25 { margin-bottom: 25px !important }
 .m-b-30 { margin-bottom: 30px !important }
 .m-b-35 { margin-bottom: 35px !important }
 .m-b-40 { margin-bottom: 40px !important }
 .m-b-45 { margin-bottom: 45px !important }
 .m-b-50 { margin-bottom: 50px !important }
 .m-b-55 { margin-bottom: 55px !important }
 .m-b-60 { margin-bottom: 60px !important }
 .m-b-65 { margin-bottom: 65px !important }
 .m-b-70 { margin-bottom: 70px !important }
 .m-b-75 { margin-bottom: 75px !important }
 .m-b-80 { margin-bottom: 80px !important }
 .m-b-85 { margin-bottom: 85px !important }
 .m-b-90 { margin-bottom: 90px !important }
 .m-b-95 { margin-bottom: 95px !important }
 .m-b-100 { margin-bottom: 100px !important }
 .m-b-110 { margin-bottom: 110px !important }
 .m-b-120 { margin-bottom: 120px !important }
 .m-b-130 { margin-bottom: 130px !important }
 .m-b-140 { margin-bottom: 140px !important }
 .m-b-150 { margin-bottom: 150px !important }
 .m-b-200 { margin-bottom: 200px !important }
 
 /*
  * Margin Left
  */
 .m-l-0 { margin-left: 0 !important }
 .m-l-5 { margin-left: 5px !important }
 .m-l-10 { margin-left: 10px !important }
 .m-l-15 { margin-left: 15px !important }
 .m-l-20 { margin-left: 20px !important }
 .m-l-25 { margin-left: 25px !important }
 .m-l-30 { margin-left: 30px !important }
 .m-l-35 { margin-left: 35px !important }
 .m-l-40 { margin-left: 40px !important }
 .m-l-45 { margin-left: 45px !important }
 .m-l-50 { margin-left: 50px !important }
 .m-l-55 { margin-left: 55px !important }
 .m-l-60 { margin-left: 60px !important }
 .m-l-65 { margin-left: 65px !important }
 .m-l-70 { margin-left: 70px !important }
 .m-l-75 { margin-left: 75px !important }
 .m-l-80 { margin-left: 80px !important }
 .m-l-85 { margin-left: 85px !important }
 .m-l-90 { margin-left: 90px !important }
 .m-l-95 { margin-left: 95px !important }
 .m-l-100 { margin-left: 100px !important }
 .m-l-110 { margin-left: 110px !important }
 .m-l-120 { margin-left: 120px !important }
 .m-l-130 { margin-left: 130px !important }
 .m-l-140 { margin-left: 140px !important }
 .m-l-150 { margin-left: 150px !important }
 .m-l-200 { margin-left: 200px !important }
 
 /*
  * Margin Right
  */
 .m-r-0 { margin-right: 0 !important }
 .m-r-5 { margin-right: 5px !important }
 .m-r-10 { margin-right: 10px !important }
 .m-r-15 { margin-right: 15px !important }
 .m-r-20 { margin-right: 20px !important }
 .m-r-25 { margin-right: 25px !important }
 .m-r-30 { margin-right: 30px !important }
 .m-r-35 { margin-right: 35px !important }
 .m-r-40 { margin-right: 40px !important }
 .m-r-45 { margin-right: 45px !important }
 .m-r-50 { margin-right: 50px !important }
 .m-r-55 { margin-right: 55px !important }
 .m-r-60 { margin-right: 60px !important }
 .m-r-65 { margin-right: 65px !important }
 .m-r-70 { margin-right: 70px !important }
 .m-r-75 { margin-right: 75px !important }
 .m-r-80 { margin-right: 80px !important }
 .m-r-85 { margin-right: 85px !important }
 .m-r-90 { margin-right: 90px !important }
 .m-r-95 { margin-right: 95px !important }
 .m-r-100 { margin-right: 100px !important }
 .m-r-110 { margin-right: 110px !important }
 .m-r-120 { margin-right: 120px !important }
 .m-r-130 { margin-right: 130px !important }
 .m-r-140 { margin-right: 140px !important }
 .m-r-150 { margin-right: 150px !important }
 .m-r-200 { margin-right: 200px !important }
 
 /*
  * Padding
  */
 .p-0 { padding: 0 !important }
 .p-5 { padding: 5px !important }
 .p-6 { padding: 6px !important }
 .p-10 { padding: 10px !important }
 .p-15 { padding: 15px !important }
 .p-20 { padding: 20px !important }
 .p-25 { padding: 25px !important }
 .p-30 { padding: 30px !important }
 .p-35 { padding: 35px !important }
 .p-40 { padding: 40px !important }
 .p-45 { padding: 45px !important }
 .p-50 { padding: 50px !important }
 .p-55 { padding: 55px !important }
 .p-60 { padding: 60px !important }
 .p-65 { padding: 65px !important }
 .p-70 { padding: 70px !important }
 .p-75 { padding: 75px !important }
 .p-80 { padding: 80px !important }
 .p-85 { padding: 85px !important }
 .p-90 { padding: 90px !important }
 .p-95 { padding: 95px !important }
 .p-100 { padding: 100px !important }
 .p-110 { padding: 110px !important }
 .p-120 { padding: 120px !important }
 .p-130 { padding: 130px !important }
 .p-140 { padding: 140px !important }
 .p-150 { padding: 150px !important }
 
 /*
  * Padding Top
  */
 .p-t-0 { padding-top: 0 !important }
 .p-t-5 { padding-top: 5px !important }
 .p-t-10 { padding-top: 10px !important }
 .p-t-15 { padding-top: 15px !important }
 .p-t-20 { padding-top: 20px !important }
 .p-t-25 { padding-top: 25px !important }
 .p-t-30 { padding-top: 30px !important }
 .p-t-35 { padding-top: 35px !important }
 .p-t-40 { padding-top: 40px !important }
 .p-t-45 { padding-top: 45px !important }
 .p-t-50 { padding-top: 50px !important }
 .p-t-55 { padding-top: 55px !important }
 .p-t-60 { padding-top: 60px !important }
 .p-t-65 { padding-top: 65px !important }
 .p-t-70 { padding-top: 70px !important }
 .p-t-75 { padding-top: 75px !important }
 .p-t-80 { padding-top: 80px !important }
 .p-t-85 { padding-top: 85px !important }
 .p-t-90 { padding-top: 90px !important }
 .p-t-95 { padding-top: 95px !important }
 .p-t-100 { padding-top: 100px !important }
 .p-t-110 { padding-top: 110px !important }
 .p-t-120 { padding-top: 120px !important }
 .p-t-130 { padding-top: 130px !important }
 .p-t-140 { padding-top: 140px !important }
 .p-t-150 { padding-top: 150px !important }
 
 /*
  * Padding Bottom
  */
 .p-b-0 { padding-bottom: 0 !important }
 .p-b-5 { padding-bottom: 5px !important }
 .p-b-10 { padding-bottom: 10px !important }
 .p-b-15 { padding-bottom: 15px !important }
 .p-b-20 { padding-bottom: 20px !important }
 .p-b-25 { padding-bottom: 25px !important }
 .p-b-30 { padding-bottom: 30px !important }
 .p-b-35 { padding-bottom: 35px !important }
 .p-b-40 { padding-bottom: 40px !important }
 .p-b-45 { padding-bottom: 45px !important }
 .p-b-50 { padding-bottom: 50px !important }
 .p-b-55 { padding-bottom: 55px !important }
 .p-b-60 { padding-bottom: 60px !important }
 .p-b-65 { padding-bottom: 65px !important }
 .p-b-70 { padding-bottom: 70px !important }
 .p-b-75 { padding-bottom: 75px !important }
 .p-b-80 { padding-bottom: 80px !important }
 .p-b-85 { padding-bottom: 85px !important }
 .p-b-90 { padding-bottom: 90px !important }
 .p-b-95 { padding-bottom: 95px !important }
 .p-b-100 { padding-bottom: 100px !important }
 .p-b-110 { padding-bottom: 110px !important }
 .p-b-120 { padding-bottom: 120px !important }
 .p-b-130 { padding-bottom: 130px !important }
 .p-b-140 { padding-bottom: 140px !important }
 .p-b-150 { padding-bottom: 150px !important }
 
 /*
  * Padding Left
  */
 .p-l-0 { padding-left: 0 !important }
 .p-l-5 { padding-left: 5px !important }
 .p-l-10 { padding-left: 10px !important }
 .p-l-15 { padding-left: 15px !important }
 .p-l-20 { padding-left: 20px !important }
 .p-l-25 { padding-left: 25px !important }
 .p-l-30 { padding-left: 30px !important }
 .p-l-35 { padding-left: 35px !important }
 .p-l-40 { padding-left: 40px !important }
 .p-l-45 { padding-left: 45px !important }
 .p-l-50 { padding-left: 50px !important }
 .p-l-55 { padding-left: 55px !important }
 .p-l-60 { padding-left: 60px !important }
 .p-l-65 { padding-left: 65px !important }
 .p-l-70 { padding-left: 70px !important }
 .p-l-75 { padding-left: 75px !important }
 .p-l-80 { padding-left: 80px !important }
 .p-l-85 { padding-left: 85px !important }
 .p-l-90 { padding-left: 90px !important }
 .p-l-95 { padding-left: 95px !important }
 .p-l-100 { padding-left: 100px !important }
 .p-l-110 { padding-left: 110px !important }
 .p-l-120 { padding-left: 120px !important }
 .p-l-130 { padding-left: 130px !important }
 .p-l-140 { padding-left: 140px !important }
 .p-l-150 { padding-left: 150px !important }
 
 /*
  * Padding Right
  */
 .p-r-0 { padding-right: 0 !important }
 .p-r-5 { padding-right: 5px !important }
 .p-r-10 { padding-right: 10px !important }
 .p-r-15 { padding-right: 15px !important }
 .p-r-20 { padding-right: 20px !important }
 .p-r-25 { padding-right: 25px !important }
 .p-r-30 { padding-right: 30px !important }
 .p-r-35 { padding-right: 35px !important }
 .p-r-40 { padding-right: 40px !important }
 .p-r-45 { padding-right: 45px !important }
 .p-r-50 { padding-right: 50px !important }
 .p-r-55 { padding-right: 55px !important }
 .p-r-60 { padding-right: 60px !important }
 .p-r-65 { padding-right: 65px !important }
 .p-r-70 { padding-right: 70px !important }
 .p-r-75 { padding-right: 75px !important }
 .p-r-80 { padding-right: 80px !important }
 .p-r-85 { padding-right: 85px !important }
 .p-r-90 { padding-right: 90px !important }
 .p-r-95 { padding-right: 95px !important }
 .p-r-100 { padding-right: 100px !important }
 .p-r-110 { padding-right: 110px !important }
 .p-r-120 { padding-right: 120px !important }
 .p-r-130 { padding-right: 130px !important }
 .p-r-140 { padding-right: 140px !important }
 .p-r-150 { padding-right: 150px !important }
 
 /*
  * Font Weight
  */
 .f-w-unset { font-weight: unset !important }
 .f-w-100 { font-weight: 100 !important }
 .f-w-200 { font-weight: 200 !important }
 .f-w-300 { font-weight: 300 !important }
 .f-w-400 { font-weight: 400 !important }
 .f-w-500 { font-weight: 500 !important }
 .f-w-600 { font-weight: 600 !important }
 .f-w-700 { font-weight: 700 !important }
 .f-w-800 { font-weight: 800 !important }
 .f-w-b { font-weight: bold !important }
 
 /*
  * Font Size
  */
 .f-s-unset { font-size: unset !important }
 .f-s-7 { font-size: 0.7em !important }
 .f-s-8 { font-size: 0.8em !important }
 .f-s-9 { font-size: 0.9em !important }
 .f-s-10 { font-size: 1em !important }
 .f-s-11 { font-size: 1.1em !important }
 .f-s-12 { font-size: 1.2em !important }
 .f-s-13 { font-size: 1.3em !important }
 .f-s-14 { font-size: 1.4em !important }
 .f-s-15 { font-size: 1.5em !important }
 .f-s-16 { font-size: 1.6em !important }
 .f-s-17 { font-size: 1.7em !important }
 .f-s-18 { font-size: 1.8em !important }
 .f-s-19 { font-size: 1.9em !important }
 .f-s-20 { font-size: 2em !important }
 
 /*
  * Display
  */
 .d-block { display: block !important }
 .d-inline-block { display: inline-block !important }
 .d-table { display: table !important }
 
 /*
  * Border
  */
 .b-unset { border: unset !important }
 .b-0 { border: 0 !important }
 .no-border-top { border-top: none !important }
 
 /*
  * Line Height
  */
 .l-h-1 { line-height: 1 !important }
 
 /*
  * Border Radius
  */
 .b-r-0 { border-radius: 0 !important }
 .b-r-1 { border-radius: 1px !important }
 .b-r-2 { border-radius: 2px !important }
 .b-r-3 { border-radius: 3px !important }
 .b-r-4 { border-radius: 4px !important }
 .b-r-0 { border-radius: 0 !important }
 .b-r-10 { border-radius: 10px !important }
 .b-r-circle { border-radius: 50% !important }
 
 /*
  * Width
  */
 .w-1 { width: 1% !important }
 .w-2 { width: 2% !important }
 .w-3 { width: 3% !important }
 .w-4 { width: 4% !important }
 .w-5 { width: 5% !important }
 .w-6 { width: 6% !important }
 .w-7 { width: 7% !important }
 .w-8 { width: 8% !important }
 .w-9 { width: 9% !important }
 .w-10 { width: 10% !important }
 .w-11 { width: 11% !important }
 .w-12 { width: 12% !important }
 .w-13 { width: 13% !important }
 .w-14 { width: 14% !important }
 .w-15 { width: 15% !important }
 .w-16 { width: 16% !important }
 .w-17 { width: 17% !important }
 .w-18 { width: 18% !important }
 .w-19 { width: 19% !important }
 .w-20 { width: 20% !important }
 .w-21 { width: 21% !important }
 .w-22 { width: 22% !important }
 .w-23 { width: 23% !important }
 .w-24 { width: 24% !important }
 .w-25 { width: 25% !important }
 .w-30 { width: 30% !important }
 .w-35 { width: 35% !important }
 .w-40 { width: 40% !important }
 .w-45 { width: 45% !important }
 .w-50 { width: 50% !important }
 .w-55 { width: 55% !important }
 .w-60 { width: 60% !important }
 .w-65 { width: 65% !important }
 .w-70 { width: 70% !important }
 .w-75 { width: 75% !important }
 .w-80 { width: 80% !important }
 .w-85 { width: 85% !important }
 .w-90 { width: 90% !important }
 .w-95 { width: 95% !important }
 .w-100 { width: 100% !important }
 
 /*
  * Height
  */
 .h-0 { height: 0 !important }
 .h-1 { height: 1px !important }
 .h-2 { height: 2px !important }
 .h-3 { height: 3px !important }
 .h-4 { height: 4px !important }
 .h-5 { height: 5px !important }
 .h-6 { height: 6px !important }
 .h-7 { height: 7px !important }
 .h-8 { height: 8px !important }
 .h-9 { height: 9px !important }
 .h-10 { height: 10px !important }
 .h-11 { height: 11px !important }
 .h-12 { height: 12px !important }
 .h-13 { height: 13px !important }
 .h-14 { height: 14px !important }
 .h-15 { height: 15px !important }
 .h-16 { height: 16px !important }
 .h-17 { height: 17px !important }
 .h-18 { height: 18px !important }
 .h-19 { height: 19px !important }
 .h-20 { height: 20px !important }
 .h-25 { height: 25px !important }
 .h-30 { height: 30px !important }
 .h-35 { height: 35px !important }
 .h-40 { height: 40px !important }
 .h-45 { height: 45px !important }
 .h-50 { height: 50px !important }
 .h-55 { height: 55px !important }
 .h-60 { height: 60px !important }
 .h-65 { height: 65px !important }
 .h-70 { height: 70px !important }
 .h-75 { height: 75px !important }
 .h-80 { height: 80px !important }
 .h-85 { height: 85px !important }
 .h-90 { height: 90px !important }
 .h-95 { height: 95px !important }
 .h-100 { height: 100px !important }
 .h-110 { height: 110px !important }
 .h-120 { height: 120px !important }
 .h-130 { height: 130px !important }
 .h-140 { height: 140px !important }
 .h-150 { height: 150px !important }
 .h-160 { height: 160px !important }
 .h-170 { height: 170px !important }
 .h-180 { height: 180px !important }
 .h-190 { height: 190px !important }
 .h-200 { height: 200px !important }
 .h-250 { height: 250px !important }
 .h-300 { height: 300px !important }
 .h-350 { height: 350px !important }
 .h-400 { height: 400px !important }
 .h-450 { height: 450px !important }
 .h-500 { height: 500px !important }
 .h-550 { height: 550px !important }
 .h-600 { height: 600px !important }
 .h-650 { height: 650px !important }
 .h-700 { height: 700px !important }
 .h-750 { height: 750px !important }
 .h-800 { height: 800px !important }
 .h-850 { height: 850px !important }
 .h-900 { height: 900px !important }
 .h-950 { height: 950px !important }
 .h-1000 { height: 1000px !important }
 
 /*
  * Position
  */
 .pos-relative { position: relative !important }
 .pos-absolute { position: absolute !important }
 .pos-fixed { position: fixed !important }
 .pos-static { position: static !important }
 
 /*
  * Material Colors
  */
 .c-white { color: #ffffff !important }
 .c-light { color: #dddddd !important }
 .c-black { color: #000000 !important }
 .c-dark { color: #333333 !important }
 .c-brown { color: #795548 !important }
 .c-pink { color: #e91e63 !important }
 .c-red { color: #f44336 !important }
 .c-blue { color: #2196f3 !important }
 .c-purple { color: #9c27b0 !important }
 .c-deeppurple { color: #673ab7 !important }
 .c-lightblue { color: #03a9f4 !important }
 .c-cyan { color: #00bcd4 !important }
 .c-teal { color: #009688 !important }
 .c-green { color: #4caf50 !important }
 .c-lightgreen { color: #8bc34a !important }
 .c-lime { color: #cddc39 !important }
 .c-yellow { color: #ffeb3b !important }
 .c-amber { color: #ffc107 !important }
 .c-orange { color: #ff9800 !important }
 .c-deeporange { color: #ff5722 !important }
 .c-gray { color: #9e9e9e !important }
 .c-bluegray { color: #607d8b !important }
 .c-indigo { color: #3f51b5 !important }
 
 /*
  * Material Background Colors
  */
 .bg-white { background-color: #ffffff !important }
 .bg-light { background-color: #dddddd !important }
 .bg-black { background-color: #000000 !important }
 .bg-dark { background-color: #333333 !important }
 .bg-brown { background-color: #795548 !important }
 .bg-pink { background-color: #e91e63 !important }
 .bg-red { background-color: #f44336 !important }
 .bg-blue { background-color: #2196f3 !important }
 .bg-purple { background-color: #9c27b0 !important }
 .bg-deeppurple { background-color: #673ab7 !important }
 .bg-lightblue { background-color: #03a9f4 !important }
 .bg-cyan { background-color: #00bcd4 !important }
 .bg-teal { background-color: #009688 !important }
 .bg-green { background-color: #4caf50 !important }
 .bg-lightgreen { background-color: #8bc34a !important }
 .bg-lime { background-color: #cddc39 !important }
 .bg-yellow { background-color: #ffeb3b !important }
 .bg-amber { background-color: #ffc107 !important }
 .bg-orange { background-color: #ff9800 !important }
 .bg-deeporange { background-color: #ff5722 !important }
 .bg-gray { background-color: #9e9e9e !important }
 .bg-bluegray { background-color: #607d8b !important }
 .bg-indigo { background-color: #3f51b5 !important }
 .bg-primary { background-color: #337ab7 !important }
 .bg-info { background-color: #5bc0de !important }
 .bg-success { background-color: #449d44 !important }
 .bg-warning { background-color: #f0ad4e !important }
 .bg-danger { background-color: #d9534f !important }
 
 /*
  * Material Border Colors
  */
 .bc-white { border-color: #ffffff !important }
 .bc-light { border-color: #dddddd !important }
 .bc-black { border-color: #000000 !important }
 .bc-dark { border-color: #333333 !important }
 .bc-brown { border-color: #795548 !important }
 .bc-pink { border-color: #e91e63 !important }
 .bc-red { border-color: #f44336 !important }
 .bc-blue { border-color: #2196f3 !important }
 .bc-purple { border-color: #9c27b0 !important }
 .bc-deeppurple { border-color: #673ab7 !important }
 .bc-lightblue { border-color: #03a9f4 !important }
 .bc-cyan { border-color: #00bcd4 !important }
 .bc-teal { border-color: #009688 !important }
 .bc-green { border-color: #4caf50 !important }
 .bc-lightgreen { border-color: #8bc34a !important }
 .bc-lime { border-color: #cddc39 !important }
 .bc-yellow { border-color: #ffeb3b !important }
 .bc-amber { border-color: #ffc107 !important }
 .bc-orange { border-color: #ff9800 !important }
 .bc-deeporange { border-color: #ff5722 !important }
 .bc-gray { border-color: #9e9e9e !important }
 .bc-bluegray { border-color: #607d8b !important }
 .bc-indigo { border-color: #3f51b5 !important }

/* Flexbox */

.d-flex-center {
    display: flex !important;
    align-items: center !important;
}

.text-deleted {
    text-decoration: line-through;
}

.form-textarea {
    max-width: 100%;
    min-height: 120px;
    resize: vertical;
}

/* Reports */

.reports .top-report {
    background: #337ab7;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
}
.reports .top-report > .title {
    font-size: .9em;
    min-height: 42px;
}
.reports .top-report > .value {
    font-size: 1.4em;
}
.reports .chart {
    margin-bottom: 20px;
}
.reports .chart .chart-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
    font-size: 1.2em;
}
.reports .chart .chart-content {
    min-height: 320px;
    height: 320px;
}
.reports .chart .chart-content-large {
    min-height: 800px;
    height: 800px;
    margin-top: 20px;
}
.reports .chart .chart-content-map {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: block;
}

/* Layout scrollable */

.layout-scrollable {
    border: 1px solid #dedede;
}
.layout-scrollable .layout-scrollable-row {
    display: flex;
    border: 1px solid #eee;
    height: 32px;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
}
.layout-scrollable .layout-scrollable-row.header {
    font-weight: bold;
}
.layout-scrollable .layout-scrollable-row > div:not(:first-child) {
    border-left: 1px solid #eee;
}
.layout-scrollable .layout-scrollable-body {
    max-height: 320px;
    overflow-y: auto;
}
.layout-scrollable ::-webkit-scrollbar-thumb {
    background: #ccc;
}
.layout-scrollable ::-webkit-scrollbar {
    width: 5px;
    background: #eee;
}

/* Cursor */
.cursor-auto            { cursor: auto; }
.cursor-default         { cursor: default; }
.cursor-none            { cursor: none; }
.cursor-context-menu    { cursor: context-menu; }
.cursor-help            { cursor: help; }
.cursor-pointer         { cursor: pointer; }
.cursor-progress        { cursor: progress; }
.cursor-wait            { cursor: wait; }
.cursor-cell            { cursor: cell; }
.cursor-crosshair       { cursor: crosshair; }
.cursor-text            { cursor: text; }
.cursor-vertical-text   { cursor: vertical-text; }
.cursor-alias           { cursor: alias; }
.cursor-copy            { cursor: copy; }
.cursor-move            { cursor: move; }
.cursor-no-drop         { cursor: no-drop; }
.cursor-not-allowed     { cursor: not-allowed; }
.cursor-all-scroll      { cursor: all-scroll; }
.cursor-col-resize      { cursor: col-resize; }
.cursor-row-resize      { cursor: row-resize; }
.cursor-n-resize        { cursor: n-resize; }
.cursor-e-resize        { cursor: e-resize; }
.cursor-s-resize        { cursor: s-resize; }
.cursor-w-resize        { cursor: w-resize; }
.cursor-ns-resize       { cursor: ns-resize; }
.cursor-ew-resize       { cursor: ew-resize; }
.cursor-ne-resize       { cursor: ne-resize; }
.cursor-nw-resize       { cursor: nw-resize; }
.cursor-se-resize       { cursor: se-resize; }
.cursor-sw-resize       { cursor: sw-resize; }
.cursor-nesw-resize     { cursor: nesw-resize; }
.cursor-nwse-resize     { cursor: nwse-resize; }

/* CRFs Form */

#scrollable-dropdown-menu .dropdown-menu {
    max-height: 295px !important;
    overflow-y: auto !important;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}