@import url('bootstrap.css');
@import url('bootstrap-theme.css');
@import url('bootstrap-select.css');
@import url('bootstrap-datepicker.css');
@import url('bootstrap-summernote.css');
@import url('bootstrap-summernote-bs3.css');
@import url('font-awesome.css');
@import url('../fonts/styles.css');

body, html{
  height:100%;
  min-height:100%;
}

body{
  background:#272930;
}

a:focus{
  outline:none;
}

.breadcrumb{
  background:#fff;
}

#header{
  height:80px;
  margin:0;
  padding-right:50px;
  z-index:1;
}

#header .navbar-nav > li > a { padding-bottom:29px; padding-top:30px; }
#header .navbar-nav > li > a.picto{ padding:12px; width:100px; text-align:center; }
#header .picto .glyphicon{ font-size:50px; margin:0; color:#fff; }
#header .picto .glyphicon.glyphicon-send{ margin-right:12px }
#header .badge{ position:absolute; right:10px; background:#4A94CB; z-index:2; }

#logo{
  float:left;
  margin:15px;
}

#side{
  position:absolute;
  width:55px;
}

#menu{
  margin:0;
  padding:0;
}

#menu li{
  list-style:none;
  position:relative;
}

#menu a{
  display:block;
  border-top:1px solid #32353e;
  border-bottom:1px solid #1a1c20;
  font-family:OpenSans;
  font-size:24px;
  color:#ccc;
  padding:10px 15px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
}

#menu a:hover, #menu a.active{
  color:#fff;
  background:#4a94cb;
  text-decoration:none;
  text-shadow:-1px -1px #254964;
  border-color:#232323;
}

#menu a:focus{
  text-decoration:none;
}

#menu ul{
  margin:0;
  padding:0;
  background:#000;
}

#menu ul a{
  border:none !important;
}

#menu .tooltip{
  display:none;
  position:absolute;
  background:#000;
  color:#fff;
  font-size:14px;
  padding:10px 15px;
  left:55px;
  top:8px;
  white-space:nowrap;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
}

#menu .tooltip .arrow{
  float:left;
  border-bottom:7px solid transparent;
  border-right:7px solid black;
  border-top:7px solid transparent;
  margin-left:-22px;
  margin-top:2px;
  height:0;
  width:0;
}

#menu li:hover .tooltip{
  display:block;
  opacity:1;
}

#menu .tooltip ul{
  margin:5px -15px 0 -15px;
  background:#000 !important;
}

#menu .tooltip li a{
  font-size:14px;
  padding:5px 25px;
}

#menu .tooltip li a:hover{
  /*background:#a3b745;*/
  text-shadow:none;
}

#menu .tooltip li .glyphicon{
  margin-right:10px;
}

#menu .tooltip hr{
  margin:10px 0;
  border-color:#a;
}

#main{
  position:relative;
  margin-left:55px;
  background-image:url('../images/paper04.png');
  background-color:#f5f5f5;
  margin-top:-80px;
  padding:100px 20px 80px 20px;
  min-height:100%;
}

#footer{
  position:absolute;
  bottom:10px;
  left:0;
  width:100%;
  font-size:12px;
  font-family:RobotoSlab;
  color:#404040;
}

#footer div{
  border-top:1px solid #ddd;
  margin:0 20px;
  padding:10px 0;
}

#footer span{ float:right; }
#footer a{ color:#404040; }

form p{
}

form p label{
  display:block;
}

form p input[type="text"],
form p input[type="password"],
form p input[type="email"],
form p textarea,
form p select{
  width:100%;
}

ul.logs{
  font-family:"Courier New", monospace;
  list-style:none;
  margin:10px 0 0 0;
  padding:0;
  max-height:350px;
  overflow:auto;
}

ul.logs span{
  display:inline-block;
  min-width:100px;
}

ul.logs li{
  white-space:nowrap;
}

/** Table */
.panel table{
  width:100%;
  font-family:arial;
  font-size:12px;
  border-collapse:separate;
  border-spacing:2px;
  margin-top:10px;
}

.panel table.no-margin{
  margin:0;
}

