/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22/03/2016, 7:06:45 PM
    Author     : reganc
*/

.card.dashboard-card {
    min-height: auto !important;}

button .md.md-add {
    margin-bottom: -1px;}

.section-title-toolbar > button .md, 
.section-title-toolbar > a .md,
.container-toolbar > button .md, 
.container-toolbar > a .md { 
    margin-bottom: -1px;
}


td .md {
    margin-bottom: -1px;
}

.style-primary {
    background-color: #00acc1 !important;}

.dropdown-menu > li > a {
    width: 100%;}

.help-block {
    /*position: static;*/}

.headerbar-left .header-nav {
    margin-left: 0;}

#header {
box-shadow: none;
-webkit-box-shadow: none;
}

#header,
.headerbar,
.header-nav .header-nav-brand,
.headerbar{
    height: 52px;
    min-height: 52px;}

#content {
    padding-top: 52px;
    height:100vh;
}


#main {
    height:100vh;
}
.brand-holder > h3 {
    padding-top: 7px;
    color: #FFF;
    font-size: 30px;}

.headerbar{
    display: flex;
    
}

.headerbar-left {
    position: relative;
}

.headerbar-middle {
    text-align: center;
}
.headerbar-right {
    align-items: right;
    justify-content: flex-end;
}

.header-nav-options .dropdown .dropdown-menu {
    top: 50px;
}
.header-nav-options .dropdown .dropdown-menu.search-form {
    min-width: 250px;
}
.header-nav .open > a, .header-nav .open > a:hover, .header-nav .open > a:focus {
    background-color: transparent;
    color: white;
    
}

.header-burger-nav{
    padding-top: 3px !important;
    padding-bottom: 9px !important;    
}
.brand-holder > h3 {
    margin-top:0px;
}
.header-sym-search{
    margin-left:30px;
}

body{background-color: #ffffff;}

.gui-controls > li > a {
    font-size: 14px;
}

.btn-raised,
.btn-raised.btn-icon-toggle{
    -webkit-box-shadow: none;
    box-shadow: none; 
    -webkit-transition: none; 
    -moz-transition: none;
    -o-transition: none;
    transition:none; 
}


.card.search-result, .card.card-address, .card.card-contact, .card.dashboard-card {
    position: relative;
    float: left;
    padding: 24px;
    border: 1px solid #eaeaea;
    margin: 0 12px 24px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-box-shadow: none;
    box-shadow: none;     
}

.card.search-result > .card-head,
.card.card-address > .card-head,
.card.card-contact > .card-head {   
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -24px;    
}

.card-head header {
    font-size: 1.3em;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    background-color: #eaeaea;
    color: #212121 !important;
    border-bottom: 3px solid #00acc1;
}
.tabs .tab:hover, .tabs .tab.active:hover {
    background-color: #00acc1;
    color: #FFF !important;
}
.tabs .tab, .tabs-more .tab {
    display: inline-block;
    width: auto;
    height: 35px;
    margin-top: 5px;
    padding: 8px 15px 8px 15px;
    cursor: pointer;
    color: #212121;
    text-transform: uppercase;
    float: left;
}

.card-head.nav-tabs > li > a, 
.card-head > .nav-tabs > li > a {
    background-color: transparent;
}
.card-head.nav-tabs > li.active > a, 
.card-head > .nav-tabs > li.active > a:hover, 
.card-head > .nav-tabs > li.active > a:focus {
color: #00acc1 !important;    
}

.panel-primary {
    border-color: #3999a5;
}

.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #3999a5;
    border-color: #3999a5
}
.checkbox-styled:not(ie8) input ~ span, .radio-styled:not(ie8) input ~ span {
    color: #000;
    padding-left: 25px;}

span.help-block{
    color:#c2185b;
    opacity:1;
}

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    background-color: transparent;/*#eaeaea;*/
    color: #212121 !important;
}

.tabs-left > .nav-tabs .active > a, 
.tabs-left > .nav-tabs .active > a:hover, 
.tabs-left > .nav-tabs .active > a:focus {
    
    background-color: #00acc1;
    color: #fff !important;
    font-weight: 600;
    border-right: 2px solid #0097A7;
}
.tabs-left > .nav-tabs > li:hover,
.tabs-left > .nav-tabs > li > a:hover, 
.tabs-left > .nav-tabs > li > a:focus {
    border-color: transparent;
    
    background-color: #00acc1;
        color: #fff !important;
    font-weight: 600;
}

.nav-tabs > li > a {
    opacity: 0.80;
}

.text-primary-bright {
  color: #caf0ee;
}
a.text-primary-bright:hover {
  color: #a2e5e1;
}
.text-primary-light {
  color: #7dd8d2;
}
a.text-primary-light:hover {
  color: #56cdc5;
}
.text-primary {
  color: #00acc1;
}

.text-current {
    color: #3598dc;
}

.text-underline{
    text-decoration: underline;
}

