/*
.dark-primary-color    { background: #455A64; }
.default-primary-color { background: #607D8B; }
.light-primary-color   { background: #CFD8DC; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #9E9E9E; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }

*/
body {font-family: "Roboto";font-size: 14px;color:black;background-color: #fff;  min-height: 100%;  height: 100%;}
b,strong {font-weight: 500 !important;}
pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}

.fa-3x {color:#607D8B;vertical-align: middle;}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #607D8B;
    border-color: #607D8B;
    font-size:18px
}
.panel-primary {border-color: #607D8B;}

.panel-default>.panel-heading {
    font-size:18px;
    font-family: "roboto condensed";
}


.panel-danger>.panel-heading {
    color: #fff;
    background-color: #c90000;
    border-color: #ebccd1;
    font-size: 18px;
}

.panel-success>.panel-heading {
    color: #fff;
    background-color: #009688;
    border-color: #ebccd1;
    font-size: 18px;
}

.btn-default .badge {color: #fff;background-color: #455a64;font-family: "roboto condensed";font-weight: 400;}

.hmenu{text-align: center;height: 130px;line-height: 30px;border:1px solid #f1f1f1;margin-bottom:25px;font-weight: 300;font-size: 16px;line-height: 24px;color:#666}
.hmenu:hover{background-color: #f1f1f1 !important;color:#000;}
.nodec{text-decoration:none;color:black}
.nodec:hover{text-decoration:none;color:black}

.popover {font-family: "roboto";}
.help-block{ font-family: "roboto condensed";font-size: 12px;margin-bottom: 0px;}
small { font-family: "roboto condensed";}
.form-control {color:#000;}
.modal-header {color:white;background-color:#455A64;}
.table-condensed {font-family: "roboto condensed";font-size: 14px;}
.table-condensed>tbody>tr>td {padding: 5px;}
.label {font-family: "roboto condensed";padding: 3px;font-size: 13px;font-weight: 400;}
.navbar {border-radius:0px !important;border:0px;margin-bottom: 0px;}
.navbar-default {background-color: #455A64 !important;}
.navbar-inverse .navbar-brand {color: #e8e8e8;}
.navbar-inverse .navbar-nav>li>a {color: #e8e8e8;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {color: #000;background-color: #CFD8DC;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {color: #000;background-color: #CFD8DC;}
.badge {color: #fff;background-color: #455a64;font-family: "roboto condensed";font-weight: 400;}
.badge.bmain{font-size: 14px;background-color: lightseagreen;margin-top:5px;margin-bottom: 5px;}
dt {font-weight: 500;}
.well {border-radius:0px !important;font-size:16px;font-weight: 300;}
.c {text-align: center;}
.r {text-align: right;}
.nw {white-space: nowrap;}
.mono {font-family: "roboto mono" !important;}
label {font-weight: normal !important;}
mark {background-color: #ff0;}
th {font-family: "roboto condensed";font-weight: normal;font-size: 12px;text-transform: uppercase;background-color: #eaeaea;}
/*td {vertical-align: middle !important;}*/
.white {background-color: white;}
.nomargin {margin:0px !important}
.fs16 {font-size: 16px;}
.fs13 {font-size: 13px;}
.fs15 {font-size: 15px;}
.fs10 {font-size: 10px;line-height: 10px !important;}
.fs11 {font-size: 11px;line-height: 11px !important;}
.fs12 {font-size: 12px;}
.thin {font-weight: 100;}
.chqty {font-weight: 700;}
.bold {font-weight: 700;}
.invisibile {display: none;}
.input-mini {width:50px !important;height:20px;padding:1px}
.truncate {white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;}
.affix {top:0px !important;}
.img-responsive {width:100%;margin:auto}
.condensed {font-family: "roboto condensed";font-weight: normal}
.ashadow {color: #000000;}
.noborder {border:0px !important}
.table>tbody>tr.marked>td, .table>tbody>tr.marked>th, .table>tbody>tr>td.marked, .table>tbody>tr>th.marked, .table>tfoot>tr.marked>td, .table>tfoot>tr.marked>th, .table>tfoot>tr>td.marked, .table>tfoot>tr>th.marked, .table>thead>tr.marked>td, .table>thead>tr.marked>th, .table>thead>tr>td.marked, .table>thead>tr>th.marked {
    background-color: #ffee58;
}
table.dataTable {margin-top:0px !important;}
.btn-primary{border-color: #455a64;}
.btn-outline{background-color:transparent;color:inherit;transition:all .5s}
.btn-primary.btn-outline{color:#455a64}
.btn-success.btn-outline{color:#000;font-weight:400}
.btn-info.btn-outline{color:#5bc0de}
.btn-warning.btn-outline{color:#f0ad4e}
.btn-danger.btn-outline{color:#d9534f}
.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-info.btn-outline:hover,.btn-warning.btn-outline:hover,.btn-danger.btn-outline:hover{color:#fff}

.btn-circle {
  width: 30px !important;
  height: 30px !important;
  text-align: center  !important;
  padding: 6px 0  !important;
  font-size: 12px  !important;
  line-height: 1.428571429  !important;
  border-radius: 15px  !important;
}
.btn-circle.btn-lg {
  width: 50px  !important;
  height: 50px !important;
  padding: 11px 0px  !important;
  font-size: 18px !important;
  line-height: 1.33 !important;
  border-radius: 25px !important;
}
.btn-circle.btn-xl {
    width: 120px !important;
    height: 120px !important;
    padding: 10px 0px !important;
    font-size: 24px !important;
    line-height: 1.33 !important;
    border-radius: 95px !important;    
    

}


.breadcrumb>.active {color: #455a64;}
.pagination>.active>a,.pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #455a64; border-color: #455a64;}


.panel-warning>.panel-heading {
    color: #000;
    background-color: #ffeb3b;
    font-size:18px;
}
.vam {vertical-align: middle !important;}

.toast-title {font-weight: 500;}

/* The fast way */
.boxsh {
    box-shadow: none;
    transition: box-shadow 1s;
}

/* Pre-render the bigger shadow, but hide it */
.boxsh:hover {
    box-shadow: 0 0 5px #000;
}


/* circ */
.circliful .outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}

.ribbon {
  position: absolute;
  right: 10px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
  font-family: "roboto condensed";
}
.ribbon span {
  font-size: 15px;
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #f1f1f1;
  /*background: linear-gradient(#B6BAC9 0%, #808080 100%);*/
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span:before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #e0e0e0;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.ribbon span:after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #e0e0e0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}

/*
.ribbonred {background: linear-gradient(#C90000 0%, #C90000 100%) !important;}
.ribbonred:before {border-left: 3px solid #C90000 !important;border-top: 3px solid #C90000 !important;}
.ribbonred:after {border-right: 3px solid #C90000 !important;border-top: 3px solid #C90000 !important;}
*/

/* full circle 25 empty 534 */
.circliful .inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}

.circliful {
    overflow: visible !important;

}

.svg-container {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}

svg .icon {
    font-family: FontAwesome;
} 
/*========*/

/* NAVBAR */
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}

.dropdown-menu-large > li > ul > li.active {background-color: #e7e7e7;}

.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}
.material-icons {vertical-align: middle !important;font-size: 18px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 5px;
    background: #fff;
    border: 2px solid #ccc;
    color: #666;
    text-align: center;
    font-size:32px ;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    font-weight: 300;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
    background-color: #fff6f9;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}