/* Add here all your CSS customizations */
.border-red {
    border:1px solid red;
}
.kv-file-content{
    max-width:200px;
    max-height: 200px;
}
.file-preview-image{
    max-width:200px;
    max-height: 200px;
}
.file-zoom-content{
    width: 100%;
}
.dt-buttons{
    margin-bottom: 5px;
}
.timepicker-orient-bottom.open{
    z-index: 10050;
}
.timepicker-orient-top.open{
    z-index: 10050;
}
.thick {
    color: black;
    font-weight: bold;
}
.dt-button-collection{
    z-index: 2005;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-    ng-cloak {
    display: none !important;
}
.box-padding-10 {
    border: 1px solid #dddddd;
    padding: 10px
}
.box-padding-5 {
    border: 1px solid #dddddd;
    padding: 5px
}
.box-padding-none {
    border: 1px solid #dddddd;
}
.underline {
    display: block;
    overflow: auto;
    position: relative;
    top: -4px;
    border-bottom: 1px solid black;
}
.daywithreunion{
    background-color: #ed9c28;
}
#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
}

#pac-input:focus {
    border-color: #4d90fe;
}

.pac-container {
    font-family: Roboto;
}

#type-selector {
    border-radius: 5px;
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 5px 7px;
}

#type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

.middle-screen {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto;
}

#loader {
    left: 50%;
    font-size: 10px;
    border: .4em solid rgba(218, 219, 223, 1);
    border-left: .4em solid rgba(58, 166, 165, 1);
    animation: myspin 1.1s infinite linear;
}
#loader, #loader:after {
    border-radius: 50%;
    width: 4em;
    height: 4em;
    display: block;
    position: fixed;
    top: 50%;
      z-index: 2;
}

#loader1 {
    font-size: 10px;
    border: .4em solid rgba(218, 219, 223, 1);
    border-left: .4em solid rgba(58, 166, 165, 1);
    animation: myspin 1.1s infinite linear;
}
#loader1, #loader1:after {
    border-radius: 50%;
    width: 4em;
    height: 4em;
    display: block;
}
@keyframes myspin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}