@import url('icons/iconfont/style.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);

@font-face {
    font-family: 'latobold';
    src: url('../font/lato/lato-bold-webfont.eot');
    src: url('../font/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato/lato-bold-webfont.woff2') format('woff2'),
         url('../font/lato/lato-bold-webfont.woff') format('woff'),
         url('../font/lato/lato-bold-webfont.ttf') format('truetype'),
         url('../font/lato/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('../font/lato/lato-light-webfont.eot');
    src: url('../font/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato/lato-light-webfont.woff2') format('woff2'),
         url('../font/lato/lato-light-webfont.woff') format('woff'),
         url('../font/lato/lato-light-webfont.ttf') format('truetype'),
         url('../font/lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body{
  height:100%;
}
.invisible{display:none !important;}
.pad-5{padding:5px;}

/* ----------------------------
 *
 * Font
 *
 * --------------------------- */
/* Import External Stylesheet */
.font-alt {
    font-family: "Roboto Slab", serif;
}
.font-open-sans{
    font-family: 'Open Sans', sans-serif;
}
.font-segoe{
    font-family: 'Segoe UI', sans-serif;
}
.font-lato-bold{
    font-family: 'latobold', serif;
}
.font-lato-light{
    font-family: 'latolight', serif;
}
/* Font Size
-------------------------------*/
.fsize9{
    font-size: 9px !important;
}
.fsize10{
    font-size: 10px !important;
}
.fsize11{
    font-size: 11px !important;
}
.fsize12{
    font-size: 12px !important;
}
.fsize13{
    font-size: 13px !important;
}
.fsize14 {
  font-size: 14px !important;
}
.fsize15 {
  font-size: 15px !important;
}
.fsize16 {
  font-size: 16px !important;
}
.fsize18 {
  font-size: 18px !important;
}
.fsize19 {
  font-size: 19px !important;
}
.fsize20 {
  font-size: 20px !important;
}
.fsize24 {
  font-size: 24px !important;
}
.fsize30 {
  font-size: 30px !important;
}
.fsize32 {
  font-size: 32px !important;
}
.fsize48 {
  font-size: 48px !important;
}
.fsize64 {
  font-size: 64px !important;
}
.fsize80 {
  font-size: 80px !important;
}
.fsize96 {
  font-size: 96px !important;
}
.fsize112 {
  font-size: 112px !important;
}
.fsize128 {
  font-size: 128px !important;
}
.fbold{
  font-weight:bold;
}
/* ----------------------------
 *
 * Helper Class
 *
 * --------------------------- */
/* Margin */
.ma15 {
  margin: 15px !important;
}
.ma10 {
  margin: 10px !important;
}
.ma5 {
  margin: 5px !important;
}
.nm {
  margin: 0px !important;
}
.ma-15 {
  margin: -15px !important;
}
.ma-10 {
  margin: -10px !important;
}
.ma-5 {
  margin: -5px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr-15 {
  margin-right: -15px !important;
}
.mr-10 {
  margin-right: -10px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-5 {
  margin-left: -5px !important;
}
/* Padding */
.pa15 {
  padding: 15px !important;
}
.pa20 {
  padding: 20px !important;
}
.pa10 {
  padding: 10px !important;
}
.pa5 {
  padding: 5px !important;
}
.np {
  padding: 0px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.hauto{
    height:auto !important;
}
.h250{height:250px !important;}
.h200{height:200px !important;}
.h150{height:150px !important;}
.h30{height:30px !important;}
.h20{height:20px !important;}
.h25{height:25px !important;}
.h24{height:24px !important;}
.h40{height:40px !important;}
.h50{height:50px !important;}
.lh20{line-height:20px !important;}
.lh25{line-height:25px !important;}
.lh30{line-height:30px !important;}
.lh40{line-height:40px !important;}
.lh50{line-height:50px !important;}
.mh20{min-height:20px !important;}
.mh30{min-height:30px !important;}
.mh50{min-height:50px !important;}
.display-table{display:table !important;}
.diblock{display:inline-block !important;}
.clear{clear:both;}
/* Vertical align */
.valign-top {
  vertical-align: top !important;
}
.valign-middle {
  vertical-align: middle !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}
/* Misc */
.bradius0 {
  border-radius: 0px !important;
}
.bdr0 {
  border-width: 0px !important;
}
.noshadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.dis-none {
  display: none;
}
.overflow-hidden {
  overflow: hidden;
}
.float-none {
  float: none !important;
}
.wauto{width: auto !important;}
.w250{width:250px !important;}
/* ----------------------------
 *
 * Background Color
 *
 * --------------------------- */
/* white */
.bgcolor-white {
  background-color: rgba(255, 255, 255, 0.98) !important;
  color: #444444 !important;
  border-color: #cfd9db !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* default */
.bgcolor-default {
  background-color: #f6f6f6 !important;
  color: #444444 !important;
  border-color: #cfd9db !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* primary */
.bgcolor-primary {
  background-color: #00b1e1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, 0.99) !important;
  border-color: #00a5d2 !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* info */
.bgcolor-info {
  background-color: #63d3e9 !important;
  color: #ffffff !important;
  border-color: #4dcde6 !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* success */
.bgcolor-success {
  background-color: #91c854 !important;
  color: #ffffff !important;
  border-color: #87c345 !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* warning */
.bgcolor-warning {
  background-color: #ffd66a !important;
  color: #ffffff !important;
  border-color: #ffd056 !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* danger */
.bgcolor-danger {
  background-color: #ed5466 !important;
  color: #ffffff !important;
  border-color: #eb4255 !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* inverse */
.bgcolor-inverse {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
  border-color: #202020 !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* teal */
.bgcolor-teal {
  background-color: #6bccb4 !important;
  color: #ffffff !important;
  border-color: #5cc7ac !important;
  background-image:none !important;
  text-shadow:none !important;
}
/* accent */
.bgcolor-accent {
  background-color: #00b6ad !important;
  color: #ffffff !important;
  border-color: #00a29a !important;
  background-image:none !important;
  text-shadow:none !important;
}
.bgcolor-green {
  background-color: #8ec657 !important;
  color: #ffffff !important;
  border-color: #80BE41 !important;
  background-image:none !important;
  text-shadow:none !important;
}
.bgcolor-orange {
  background-color: #E39546 !important;
  color: #ffffff !important;
  border-color: #DF862D !important;
  background-image:none !important;
  text-shadow:none !important;
}

/* Table layout */
.table-layout {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
  padding: 0px;
}
.table-layout.table-layout-section > [class*=" col-xs"],
.table-layout.table-layout-section > [class^="col-xs"] {
  border-right: 1px solid #ecf0f1;
}
.table-layout.table-layout-section > [class*=" col-xs"]:last-child,
.table-layout.table-layout-section > [class^="col-xs"]:last-child {
  border-right-width: 0px;
}
.table-layout > [class*=" col-"],
.table-layout > [class^="col-"] {
  padding: 0px;
}
.table-layout > .col-xs-1,
.table-layout > .col-xs-2,
.table-layout > .col-xs-3,
.table-layout > .col-xs-4,
.table-layout > .col-xs-5,
.table-layout > .col-xs-6,
.table-layout > .col-xs-7,
.table-layout > .col-xs-8,
.table-layout > .col-xs-9,
.table-layout > .col-xs-10,
.table-layout > .col-xs-11 {
  display: table-cell;
  table-layout: fixed;
  float: none;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .table-layout > .col-sm-1,
  .table-layout > .col-sm-2,
  .table-layout > .col-sm-3,
  .table-layout > .col-sm-4,
  .table-layout > .col-sm-5,
  .table-layout > .col-sm-6,
  .table-layout > .col-sm-7,
  .table-layout > .col-sm-8,
  .table-layout > .col-sm-9,
  .table-layout > .col-sm-10,
  .table-layout > .col-sm-11 {
    display: table-cell;
    table-layout: fixed;
    float: none;
    vertical-align: middle;
  }
  .table-layout.table-layout-section > [class*=" col-sm"],
  .table-layout.table-layout-section > [class^="col-sm"] {
    border-right: 1px solid #ecf0f1;
  }
  .table-layout.table-layout-section > [class*=" col-sm"]:last-child,
  .table-layout.table-layout-section > [class^="col-sm"]:last-child {
    border-right-width: 0px;
  }
}
@media (min-width: 992px) {
  .table-layout > .col-md-1,
  .table-layout > .col-md-2,
  .table-layout > .col-md-3,
  .table-layout > .col-md-4,
  .table-layout > .col-md-5,
  .table-layout > .col-md-6,
  .table-layout > .col-md-7,
  .table-layout > .col-md-8,
  .table-layout > .col-md-9,
  .table-layout > .col-md-10,
  .table-layout > .col-md-11 {
    display: table-cell;
    table-layout: fixed;
    float: none;
    vertical-align: middle;
  }
  .table-layout.table-layout-section > [class*=" col-md"],
  .table-layout.table-layout-section > [class^="col-md"] {
    border-right: 1px solid #ecf0f1;
  }
  .table-layout.table-layout-section > [class*=" col-md"]:last-child,
  .table-layout.table-layout-section > [class^="col-md"]:last-child {
    border-right-width: 0px;
  }
}
@media (min-width: 1200px) {
  .table-layout > .col-lg-1,
  .table-layout > .col-lg-2,
  .table-layout > .col-lg-3,
  .table-layout > .col-lg-4,
  .table-layout > .col-lg-5,
  .table-layout > .col-lg-6,
  .table-layout > .col-lg-7,
  .table-layout > .col-lg-8,
  .table-layout > .col-lg-9,
  .table-layout > .col-lg-10,
  .table-layout > .col-lg-11 {
    display: table-cell;
    table-layout: fixed;
    float: none;
    vertical-align: middle;
  }
  .table-layout.table-layout-section > [class*=" col-lg"],
  .table-layout.table-layout-section > [class^="col-lg"] {
    border-right: 1px solid #ecf0f1;
  }
  .table-layout.table-layout-section > [class*=" col-lg"]:last-child,
  .table-layout.table-layout-section > [class^="col-lg"]:last-child {
    border-right-width: 0px;
  }
}
/*
 * panel reset
 */
.panel .thumbnail-album .media > .overlay {
  border-radius: 0px;
}
/* ----------------------------
 *
 * Panel
 *
 * --------------------------- */
.panel {
  /* max-width: 100%;  required by text ellipsis */
  position: relative;
  border: 1px solid #cfd9db;
  border-bottom-width: 2px;
  border-bottom-color: #c0cdd1;
  /*border-width: 1px;
  border-color: #cfd9db;
  border-bottom-width: 2px;
  border-bottom-color: #c0cdd1;*/
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background:#FFFFFF;
}
.panel.no-border {
  border-width: 0px;
}
.panel hr {
  border-color: #dde4e6;
}
.panel > .panel-collapse.pull {
  display: none;
}
.panel > .panel-collapse.pull.out {
  position: relative;
  display: block;
}
.panel > .panel-collapse.pulling {
  position: relative;
  overflow: hidden;
}
/* panel widget
 -------------------------------*/
.widget {
  margin-bottom: 20px;
}
.widget .panel,
.widget.panel {
  border-bottom-width: 1px;
  border-bottom-color: #cfd9db;
  overflow: hidden;
}
/* panel ribbon
 *   - contextual
 -------------------------------*/
.panel > .panel-ribbon {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  top: -1px;
  left: -1px;
  width: 40px;
  height: 40px;
  border-top-left-radius: 3px;
  color: #888888;
  text-decoration: none;
}
.panel > .panel-ribbon.pull-right {
  left: auto;
  right: -1px;
  border-top-right-radius: 3px;
  text-align: right;
}
.panel > .panel-ribbon > [class*=" ico-"],
.panel > .panel-ribbon > [class^="ico-"] {
  display: inline-block;
  position: relative;
  width: 13px;
  line-height: 13px;
  margin-top: 6px;
  margin-left: 6px;
  text-align: center;
  z-index: 1;
}
.panel > .panel-ribbon.pull-right > [class*=" ico-"],
.panel > .panel-ribbon.pull-right > [class^="ico-"] {
  margin-right: 6px;
  margin-left: 0px;
}
.panel > .panel-ribbon.pull-right:after {
  border-width: 0 40px 40px 0;
  border-color: transparent #eeeeee transparent transparent;
}
.panel > .panel-ribbon:after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #eeeeee transparent transparent transparent;
}
/*
 * contextual
 */
/* primary */
.panel > .panel-ribbon-primary {
  color: #007594;
}
.panel > .panel-ribbon-primary:after {
  border-color: #00b1e1 transparent transparent transparent;
}
.panel > .panel-ribbon-primary.pull-right:after {
  border-color: transparent #00b1e1 transparent transparent;
}
/* success */
.panel > .panel-ribbon-success {
  color: #6b9d32;
}
.panel > .panel-ribbon-success:after {
  border-color: #91c854 transparent transparent transparent;
}
.panel > .panel-ribbon-success.pull-right:after {
  border-color: transparent #91c854 transparent transparent;
}
/* warning */
.panel > .panel-ribbon-warning {
  color: #ffc11e;
}
.panel > .panel-ribbon-warning:after {
  border-color: #ffd66a transparent transparent transparent;
}
.panel > .panel-ribbon-warning.pull-right:after {
  border-color: transparent #ffd66a transparent transparent;
}
/* info */
.panel > .panel-ribbon-info {
  color: #20c0e0;
}
.panel > .panel-ribbon-info:after {
  border-color: #63d3e9 transparent transparent transparent;
}
.panel > .panel-ribbon-info.pull-right:after {
  border-color: transparent #63d3e9 transparent transparent;
}
/* danger */
.panel > .panel-ribbon-danger {
  color: #dd172f;
}
.panel > .panel-ribbon-danger:after {
  border-color: #ed5466 transparent transparent transparent;
}
.panel > .panel-ribbon-danger.pull-right:after {
  border-color: transparent #ed5466 transparent transparent;
}
/* inverse */
.panel > .panel-ribbon-inverse {
  color: #040404;
}
.panel > .panel-ribbon-inverse:after {
  border-color: #2a2a2a transparent transparent transparent;
}
.panel > .panel-ribbon-inverse.pull-right:after {
  border-color: transparent #2a2a2a transparent transparent;
}
/* teal */
.panel > .panel-ribbon-teal {
  color: #3cae92;
}
.panel > .panel-ribbon-teal:after {
  border-color: #6bccb4 transparent transparent transparent;
}
.panel > .panel-ribbon-teal.pull-right:after {
  border-color: transparent #6bccb4 transparent transparent;
}
/* panel heading  
 *   - panel icon
 *   - contextual
 *   - reset
 -------------------------------*/
.panel-heading {
  padding: 0px 15px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  /* experiment */
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
  border: 1px solid transparent;
}
.panel-heading > .panel-title,
.panel-heading > .panel-toolbar {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  height: 40px;
  float: none !important;
}
.panel-heading > .panel-title.ellipsis,
.panel-heading > .panel-toolbar.ellipsis {
  max-width: 10px;
}
.panel-heading > .panel-title {
  font-size: 14px;
  font-weight: 600;
}
.panel-heading > .panel-title > .icon {
  margin-right: 5px;
}
.panel-heading > .panel-title > a,
.panel-heading > .panel-title > a:hover,
.panel-heading > .panel-title > a:active,
.panel-heading > .panel-title > a:focus {
  text-decoration: none;
  outline: 0;
}
.panel-heading > .panel .panel-heading + .panel-body {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* Panel Toolbar
 *   static text
 *   button link
 *   option
 *   input field
 *   tabs
 -------------------------------*/
.panel-toolbar-wrapper {
  display: block;
  background-color: #FFFFFF;
  border-bottom: 1px solid #cfd9db;
  padding: 0px 15px;
}
.panel-toolbar-wrapper-border-top{border-top: 1px solid #cfd9db;}
.panel-toolbar-wrapper.bottom {
  border-bottom-width: 0px;
  border-top: 1px solid #cfd9db;
}
.panel-toolbar-wrapper > .panel-toolbar {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  height: 40px;
  float: none !important;
}
.panel-toolbar-wrapper > .panel-toolbar.ellipsis {
  max-width: 10px;
}
.panel .panel-footer > .panel-toolbar-wrapper {
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
}
/* 
 * static text
 */
.panel .panel-toolbar .static-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  color: #333333;
}
/* 
 * btn-link 
 */
.panel .panel-toolbar .btn-link {
  color: #f3f3f3;
  text-decoration: none;
}
.panel .panel-toolbar .btn-link:hover,
.panel .panel-toolbar .btn-link:focus,
.panel .panel-toolbar .btn-link:active {
  color: #ffffff;
  outline: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.panel.panel-default .panel-toolbar .btn-link {
  color: #00b1e1;
}
.panel.panel-default .panel-toolbar .btn-link:hover,
.panel.panel-default .panel-toolbar .btn-link:active,
.panel.panel-default .panel-toolbar .btn-link:focus {
  color: #009dc8;
}
/* 
 * option
 */
.panel .panel-toolbar > .option {
  display: inline-block;
  float: right;
  min-height: 34px;
}
.panel .panel-toolbar > .option > .btn {
  float: left;
  background-color: transparent;
  color: #f3f3f3;
  padding-left: 6px;
  padding-right: 6px;
}
.panel.panel-default .panel-toolbar > .option > .btn {
  color: #333333;
}
.panel .panel-toolbar > .option > .btn:hover,
.panel .panel-toolbar > .option > .btn:active,
.panel .panel-toolbar > .option > .btn:focus {
  color: #ffffff;
  outline: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.panel.panel-default .panel-toolbar > .option > .btn:hover,
.panel.panel-default .panel-toolbar > .option > .btn:active,
.panel.panel-default .panel-toolbar > .option > .btn:focus {
  color: #5e5e5e;
}
/* icon */
.panel .panel-toolbar > .option > .btn .arrow,
.panel .panel-toolbar > .option > .btn .reload,
.panel .panel-toolbar > .option > .btn .remove {
  display: block;
  font-family: 'iconfont';
  font-size: 12px;
  width: 12px;
  text-align: center;
  font-style: normal;
}
.panel .panel-toolbar > .option > .btn.up > .arrow:before {
  content: "\e670";
}
.panel .panel-toolbar > .option > .btn > .arrow:before {
  content: "\e671";
}
.panel .panel-toolbar > .option > .btn > .reload:before {
  content: "\e61d";
  font-size: 13px;
}
.panel .panel-toolbar > .option > .btn > .remove:before {
  content: "\e36c";
}
/*
 * input field
 */
.panel .panel-toolbar > .form-horizontal .form-group {
  margin: 0px;
}
.panel .panel-toolbar > .form-horizontal .has-feedback .form-control-feedback {
  right: 0px;
}
/*
 * tabs
 */
.panel .panel-toolbar > .nav-tabs {
  border-bottom: 0px;
  margin-bottom: -4px;
  background-color: transparent;
}
.panel .panel-toolbar > .nav-tabs > li > a {
  padding: 8px 15px;
  line-height: 20px;
  border: 1px solid transparent;
  border-radius: 3px 3px 0px 0px;
  color: #f3f3f3;
}
.panel .panel-toolbar > .nav-tabs > li.active > a,
.panel .panel-toolbar > .nav-tabs > li.active > a:hover,
.panel .panel-toolbar > .nav-tabs > li.active > a:active,
.panel .panel-toolbar > .nav-tabs > li.active > a:focus {
  border-color: #cfd9db;
  border-bottom-color: transparent;
  background-color: #ffffff;
  color: #444444;
}
.panel .panel-toolbar > .nav-tabs > li.active > a:before {
  display: none;
}
/* panel default reset */
.panel-default .panel-toolbar > .nav-tabs > li > a:hover,
.panel-default .panel-toolbar > .nav-tabs > li.open > a {
  border-bottom-color: #cfd9db;
  color: #333333;
}
.panel-default .panel-toolbar > .nav-tabs > li > a {
  color: #aaaaaa;
}
/* tab inside panel toolbar wrapper */
.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li > a {
  color: #aaaaaa;
}
.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li > a:hover,
.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.open > a,
.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a,
.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:hover,
.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:active,
.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:focus {
  color: #333333;
}
/* panel body
 *   - indicator
 *   - scrollable
 *   - info
 *   - background
 *   - iframe
 *   - contextual
 -------------------------------*/
.panel-body {
  position: relative;
}
.panel-body:last-child {
  border-bottom: 0px;
}
.panel-body.no-contextual {
  background-color: inherit !important;
  color: inherit !important;
}
.panel .panel-body + .table-responsive {
  border-top: 1px solid #cfd9db;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-color: #cfd9db;
}
/*
 * indicator
 */
.panel-body > .indicator {
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
/*
 * scrollable
 */
.panel .viewport:after {
  pointer-events: none;
  position: absolute;
  content: "";
  z-index: 10;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 40px;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
}
.panel .viewport:before {
  pointer-events: none;
  position: absolute;
  content: "";
  z-index: 10;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 40px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%);
}
.touch .panel-body.slimscroll {
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
/* panel footer  
 -------------------------------*/
.panel-footer {
  overflow: auto;
  background-color: #f8f8f8;
  border-top: 1px solid #cfd9db;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding:10px;
}
.panel-body .panel-footer {
  margin: 15px -15px -15px -15px;
}
.panel-footer + .panel-body {
  border-top: 1px solid #cfd9db;
}
/* panel group 
 *    - arrow
 *    - plus
 -------------------------------*/
.panel-group .panel {
  border-radius: 4px;
}
.panel-group.panel-group-compact .panel,
.panel-group.panel-group-compact .panel .panel-heading {
  border-bottom: none;
  border-radius: 0px;
}
.panel-group.panel-group-compact .panel:first-child,
.panel-group.panel-group-compact .panel:first-child .panel-heading {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-group.panel-group-compact .panel:last-child {
  border-bottom: 1px solid #cfd9db;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-group.panel-group-compact .panel + .panel {
  margin: 0px;
}
.panel-group.panel-group-compact .panel-minimal:last-child {
  border-bottom-width: 0px;
}
/* 
 * arrow 
 */
.panel-group .panel-title > a > .arrow,
.panel-group .panel-title > a > .plus {
  text-align: left;
  font-family: "iconfont";
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  width: 12px;
}
.panel-group .panel-title > a > .arrow:before {
  content: "\e670";
}
.panel-group .panel-title > a.collapsed > .arrow:before {
  content: "\e671";
}
.panel-group .panel-title > a > .plus:before {
  content: "\e662";
}
.panel-group .panel-title > a.collapsed > .plus:before {
  content: "\e661";
}
/* Panel Header contextual
 *   - default
 *   - primary
 *   - success
 *   - info
 *   - warning
 *   - danger
 *   - inverse
 *   - teal
 *   - reset
 -------------------------------*/
/* 
 * default 
 */
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f1f1f1;
  border-color: #cfd9db;
}

/* 
 * primary 
 */
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #00b1e1;
  border-color: #00a5d2;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #009dc8;
}
/* 
 * success 
 */
.panel-success > .panel-heading {
  color: #ffffff;
  background-color: #91c854;
  border-color: #85c241;
}
/* 
 * info 
 */
.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #63d3e9;
  border-color: #48cbe5;
}
/* 
 * warning 
 */
.panel-warning > .panel-heading {
  color: #ffffff;
  background-color: #ffd66a;
  border-color: #ffce4b;
}
/*
 * danger 
 */
.panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #ed5466;
  border-color: #ea384d;
}
/* 
 * inverse 
 */
.panel-inverse > .panel-heading {
  color: #ffffff;
  background-color: #2a2a2a;
  border-color: #1b1b1b;
}
/* 
 * teal
 */
.panel-teal > .panel-heading {
  color: #ffffff;
  background-color: #6bccb4;
  border-color: #58c5aa;
}
/* Panel Minimal
 -------------------------------*/
.panel.panel-minimal {
  border-width: 0px;
  border-radius: 0px;
  background-color: transparent;
}
.panel.panel-minimal > .panel-heading {
  border-width: 0px;
  background-color: transparent !important;
}
.panel.panel-minimal > .panel-toolbar-wrapper {
  background-color: transparent;
  border-color: transparent;
}
.panel.panel-minimal .panel-footer {
  background-color: transparent;
  border-width: 0px;
}
/* Panel No Border
 -------------------------------*/
.panel.panel-noborder {
  border-width: 0px;
}
/* Panel Table layout
 -------------------------------*/
.table-layout > [class*=" span"].panel,
.table-layout > [class^="span"].panel {
  /*margin-bottom: 0px;
    overflow: hidden;*/
}
.table-layout > [class*=" span"].panel-minimal:first-child + [class*=" span"].panel,
.table-layout > [class^="span"].panel-minimal:first-child + [class^="span"].panel {
  border-left-width: 1px;
}
.table-layout > [class*=" span"].panel-minimal:first-child + [class*=" span"].panel.panel-minimal,
.table-layout > [class^="span"].panel-minimal:first-child + [class^="span"].panel.panel-minimal {
  border-left-width: 0px;
}
/*
.table-layout > [class*=" col-xs"].panel,
.table-layout > [class^="col-xs"].panel {
  border-radius: 0px;
}
.table-layout > [class*=" col-xs"].panel + [class*=" col-xs"].panel,
.table-layout > [class^="col-xs"].panel + [class^="col-xs"].panel {
  border-left-width: 0px;
}
.table-layout > [class*=" col-xs"].panel:first-child,
.table-layout > [class^="col-xs"].panel:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.table-layout > [class*=" col-xs"].panel:last-child,
.table-layout > [class^="col-xs"].panel:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media (min-width: 768px) {
  .table-layout > [class*=" col-sm"].panel,
  .table-layout > [class^="col-sm"].panel {
    border-radius: 0px;
  }
  .table-layout > [class*=" col-sm"].panel + [class*=" col-sm"].panel,
  .table-layout > [class^="col-sm"].panel + [class^="col-sm"].panel {
    border-left-width: 0px;
  }
  .table-layout > [class*=" col-sm"].panel:first-child,
  .table-layout > [class^="col-sm"].panel:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .table-layout > [class*=" col-sm"].panel:last-child,
  .table-layout > [class^="col-sm"].panel:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
@media (min-width: 992px) {
  .table-layout > [class*=" col-md"].panel,
  .table-layout > [class^="col-md"].panel {
    border-radius: 0px;
  }
  .table-layout > [class*=" col-md"].panel + [class*=" col-md"].panel,
  .table-layout > [class^="col-md"].panel + [class^="col-md"].panel {
    border-left-width: 0px;
  }
  .table-layout > [class*=" col-md"].panel:first-child,
  .table-layout > [class^="col-md"].panel:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .table-layout > [class*=" col-md"].panel:last-child,
  .table-layout > [class^="col-md"].panel:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
@media (min-width: 1200px) {
  .table-layout > [class*=" col-lg"].panel,
  .table-layout > [class^="col-lg"].panel {
    border-radius: 0px;
  }
  .table-layout > [class*=" col-lg"].panel + [class*=" col-lg"].panel,
  .table-layout > [class^="col-lg"].panel + [class^="col-lg"].panel {
    border-left-width: 0px;
  }
  .table-layout > [class*=" col-lg"].panel:first-child,
  .table-layout > [class^="col-lg"].panel:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .table-layout > [class*=" col-lg"].panel:last-child,
  .table-layout > [class^="col-lg"].panel:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}*/
/* Panel Thumbnail
 -------------------------------*/
.panel > .thumbnail,
.panel .panel-figure > .thumbnail {
  border-radius: 0px;
  border-width: 0px;
  margin: 0px;
}
.panel > .thumbnail > .media > .overlay,
.panel > .thumbnail > .media > img,
.panel .panel-figure > .thumbnail > .media > .overlay,
.panel .panel-figure > .thumbnail > .media > img {
  border-radius: 0px;
}
.panel > .thumbnail > .caption,
.panel > .thumbnail > .meta,
.panel .panel-figure > .thumbnaill > .caption,
.panel .panel-figure > .thumbnaill > .meta {
  padding: 9px 15px;
}

/* ----------------------------
 *
 * List Group
 *
 * --------------------------- */
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item-active{background-color:#E7ECED;}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}


.list-group-header {
  font-weight: 600;
  padding: 10px 15px;
  color: #333333;
  font-size: 14px;
}
.list-group-item {
  border: 1px solid #cfd9db;
  margin-bottom:2px !important;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #00b1e1;
  border-color: #00a5d2;
}
a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #f7f7f7;
  color: #333333;
}
/* list table */
.list-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.list-table > li {
  display: table-cell;
  table-layout: fixed;
  vertical-align: middle;
  width: auto;
  padding: 0px 5px;
}
.list-table > li:first-child {
  padding-left: 0px;
}
.list-table > li:last-child {
  padding-right: 0px;
}
/* list tabs */
.list-group-tabs > .list-group-item {
  padding: 0px;
}
.list-group-tabs > .list-group-item:first-child > a {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-tabs > .list-group-item:last-child > a {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-tabs > .list-group-item > a {
  display: block;
  padding: 10px 15px;
  color: #919191;
}
.list-group-tabs > .list-group-item > a:hover,
.list-group-tabs > .list-group-item > a:focus {
  background-color: #f7f7f7;
  color: #333333;
}
.list-group-tabs > .list-group-item.active > a {
  background-color: #f7f7f7;
  color: #6a6a6a;
}

/* ----------------------------
 *
 * Image
 *
 * --------------------------- */
.img-circle {
  border-radius: 50% !important;
}
.img-bordered {
  -webkit-box-shadow: 0px 0px 0px 3px #ffffff;
  box-shadow: 0px 0px 0px 3px #ffffff;
}
.img-bordered-primary {
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #00b1e1;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #00b1e1;
}
.img-bordered-success {
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #91c854;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #91c854;
}
.img-bordered-info {
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #63d3e9;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #63d3e9;
}
.img-bordered-warning {
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ffd66a;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ffd66a;
}
.img-bordered-danger {
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ed5466;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ed5466;
}
.img-bordered-inverse {
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #2a2a2a;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #2a2a2a;
}
.img-bordered-teal {
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #6bccb4;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #6bccb4;
}
/*
 * image group
 */
.img-group > img,
.img-group > .more {
  width: 38px;
  height: 38px;
  -webkit-box-shadow: 0 0 0 2px #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
}
.img-group > .more {
  display: inline-block;
  vertical-align: top;
  background-color: #00b6ad;
  line-height: 38px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}
.img-group-stack > img + img,
.img-group-stack > img + .more {
  margin-left: -18px;
}
/*
 * image grid
 */
.img-grid .row {
  margin: 0px;
}
.img-grid .row + .row {
  padding-top: 5px;
}
.img-grid .row > [class^="col-"],
.img-grid .row [class*=" col-"] {
  padding: 0px;
}
.img-grid .row > [class^="col-"] + [class^="col-"],
.img-grid .row [class*=" col-"] + [class^="col-"],
.img-grid .row > [class^="col-"] [class*=" col-"],
.img-grid .row [class*=" col-"] [class*=" col-"] {
  padding-left: 5px;
}
.img-grid + .row {
  padding-top: 5px;
}


/* custom checkbox & radio  */
.custom-checkbox.checkbox,
.custom-checkbox.checkbox-inline,
.custom-radio.radio,
.custom-radio.radio-inline,
.checkbox-icon.checkbox,
.checkbox-icon.checkbox-inline {
  padding-left: 0px;
}
.custom-checkbox > label,
.custom-radio > label,
.checkbox-icon > label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-weight: normal;
  margin: 0px;
}
.custom-checkbox > label:before,
.custom-checkbox > label:after,
.custom-radio > label:before,
.custom-radio > label:after,
.checkbox-icon > label:before,
.checkbox-icon > label:after {
  font-family: "iconfont";
  font-weight: normal;
  text-shadow: none;
  position: absolute;
  top: 0;
  left: 0;
}
/* custom checkbox & radio - hover */
.custom-checkbox:hover > label:before,
.custom-radio:hover > label:before {
  border: 1px solid #00b6ad;
}
/* custom checkbox & radio - unchecked */
.custom-checkbox > label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
}
.custom-radio > label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #c8c8c8;
  border-radius: 50%;
}
.checkbox-icon > label:before {
  content: "";
  width: 18px;
  height: 18px;
}
.custom-checkbox > input[type="checkbox"]:checked + label:before,
.custom-radio > input[type="radio"]:checked + label:before {
  border-color: #00b6ad;
  background-color: #00b6ad;
}
/* custom checkbox & radio - checked */
.custom-checkbox > label:after {
  float: left;
  content: "\e370";
  overflow: hidden;
  color: transparent;
  font-size: 10px;
  line-height: 10px;
  left: 4px;
  top: 4px;
  -webkit-transition: max-width ease 0.1s;
  -moz-transition: max-width ease 0.1s;
  -o-transition: max-width ease 0.1s;
  transition: max-width ease 0.1s;
}
.custom-checkbox > input[type="checkbox"]:checked + label:after {
  color: #ffffff;
}
.custom-radio > label:after {
  float: left;
  content: "";
  overflow: hidden;
  background-color: transparent;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 5px;
  top: 5px;
  -webkit-transition: max-width ease 0.1s;
  -moz-transition: max-width ease 0.1s;
  -o-transition: max-width ease 0.1s;
  transition: max-width ease 0.1s;
}
.custom-radio > input[type="radio"]:checked + label:after {
  background-color: #ffffff;
}
.checkbox-icon > label:after {
  float: left;
  overflow: hidden;
  color: #94aab0;
  font-size: 16px;
  line-height: 16px;
  left: 1px;
  top: 1px;
  -webkit-transition: max-width ease 0.1s;
  -moz-transition: max-width ease 0.1s;
  -o-transition: max-width ease 0.1s;
  transition: max-width ease 0.1s;
}
.checkbox-icon:hover > label:after {
  color: #77939a;
}
/* checkbox-icon icon */
.checkbox-icon.icon-star > label:after {
  content: "\e2ff";
  top: 0px;
}
.checkbox-icon.icon-star > input[type="checkbox"]:checked + label:after {
  content: "\e301";
  color: #ffd66a;
}
.checkbox-icon.icon-heart > label:after {
  content: "\e682";
}
.checkbox-icon.icon-heart > input[type="checkbox"]:checked + label:after {
  content: "\e604";
  color: #ed5466;
}
/* hide the checkbox & radio */
.custom-checkbox > input[type="checkbox"],
.custom-radio > input[type="radio"],
.checkbox-icon > input[type="checkbox"] {
  display: none;
}
/* contextual */
.custom-checkbox-primary:hover > label:before,
.custom-radio-primary:hover > label:before {
  border: 1px solid #00b1e1;
}
.custom-checkbox-primary > input[type="checkbox"]:checked + label:before,
.custom-radio-primary > input[type="radio"]:checked + label:before {
  border-color: #00b1e1;
  background-color: #00b1e1;
}
.custom-checkbox-info:hover > label:before,
.custom-radio-info:hover > label:before {
  border: 1px solid #63d3e9;
}
.custom-checkbox-info > input[type="checkbox"]:checked + label:before,
.custom-radio-info > input[type="radio"]:checked + label:before {
  border-color: #63d3e9;
  background-color: #63d3e9;
}
.has-success .custom-checkbox > label:before,
.has-success .custom-radio > label:before,
.has-success .custom-checkbox:hover > label:before,
.has-success .custom-radio:hover > label:before,
.custom-checkbox-success:hover > label:before,
.custom-radio-success:hover > label:before {
  border: 1px solid #91c854;
}
.has-success .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-success .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-success > input[type="checkbox"]:checked + label:before,
.custom-radio-success > input[type="radio"]:checked + label:before {
  border-color: #91c854;
  background-color: #91c854;
}
.has-warning .custom-checkbox > label:before,
.has-warning .custom-radio > label:before,
.has-warning .custom-checkbox:hover > label:before,
.has-warning .custom-radio:hover > label:before,
.custom-checkbox-warning:hover > label:before,
.custom-radio-warning:hover > label:before {
  border: 1px solid #ffd66a;
}
.has-warning .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-warning .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-warning > input[type="checkbox"]:checked + label:before,
.custom-radio-warning > input[type="radio"]:checked + label:before {
  border-color: #ffd66a;
  background-color: #ffd66a;
}
.has-error .custom-checkbox > label:before,
.has-error .custom-radio > label:before,
.has-error .custom-checkbox:hover > label:before,
.has-error .custom-radio:hover > label:before,
.custom-checkbox-danger:hover > label:before,
.custom-radio-danger:hover > label:before {
  border: 1px solid #ed5466;
}
.has-error .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-error .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-danger > input[type="checkbox"]:checked + label:before,
.custom-radio-danger > input[type="radio"]:checked + label:before {
  border-color: #ed5466;
  background-color: #ed5466;
}
.custom-checkbox-teal:hover > label:before,
.custom-radio-teal:hover > label:before {
  border: 1px solid #6bccb4;
}
.custom-checkbox-teal > input[type="checkbox"]:checked + label:before,
.custom-radio-teal > input[type="radio"]:checked + label:before {
  border-color: #6bccb4;
  background-color: #6bccb4;
}
.custom-checkbox-inverse:hover > label:before,
.custom-radio-inverse:hover > label:before {
  border: 1px solid #2a2a2a;
}
.custom-checkbox-inverse > input[type="checkbox"]:checked + label:before,
.custom-radio-inverse > input[type="radio"]:checked + label:before {
  border-color: #2a2a2a;
  background-color: #2a2a2a;
}

/* 
 * bold
 */
.bold {
  font-weight: 700;
}
/* 
 * semi bold
 */
.semibold {
  font-weight: 600;
}

/* 
 * muted 
 */
.text-muted {
  color: #a2a2a2 !important;
}
a.text-muted:hover {
  color: #bbbbbb !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* ----------------------------
 *
 * Page Header
 *
 * --------------------------- */
.container-fluid .page-header.page-header-block {
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
}
.page-header {
  position: relative;
  padding-bottom: 15px;
  margin: 0px 0 15px;
  overflow: visible;
}
.page-header.no-border {
  border-bottom-width: 0px;
}
.page-header .title {
  margin: 0px;
  color: #5e5e5e;
  font-size: 18px;
  line-height: 34px;
}
.page-header > [class*=" col-"],
.page-header > [class^="col-"] {
  padding-left: 0px;
  padding-right: 0px;
}
.page-header .page-header-section + .page-header-section {
  margin-top: 10px;
}
.page-header .toolbar {
  text-align: left;
  margin-bottom: 5px;
}
.page-header .toolbar [class*=" col-"],
.page-header .toolbar [class^="col-"] {
  padding-left: 0px;
  padding-right: 0px;
}
.page-header .toolbar .toolbar-label {
  display: block;
  text-align: left;
}
.page-header.page-header-block {
  width: auto;
  height:18px;
  padding: 14px 15px 16px 15px;
  
}
.page-header.page-header-block .title {
  margin: 0px;
}
.page-header.page-header-block > [class*=" col-"],
.page-header.page-header-block > [class^="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}
.page-header.page-header-shadowed {
  -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.03);
}
.page-header .breadcrumb {
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .page-header .page-header-section {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    margin-top: 0px;
  }
  .page-header .toolbar {
    text-align: right;
    margin-bottom: 0px;
  }
  .page-header .toolbar .toolbar-label {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
  }
}

/* ----------------------------
 *
 * Breadcrumb
 *
 * --------------------------- */
.breadcrumb.breadcrumb-transparent {
  background-color: transparent;
}
.breadcrumb li a{color:#00b1e1;}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

/* tab content */
.tab-content.panel {
  border-top-width: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.tab-content.panel .tab-pane {
  padding: 15px;
}

/* Form stack */
.form-group .form-stack + .form-stack .form-control {
  margin-top: -1px;
}
.form-group .form-stack .form-control {
  position: relative;
  border-radius: 0px;
  margin-top: -1px;
  z-index: 1;
}
.form-group .form-stack .form-control.input-lg {
  font-size: 13px;
}
.form-group .form-stack:first-child .form-control,
.form-group .form-stack-wrapper > .form-stack:first-child .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.form-group .form-stack:last-child .form-control,
.form-group .form-stack-wrapper > .form-stack:last-child .form-control {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.form-group .form-stack .form-control:focus {
  z-index: 2;
}
.control-label {
  font-weight: 600;
  color: #6f6f6f;
}
.help-block {
  color: #888888;
}
.input-group-addon {
  color: #a2a2a2;
  border-color: #cfd9db;
  background-color: #f5f5f5;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-lg {
  font-size: 16px;
}
.input-sm {
  font-size: 12px;
}

/*estilo para evitar quebra de linha na grid*/
.ellipsis {
 white-space: nowrap;
    overflow: hidden;
   text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
 -moz-binding: url('xml/ellipsis.xml#ellipsis');
}
/*
.btn-group.open .dropdown-toggle {
  outline: none;
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.dropdown-menu > .dropdown-header {
  padding: 6px 14px !important;
  font-size: 13px;
  font-weight: 600;
}
.dropdown-toggle.btn-default {
  color: #6a6a6a;
  background-color: #ecf0f1;
  border-color: #cfd9db;
}
.dropdown-toggle.btn-primary {
  background-color: #00a5d2;
  border-color: #0099c2;
}
.dropdown-toggle.btn-success {
  background-color: #8ac448;
  border-color: #82c03e;
}
.dropdown-toggle.btn-info {
  background-color: #56cfe7;
  border-color: #48cbe5;
}
.dropdown-toggle.btn-warning {
  background-color: #ffd25b;
  border-color: #ffce4b;
}
.dropdown-toggle.btn-danger {
  background-color: #ec465a;
  border-color: #ea384d;
}*/
.td-checked{
    width:5%;
}









/*
.input-group {
  width: 100%;
}
.input-group-addon {
  color: #a2a2a2;
  border-color: #cfd9db;
  background-color: #f5f5f5;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-lg {
  font-size: 16px;
}
.input-sm {
  font-size: 12px;
}
/* Input  */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea {
  -webkit-appearance: none;
}
/* checkbox & radio  */
input[type="radio"],
input[type="checkbox"] {
  margin: 2px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.radio-inline ~ .radio-inline,
.checkbox-inline ~ .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.checkbox,
.radio,
.checkbox label,
.radio label,
.checkbox-inline,
.radio-inline,
.checkbox-inline label,
.radio-inline label {
  min-height: 18px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: normal;
  padding-left:22px;
}
/* custom checkbox & radio  */
.custom-checkbox.checkbox,
.custom-checkbox.checkbox-inline,
.custom-radio.radio,
.custom-radio.radio-inline,
.checkbox-icon.checkbox,
.checkbox-icon.checkbox-inline {
  padding-left: 0px;
}
.custom-checkbox > label,
.custom-radio > label,
.checkbox-icon > label {
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-weight: normal;
  margin: 0px;
}
.custom-checkbox > label:before,
.custom-checkbox > label:after,
.custom-radio > label:before,
.custom-radio > label:after,
.checkbox-icon > label:before,
.checkbox-icon > label:after {
  font-family: "iconfont";
  font-weight: normal;
  text-shadow: none;
  position: absolute;
  top: 0;
  left: 0;
}
/* custom checkbox & radio - hover */
.custom-checkbox:hover > label:before,
.custom-radio:hover > label:before {
  border: 1px solid #00b6ad;
}
/* custom checkbox & radio - unchecked */
.custom-checkbox > label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
}
.custom-radio > label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #c8c8c8;
  border-radius: 50%;
}
.checkbox-icon > label:before {
  content: "";
  width: 18px;
  height: 18px;
}
.custom-checkbox > input[type="checkbox"]:checked + label:before,
.custom-radio > input[type="radio"]:checked + label:before {
  border-color: #00b6ad;
  background-color: #00b6ad;
}
/* custom checkbox & radio - checked */
.custom-checkbox > label:after {
  float: left;
  content: "\e370";
  overflow: hidden;
  color: transparent;
  font-size: 10px;
  line-height: 10px;
  left: 4px;
  top: 4px;
  -webkit-transition: max-width ease 0.1s;
  -moz-transition: max-width ease 0.1s;
  -o-transition: max-width ease 0.1s;
  transition: max-width ease 0.1s;
}
.custom-checkbox > input[type="checkbox"]:checked + label:after {
  color: #ffffff;
}
.custom-radio > label:after {
  float: left;
  content: "";
  overflow: hidden;
  background-color: transparent;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 5px;
  top: 5px;
  -webkit-transition: max-width ease 0.1s;
  -moz-transition: max-width ease 0.1s;
  -o-transition: max-width ease 0.1s;
  transition: max-width ease 0.1s;
}
.custom-radio > input[type="radio"]:checked + label:after {
  background-color: #ffffff;
}
.checkbox-icon > label:after {
  float: left;
  overflow: hidden;
  color: #94aab0;
  font-size: 16px;
  line-height: 16px;
  left: 1px;
  top: 1px;
  -webkit-transition: max-width ease 0.1s;
  -moz-transition: max-width ease 0.1s;
  -o-transition: max-width ease 0.1s;
  transition: max-width ease 0.1s;
}
.checkbox-icon:hover > label:after {
  color: #77939a;
}
/* checkbox-icon icon */
.checkbox-icon.icon-star > label:after {
  content: "\e2ff";
  top: 0px;
}
.checkbox-icon.icon-star > input[type="checkbox"]:checked + label:after {
  content: "\e301";
  color: #ffd66a;
}
.checkbox-icon.icon-heart > label:after {
  content: "\e682";
}
.checkbox-icon.icon-heart > input[type="checkbox"]:checked + label:after {
  content: "\e604";
  color: #ed5466;
}
/* hide the checkbox & radio */
.custom-checkbox > input[type="checkbox"],
.custom-radio > input[type="radio"],
.checkbox-icon > input[type="checkbox"] {
  display: none;
}
/* contextual */
.custom-checkbox-primary:hover > label:before,
.custom-radio-primary:hover > label:before {
  border: 1px solid #00b1e1;
}
.custom-checkbox-primary > input[type="checkbox"]:checked + label:before,
.custom-radio-primary > input[type="radio"]:checked + label:before {
  border-color: #00b1e1;
  background-color: #00b1e1;
}
.custom-checkbox-info:hover > label:before,
.custom-radio-info:hover > label:before {
  border: 1px solid #63d3e9;
}
.custom-checkbox-info > input[type="checkbox"]:checked + label:before,
.custom-radio-info > input[type="radio"]:checked + label:before {
  border-color: #63d3e9;
  background-color: #63d3e9;
}
.has-success .custom-checkbox > label:before,
.has-success .custom-radio > label:before,
.has-success .custom-checkbox:hover > label:before,
.has-success .custom-radio:hover > label:before,
.custom-checkbox-success:hover > label:before,
.custom-radio-success:hover > label:before {
  border: 1px solid #91c854;
}
.has-success .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-success .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-success > input[type="checkbox"]:checked + label:before,
.custom-radio-success > input[type="radio"]:checked + label:before {
  border-color: #91c854;
  background-color: #91c854;
}
.has-warning .custom-checkbox > label:before,
.has-warning .custom-radio > label:before,
.has-warning .custom-checkbox:hover > label:before,
.has-warning .custom-radio:hover > label:before,
.custom-checkbox-warning:hover > label:before,
.custom-radio-warning:hover > label:before {
  border: 1px solid #ffd66a;
}
.has-warning .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-warning .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-warning > input[type="checkbox"]:checked + label:before,
.custom-radio-warning > input[type="radio"]:checked + label:before {
  border-color: #ffd66a;
  background-color: #ffd66a;
}
.has-error .custom-checkbox > label:before,
.has-error .custom-radio > label:before,
.has-error .custom-checkbox:hover > label:before,
.has-error .custom-radio:hover > label:before,
.custom-checkbox-danger:hover > label:before,
.custom-radio-danger:hover > label:before {
  border: 1px solid #ed5466;
}
.has-error .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-error .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-danger > input[type="checkbox"]:checked + label:before,
.custom-radio-danger > input[type="radio"]:checked + label:before {
  border-color: #ed5466;
  background-color: #ed5466;
}
.custom-checkbox-teal:hover > label:before,
.custom-radio-teal:hover > label:before {
  border: 1px solid #6bccb4;
}
.custom-checkbox-teal > input[type="checkbox"]:checked + label:before,
.custom-radio-teal > input[type="radio"]:checked + label:before {
  border-color: #6bccb4;
  background-color: #6bccb4;
}
.custom-checkbox-inverse:hover > label:before,
.custom-radio-inverse:hover > label:before {
  border: 1px solid #2a2a2a;
}
.custom-checkbox-inverse > input[type="checkbox"]:checked + label:before,
.custom-radio-inverse > input[type="radio"]:checked + label:before {
  border-color: #2a2a2a;
  background-color: #2a2a2a;
}
/* custom file upload */
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 100%;
  min-height: 100%;
  font-size: 999px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
/* Input state */
.has-success .form-control {
  border-color: #91c854;
}
.has-success .form-control:focus {
  border-color: #91c854;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #91c854;
}
.has-success .input-group-addon {
  color: #436320;
  border-color: #91c854;
  background-color: #91c854;
}
.has-error .form-control {
  border-color: #ed5466;
}
.has-error .form-control:focus {
  border-color: #ed5466;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #ed5466;
}
.has-error .input-group-addon {
  color: #981020;
  border-color: #ed5466;
  background-color: #ed5466;
}
.has-warning .form-control {
  border-color: #ffd66a;
}
.has-warning .form-control:focus {
  border-color: #ffd66a;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #ffd66a;
}
.has-warning .input-group-addon {
  color: #d09700;
  border-color: #ffd66a;
  background-color: #ffd66a;
}
.has-success .form-control,
.has-error .form-control,
.has-warning .form-control,
.has-success .form-control:focus,
.has-error .form-control:focus,
.has-warning .form-control:focus {
  -moz-box-shadow: none;
  box-shadow: none;
}

.wa{width:auto !important;}

/*DRAG AND DROP LIST*/

ul.list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.list li {
    margin: 4px 0;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
    height: 28px;
    border:1px solid #ffffff;
}
ul.list li.ui-sortable-placeholder {
    border-color: #CCCCCC;
    border-style: dashed;
    background-color: transparent;
}

.clear{clear:both;}
.pr{position:relative !important;}
.pa{position:absolute !important;}
.box-avatar{position:relative;width:85px;height:40px;}
.box-avatar .avatar-left{position:absolute;width:40px;height:40px;left:0px;top:0px;}
.box-avatar .avatar-right{position:absolute;width:40px;height:40px;right:0px;top:0px;}
.avatar-left > img, .avatar-right >  img{width:40px;height:40px;}
.box-avatar .interation-direction-right{
    position:absolute;
    bottom:-7px;
    left:34px;
    color:#00b1e1;
}
.color-red{color:#ed5466 !important;}
.color-white{color:#FFF !important;}
.color-black-before:before{color:#000000 !important;}
.color-white-before:before{color:#FFFFFF !important;}

.panel-btn-green{    
    color: #ffffff;
    background-color: #91C854;
    background-image: none;
    border: 1px solid #89C448;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -o-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}
.panel-btn-green:hover, .panel-btn-green:focus, .panel-btn-green:active, .panel-btn-green.active, .panel-btn-green.disabled, .panel-btn-green[disabled] {
    color: #FFFFFF;
    background-color: #89C448;
}
.panel-green > .panel-heading {
    color: #ffffff;
    background-color: #91C854;
    border-color: #91C854;
}

.panel-btn-red{    
    color: #ffffff;
    background-color: #E9273F;
    background-image: none;
    border: 1px solid #E81732;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -o-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}
.panel-btn-red:hover, .panel-btn-red:focus, .panel-btn-red:active, .panel-btn-red.active, .panel-btn-red.disabled, .panel-btn-red[disabled] {
    color: #FFFFFF;
    background-color: #E81732;
}
.panel-red > .panel-heading {
    color: #ffffff;
    background-color: #E9273F;
    border-color: #E9273F;
}

.panel-btn-purple{    
    color: #ffffff;
    background-color: #55447A;
    background-image: none;
    border: 1px solid #4A3C6A;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    -o-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}
.panel-btn-purple:hover, .panel-btn-purple:focus, .panel-btn-purple:active, .panel-btn-purple.active, .panel-btn-purple.disabled, .panel-btn-purple[disabled] {
    color: #FFFFFF;
    background-color: #4A3C6A;
}
.panel-purple > .panel-heading {
    color: #ffffff;
    background-color: #55447A;
    border-color: #55447A;
}

.row {
    margin-left: 0px;
}

.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.modal-business-header{
    padding: 0px !important;
    border-bottom: 2px dotted #cfd9db;
    background: #fff;
    color: #395a7a !important;
    padding-bottom: 10px;
    
    
}
.modal-business-close{
    color:#FFFFFF !important;
    margin-right:10px;
    margin-top:10px !important;
    opacity: 0.8 !important;
}
.full-main{
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    height:calc(100% - 50px);
    border-top: 1px solid #d8d8d8;
    display:table;
}
.full-left-bar{
    position: relative;
    width: 250px;
    height:100%;
    float: left;
    left: 0;
    top: 0;
    background: #EEEEEE;
    color: #777777 !important;
    border-right: 1px solid #d8d8d8;
    display:table;
    overflow-y:auto;
    overflow-x: hidden;
}
.full-left-bar .button-multiselect,
.widget-agendamentos .button-multiselect,
.widget-negociacao .button-multiselect{
    width: 100% !important;
    height: 30px !important;
    overflow:hidden;
}
.full-header .button-multiselect{
    width: 400px !important;
    height: 30px !important;
    overflow:hidden;
}
@media screen and (max-width: 950px){
    .full-header .button-multiselect{width: 100% !important;}
}
.full-content{
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 0 251px;
    min-width: 320px;
    min-height: 800px;
    height:100%;
    background: #f5f7f7;
}
.prospect-name{
    position:relative;
    width:100%;
    height:22px;
    line-height:22px;
    font-size:20px;
    font-family: 'latobold', sans-serif;
    color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
    margin-top:15px;
}
.prospect-contact{
    position:relative;
    width:100%;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-family: 'latolight', sans-serif;
    float:left;
    color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
}
.prospect-tels{
    position:relative;
    width:100%;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-family: 'latolight', sans-serif;
    float:left;
    color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
}
.prospect-mail{
    position:relative;
    width:100%;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-family: 'latolight', sans-serif;
    float:left;
    color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
}
.prospect-mail a,.prospect-mail a:hover{
    color:#FFFFFF;
}
.business-select-client-label{position:relative;font-family:'latolight',sans-serif;font-size:18px;color:#FFFFFF;margin-left:5px;}
.min-height250{
    min-height:250px !important;
}
.min-height380{
    min-height:380px !important;
}
.webui-popover-full{
    z-index:10000;
}
.widget-body-full-150{
    height:150px !important;
    overflow-x:hidden;
    overflow-y:auto;
}
.widget-body-full-200{
    height:200px !important;
    overflow-x:hidden;
    overflow-y:auto;
}
.widget-body-full-230{
    height:230px !important;
    overflow-x:hidden;
    overflow-y:auto;
}
.widget-body-full-250{
    height:250px !important;
    overflow-x:hidden;
    overflow-y:scroll;
}
.widget-body-full-270{
    height:270px !important;
    overflow-x:hidden;
    overflow-y:scroll;
}
.modal-full-content [data-toggle="collapse-widget"] .collapse:not(.list).in {
    padding: 1px;
}
.negociacao-soma-total{
    padding: 7px 12px 7px 12px;
    color:#395a7a;
    font-weight:bold;
    margin-right:10px;
    margin-bottom:5px;
    font-size:1.3em;
}
.negociacao-btn-total{
    padding: 7px 12px 7px 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    color:#FFFFFF;
    font-weight:bold;
    margin-right:10px;
    margin-bottom:5px;
    font-size:1.3em;
    float:left;
}
.negociacao-bg-color-red{background: #DB4539;border:1px solid #E73C17;}
.negociacao-bg-color-blue{background: #4682CF;border:1px solid #265EA5;}
.negociacao-bg-color-orange{background: #E39546;border:1px solid #FFD28C;}
.negociacao-bg-color-green{background: #4CA126;;border:1px solid #489824;}

/*WIDGET BUSINESS*/
.widget-counter{
    padding: 15px 0;
    margin: 0;
    height: 70px;
    position: relative;
    text-align: center;
    display: block;
    border: 1px solid #d8d8d8;
}
.widget-counter .widget-icon{
    position:absolute;
    width:50px;
    height:50px;
    top:25px;
    left:10px;
    font-size:45px;
}
.widget-counter .widget-content{
    position:relative;
    height:40px;
    line-height:40px;
    padding-left:50px;
    font-size:30px;
}
.bg-widget-blue{
    background-color: #4BB2DD !important;
    color: #FFFFFF !important;
    border-color: #4BB2DD !important;
    background-image: none !important;
    text-shadow: none !important;
}
.bg-widget-aqua{
    background-color: #00D9A4 !important;
    color: #FFFFFF !important;
    border-color: #00D9A4 !important;
    background-image: none !important;
    text-shadow: none !important;
}
.bg-widget-blue-dark{
    background-color: #026A8D !important;
    color: #FFFFFF !important;
    border-color: #026A8D !important;
    background-image: none !important;
    text-shadow: none !important;
}
.bg-widget-green{
    background-color: #59B202 !important;
    color: #FFFFFF !important;
    border-color: #59B202 !important;
    background-image: none !important;
    text-shadow: none !important;
}
.button-popover-grid{
    position:relative;
    height:auto;
    border:0px !important;
    background:transparent;
    width:100%;
    text-align:left;
}
.button-popover-cliente{
    position:relative;
    height:auto;
    min-height:39px;
    line-height:30px;
    padding-top:13px;
    padding-bottom:0px;
    border:0px !important;
    margin-bottom:5px;
    margin-left:10px;
    background:transparent;
    width:100%;
    font-size:12px;
    text-align:left;
    color:#777777;
}
.button-popover-cliente label{position:absolute;width:auto;height:20px;line-height:20px;top:0px;left:5px;font-size:11px;color:#777777 !important;}
.button-popover-cliente span{font-family:'latobold',sans-serif;}

.table-thead-scroll{padding-right:17px !important;background-color:#EBEBEB !important;}

.modal-content-fullscreen{width:100% !important;max-width:100% !important;margin-top:0px !important;height:100% !important;/*font-family:'latolight', sans-serif;*/}
.modal-table-cell-fullscreen{height:100% !important;max-height:100% !important;}
.centralizar{position:relative;left:50%;margin-left:-25px;top:50%;margin-top:-25px;}
.right{text-align:right !important;}

.business-bgcolor-primary {
    background-color: #00b1e1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, 0.99) !important;
    border-color: #00a5d2 !important;
    background-image:none !important;
    text-shadow:none !important;
}
.business-bgcolor-primary-light{
    background-color: #EFF7FC !important;
}
.business-bgcolor-success {
    background-color: #91c854 !important;
    color: #ffffff !important;
    border-color: #87c345 !important;
    background-image:none !important;
    text-shadow:none !important;
}
.business-bgcolor-success-light{
    background-color: #ECF2DD !important;
}
.business-bgcolor-orange {
    background-color: #E39546 !important;
    color: #ffffff !important;
    border-color: #DF862D !important;
    background-image:none !important;
    text-shadow:none !important;
}
.business-bgcolor-orange-light{
    background-color: #F7EADB !important;
}
#business-load-last-ligacao-date p{margin-left:10px;line-height:25px !important;}
#business-load-last-agendamento-title p{margin-left:10px;line-height:25px !important;}

.btn-business {  
  color: #ffffff;  
  background-color: #4D9E75;
  background-image:none;
  border:1px solid #458D69;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  -o-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
}
.btn-group.open .btn-business.dropdown-toggle, .btn-business.disabled, .btn-business[disabled], .btn-business:hover, .btn-business:focus {
    background: #458D69;
    color: #ffffff;
}

.btn-orange {  
  color: #ffffff;  
  background-color: #E39546;
  background-image:none;
  border:1px solid #DF862D;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  -o-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
}
.btn-group.open .btn-orange.dropdown-toggle, .btn-orange.disabled, .btn-orange[disabled], .btn-orange:hover, .btn-orange:focus {
    background: #458D69;
    color: #ffffff;
}

.border-bottom-gray{border-bottom:1px solid #404040 !important;}