.panel table .checkbox-cell{
  text-align:center;
  width:30px;
}

.panel table a{ color:#29506d; }
.panel table a:hover{ color:#000; }

.panel table th, .panel table td{
  margin:5px;
  padding:5px;
}

.panel table th{
  background:#fff;
  border-bottom:1px solid #aaa;
}

.panel table td{
  padding:8px 5px;
}

.panel table tr:nth-child(even) {
}

.panel table tr:nth-child(odd) {
  background:#f0f0f0;
}

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

.panel table tr.active{
  background:#c1dff6;
}

.panel table tr.selected{
  background:#96bcd9;
}

.panel table tr.unread{
  font-weight:bold;
  background-color:#fcf8e3;
}

.panel table td.actions{
  text-align:right;
}

.panel table td.actions a{
  color:#1C366A;
  text-decoration:none;
}

.panel table td.actions a:hover{
  color:#000;
  text-decoration:underline;
}

.panel table td .label{
  display:inline-block;
  font-size:100%;
  font-weight:normal;
  margin:-8px 0;
  padding:5px;
  width:100%;
}

.panel table.vtop td{
  vertical-align:top;
}

.no-result{
  font-family:georgia;
  font-style:italic;
  margin:20px 0 0 5px;
}

.no-result:before{
  content:"aucune donnée";
}

.results-count{
  font-family:OpenSansLight;
  margin: 15px 0 0;
}

/** Stats */
.stats-data{
}

.stats-data label{
  display:block;
  padding:10px;
  color:#fff;
  font-family:OpenSansLight;
  font-size:18px;
  text-align:center;
  border-radius:3px;
  font-weight:normal;
}

.stats-data small{
  display:block;
  font-size:14px;
  letter-spacing:1px;
}

.stats-data h5{
  font-family:OpenSansLight;
  font-size:20px;
  font-weight:normal;
}

.stats-data h5 small{
  text-indent:2px;
  font-size:13px;
}

/** Popup */
#mask{
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  left:0;
  top:0;
  z-index:200;
}

#popup{
  position:fixed;
  width:650px;
  margin-left:-325px;
  left:50%;
  top:100px;
  z-index:201;
  background:#fff;
  box-shadow:0 0 5px #aaa;
}

#popup.big{
  width:1000px;
  margin-left:-500px;
}

.popup{
  display:none;
}

#popup-loading{
  margin:40px;
  font-family:georgia;
  font-style:italic;
  text-align:center;
}

.popup-header{
  padding:20px 30px;
  background:#43A0F2;
  color:#fff;
  font-family:OpenSans;
  font-size:20px;
  letter-spacing:1px;

  background-image:-webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:        linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat:repeat-x;
  border-color:#28a4c9;
}

.popup-content{
  padding:30px 20px 20px 20px;
  background:#fbfbfb;
  border-bottom:1px solid #ddd;
}

.popup-content table, .popup-content td, .popup-content th{ border-color:#aaa; }
.popup-content td, .popup-content th{ padding:5px; }

.popup-scrollable{
  max-height:500px;
  overflow-y:auto;
}

.popup-actions{
  border-top:1px solid #fff;
  padding:20px;
  text-align:right;
  background-image:-webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:        linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat:repeat-x;

}

.popup-icon{
  text-align:center;
  font-size:64px;
  margin:25px 0 30px;
}

#popup .alert{
  padding-left:45px;
}

#popup .alert span.glyphicon{
  font-size:20px;
  margin-left:-30px;
}

.bubble .popup-content{
  text-align:center;
}

.bubble .popup-content .glyphicon{
  display:block;
  margin-bottom:20px;
  font-size:100px;
}

.bubble .popup-actions{
  text-align:center;
}

span.error-field{
  position:absolute;
  background:#8c0c0d;
  color:#fff;
  font-family:arial;
  font-size:10px;
  font-weight:bold;
  padding:3px 5px;
  z-index:202;
}

/** Popup error */
#mask-error{
  display:none;
  position:fixed;
  background:rgba(0,0,0,0.8);
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:300;
}

