/* BO.20161201 */


/* TEXT ALIGNMENT */
    .text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }

/* ROW HEIGHT */
    .row-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%;
    }
    .col-height {
      display: table-cell;
      float: none;
      height: 100%;
    }
    .col-top {
      vertical-align: top;
    }
    .col-middle {
      vertical-align: middle;
    }
    .col-bottom {
      vertical-align: bottom;
    }

    .col-centered {
      float: none;
      margin: 0 auto;
    }

/* BREADCRUMBS */
    .breadcrumb { font-family: 'Montserrat', sans-serif; font-weight:400; font-size:12px; background-color:#F1F2F2 !important; width:auto; }
    .breadcrumb > li + li:before {
      padding: 0 5px;
      color: #1F1B1C;;
      content: ">";
    }

/* NAVBAR */
    .navbar-default {
      background-color: #2d2d2d;
      border-color: #000000;
    }
    .navbar-default .navbar-brand {
      color: #eaeaea;
    }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #F1F1F2;
    }
    .navbar-default .navbar-text {
      color: #eaeaea;
    }
    .navbar-default .navbar-nav > li > a {
      color: #eaeaea;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #F1F1F2;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
      color: #F1F1F2;
      background-color: #000000;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
      color: #F1F1F2;
      background-color: #000000;
    }
    .navbar-default .navbar-toggle {
      border-color: #000000;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #000000;
    }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #eaeaea;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
      border-color: #eaeaea;
    }
    .navbar-default .navbar-link {
      color: #eaeaea;
    }
    .navbar-default .navbar-link:hover {
      color: #F1F1F2;
    } 

    /* with hover */
    /*
    .dropdown-submenu {
      position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: -1px;
    }
    .dropdown-submenu:hover > .dropdown-menu {
      display: block;
    }
    .dropdown-submenu:hover > a:after {
      border-left-color: #FFFFFF;
    }
    .dropdown-submenu.pull-left {
      float: none;
    }
    .dropdown-submenu.pull-left > .dropdown-menu {
      left: -100%;
      margin-left: 10px;
    }
    */

    /* without hover */
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu .open  > .dropdown-menu {
        display: block;
    }
    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu .open  > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }


