body {    
    font-size: 14px;
    background: #f4f4f4;
    /*font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: "Muli", sans-serif;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c2c4c6;
    opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c2c4c6;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #c2c4c6;
}
.dropdown-menu{
    font-size: 14px;
}
.select2-selection .field-required{
    border-left: 4px solid #ED2B74 !important;    
}
.page-head{
    margin-bottom: 20px;
}
.page-head .breadcrumb {
    background-color: transparent;
    padding: 3px 0;
    margin-bottom: 7px;
    line-height: 16px;
}
.page-head h3{
    text-transform: uppercase;
    font-size: 20px;
}
.page-head .btn-action{
    background: #0ea7c1;
    color: #FFF;
}
.page-head .btn-action:hover, .page-head .btn-action:active, .page-head .btn-action:focus{
    background: #2b9fb0;
    color: #FFF;
}
#content{    
    width: 100%;
    min-height: 500px;    
}
#header-submenu-top{
    min-height: 54px;
}
.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}
.bg-navbartop{
    background: linear-gradient(135deg,#3ac9bb 0,#2b9fb0 100%);
    /*background: #8bc34a !important;*/
}
.bg-standard{
    background: #0ea7c1 !important;
}
.nav-submenu {
    margin-top: 65px !important;
    border-bottom: 1px solid #CCC;
}
/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1.3rem;  
}
.box-shadow{
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/*
 * Utilities
 */

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
/*
 * Footer
 */
.app-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.app-footer p:last-child {
  margin-bottom: 0;
}
/* Absolute Center Spinner */
.loading {    
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading-center{
    position: absolute;
    z-index: 1000;
    color:white;    
    font-weight:bold;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  color: #FFF;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
.nav-tabs .nav-item .nav-link.active{
    background: #e8ecef;
}

.nav-tabs .nav-item .nav-link{
    color: #222;
}

.stats .stat-col {
    margin-bottom: 20px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.stats .stat-icon {
    color: #BDBDBD;
    display: inline-block;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
.stats .stat {
    vertical-align: middle;
}
.stat {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-right: 10px;
}
.stats .stat-col {
    white-space: nowrap;
}
.stats .stat .value {
    font-size: 1.3vw;
}
.stat .value {
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.stats .stat .name {    
    font-weight: 300;
    text-transform: uppercase;
}
.stat .name {
    overflow: hidden;
    text-overflow: ellipsis;
}
.datepicker-inline {
    width: 100%;
}
.datepicker-inline table tr td.active{
    background-color: #ED2B74 !important;  
    background-image: none !important;      
}
.datepicker-inline.datepicker table {
    width: 100%;
}
.datepicker-inline table tr td.today{
    border: 2px solid #ED2B74 !important; 
    background: none;    
    background-image: none !important;      
}

/*select 2 overwrite*/
.form-group .select2-container{
    height: 40px;
}
.form-group .select2-container--default .select2-selection--single {    
    height: 40px !important;
    padding: .375rem .75rem !important;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

/*UPLOAD PHOTO*/
.user-box {    
    border-radius: 0 0 3px 3px;
    padding: 10px;
    position: relative;
    border:1px solid #CCC;
}
.user-box .name {
    word-break: break-all;
    padding: 10px 10px 10px 10px;
    background: #EEEEEE;
    text-align: center;
    font-size: 20px;
}
.user-box form{display: inline;}
.user-box .name h4{margin: 0;}
.user-box img#imagePreview{width: 100%;}

.editLink-photo-upload {
    position:absolute;
    top:28px;
    right:10px;
    opacity:0;
    transition: all 0.3s ease-in-out 0s;
    -mox-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    background:rgba(255,255,255,0.2);
}
.img-relative:hover .editLink-photo-upload{opacity:1;}
.overlay{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(255,255,255,0.7);
}
.overlay-content {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}
.uploadProcess img{
    max-width: 207px;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    display: inline;
}
/*END UPLOAD PHOTO*/
.title-card-header{
    font-size:17px;
    display: block;
}

.modal-scrollable .modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
.btn-dashcontrol{
    width: 200px;
    height: 110px;
    padding: 20px;
    margin-top:3px;
}
.section-options-control h3 {
    padding: 0px 0px 5px;
    margin: 0px 15px 0px 0px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}
.section-options-control a i {
    font-size: 30px;
    line-height: 1.5;
}
.section-options-control a.btn{
    border-radius: .25rem !important;
}
.section-options-control .btn-primary{
    background: #e8e8e8 !important;
border-color: #dbd9d9 !important;
color: #38404B !important;
}
.section-options-control .btn-primary:hover, .section-options-control .btn-primary:focus, .section-options-control .btn-primary:active{
    background: #38404B !important;
    border-color: #38404B !important;
    color: #FFF  !important;
}
.btn-hidden{
    display:none;
}
.nav-pills .nav-link{
    color:#222;
}
.btn-rounded {
    border-radius: 40px;
}