/************************************************/
/* BODY	 			                        					*/
/************************************************/
html, body {
  height: 100%;
  font-size: 0.95em;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/************************************************/
/* LOGO			 			                    					*/
/************************************************/
.logo {
  background: url("../img/escom-logo.svg") center no-repeat;
  width: 80px;
  height: 60px;
}

/************************************************/
/* Divider                  		 								*/
/************************************************/
.vertical-divider {
  height: 35px;
  width: 1px;
  background-color: #CCCCCC;
}

/************************************************/
/* FORM GROUP TITLE		        	 								*/
/************************************************/
.form-group-title {
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.12em;
  margin: 10px 0 20px 0;
  padding-bottom: 5px;
  color: #888888;
}

.form-group-title.spaced {
  margin-top: 30px;
}

.form-group-title.dashed {
  border-bottom-style: dashed;
}

/************************************************/
/* CARD			 								*/
/************************************************/
.card-white {
  border-width: 3px 0 0 0;
}

.card-green {
  border-color: #7da7ad;
  border-width: 3px 0 0 0;
}

.card-primary {
  border-color: #0277BD;
  border-width: 3px 0 0 0;
}

.card-success {
  border-color: #1ab394;
  border-width: 3px 0 0 0;
}

.card-info {
  border-color: #26C6DA;
  border-width: 3px 0 0 0;
}

.card-warning {
  border-color: #FFA726;
  border-width: 3px 0 0 0;
}

.card-danger {
 /* border-color: #EF5350;*/
  border-color: #ed1a3b;
  border-width: 2px 0 0 0;
}

.card-secondary {
  border-color: #9E9E9E;
  border-width: 3px 0 0 0;
}

.card.as-panel {
  margin-top: 20px;
  border-radius: 0;
}
.card.as-panel .card-header {
  background: #FFFFFF none repeat scroll 0 0 !important;
  color: #676A6C !important;
  font-size: 0.9em;
  font-weight: bold;
  border-bottom: 1px solid #e7eaec;
  padding: 10px 15px;
}
.card.as-panel .card-body {
  padding: 15px;
}

.card-header-muted {
  color: #909090;
  font-weight: normal;
}

.card-header .collapse-btn i:before {
  content: "\f106";
}
.card-header .collapse-btn.collapsed i:before {
  content: "\f107";
}

/************************************************/
/* BUTTONS		 								*/
/************************************************/
.btn-success {
  background: #1ab394 none repeat scroll 0 0;
  border-color: #1ab394;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-success:hover {
  background: #18a689 none repeat scroll 0 0;
}

.btn-danger, .btn-danger.ui-state-focus, .btn-danger.ui-state-disabled {
  background: #EF5350 none repeat scroll 0 0;
  border-color: #EF5350;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-danger:hover {
  background: #E53935 none repeat scroll 0 0;
}

.btn-primary, .btn-primary.ui-state-focus, .btn-primary.ui-state-disabled {
  background: #0277BD none repeat scroll 0 0;
  border-color: #0277BD;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-primary:hover {
  background: #01579B none repeat scroll 0 0;
}

.btn-warning, .btn-warning.ui-state-focus, .btn-warning.ui-state-disabled {
  background: #FFA726 none repeat scroll 0 0;
  border-color: #FFA726;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-warning:hover {
  background: #FF9800 none repeat scroll 0 0;
  color: #fff;
}

.btn-info, .btn-info.ui-state-focus, .btn-info.ui-state-disabled {
  background: #26C6DA none repeat scroll 0 0;
  border-color: #26C6DA;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-info:hover {
  background: #00BCD4 none repeat scroll 0 0;
}

.btn-secondary, .btn-secondary.ui-state-focus, .btn-secondary.ui-state-disabled {
  background: #9E9E9E none repeat scroll 0 0;
  border-color: #9E9E9E;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-secondary:hover {
  background: #757575 none repeat scroll 0 0;
}

.btn.with-icon i {
  margin-right: 3px;
}

span.btn {
  opacity: 0.65;
}

/* Bouton XL */
.btn-xl {
  text-decoration: none !important;
}
.btn-xl .row {
  border-radius: 5px;
  padding: 15px;
  color: #fff;
}
.btn-xl .fa {
  font-size: 3.5em;
}

.btn-xl.primary > .row {
  background: #0277BD none repeat scroll 0 0;
  border-color: #0277BD;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-xl.primary:hover > .row {
  background: #01579B none repeat scroll 0 0;
}

.btn-xl.success > .row {
  background: #1ab394 none repeat scroll 0 0;
  border-color: #1ab394;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-xl.success:hover > .row {
  background: #18a689 none repeat scroll 0 0;
}

.btn-xl.warning > .row {
  background: #FFA726 none repeat scroll 0 0;
  border-color: #FFA726;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-xl.warning:hover > .row {
  background: #FF9800 none repeat scroll 0 0;
  color: #fff;
}

.btn-xl.danger > .row {
  background: #EF5350 none repeat scroll 0 0;
  border-color: #EF5350;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.btn-xl.danger:hover > .row {
  background: #E53935 none repeat scroll 0 0;
}

/* bootstrap + font-awesome free fix */
.btn.fa {
  font-weight: 900;
}
/* Tree */
.ui-tree .ui-icon {
  color: #676A6C;
  text-indent: 0px;
}

.ui-tree.pia-tree {
  width: 100%;
  border: none;
}
.ui-tree.pia-tree .ui-treenode-content {
  display: block;
  border: 1px #e7eaec;
  padding: 10px;
  margin-bottom: 8px;
}
.ui-tree.pia-tree .ui-tree-toggler {
  width: 16px;
  z-index: 10;
}
.ui-tree.pia-tree .ui-treenode-label {
  display: inline-block;
  width: 98%;
}

.pia-tree.grey .ui-treenode-content {
  border-style: dashed;
  background: #f3f3f4;
}