@charset "UTF-8";

body {

  -webkit-transition: opacity 0.15s ease-in-out;
     -moz-transition: opacity 0.15s ease-in-out;
      -ms-transition: opacity 0.15s ease-in-out;
       -o-transition: opacity 0.15s ease-in-out;
          transition: opacity 0.15s ease-in-out;  

}
body.page-content-white { background:#fff; }

/*
|-----------------------------------------------------------------------------------------
| Utilities / general helper classes
|-----------------------------------------------------------------------------------------
|
*/
.fl { float:left !important; } 
.fr { float:right !important; } 
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.align-left { text-align:left !important; }
.align-right { text-align:right !important; }

.no-padding { padding:0 !important; }

.line-through {}
.line-through td { text-decoration: line-through; color:#ed6b75; }
.line-through td a:not(.btn) { color:#ed6b75; }

/*
|-----------------------------------------------------------------------------------------
| Logo
|-----------------------------------------------------------------------------------------
|
|
*/
.page-logo {

  background:#fff !important;
  border-radius: 3px !important;
  border:2px solid #39424A;
}
.page-logo img {
  height:100% !important;
  border-radius: 3px !important;
  
}


/*
|-----------------------------------------------------------------------------------------
| [Page header
|-----------------------------------------------------------------------------------------
|
|
*/
.page-header { }
  .page-header .navbar { }
  .page-header .navbar form { 

    float:right; 
    width:390px;
    margin:15px 0;
  }

    .page-header .navbar form > select {
      float:right;
      border: none;
      box-shadow: none;
      border-radius: 0;

      width:75%;

      color: #636e77;
      background: #39424a !important;
    }

    .page-header .navbar form > select option:not(:checked) { background-color: #fff; }


/*
|-----------------------------------------------------------------------------------------
| (Default) container overview
|-----------------------------------------------------------------------------------------
|
|
*/
.overview-container {}

/*
|-----------------------------------------------------------------------------------------
| (Default) filter overview
|-----------------------------------------------------------------------------------------
|
|
*/
.filter-container {  }

.filter-container .portlet { 

  margin-top:45px;
  position:static !important;

}

.filter-container .portlet-title { }
.filter-container .portlet-title span { margin:10px 0; display:block; }

/*
|-----------------------------------------------------------------------------------------
| Datatable
|-----------------------------------------------------------------------------------------
|
*/
.table { }
.table .btn-group {
  margin:2px 0 0 5px;
}

tr.alert { }
tr.alert.alert-danger td { 
  color: #e73d4a;
  text-decoration: line-through;
}
tr.alert.alert-danger td > * { color: #e73d4a; }

.dt-buttons {

  display:block !important;
  width:100% !important;
}

/*
|-----------------------------------------------------------------------------------------
| Form related
|-----------------------------------------------------------------------------------------
|
*/
.form-group { }

/*
|-----------------------------------------------------------------------------------------
| Tag input
|-----------------------------------------------------------------------------------------
|
*/
.bootstrap-tagsinput {

  width:100%;
  display:block;
}
.bootstrap-tagsinput input { width:100%; }

/*
 |---------------------------------------------------------------------------------------
 | Error handling
 |---------------------------------------------------------------------------------------
 |
 */
.form-group.has-error { position:relative; }

.form-group.has-error span.help-block {

  left:30px;
  top:25px;
  max-width:75%;
  z-index:10000;
  position:absolute;
  padding:5px 15px 5px 15px;

  color:#fff;
  font-size:9pt;
  font-weight:normal;
  background:rgb(54, 198, 211);
  border-bottom:1px solid #fff;
}

.form-group.has-error span.help-block:after,
.form-group.has-error span.help-block:before {

  width:0;
  height:0;
  left: 25px;
  bottom: 100%;
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  content: " ";
}

.form-group.has-error span.help-block:after {

  border-width: 5px;
  margin-left: -5px;
  border-bottom-color: rgb(54, 198, 211);
  border-color: rgba(255, 255, 255, 0);
}

.form-group.has-error span.help-block:before {

  border-width: 5px;
  margin-left: -5px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgb(54, 198, 211);
}

.form-group.has-error span.help-block.help-block-error { background: rgba(231, 61, 74, 0.9); }
.form-group.has-error span.help-block.help-block-error:after { border-bottom-color: rgba(231, 61, 74, 0.9); }
.form-group.has-error span.help-block.help-block-error:before { border-bottom-color: rgba(231, 61, 74, 0.9); }

/*
|-----------------------------------------------------------------------------------------
| Button group
|-----------------------------------------------------------------------------------------
|
*/

.btn-group {  }
.btn-group .dropdown-menu {

  z-index:100001 !important;

}
.btn-group .dropdown-menu > li > a.active {
  color: #555;
  font-weight:bold;
  background-color: #f6f6f6;
} 
.btn-group .dropdown-menu > li > a {
  padding:5px 0 5px 30px;
  position:relative;
}

.btn-group .dropdown-menu > li > a > i { 
    position: absolute;
    top: 7px;
    left: 2px;
    width: 18px;
    height: 18px;
}


/*
|-----------------------------------------------------------------------------------------
| Drop down menu
|-----------------------------------------------------------------------------------------
|
*/
.dropdown-menu {  }

.dropdown-menu.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu.dropdown-menu-right:before {  
  top: -8px;
  left: auto;
  right: 9px;
}

.dropdown-menu.dropdown-menu-right:after {

  left: auto;
  right: 10px;
}

/*
|-----------------------------------------------------------------------------------------
| Buttons
|-----------------------------------------------------------------------------------------
|
*/
.btn-icon-only {  }
.btn-xs.btn-icon-only {  
  
  width:auto;
  min-width:20px;
  height:auto;
}


/*
|-----------------------------------------------------------------------------------------
| Form related
|-----------------------------------------------------------------------------------------
|
*/
.form-group { }


.mt-radio { margin-bottom:0; }
/*.form-group .mt-checkbox { }
.form-group .mt-checkbox span { 

  margin:7px 0 0 0;
}*/