body {
  font-family: 'Ubuntu', sans-serif; 
}

.navbar-default .stroke li a{
  position: relative;
  font-size: 18px;
}
.navbar-default .stroke li a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #ffffff;
  height: 3px;
}
.navbar-default .stroke li a:hover:after {
  width: 100%;
  transition: all 0.3s ease;
}

@media screen and (min-width:768px) {
  #masterpc {background-image: url("https://assets.bettyblocks.com/61185c5cccc146f1a93685744893e5d7_assets/files/blue_background");
    background-size: 115% 250%;
  }
}

@media screen and (max-width: 768px) {
  #masterpc {background-color: white;}
  h3:not(.panel-title) {
    margin-bottom: 50px !important;
    text-align: center;
  }
  .menu-footer {
   	display: none !important; 
  }
  .current-user {
   	width: 100% !important; 
  }
  .resize {
   	margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .login-screen {
    width: auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.form-control {
  border-color: #21B4D8;
}

.absolute {
  margin-top: -50px;
}

.resize {
  background-size: 100% 100%;
  background-position: center;
}

.box-shadow {
  box-shadow: 0 8px 22px 0 rgba(0,0,0,.1);
}

.table td {
  height: 40px; 
}

.comment-cstm textarea {
  height: 150px; 
}

.gc-radius {
  border-radius: 10px;
  overflow: hidden;
}

div.table {
  overflow-x: scroll;
  margin-bottom: 10px;
}

.table-cstm {
  width: 100%;
  margin-bottom: 0px;
}

.table-cstm td {
  vertical-align: middle !important; 
}
.dash-alert {
  bottom: 0;
  width: 100%;
}

.btn-primary:hover {
  background-color: #20A2C4 !important;
}
.btn-default-cstm:hover {
  background-color: #8B8B8B !important;
}

#overlay { display:none; justify-content:center; align-items:center; position:fixed; top:0; left:0; height:100vh; width:100vw; background-color:rgba(0,0,0,0.3); z-index:100; user-select:none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none; }
#loader { position:absolute; left:0;top:0;right:0;bottom:0; text-align:center; color:#E9004c; z-index:101; }

.spinner {
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 4px solid #AFB5C8;
  border-left: 4px solid #262A3A;
  animation: fa-spin 1.1s infinite linear;
}
.loader-logo {
  position: absolute;
  width: 40px;
  height: auto;
  left: calc(50% - 20px);
  top: calc(50% - 18px);
}