a.text-primary:hover {
  color: #077871;
}
.text-primary-dark {
  color: #066265;
}
a.text-primary-dark:hover {
  color: #033334;
}
.card.panel > .card-head:not(.collapsed)
{
    background-color: #8dbee6;/*#EEEEEE;*/
    border-bottom: 1px solid #82b9e6;/*#dddddd;*/
    color: #313335;
    font-weight: bold;
}

.card.panel > .card-head.collapsed
{
/*    background-color: #f8fcff;
    border-color: #f8fcff;*/
    color: #313335;    
}

.card-body p,
.card-body ol>li{
    font-size: 16px;
}

.card-body ol {
    padding-left: 24px;
}
.card-body ol>li{
    margin-bottom: 10px;
}
.card-body p.help-block{
    font-size: 12px;
}

@media (max-width: 992px) {
  #header {
    position: relative;
  }
  .header-fixed #header {
    position: relative;
  }
  .header-fixed #header:before {
    content: '';
    z-index: 0;
    position: fixed;
    top: 0;
    display: block;
    width: 100%;
    height: 64px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  }
  .headerbar-left {
    z-index: 1011;
    left: 0;
    right: 0;
    height: 64px;
    background: #ffffff;
    border-bottom: 1px solid #e5e6e6;
  }
  .header-fixed .headerbar-left {
    position: fixed;
    float:left;
  }
  .headerbar-right, .headerbar-middle {
    position: relative;
    float:left;
    left: 0;
    right: 0;
    min-height: 64px;
    top: 64px;
    
    background: #ffffff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  }
  .headerbar-right .header-nav-options {
    margin-right: 12px;
    float: right;
  }
  .headerbar-right .header-nav-profile {
    position: relative;
    float: left;
  }
  .headerbar-right .header-nav-toggle {
    position: absolute;
    z-index: 1012;
    top: -64px;
    right: 0;
  }
  .header-fixed .headerbar-right .header-nav-toggle {
    position: fixed;
    top: 0;
  }
  .headerbar-left .header-nav {
    margin-left: 12px;
  }
  .header-nav-profile .dropdown img {
    width: 0px;
    opacity: 0;
  }
  .header-nav-profile .dropdown .profile-info {
    padding-left: 0;
    padding-right: 30px;
  }
  .navbar-search {
    position: relative;
    z-index: 1;
  }
  .navbar-search.expanded .form-group {
    max-width: 100%;
    width: 480px;
  }
  .header-inverse .headerbar-left {
    background: #242a31;
    border-bottom-color: rgba(255, 255, 255, 0.15);
  }
  .header-inverse .headerbar-right,.header-inverse .headerbar-middle {
    background: #242a31;
  } 
  
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
    color: #ffffff; /*#333333;*/
    background-color: #337ab7;/*#3999a5;/*#90caf9;*/
}


.form-group > label, .form-group .control-label {
    font-size: 14px;
    opacity: inherit; 
    margin-bottom: 0;}

.style-sym-card-head {
background-color: #8dbee6;
    border-bottom: 1px solid #82b9e6;
    color: #313335;
}

.nav-tabs-begin-group {
    border-left: 1px solid #dddddd;
}


.panel-heading .tools {
    padding-right: 16px;
    float: right;
    display: inline-block;
}
.btn-success.btn-flat, .btn-success.btn-icon-toggle {
    color: #4caf50;
}
.btn-info.btn-flat, .btn-info.btn-icon-toggle {
    color: #2196f3;
}

.btn-danger.btn-flat, .btn-danger.btn-icon-toggle {
    color: #d9534f;
}

.table-btn {
    margin-top:0px!important;
    margin-right:3px!important;
}
.text-medium, strong {
    font-weight: bold;}

.input-group-addon, .input-group-btn {
    padding-left: 0px;
}

.input-group-btn > .btn {
    height: 37px;
}

fieldset {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 15px;
}

fieldset input[type="radio"],fieldset input[type="checkbox"] {
    margin-left: 10px; 
}

.bootbox.modal {
  z-index: 10001;
  text-align: center;
  padding: 0!important;
  top: 30%;
}

.bootbox.modal.bootbox-center:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.bootbox.bootbox-center .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.bootbox-body {
    font-size: 16px;
    text-align: left;
}
.bootbox .modal-header{
    background-color: #2196f3;
    color: #ffffff;
}
.header-nav-profile .dropdown .profile-info {
    font-size: 1.35em;
    color: #FFF;
}
.tabs-left > .tab-content, .tabs-right > .tab-content {
    padding-left: 10px;
    padding-right:15px;        
}

.tabs-left > .nav-tabs {
    min-width:200px;
    padding-left:10px;
}

.tabs-left > .nav-tabs > li > a {
    border-bottom: none;
    border-right: 2px solid transparent;
}

.nav-tabs-slim.nav > li > a {
    padding: 5px 15px;} 

textarea.form-control{
    border: 1px solid #ccc;    
}

textarea[readonly] {
    border: 1px solid #d8d6d6;
    font-size: 14px;
}

