h1 {
    font-size: 18px !important;
}
h3, .h3 {
    font-size: 16px !important;
}
/*.form-control input, select { 
    font-size: 11px !important; 
    height: 28px !important;
    padding: 3px 5px !important;
}*/

.form-control { 
    font-size: 14px !important;
}
.skin-blue .main-header .logo {
    background-color: #6eccc1 !important;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.sidebar-menu > li.active > a {
    color: #000;
    background: #74cfc0 !important;
    border-left-color: #3c8dbc;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #fff;
    background: #74cfc0 !important;
    border-left-color: #3c8dbc;
}

.main-sidebar, .skin-blue .left-side {
    background-color: #c3ebe6 !important;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    background:  #74cfc0 !important;
}

.skin-blue .sidebar a {
    color: #000000 !important;
}
.skin-blue .sidebar a:hover {
    color: #ffffff !important;
}
.sidebar-menu a.active {
    color: #ffffff !important;
}

#loader{

   visibility:hidden;

   }

.is-required,:required {border:1px solid brown!important;} 

.flate-box.bg-gray {background: grey!important;color: #fff;}  

@media print {

    /* Your styles here */

}

.tright { text-align: right; }



.td-rd { border-right: 1px solid #000000;  }

.table-fixed tbody { height: 500px; overflow-y: auto; width: 100%; }

.table-fixed thead,

.table-fixed tbody,

.table-fixed tr,

.table-fixed td,

.table-fixed th {

    display: block;

}

.table-fixed tr:after {

    content: ""; display: block; visibility: hidden; clear: both;

}

.table-fixed tbody td

.table-fixed thead > tr > th {

    float: left; padding: 2px !important; font-size: 14px;



}

.table-fixed tbody td {

    padding: 2px 5px 2px 2px  !important; font-size: 14px;

    border-left: 1px solid #fff;

}

.right_btn {

    float: right;

    margin: 10px 5px 10px 10px;

}



.bg-green { background-color: #398439 }

.bg-red { background-color: #c12e2a }

.bg-yellow { background-color: #9ad717 }

.flate-box { height: 80px; width: 100%; margin-bottom: 6px; text-align: center; padding-top: 10px; font-size: 16px; }



.mt-1 {

    margin-top: 10px !important;

}



.header_dashboard {

   text-align: center;

   font-size: 3em;

   margin-bottom: 10px;

   text-transform: uppercase;

   font-weight: bold;

   color: white;

   text-shadow: 0 1px 2px rgba(black,.15);

   width: 100%;

}



.brace {

   width: auto;

   min-width: 35px;

   padding-bottom: 20px;

   font-size: 2em;

   line-height: 2em;

   position: relative;

   text-align: center;

   vertical-align: middle;

   margin: 0 15px 15px;

   border: none;

   background-color: transparent;

   background-image:

           radial-gradient(circle at 0 0, rgba($brace-color,0) 14.5px, $brace-color 15.5px, $brace-color 19.5px, rgba($brace-color,0) 20.5px),

           radial-gradient(circle at 35px 0, rgba($brace-color,0) 14.5px, $brace-color 15.5px, $brace-color 19.5px, rgba($brace-color,0) 20.5px);

   background-size: 35px 20px;

   background-position: center bottom;

   background-repeat: no-repeat;

   text-transform: lowercase;

   font-style: italic;

   color: $brace-color;

   filter: drop-shadow(0 1px 1px rgba(black,.15));

   overflow: visible;



&:before {

    width: 50%;

    border-top: 5px solid $brace-color;

    border-left: 1px solid transparent; /* play with this until you like the look of it */

    border-top-left-radius: 20% 30px;

    height: 100%;

    content: "";

    absolute: top @height left -15px;

    box-sizing: border-box;

    margin-top: -5px;

 }



&:after {

    width: 50%;

    border-top: 5px solid $brace-color;

    border-right: 1px solid transparent; /* play with this until you like the look of it */

    border-top-right-radius: 20% 30px;

    height: 100%;

    content: "";

    absolute: top @height right -15px;

    box-sizing: border-box;

    margin-top: -5px;

 }

}