#popup-error{
  position:fixed;
  width:650px;
  left:50%;
  top:150px;
  margin-left:-325px;
  z-index:301;
  background:#fff;
  box-shadow:0 0 5px #aaa;
}

/** Composer - Email form */
#composer{
  display:none;
  position:fixed;
  width:45%;
  min-width:700px;
  bottom:0;
  right:0;
  z-index:199;
  background:#fbfbfb;
  padding:10px;
  box-shadow:0 0 5px #a0a0a0;
}

#composer .close{
  position:absolute;
  right:2px;
  top:-25px;
}

#composer .composer-actions{
  background-image:linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
  background-repeat:repeat-x;
  border-top:1px solid #ddd;
  padding:10px;
  margin:0 -10px -10px -10px;
}

#composer-content{
  max-height:200px;
}

#composer-attachments a, #avatar-attachment a, #school-attachment a{
  margin:0 10px;
}

#composer-attachments a span, #avatar-attachment a span{
  top:2px;
}

.home-client{
  background:#f5f5f5;
  padding:10px 10px 15px;
  margin-bottom:20px !important;
}

.home-client label{
  position:relative;
}

.home-client .glyphicon{
  border-radius:50%;
  padding:13px;
  color:#fff;
}

.home-client .badge{
  position:absolute;
  top:0;
  right:-5px;
}

/** Inbox topic */
.topic-item{
  padding:15px;
  border-left:none;
  margin:0 15px;
  background:#fff;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
}

.topic-item .arrow{
  float:left;
  border-bottom:25px solid transparent;
  border-right:25px solid white;
  border-top:25px solid transparent;
  margin-left:-40px;
  margin-top:10px;
  height:0;
  width:0;
}

.topic-item.answer .arrow{
  float:right;
  margin-left:0;
  margin-right:-40px;
  border-bottom:25px solid transparent;
  border-right:none;
  border-left:25px solid #43A0F2;
  border-top:25px solid transparent;
}

.topic-item.answer {
  background-color:#43A0F2;
  color:#fff;
}

hr.topic-line{
  border-top:1px solid #bbb;
  border-bottom:1px solid #fff;
  margin-left:20px;
  margin-right:20px;
}

h3.replies-title{
  background:#43a0f2;
  font-family:opensanslight;
  color:#fff;
  padding:10px 20px;
}

#dropzone{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0,0.7);
  z-index:300;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#dropzone h1{
  position:absolute;
  width:100%;
  text-align:center;
  top:50%;
  margin-top:-20px;
  font-size:34px;
  color:#fff;
}

#dropzone .in-progress{
  display:none;
  position:absolute;
  width:100%;
  text-align:center;
  top:25%;
  font-size:34px;
  margin-top:-20px;
  color:#fff;
}

#dropzone h1.drag{ display:block; }
#dropzone h1.drop{ display:none; }
#dropzone.active h1.drag{ display:none; }
#dropzone.active h1.drop{ display:block; }
/*#dropzone.active{ background:rgba(74, 148, 203,0.7); }*/

#dropzone-hideme{
  color:#fff;
  position:absolute;
  top:20px;
  right:20px;
  font-size:54px;
}

#dropzone-hideme:hover{ text-decoration:none; }

.attachment-detail{
  position:relative;
}

.attachment-infos{
  display:none;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-225px;
  width:450px;
  padding:20px 0 15px 0;
  box-shadow:0px 0px 5px #aaa;
  z-index:5;
  opacity:0;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.attachment-infos.active{
  display:block;
  opacity:1;
}

.attachment-infos .arrow{
  position:absolute;
  bottom:-15px;
  left:50%;
  margin-left:-15px;
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #fbfbfb;
  height:0;
  width:0;
}

.attachment-file{
  font-size:96px;
}

/** Internal notes */
#internal-notes blockquote{
  position:relative;
}

#internal-notes blockquote p{
  font-family:"Courier New",monospace;
  font-size:14px;
  line-height:1.2;
  font-style:italic;
}

#internal-notes .actions{
  display:none;
  position:absolute;
  right:0;
  bottom:0;
  color:#999;
}

#internal-notes blockquote:hover .actions{
  display:block;
}

