div#loaderScreen {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.white-text {
    color: white !important;
}
.full-width {
    width: 100%;
}
.blue-text {
    color: #0b294f;
}
.logo-header {
    max-height: 100px;
}
#svgMap {
    height: 700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.br-1 {
    border-right: 1px solid #ccc;
}
.mat-form-field {
  /*width: 100px !important;*/
}
.md-datepicker-input-container {
    /*width: 100% !important;   */
}
.flex-align-center {
    align-items: center;
}
.flex-justify-start {
    justify-content: flex-start;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.white-fill {
    fill: transparent;
}
.crem-bg {
    fill: #f1f1f1 !important;
}
.simple-square {
    cursor: pointer;
}

.simple-square {
    fill: white;
    stroke-width: 1;
    stroke: black;
}
.sala-display {
    overflow-x: scroll;
}
.point rect {
    cursor: pointer;
    text-align: center;
    fill: white;
    stroke: #333;
    stroke-width: 2px;
}
.point {
    position: relative;
}
.sala-display {
    font-family: "'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif";
}
.plan-title {
    text-transform: uppercase;
    font-weight: 800;
    fill: black !important;
}
.taraba-title tspan {
    stroke: transparent !important;
}
.taraba-title {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    /* fill: black !important; */
    font-size: 0.9em;
}
.custom-header-section {
    background: rgba(0,0,0, 0.5);   
    margin-bottom: 20px;
    padding: 5px;
}

.col-sm-12.cos-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.cos-wrap {
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1;
    width: 100%;
    margin: 5px 0;
    box-shadow: 1px 1px 1px #ccc;
    padding: 0;
}
.cos-head-section {
    width: 100%;
    background: #3f51b5;
    color: white;
    /* text-align: center; */
    padding: 5px;
}
p.tax-description {
    border: 0;
}
.cos-body-section {
    width: 100%;
    background: white;
}
table.table-section {
    width: 100%;
}
.md-success {
    background-color: green !important;
    color: white !important;
}
.m0 {
    margin: 0 !important;
}
span.cos-item-date {
    padding: 0 5px;
}
.small-square {
    width: 10px;
    height: 10px;
    content: "";
    padding: 0px 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
}
ul.simple-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.time-left {
    color: white;
    font-size: 24px;
}
label {
    margin-bottom: 0px !important;
}
.f20 {
    font-size: 20px;
}
.pointer {
    cursor: pointer;
}
.content {
    background: white;
}
.flex-center {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
.blue-text {
    color: blue;
}
.red-text {
    color: red;
}
h4.section-title {
    color: #0c4f9d;
    border-bottom: 2px solid #0c4f9d;
    margin: 20px 0 40px !important;
}
.m5 {
    margin: 5px;
}
.mt50 {
    margin-top: 50px;
}
.mb50 {
    margin-bottom: 50px;
}

section.header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 10px;
}

.header .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.logo {
    max-width: 100px;
    height: 100px;
    width: 100px;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.file-design {
    border: 1px solid #3f51b5;
}
.file-input {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
}
.file-input div {
    display: flex;
    flex-direction: column;
}
.file-input .col-md-8 label {
    padding: 15px 10px;
    font-weight: 500;

}
.file-input label.md-button {
    align-self: flex-end;
}
.file-list {
    text-align: right;
    padding: 5px 10px;
}
.flex-end {
    justify-content: flex-end;
}
.mb0 {
    margin-bottom: 0;
}

@media only screen and (max-width: 1000px) {
    .bb-sm-1 {
        border-bottom: 1px solid #f4f4f4
    }
    .bb-sm-1:last-child {
        border: none;
    }
}
html {
    background: white;
}
.green-text {
    color: green;
}