.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 0.75;
    border-bottom: 1px solid #d5d5d5;
    
}    

.form-control[disabled]:focus, 
.form-control[readonly]:focus, 
fieldset[disabled] .form-control:focus {
    border: 1px solid rgb(213, 213, 213);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nano > .nano-pane {
    background: rgb(160, 160, 160);
}

section .style-gray-bright, 
.offcanvas-pane .style-gray-bright, 
.card .style-gray-bright, section.style-gray-bright, .offcanvas-pane.style-gray-bright, .card.style-gray-bright {
    background-color: #fff;/*#f7f7f7;*/
}    
.card.panel.style-gray-bright > .card-head:not(.collapsed) {
    background-color: #d6d6d6;
    border-bottom: 1px solid #82b9e6;
    color: #313335;
}

@media (min-width: 768px){
    .dl-horizontal dd.wide {
        margin-left: 260px;
        padding-bottom: 10px;
    }
    
    .dl-horizontal dt.wide {
        width: 250px;
    }    
}

.panel-group .card .collapsed .fa-angle-down.left, .panel-group .card .collapsed .fa-chevron-down.left, .panel-group .card .collapsed .fa-caret-down.left {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(270deg);
}
.panel.flat,
.card.flat {
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.card-head[data-toggle="collapse"] {
    cursor: pointer;
}

.help-block2 {
    font-size: 12px!important;
    position:static;
}

.form-group .form-control ~ label {
    opacity: 1; 
}

.fa.icon-tilt-320,
.md.icon-tilt-320,
.glyphicon.icon-tilt-320,
.icon-tilt-320 {
  -webkit-transform: rotate(320deg);
  -ms-transform: rotate(320deg);
  -o-transform: rotate(320deg);
  transform: rotate(320deg);
}

.list .tile .tile-icon i.large {
    font-size:40px;
}

.list.bordered .tile {
    border-bottom: 1px solid #d8d6d6;
}
.list.bordered .tile:last-child {
    border-bottom: none;
}

.style-light-gray{
    background-color: #efefef;
}
.style-white{
    background-color: #fff;
}
.box-shadow {
  box-shadow: 0px 12px 31px 0px #0000001f;  
  background-color: #fff;
}


.list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  line-height: 24px;
}
.list .mini-tile {
  position: relative;
  display: table;
  width: 100%;
  min-height: 48px;
}
.list .mini-tile > a {
  text-decoration: none;
}
.list .mini-tile > a:hover {
  color: #2196f3;
}
.list .mini-tile .tile-content {
  display: table-cell;
  padding-left: 10px;
}
.list .mini-tile .tile-content:last-child {
  padding-right: 10px;
}
.list .mini-tile .tile-content > div {
  display: table-cell;
  vertical-align: middle;
}
.list .mini-tile > .btn {
  display: table-cell;
  vertical-align: middle;
  min-width: 36px;
  width: 36px;
  text-align: center;
}
.list .mini-tile > .btn .fa,
.list .mini-tile > .btn .md,
.list .mini-tile > .btn .glyphicon {
  width: 16px;
  font-size: 16px;
  text-align: center;
}
.list .mini-tile .tile-icon {
  min-width: 36px;
  width: 36px;
  padding: 4px 0;
  text-align: right;
}
.list .mini-tile .tile-icon:first-child {
  text-align: left;
}
.list .mini-tile .tile-icon img {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.list .mini-tile .tile-icon .fa,
.list .mini-tile .tile-icon .md,
.list .mini-tile .tile-icon .glyphicon {
  width: 16px;
  margin-top: 2px;
  font-size: 16px;
  text-align: center;
}
.list .mini-tile .tile-text {
  padding: 6px 0;
  font-size: 14px;
  width: 100%;
}
.list .mini-tile .tile-text small {
  display: block;
  font-size: 12px;
  opacity: 0.6;
}
.list .mini-tile .tile-text small span {
  opacity: 1;
}

.list .mini-tile .tile-text small.inline{
    display: inline-block;
}
.list .mini-tile .checkbox-styled:not(ie8),
.list .mini-tile .radio-styled:not(ie8) {
  display: table-cell;
  padding: 0;
}
.list .mini-tile .checkbox-styled:not(ie8) label,
.list .mini-tile .radio-styled:not(ie8) label {
  display: block;
  padding-left: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.list .mini-tile .checkbox-styled:not(ie8):last-child label,
.list .mini-tile .radio-styled:not(ie8):last-child label {
  padding-right: 8px;
}
.list .mini-tile .checkbox-styled:not(ie8) input ~ span,
.list .mini-tile .radio-styled:not(ie8) input ~ span {
  padding-left: 34px;
}
.list .mini-tile .ink-reaction .ink {
  width: 300px;
  height: 300px;
  margin-left: -150px;
  margin-top: -150px;
  background-color: rgba(83, 86, 88, 0.15);
}

.opacity-100 {
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
}