#internal-notes .actions a{
  font-size:11px;
  color:#999;
}

#internal-notes .actions a:hover{
  color:#000;
}

/** Price tag */
.price-tag{
  display:inline-block;
  height:34px;
  background:#e5e5e5;
  color:#333;
  line-height:34px;
  font-size:12px;
  padding:0 10px;
  white-space:nowrap;
  -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.price-tag .arrow{
  float:left;
  border-bottom:7px solid transparent;
  border-right:7px solid #e5e5e5;
  border-top:7px solid transparent;
  margin-left:-17px;
  margin-top:10px;
  height:0;
  width:0;
}

.package-summary{
  background:#f0f0f0;
  padding:10px;
  font-family:Open sans;
  font-size:13px;
  list-style:none;
}

.package-summary li label{
  display:inline-block;
  width:40%;
  font-family:Open sans;
  font-size:13px;
}

/** Login */
body.login{ background-image:linear-gradient(to bottom, #3B6C8E 0%, #0A2137 100%); background-size:cover; }
body.login.bg-brisbane{ background-image:url('../images/gallery/brisbane.jpg'); }
body.login.bg-london{ background-image:url('../images/gallery/london.jpg'); }
body.login.bg-malte{ background-image:url('../images/gallery/malte.jpg'); }
body.login.bg-toronto{ background-image:url('../images/gallery/toronto.jpg'); }

#login{
  position:absolute;
  left:50%;
  top:50%;
  width:300px;
  margin-left:-150px;
  margin-top:-200px;
  text-align:center;
  color:#fff;
}

#login img, #login input{
  display:block;
  font-family:OpenSans;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
}

#login .input-group{ margin:5px auto; }
#login img{ margin:0 auto 25px auto; }

#login input{
  border:none;
  width:100%;
  background:#fff;
  height:40px;
}

#login input[type="submit"]{
  margin-top:15px;
  background:#4a94cb;
  text-transform:uppercase;
  color:#fff;
}

#login input[type="submit"]:hover{ background:#157eb3; color:#ddd; }

#login-error{
  position:absolute;
  width:400px;
  top:50px;
  left:50%;
  margin-left:-200px;
  padding:20px;
  color:white;
  font-family:opensansbold;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1px;
  background:#a80000;
}

/** email preview */
#layout-preview{
  position:fixed;
  top:0;
  left:0;
  background:#fff;
  width:100%;
  height:100%;
  z-index:10;
  text-align:center;
  background:#f0f0f0;
}

#layout-preview > iframe{
  width:1000px;
  margin:auto;
  border:none;
  min-height:100%;
  max-height:100%;
  overflow-y:auto;
  padding:20px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  background:#fff;
}

textarea#layout-content{
  font-family:courier new;
  color:#000;
  background:#f0f0f0;
}

/** redactor overwrite */
.redactor_editor hr{ width:100% !important; }
.redactor_editor{ max-height:350px; }

/** bootstrap overwrite */
.form-control,
.btn,
.navbar-nav > li > .dropdown-menu,
.navbar,
.progress,
.panel,
.dropdown-menu,
.input-group-addon,
.alert{border-radius:0 !important; }

.navbar-inverse {
  background-color:#333;
  border-color:#080808;
}
.navbar-inverse .navbar-brand {
  color:#999;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  background-color:#080808;
  color:#fff;
}

.label{
 padding:0.3em 0.6em 0.3em;
}

.panel .nav > li > a {
  font-size:12px;
  padding:5px 10px;
}

.panel .navbar-form{ margin:0; }

.panel{
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
}

.panel-heading{
  font-family:Lato;
  font-size:16px;
  letter-spacing:1px;
  margin:5px 20px 0;
  padding:10px 0;
  border-bottom:1px solid #eee;
}
.panel-heading  .nav{
  letter-spacing:0;
}

.panel-body{
  margin:0 0 10px 0;
}

.panel-body > h4{
  position:relative;
  display:inline-block;
  padding:5px 15px;
  margin:15px 0 10px -24px;
  background-color:#272930;
  color:#fff;
  font-family:Lato;
  font-size:16px;
  font-weight:normal;
  /*text-shadow:-1px -1px #254964;*/
}