/* FORMS */
    .errplace {}

    .errplace > li { }

    .error {
      font-family: "Montserrat", sans-serif !important; font-weight: 300 !important; 
      color:#FF0000 !important;
      font-size:12px !important;
    }

    input.error {font-size:14px !important;}
    
    .input-error {
      border-color: #FF0000;
        /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .6);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .6);*/
    }


    label.checkbox-inline {padding-top:5px; padding-right: 20px;}
    label { font-family: 'Montserrat', sans-serif!important; font-size:14px; color:#1F1B1C !important; font-weight: 300 !important;}


    .form-control {
      border: #1F1B1C 1px solid;
      color: #1F1B1C;
    }

    .form-control:focus {
      border-color: #1F1B1C;
      -webkit-box-shadow: 0px 0px 8px -2px rgba(31, 27, 28,0.85);
      -moz-box-shadow: 0px 0px 8px -2px rgba(31, 27, 28,0.85);
      box-shadow: 0px 0px 8px -2px rgba(31, 27, 28,0.85);
    }

    .form-control::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif!important; color: #A7A9AC; font-size:12px; }
    .form-control:-moz-placeholder { font-family: 'Montserrat', sans-serif!important;color: #A7A9AC;  font-size:12px; }
    .form-control::-moz-placeholder {font-family: 'Montserrat', sans-serif!important; color: #A7A9AC;  font-size:12px; }
    .form-control:-ms-input-placeholder { font-family: 'Montserrat', sans-serif!important; color: #A7A9AC;  font-size:12px; }

    .form-control[disabled] {
       color:#1F1B1C!important;
       opacity: 1 !important;
       background-color: #F1F2F2 !important;
       border: #1F1B1C 1px solid!important;
       box-shadow:none !important;
    }


    .btn {border-radius: 5px 5px 5px 5px; }

    .btn-default {
      font-size: 14px;
      color: #000000;
      background-color: #86AEDD;
      border: #86AEDD 1px solid;
    }


    .btn-default:focus, .btn-default.focus {
        color: #FFFFFF;
        background-color: #A7A9AC;
        border:  #A7A9AC 1px solid;
    }

    .btn-default:hover {
        color: #FFFFFF;
        background-color: #A7A9AC;
        border:  #A7A9AC 1px solid;
    }

    /*SELECT PICKER*/
    .btn-select {
      font-weight: 300 !important;
      font-size: 14px;
      color: #1F1B1C;
      background-color: #FFFFFF;
      border: #1F1B1C 1px solid;
    }

    .btn-select:focus, .btn-select.focus {
        color: #FFFFFF;
        background-color: #86AEDD;
        border:  #1F1B1C 1px solid;
    }

    .btn-select:hover {
        color: #FFFFFF;
        background-color: #86AEDD;
        border: #1F1B1C 1px solid;
    }


    /* DATE PICKER */
    .input-group-addon {
      background-color: #337AB7 ;
      color: #FFFFFF ;
      border: 1px solid #1F1B1C;
    }

    /* FILE INPUT */
    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }


/* TABLES */
    .table > tbody > tr > td {
         vertical-align: middle;
    }

    .table > tbody > tr > td.nowrap {white-space: nowrap;}

    .table-striped>tbody>tr:nth-child(odd)>td,
    .table-striped>tbody>tr:nth-child(odd)>th {
      background-color: #F1F2F2;
    }

    .table-striped>tbody>tr.active:nth-child(odd)>td,
    .table-striped>tbody>tr.active:nth-child(odd)>th,
    .table>tbody>tr.active>td,
    .table-striped>tbody>tr.active>th {
      background-color: #F1F2F2; color: white;
    }

    .table-hover > tbody > tr:hover > td, 
    .table-hover > tbody > tr:hover > th {
      background-color: #F1F2F2;}

    .table-hover > tbody > tr.active:hover > td, 
    .table-hover > tbody > tr.active:hover > th {
      background-color: #F1F2F2;}
    
    .table-all-centered > tbody > tr > td {text-align: center;}
    .table-all-centered> thead > tr > td {text-align: center;}
    .table > thead > tr > th {text-align: center; font-size:11px !important; }
    
    .cell_left { text-align: left !important; }
    .cell_center { text-align: center !important; }
    .cell_right { text-align: right !important; }


    /* BOOTSTRAP TABLE FILTER CONTROL */
    div.filterControl > input, div.filterControl > select {height:30px !important; font-size: 12px !important; font-weight: 300 !important;}


/* PANEL */
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border:none;
        border-top:2px solid #F1F2F2;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #1F1B1C;
        background-color: #FFFFFF;
        border:none;
        border-color: #F1F2F2;
    }

    .panel-title {
        
    }

    .panel-title > a {
        display: block;
        padding: 15px 0px 15px 0px;
        text-decoration: none;
    }

    .more-less {
        float: left;
        padding-right:10px;
        color: #000000;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border:none;
        border-top-color: #F1F2F2;
    }


/* TOOLTIP */
  .tooltip.bottom .tooltip-inner  {
    max-width:310px;
    padding:3px 8px;
    color:#FFFFFF;
    text-align:center;
    background-color:#A7A9AC;
    border-radius:5px;
  }

  .tooltip-arrow {  
      top:0;
      left:50%;
      margin-left:-5px;
      border-left:5px solid transparent;
      border-right:5px solid transparent;
      border-bottom:5px solid #A7A9AC !important;}


@media (min-width: 768px) { /* 767px */

/* TEXT ALIGNMENT */
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }

/* ROW HEIGHT */
    .row-sm-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%;
    }
    .col-sm-height {
      display: table-cell;
      float: none;
      height: 100%;
    }

/* NAVBAR */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #1F1B1C;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #1F1B1C;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #1F1B1C;
      background-color: #000000;
    }

}
@media (min-width: 992px) {

/* TEXT ALIGNMENT */
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }


/* ROW HEIGHT */
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
      display: table-cell;
        float: none;
        height: 100%;
    }
    

}
@media (min-width: 1200px) {

/* TEXT ALIGNMENT */
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }


/* ROW HEIGHT */
  .row-lg-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%;
  }
  .col-lg-height {
      display: table-cell;
      float: none;
      height: 100%;
  }


}




@media (min-width: 768px) { /* 767px */

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}