.panel-body > h4:first-child{ margin-top:0; }

.panel-body > h4 span{
  position:absolute;
  left:0;
  bottom:-8px;
  border-color:#000 #000 transparent transparent;
  border-style:solid;
  border-width:4px;
  height:1px;
  width:1px;
}

.panel-body .row{
  font-family:OpenSans;
  font-size:13px;
  margin:3px 0;
}

.panel-body .row.status{
  line-height:2;
  margin-top:5px;
}

.panel-body .row .label{
  line-height:2;
  font-size:100%;
  font-weight:normal;
}

.panel-body hr{
  margin-top:10px;
  margin-bottom:10px;
  width:75%;
}

.panel-body blockquote{
  font-family:OpenSansLight;
  font-size:16px;
}

body.messages .panel-body blockquote{
  font-family:Arial;
  font-size:13px;
}

.page-header{
  border-color:#ddd;
  margin-top:25px;
  text-shadow:1px 1px #fff;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;right:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.dropdown-submenu:hover>.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:#cccccc;margin-top:5px;margin-right:-10px;}
.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;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.dropdown-menu > li > a.text-danger { color:#a94442; }
.dropdown-menu > li > a.text-warning { color:#8A6D3B; }

.nav.nav-pills{
  margin-bottom:30px;
}

.help-block{
  font-family:georgia;
  font-size:11px;
  font-style:italic;
}

address{
  margin-bottom:0;
}

.pagination{
  margin-bottom:0;
}

.thumbnail{
  border-radius:0;
}

.nav > li > a:hover{
  background-color:#7CC4FF;
  color:#fff;
}

.form-group{
  margin-bottom:10px;
}

.form-group label{
  font-family:forum;
  font-size:18px;
  font-weight:normal;
}

.badge.label-success{
  background:#5cb85c;
}

.badge.label-primary{
  background:#428bca;
}

.badge.label-warning{
  background:#f0ad4e;
}

.label-fushia{
  background:#e12b5e;
}

.wizard-status{
  padding:0;
  margin:10px 0 0 0;
}

.wizard-status li{
  position:relative;
  list-style:none;
  margin:0;
  float:left;
  text-align:center;
  width:120px;
  font-family:opensans;
  font-size:12px;
  color:#aaa;
}

.wizard-status li:first-child hr{
  display:none;
}

.wizard-status li hr{
  position:absolute;
  height:1px;
  border:none;
  background:#a0a0a0;
  margin:0;
  top:28px;
  left:-34px;
  width:68px;
}

.wizard-status li a{
  display:inline-block;
  padding:15px;
  background:#eee;
  border-radius:50%;
  margin-bottom:5px;
  color:#aaa;
}

.wizard-status li a .glyphicon{
  font-size:22px;
}

.wizard-status li.success{
  color:#333;
}

.wizard-status li.success a{
  background:#5cb85c;
  color:#fff;
}

.wizard-status li.active{
  color:#333;
}

.wizard-status li.active a{
  background:#5bc0de;
  color:#fff;
}

body.orders #internal-notes{
  max-height:200px;
  overflow-y:auto;
}

.clear{
  clear:both;
}

.note-editable{
  background:#fff;
}

#growl{
  position:fixed;
  top:50px;
  right:50px;
  padding:15px 20px;
  background:rgba(0,0,0,0.8);
  border-radius:3px;
  color:#fff;
  font-size:20px;
  font-family:Lato;
  text-align:center;
  z-index:300;
}

.job-traces{
  padding:0 10px 5px;
  max-height:300px;
  overflow:auto;
  background:#fff;
  border:1px solid #aaa;
}

.sentence{
  width:255px;
  height:270px;
  border-top:3px solid #fcc32b;
  border-bottom:3px solid #fcc32b;
  text-align:center;
  font-family:'ProximaNovaRegular';
  font-size:18px;
  line-height:1.4;
  color:#1d272b;
  margin:52px auto 0 auto;
}

.sentence span.glyphicon{
  margin:20px 0 15px 0;
  font-size:46px;
  height:46px;
  width:39px;
}

.sentence #sentence-value{
  display:block;
  min-height:20px;
}

#template-tags{
  position:fixed;
  width:350px;
  height:100%;
  top:0;
  right:0;
  background:#efefef;
  overflow:auto;
  font-family:Lucida Console;
  font-size:11px;
  box-shadow:-3px 0 5px rgba(0,0,0,0.5);
  padding:20px;
  z-index:5001;
  transform:translateX(100%);
  -moz-transform:-moz-translateX(100%);
  -webkit-transform:-webkit-translateX(100%);
  -webkit-transition:-webkit-transform .5s ease-in-out;
  -moz-transition:-moz-transform .5s ease-in-out;
  transition:transform .5s ease-in-out;
}

#template-tags.active{
  transform:translateX(0);
  -moz-transform:-moz-translateX(0);
  -webkit-transform:-webkit-translateX(0);
}

#template-tags h4{
  color:#707070;
  margin-top:25px;
  padding-bottom:5px;
  border-bottom:1px solid #aaa;
}

#template-tags p{
  margin:2px 0;
}

#template-tags span{
  color:#008000;
}

.progressbar {
  display: inline-block;
  width: 100%;
  height: 15px;
  border: 1px solid #aaa;
  position: relative;
  background-color: white;
}

.progressbar > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  background: #ffe732; /* Old browsers */
  background: -moz-linear-gradient(left, #ffe732 0%, #50c615 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffe732 0%,#50c615 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffe732 0%,#50c615 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe732', endColorstr='#50c615',GradientType=1 ); /* IE6-9 */
}

.notes-tip {
  position: relative;
}

.notes-tip > span {
  color: white;
}

.notes-tip > div {
  display: none;
  position: absolute;
  width: 400px;
  max-height: 400px;
  overflow-y: auto;
  background: white;
  border: 1px solid #ddd;
  top: -10px;
  left: 20px;
  color: #333;
  text-align: left;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
  padding: 15px;
  z-index: 10;
}

.notes-tip:hover > div {
  display: block;
}

.notes-tip ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.notes-tip li {
  font-family:"Courier New",monospace;
  font-size:12px;
  line-height:1.2;
  font-style:italic;
  margin: 10px 0px;
}

.notes-tip li p {
  margin-bottom: 5px;
  white-space: normal;
}

.notes-tip footer {
  display: block;
  line-height: 1.42857143;
  color: #999;
}

.notes-tip footer:before {
  content: '\2014 \00A0';
}

/** Theme color */
body.theme-blue{ background:#096484; }
body.theme-blue #menu .menu-header{ background:#002331; }
body.theme-blue #menu a{
  border-bottom:1px solid #014764;
  border-top:1px solid #0074a2;
  color:#efefef;
  /*text-shadow:-1px -1px #002331;*/
  text-shadow:none;
}
body.theme-blue .navbar-inverse{ background-image:linear-gradient(to bottom, #0074A2 0%, #014764 100%); }
body.theme-blue #menu ul{ background:#053a4e; }
body.theme-blue .panel-body > h4{ background:#4a94cb;}
body.theme-blue .panel-body > h4 span{ border-color:#006699 #006699 transparent transparent; }

body.theme-purple{ background:#312641; }
body.theme-purple .navbar-inverse{ background-image:linear-gradient(to bottom, #644e83 0%, #413256 100%); }
body.theme-purple #menu a{
  border-bottom:1px solid #17111e;
  border-top:1px solid #37313f;
  color:#efefef;
  text-shadow:-1px -1px #002331;
}
body.theme-purple #menu a:hover,body.purple #menu a:focus, body.theme-purple #menu a.active{
  color:#fff;
  background:#a3b745;
  text-decoration:none;
  text-shadow:none;
  border-color:#232323;
}
body.theme-purple .panel-body > h4{ background:#51406a;}
body.theme-purple .panel-body > h4 span{ border-color:#775d9e #775d9e transparent transparent; }
body.theme-purple #menu ul{ background:#1e1727; }
body.theme-purple #menu ul a{ color:#fff; }

.form--modify  .align-text-center {
    text-align: center;
}