/* General/Misc Helpers */
/* Transform Center Helper(experimental) */
.t-center {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* BG Helpers */
.bg-none {
  background-color: transparent !important;
}

.bg-h-grey:hover {

  background-color: #d9d9d9 !important;
}

/* box-shadow Helpers */
.no-boxshadow {
  box-shadow: none !important;
}
/* height helpers */
.h-a {
  height: auto !important;
}
/* overflow Helpers */
.of-a {
  overflow: auto !important;
}
.of-h {
  overflow: hidden !important;
}
.of-v {
  overflow: visible !important;
}
.of-x-a {
  overflow-x: auto !important;
}
.of-x-h {
  overflow-x: hidden !important;
}
.of-x-v {
  overflow-x: visible !important;
}
.of-y-a {
  overflow-y: auto !important;
}
.of-y-h {
  overflow-y: hidden !important;
}
.of-y-v {
  overflow-y: visible !important;
}
/* Center Grid Column Helper */
.center-column {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
/* Vertical Align Helpers */
.va-t {
  vertical-align: top !important;
}
.va-m {
  vertical-align: middle !important;
}
.va-b {
  vertical-align: bottom !important;
}
.va-s {
  vertical-align: super !important;
}
/* Relative Position Helper */
.posr {
  position: relative !important;
}
.posa {
  position: absolute !important;
}
/* Inline Block Helper */
.ib,
.inline-object {
  display: inline-block !important;
}
/* pointer cursor */
.cursor {
  cursor: pointer !important;
}

.cursor-disabled {
	cursor : not-allowed;	
}

.cursor-no-events
{
  pointer-events: none;
}

/* Useful for emphasizing a disabled input */
.option-disabled {
  opacity: 0.6 !important;
}
/* unstyled input */
.input-unstyled,
.input-unstyled:hover,
.input-unstyled:focus {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Utility Classes */
.center-block {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.center-children > div {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.pull-none {
	float: 	none !important;	
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
/* Background color Helpers */
.bg-inherit {
	background:		inherit !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-superlight{
  background-color: #F3F3F3 !important;
}
.bg-lighter {
  background-color: #eeeeee !important;
}
.bg-light {
  background-color: #e7e7e7 !important;
}
.bg-grey {
  background-color: #d9d9d9 !important;
}
.bg-greyer {
  background-color: #cccccc !important;
}
.bg-dark {
  background-color: #3b3f4f !important;
}
.bg-dark-light {
  background-color: #51566c !important;
}
.bg-primary {
  background-color: #3498db !important;
}
.bg-primary-light {
  background-color: #5faee3 !important;
}
.bg-info-dark {
  background-color: #189CCE !important;
}
.bg-info {
  background-color: #3bafda !important;
}
.bg-info-light {
  background-color: #66c1e2 !important;
}
.bg-success-dark {
  background-color: #217C21 !important;	
}
.bg-success {
  background-color: #70ca63 !important;
}
.bg-success-light {
  background-color: #93d789 !important;
}
.bg-warning-dark {
  background-color: #E7A212 !important;
}
.bg-warning {
  background-color: #f6bb42 !important;
}
.bg-warning-light {
  background-color: #f8cd73 !important;
}
.bg-danger-dark {
  background-color: #C2331D !important;
}
.bg-danger {
  background-color: #df5640 !important;
}
.bg-danger-light {
  background-color: #e67d6c !important;
}
.bg-danger-darker {
  background-color: #d53c24 !important;
}
.bg-alert-dark {
  background-color: #7756C7 !important;
}
.bg-alert {
  background-color: #967adc !important;
}
.bg-alert-light {
  background-color: #b6a2e7 !important;
}
.bg-system {
  background-color: #37bc9b !important;
}
.bg-system-light {
  background-color: #58ceb1 !important;
}

.bg-success-lighter {
  background-color: #D0EECC !important;
}
.bg-info-lighter {
  background-color: #BFE4F2 !important;
}
.bg-alert-lighter {
  background-color: #DED5F4 !important;
}
.bg-warning-lighter {
  background-color: #FCE8BE !important;
}
.bg-danger-lighter {
  background-color: #F5CCC5 !important;
}
.bg-light-lighter {
  background-color: #e7e7e7 !important;
}
.bg-info-warning-lighter {
	background: linear-gradient(to left, #BFE4F2, #FCE8BE);
}
.bg-yellow{
  background-color: #ffff00;
}

.btn-yellow {
  color: #000;
  background-color: #ffff00;
  border-color: #eeee00;
}
.btn-yellow:focus,
.btn-yellow.focus ,
.btn-yellow:hover {
  color: #000;
  background-color: #eeee00;
  border-color: #dddd00;
}

.btn-alert {
  color: #fff;
  background-color: #b6a2e7;
  border-color: #967adc;
}
.btn-alert:focus,
.btn-alert.focus {
  color: #fff;
  background-color: #967adc;
  border-color: #7756C7;
}
.btn-alert:hover {
  color: #fff;
  background-color: #967adc;
  border-color: #7756C7;
}

/* Text Helpers */
.text-info{
	color: 	#3bafda !important;	
}
.text-system{
	color: 	#37bc9b !important;
}
.text-black{
	color: 	#000 !important;	
}
.text-grey{
	color: 	#AAA !important;	
}
.text-darkgrey{
	color: 	#444 !important;	
}
.text-white{
	color: 	#FFF !important;	
}
.text-red{
	color: 	#F00 !important;	
}
.text-green{
	color: 	#090 !important;	
}
.text-blue{
	color: 	#00F !important;	
}
.text-warning{
	color: #f6bb42 !important;
}
.text-danger{
	color: #df5640 !important;
}
.text-success{
	color: 	#70CA63 !important;
}
.text-alert{
  color: #967adc !important;
 }
.text-info-warning
{
	_background: linear-gradient(to left, #3bafda, #f6bb42);
	background: linear-gradient(to left, #3bafda, #3bafda 50%, #f6bb42, #f6bb42 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

a .text-black{
	color: 	#000 !important;	
}
a .text-grey{
	color: 	#AAA !important;	
}
a .text-darkgrey{
	color: 	#444 !important;	
}
a .text-white{
	color: 	#FFF !important;	
}
a .text-red{
	color: 	#F00 !important;	
}
a .text-red:hover{
	color: 	#900 !important;	
}
a .text-green{
	color: 	#090 !important;	
}
a .text-blue{
	color: 	#00F !important;	
}

.text-normal {
  font-style: normal !important;
}
.text-italic {
  font-style: italic !important;
}
.text-underline {
  text-decoration: 	underline !important;	
}
.text-line-through {
  text-decoration: line-through;
}

.text-uppercase {
  text-transform: uppercase !important;
}
.fw000 {
  font-weight: normal !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fs0 {
  font-size: 0px !important;	
}
.fs1 {
  font-size: 1px !important;	
}
.fs2 {
  font-size: 2px !important;	
}
.fs3 {
  font-size: 3px !important;
}
.fs4 {
  font-size: 4px !important;
}
.fs5 {
  font-size: 5px !important;
}
.fs6 {
  font-size: 6px !important;
}
.fs7 {
  font-size: 7px !important;
}
.fs8 {
  font-size: 8px !important;
}
.fs9 {
  font-size: 9px !important;
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs23{
  font-size: 23px !important;	
}
.fs24 {
  font-size: 24px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs35 {
  font-size: 35px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs45 {
  font-size: 45px !important;
}
.fs50 {
  font-size: 50px !important;
}
.fs60 {
  font-size: 60px !important;
}
.fs70 {
  font-size: 70px !important;
}
.fs80 {
  font-size: 80px !important;
}
.fs90 {
  font-size: 90px !important;
}
.fs100 {
  font-size: 100px !important;
}

.mtauto{
  margin-top:   auto !important;
}
.mtn1 
{
	margin-top: 	-1px !important;
}
.mbn1 
{
	margin-bottom: 	-1px !important;
}
.mt1 
{
	margin-top: 	2px !important;
}
.mt2 
{
	margin-top: 	2px !important;
}
.mt3 
{
	margin-top: 	3px !important;
}
.mt4 
{
	margin-top: 	4px !important;
}
.mr1 
{
	margin-right: 	1px !important;
}
.mr2 
{
	margin-right: 	2px !important;
}
.mr3 
{
	margin-right: 	3px !important;
}
.mr4 
{
	margin-right: 	4px !important;
}
.mr5 
{
	margin-right: 	5px !important;
}
.mr6 
{
	margin-right: 	6px !important;
}
.mr7 
{
	margin-right: 	7px !important;
}
.mr8 
{
	margin-right: 	8px !important;
}
.mr9 
{
	margin-right: 	9px !important;
}
.mr10 
{
	margin-right: 	10px !important;
}
.mr11 
{
	margin-right: 	11px !important;
}
.clear
{
	clear: 			both !important;	
}
.pull-clear
{
	clear: 			both !important;	
}


/* height */

.h-in{
	height: 			inherit !important;	
}
.h10 {
  height: 10px !important;
}

/* width */
.nfluid-width{
	width: inherit !important;	
}
.fluid-width {
  width: 100% !important;
}
.w-in{
	width: 			inherit !important;	
}

.w50p {
  width: 50% !important;	
}

.mw100p{
  max-width: 100% !important;
}
.mw10 {
  max-width: 10px !important;
}
.mw16 {
  max-width: 10px !important;
}
.mw20 {
  max-width: 20px !important;
}
.mw30 {
  max-width: 30px !important;
}
.mw32 {
  max-width: 32px !important;
}
.mw35 {
  max-width: 35px !important;
}
.mw40 {
  max-width: 40px !important;
}
.mw45 {
  max-width: 45px !important;
}
.mw50 {
  max-width: 50px !important;
}
.mw60 {
  max-width: 60px !important;
}
.mw70 {
  max-width: 70px !important;
}
.mw80 {
  max-width: 80px !important;
}
.mw90 {
  max-width: 90px !important;
}
.mw100 {
  max-width: 100px !important;
}
.mw120 {
  max-width: 120px !important;
}
.mw140 {
  max-width: 140px !important;
}
.mw160 {
  max-width: 160px !important;
}
.mw180 {
  max-width: 180px !important;
}
.mw200 {
  max-width: 200px !important;
}
.mw240 {
  max-width: 240px !important;
}
.mw280 {
  max-width: 280px !important;
}
.mw300 {
  max-width: 300px !important;
}
.mw320 {
  max-width: 320px !important;
}
.mw400 {
  max-width: 400px !important;
}
.mw450 {
  max-width: 450px !important;
}
.mw500 {
  max-width: 500px !important;
}
.mw600 {
  max-width: 600px !important;
}
.mw700 {
  max-width: 700px !important;
}
.mw800 {
  max-width: 800px !important;
}
.mw900 {
  max-width: 900px !important;
}
.mw1000 {
  max-width: 1000px !important;
}
.mw1100 {
  max-width: 1100px !important;
}
.mw1200 {
  max-width: 1200px !important;
}

.w10 {
  width: 10px !important;
}
.w11 {
  width: 11px !important;
}
.w12 {
  width: 12px !important;
}
.w15 {
  width: 15px !important;
}
.w20 {
  width: 20px !important;
}
.w24 {
  width: 24px !important;
}
.w25 {
  width: 25px !important;
}
.w30 {
  width: 30px !important;
}
.w32 {
  width: 32px !important;
}
.w35{
  width: 35px !important;
}
.w40 {
  width: 40px !important;
}
.w45 {
  width: 45px !important;
}
.w50 {
  width: 50px !important;
}
.w60 {
  width: 60px !important;
}
.w70 {
  width: 70px !important;
}
.w75 {
  width: 75px !important;
}
.w80 {
  width: 80px !important;
}
.w90 {
  width: 90px !important;
}
.w100 {
  width: 100px !important;
}
.w110 {
  width: 110px !important;
}
.w115 {
  width: 115px !important;
}
.w120 {
  width: 120px !important;
}
.w125 {
  width: 125px !important;
}
.w140 {
  width: 140px !important;
}
.w150 {
  width: 150px !important;
}
.w160 {
  width: 160px !important;
}
.w170 {
  width: 170px !important;
}
.w175 {
  width: 175px !important;
}
.w200 {
  width: 200px !important;
}
.w225 {
  width: 225px !important;
}
.w250 {
  width: 250px !important;
}
.w275 {
  width: 275px !important;
}
.w300 {
  width: 300px !important;
}
.w320 {
  width: 320px !important;
}
.w350 {
  width: 350px !important;
}
.w360 {
  width: 3605px !important;
}
.w375 {
  width: 375px !important;
}
.w400 {
  width: 400px !important;
}
.w450 {
  width: 450px !important;
}
.mnw20 {
  min-width: 20px !important;
}
.mnw30 {
  min-width: 30px !important;
}
.mnw35 {
  min-width: 35px !important;
}
.mnw40 {
  min-width: 40px !important;
}
.mnw45 {
  min-width: 45px !important;
}
.mnw50 {
  min-width: 50px !important;
}
.mnw60 {
  min-width: 60px !important;
}
.mnw70 {
  min-width: 70px !important;
}
.mnw75 {
  min-width: 75px !important;
}
.mnw80 {
  min-width: 80px !important;
}
.mnw90 {
  min-width: 90px !important;
}
.mnw100 {
  min-width: 100px !important;
}
.mnw125 {
  min-width: 125px !important;
}
.mnw150 {
  min-width: 150px !important;
}
.mnw175 {
  min-width: 175px !important;
}
.mnw200 {
  min-width: 200px !important;
}
.mnw250 {
  min-width: 250px !important;
}
.mnw300 {
  min-width: 300px !important;
}
.mnw500 {
  min-width: 500px !important;
}
.mnw700 {
  min-width: 700px !important;
}
.mnw1000 {
  min-width: 1000px !important;
}

.h100p{
	height: 	100% !important;	
}

.h10 {
	height: 	10px !important;	
}
.h20 {
	height: 	20px !important;	
}
.h25 {
	height: 	25px !important;	
}
.h30 {
	height: 	30px !important;	
}
.h32 {
	height: 	32px !important;	
}
.h34 {
	height: 	34px !important;	
}
.h35 {
	height: 	35px !important;	
}
.h40 {
	height: 	40px !important;	
}
.h45 {
	height: 	45px !important;	
}
.h50 {
	height: 	50px !important;	
}
.h60 {
	height: 	60px !important;	
}
.h70 {
	height: 	70px !important;	
}
.h80 {
	height: 	80px !important;	
}
.h90 {
	height: 	90px !important;	
}
.h100 {
	height: 	100px !important;	
}
.h150 {
	height: 	150px !important;	
}
.h175 {
  height:   175px !important;
}
.h200 {
	height: 	200px !important;	
}
.h300 {
	height: 	300px !important;	
}
.h400 {
	height: 	400px !important;	
}
.h500 {
	height: 	500px !important;	
}
.h600 {
	height: 	600px !important;	
}

.m100p
{
	max-width: 	100% !important;
	max-height: 100% !important;
}


.mh100p{
  max-height: 100% !important;
}

.mh100 {
	max-height: 100px !important;	
}
.mh150 {
	max-height: 150px !important;	
}
.mh200 {
	max-height: 200px !important;	
}

.mh300 {
	max-height: 300px !important;	
}

.mh400 {
	max-height: 400px !important;	
}

.mh500 {
	max-height: 500px !important;	
}


.mnh25 {
  min-height: 25px !important;
}
.mnh50 {
  min-height: 50px !important;
}
.mnh100 {
  min-height: 100px !important;
}
.mnh125 {
  min-height: 125px !important;
}
.mnh150 {
  min-height: 150px !important;
}
.mnh200 {
  min-height: 200px !important;
}
.mnh300 {
  min-height: 300px !important;
}
.mnh400 {
  min-height: 400px !important;
}
.mnh500 {
  min-height: 500px !important;
}
/*===============================================
  D. Padding Helpers
================================================= */
.pn {
  padding: 0 !important;
}
.p1 {
  padding: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.p6 {
  padding: 6px !important;
}
.p7 {
  padding: 7px !important;
}
.p8 {
  padding: 8px !important;
}
.p10 {
  padding: 10px !important;
}
.p12 {
  padding: 12px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p35 {
  padding: 35px !important;
}
.p40 {
  padding: 40px !important;
}
.p50 {
  padding: 50px !important;
}
.ptn {
  padding-top: 0 !important;
}
.pt1 {
  padding-top: 1px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt9 {
  padding-top: 9px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt11 {
  padding-top: 11px !important;
}
.pt12 {
  padding-top: 12px !important;
}
.pt13 {
  padding-top: 13px !important;
}
.pt14 {
  padding-top: 14px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.prn {
  padding-right: 0 !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pr7 {
  padding-right: 7px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr9 {
  padding-right: 9px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr11 {
  padding-right: 11px !important;
}
.pr12 {
  padding-right: 12px !important;
}
.pr13 {
  padding-right: 13px !important;
}
.pr14 {
  padding-right: 14px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr16 {
  padding-right: 16px !important;
}
.pr17 {
  padding-right: 17px !important;
}
.pr18 {
  padding-right: 18px !important;
}
.pr19 {
  padding-right: 19px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pbn {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pln {
  padding-left: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl11 {
  padding-left: 11px !important;
}
.pl12 {
  padding-left: 12px !important;
}
.pl13 {
  padding-left: 13px !important;
}
.pl14 {
  padding-left: 14px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pl70 {
  padding-left: 70px !important;
}
.pl75 {
  padding-left: 75px !important;
}
.pl80 {
  padding-left: 80px !important;
}
.pl100 {
  padding-left: 100px !important;
}
.pl120 {
  padding-left: 120px !important;
}
.pl140 {
  padding-left: 140px !important;
}
.pl160 {
  padding-left: 160px !important;
}
.pl180 {
  padding-left: 180px !important;
}
.pl200 {
  padding-left: 200px !important;
}
/* Axis Padding (both top/bottom or left/right) */
.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.ph0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ph2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ph8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}


/*==================================================
  Typography
==================================================== */
a.link-unstyled {
  color: #666;
}
a.link-unstyled:hover,
a.link-unstyled:focus,
a.link-unstyled:active {
  color: #222;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 19px;
  margin-bottom: 9.5px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 75%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 88%;
}
h1 small,
.h1 .small {
  font-size: 70%;
}
h1,
.h1 {
  font-size: 30px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 15px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 11px;
  color: #999999;
}
p {
  margin: 0 0 9.5px;
}
.lead {
  margin-bottom: 19px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 19.5px;
  }
}
small,
.small {
  font-size: 92%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  background-color: #f8cd73;
  padding: .2em;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break-word {
  overflow-wrap: break-word !important;
}
.text-ellipsis {
  text-overflow: ellipsis;	
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-vertical {
	writing-mode: sideways-lr !important;
}
.text-rotate-90 {
	transform: 	rotate(90deg) !important;	
}
.text-rotate-45 {
	transform: 	rotate(45deg) !important;	
}
.text-rotate-30 {
	transform: 	rotate(30deg) !important;	
}
.text-rotate-15 {
	transform: 	rotate(15deg) !important;	
}
.text-responsive {
  font-size: calc(100% + 1vw + 1vh);
}

.page-header {
  padding-bottom: 16.5px;
  margin: 38px 0 19px;
  border-bottom: 1px solid #dddddd;
}
.content-header {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 40px;
}
.content-header h1,
.content-header h2,
.content-header h3,
.content-header h4 {
  line-height: 30px;
}
.micro-header {
  color: #999;
  text-align: center;
  font-weight: 400;
  margin-bottom: 20px;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 9.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 19px;
}
dt,
dd {
  line-height: 1.49;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 480px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 9.5px 19px;
  margin: 0 0 19px;
  font-size: 16.25px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote.blockquote-rounded {
  border-radius: 11px;
}
blockquote.blockquote-thin {
  border-width: 3px;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.49;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 19px;
  font-style: normal;
  line-height: 1.49;
}
.dropcap {
  min-height: 75px;
}
.dropcap:first-letter {
  font-family: 'Droid Serif', serif;
  float: left;
  color: #555;
  font-size: 60px;
  font-weight: 600;
  line-height: 45px;
  padding: 5px;
  margin: 0px 5px 0 0;
}
.dropcap.lead:first-letter {
  font-size: 90px;
  line-height: 25px;
}
.dropcap.dropcap-fill:first-letter {
  border-radius: 6px;
  color: #FFF;
  margin: 0px 10px 0 0;
}
.dropcap.lead.dropcap-fill:first-letter {
  border-radius: 6px;
  color: #FFF;
  margin: 0px 10px 0 0;
  padding-bottom: 26px;
}

/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto {
  margin-left: auto;
  margin-right: auto;
}
.mn {
  margin: 0 !important;
}
.m1 {
  margin: 1px !important;
}
.m2 {
  margin: 2px !important;
}
.m3 {
  margin: 3px !important;
}
.m4 {
  margin: 4px !important;
}
.m5 {
  margin: 5px !important;
}
.m6 {
  margin: 6px !important;
}
.m7 {
  margin: 7px !important;
}
.m8 {
  margin: 8px !important;
}
.m9 {
  margin: 9px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m35 {
  margin: 35px !important;
}
.m40 {
  margin: 40px !important;
}
.m50 {
  margin: 50px !important;
}
.mtn {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mrn {
  margin-right: 0 !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.mr80 {
  margin-right: 80px !important;
}
.mr90 {
  margin-right: 90px !important;
}
.mr100 {
  margin-right: 100px !important;
}
.mbn {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mln {
  margin-left: 0 !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml11 {
  margin-left: 11px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.ml13 {
  margin-left: 13px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.ml100 {
  margin-left: 100px !important;
}
.ml120 {
  margin-left: 120px !important;
}
.ml140 {
  margin-left: 140px !important;
}
.ml150 {
  margin-left: 150px !important;
}
.ml160 {
  margin-left: 160px !important;
}
.ml180 {
  margin-left: 180px !important;
}
.ml200 {
  margin-left: 200px !important;
}
/* Axis Margins (both top/bottom or left/right) */
.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mv70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.mh-5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.mh1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mh70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
/* Negative Margin Helpers */
.mtn5 {
  margin-top: -5px !important;
}
.mtn10 {
  margin-top: -10px !important;
}
.mtn15 {
  margin-top: -15px !important;
}
.mtn20 {
  margin-top: -20px !important;
}
.mtn30 {
  margin-top: -30px !important;
}
.mrn5 {
  margin-right: -5px !important;
}
.mrn10 {
  margin-right: -10px !important;
}
.mrn15 {
  margin-right: -15px !important;
}
.mrn20 {
  margin-right: -20px !important;
}
.mrn30 {
  margin-right: -30px !important;
}
.mbn5 {
  margin-bottom: -5px !important;
}
.mbn10 {
  margin-bottom: -10px !important;
}
.mbn15 {
  margin-bottom: -15px !important;
}
.mbn20 {
  margin-bottom: -20px !important;
}
.mbn30 {
  margin-bottom: -30px !important;
}
.mln5 {
  margin-left: -5px !important;
}
.mln10 {
  margin-left: -10px !important;
}
.mln15 {
  margin-left: -15px !important;
}
.mln20 {
  margin-left: -20px !important;
}
.mln30 {
  margin-left: -30px !important;
}
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
.mvn10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.mvn15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}
.mvn20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.mvn30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.mhn10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.mhn15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.mhn20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.mhn30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

/* overflow Helpers */
.of-a {
  overflow: auto !important;
}
.of-h {
  overflow: hidden !important;
}
.of-v {
  overflow: visible !important;
}
.of-x-a {
  overflow-x: auto !important;
}
.of-x-h {
  overflow-x: hidden !important;
}
.of-x-v {
  overflow-x: visible !important;
}
.of-y-a {
  overflow-y: auto !important;
}
.of-y-h {
  overflow-y: hidden !important;
}
.of-y-v {
  overflow-y: visible !important;
}

/*===============================================
  G. Border Helpers
================================================= */
/* Border Disables */
.br-l-n {
  border-left: none !important;
}
.br-r-n {
  border-right: none !important;
}
.br-t-n {
  border-top: none !important;
}
.br-b-n {
  border-bottom: none !important;
}
.br-n {
  border: none !important;
}
.br-v-n {
  border-top: none !important;
  border-bottom: none !important;
}
.br-h-n {
  border-left: none !important;
  border-right: none !important;
}
/* Default Borders */
.br-a {
  border: 1px solid #eeeeee !important;
}
.br-l {
  border-left: 1px solid #eeeeee !important;
}
.br-r {
  border-right: 1px solid #eeeeee !important;
}
.br-r-dark-grey {
  border-right: 1px solid #aaaaaa !important;
}
.br-t {
  border-top: 1px solid #eeeeee !important;
}
.br-b {
  border-bottom: 1px solid #eeeeee !important;
}
.br-v {
  border-top: 1px solid #eeeeee !important;
  border-bottom: 1px solid #eeeeee !important;
}
.br-h {
  border-left: 1px solid #eeeeee !important;
  border-right: 1px solid #eeeeee !important;
}
/* Border Style */
.br-dashed {
  border-style: dashed !important;
}
.br-dotted {
  border-style: dotted !important;
}
/* Border Radius */
.circle
{
  border-radius: 50% !important;
}
.br0 {
  border-radius: 0px !important;
}
.br1 {
  border-radius: 1px !important;
}
.br2 {
  border-radius: 2px !important;
}
.br3 {
  border-radius: 3px !important;
}
.br4 {
  border-radius: 4px !important;
}
.br5 {
  border-radius: 5px !important;
}
.br6 {
  border-radius: 6px !important;
}
.br8 {
  border-radius: 8px !important;
}
.br12 {
  border-radius: 12px !important;
}
.br24 {
  border-radius: 24px !important;
}
.br64 {
  border-radius: 64px !important;
}
/* Border Width */
.bw1 {
  border-width: 1px !important;
}
.bw2 {
  border-width: 2px !important;
}
.bw3 {
  border-width: 3px !important;
}
.bw4 {
  border-width: 4px !important;
}
.bw5 {
  border-width: 5px !important;
}
.bw8 {
  border-width: 8px !important;
}
.bw10 {
  border-width: 10px !important;
}
.bw15 {
  border-width: 15px !important;
}
/*Border Colors Generate contextual modifier classes for colorizing the alert.
*/
.br-white {
  border-color: #ffffff !important;
}
.br-lighter {
  border-color: #eeeeee !important;
}
.br-light {
  border-color: #e7e7e7 !important;
}
.br-grey {
  border-color: #d9d9d9 !important;
}
.br-greyer {
  border-color: #cccccc !important;
}
.br-dark-grey {
  border-color: #aaaaaa !important;
}
.br-dark {
  border-color: #3b3f4f !important;
}
.br-dark-light {
  border-color: #51566c !important;
}
.br-black {
  border-color: #000000 !important;
}
.br-primary {
  border-color: #3498db !important;
}
.br-primary-light {
  border-color: #5faee3 !important;
}
.br-info-dark {
  border-color: #189CCE !important;
}
.br-info {
  border-color: #3bafda !important;
}
.br-info-light {
  border-color: #66c1e2 !important;
}
.br-success-dark {
  border-color: #217C21 !important;
}
.br-success {
  border-color: #70ca63 !important;
}
.br-success-light {
  border-color: #93d789 !important;
}
.br-warning-dark {
  border-color: #E7A212 !important;
}
.br-warning {
  border-color: #f6bb42 !important;
}
.br-warning-light {
  border-color: #f8cd73 !important;
}
.br-danger-dark {
  border-color: #C2331D !important;
}
.br-danger {
  border-color: #df5640 !important;
}
.br-danger-light {
  border-color: #e67d6c !important;
}
.br-alert-dark {
  border-color: #7756C7 !important;
}
.br-alert {
  border-color: #967adc !important;
}
.br-alert-light {
  border-color: #b6a2e7 !important;
}
.br-system {
  border-color: #37bc9b !important;
}
.br-system-light {
  border-color: #58ceb1 !important;
}
.br-tp-top {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.br-tp-right {
  border-right-color: rgba(0, 0, 0, 0.1);
}
.br-tp-left {
  border-left-color: rgba(0, 0, 0, 0.1);
}

/*===============================================
  Field Icons and Addons
================================================= */
.append-icon {
  position: absolute;
  left: 23px;
  top: 8px;
  font-size: 14px;
}
.append-icon.right {
  left: auto;
  right: 23px;
}
.append-icon + input.form-control {
  padding-right: 40px;
}
/* Input Addon
.input-group-addon {
  color: #4a89dc;
  background-color: #fafafa;
  border-color: #DDD;
}
 */
.input-group-addon-success {
  color: #FFF;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

/* nav tab vertical */

.nav-tabv-primary li:first-child
{
	border-top: 		1px solid #337AB7;
}
.nav-tabv-primary li
{
	border-right: 		1px solid #337AB7;
	background-color:	#337AB7;
	color: 				#FFF;
}
.nav-tabv-primary li:last-child
{
	border-bottom: 		1px solid #337AB7;
}

.nav-tabv-primary li a
{
	color: 				#FFF;
	cursor: 			pointer;
}
.nav-tabv-primary li a:hover
{
	background-color:	#5faee3;
	color: 				#FFF;
	cursor: 			pointer;
}

.nav-tabv-primary li.active,
.nav-tabv-primary li.active a
{
	background-color:	#FFF;
	color: 				#333;
	font-weight: 		bold;
	margin-left: 		-1px;
}

/* pointer cursor */
.cursor {
  cursor: pointer !important;
}
.cursor-default {
	cursor: default !important;
}
.grab
{
	cursor: grab !important;	
}

/* switch */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.switch-sm {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 16px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}
input:checked + .slider-success {
  background-color: #70CA63;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch-sm .slider::before {
  height: 12px;
  left: 4px;
  position: absolute;
  top: 2px;
  bottom: 0px;
  transition: all 0.4s ease 0s;
  width: 12px;
}

.switch-sm  input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* ckeditor */
.cke_dialog_ui_vbox, .cke_dialog_page_contents
{
	height: 		100% !important;	
}

/* menu dropright */
.dropdown-menu-right {
  top: 0;
  left: 100%;
}

/* mise en page */
.header
{
	margin-top: 		10px;
	margin-bottom: 		10px;
	font-size: 			14px;
	font-weight: 		bold;
}

/* spécial */
.minh100
{
	height: 			100% !important;
	min-height: 		100% !important;	
}
.vh100
{
	height: 			100vh !important;	
}

/* highlight */

.hl
{
	background-color: 	#fc0;
    color: 				#000;
    font-size: 			14px;
    font-style: 		italic;
    font-weight: 		bold;
    margin: 			3px;
    padding: 			2px;
    text-decoration: 	underline;	
}

/* panel */

.panel-menu 
{
    background-color: #fafafa;
    border: 1px solid #e2e2e2;
    padding: 12px;
}

.panel-primary .panel-heading input,
.panel-primary .panel-heading select,
.panel-primary .panel-heading textarea,
.panel-primary .panel-heading checkbox,
.panel-primary .panel-heading radio
{
	color: 			#337ab7;
	font-weight:	600;
}


/* form */

.form-horizontal .form-group label
{
	padding-right: 	0px !important;
}
.form-horizontal .form-group .toggle-on.btn
{
	padding-right: 	24px !important;	
}
.form-horizontal .form-group .toggle-off.btn
{
	padding-right: 	24px !important;	
}
	
	
.requiredstar::after
{
	content: "*";
}

.validateForm .required input,
.validateForm .required select,
.validateForm .required textarea,
.validateForm .required .select2-selection
{
	_border-width: 	2px !important;	
	_border-color:	#333 !important;
	border-color: 	#CCC;
	_box-shadow: 	0 0 5px rgba(150, 150, 150, 0.8) inset;
	_outline: 		0 none;
}

.validateForm .required input:focus,
.validateForm .required select:focus,
.validateForm .required textarea:focus,
.validateForm .required .select2-selection:focus 
{
	border-color: 	#66afe9;
	_box-shadow: 	0 0 5px rgba(150, 150, 150, 0.8) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	_outline: 		0 none;
}

.validateForm .required .error
{
	border-color: 	#C00;
	_box-shadow: 	0 0 5px rgba(250, 0, 0, 0.8) inset;
}
.validateForm .required .error:focus
{
	border-color: 	#C00;
	_box-shadow: 	0 0 5px rgba(150, 150, 150, 0.8) inset, 0 0 8px rgba(250, 0, 0, 0.6);
}

.form-condensed .form-group
{
	margin-bottom: 	5px !important;
	margin-right:	-8px;
	margin-left: 	-8px;
}

/* font - awesome */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-1
{
  font-size: 1em;
}
.
.fa-plus
{
  font-size: 1.5em;
}
.fa-2
{
  font-size: 2em;
}
.fa-3
{
  font-size: 4em;
}
.fa-4
{
  font-size: 7em;
}
.fa-5
{
  font-size: 12em;
}
.fa-6
{
  font-size: 20em;
}


.panel-primary .panel-heading a
{
	color: 		#FFF;
}
.panel-primary .panel-heading a:hover
{
	color: 		#23527C;
}
.panel-primary .dropdown-menu 
{
	_background: #337AB7;
}

.panel-primary .panel-heading ul a {
    color: #337ab7;
}







/* divers */
.ui-datepicker-trigger{
    border:none;
    background:none;
}

.form-group .ui-datepicker-trigger {
    font-size: 16px;
    padding: 8px;
}
.table .ui-datepicker-trigger {
    font-size: 16px;
    padding: 4px;
}

a
{
	cursor: 	pointer;
}	

a:hover
{
	text-decoration: 		none;	
}

.datepickerNoButton .ui-datepicker-trigger
{
	display: 		none;	
}

.datepicker,
.datepickerSelMonthYear
{
	width: 		calc(100% - 32px);
	float: 		left;	
}

.input-group .wCalc40
{
	width: 		calc(100% - 40px) !important;	
}






#skin-toolbox
{
	display: 		none;
}

html
{
	overflow: 		hidden !important;	
}

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

.usercoloronline 
{
	border: 1px solid #333333;
	border-radius: 3px;
	float: left;
	height: 9px;
	margin-right: 4px;
	margin-top: 4px;
	width: 9px;
}
.x16, .16x16, img .16
{
	width:		16px !important;
	height:		16px !important;	
}
.x32, .32x32, img .32
{
	width:		32px !important;
	height:		32px !important;	
}
.x64 
{
	width: 		64px !important;
	height:		64px !important;
}
.br32 
{
	border-radius: 32px !important;
}
.posf
{
	position: 	fixed !important;	
}
.pull-none
{
	float: 		none !important;	
}
.bg-unset
{
	background-color: 	unset !important;	
}

.refelt
{
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #666;
	cursor: default;
	float: left;
	margin-right: 5px;
	_margin-top: 5px;
	margin-top: 0px;
	padding: 3px 5px 2px;
}

#webmail table.dataTable
{
	border-collapse: 	unset;
}
#webmail table.dataTable .read
{
	background-color: 	#eee;
	font-weight: 		normal;
}
#webmail table.dataTable .read td
{
	border-top: 		1px solid #ddd;	
}
#webmail table.dataTable .notread
{
	background-color: 	#FFF;
	font-weight: 		bolder;
}
#webmail table.dataTable .selected td
{
	background-color: 	#FFC;	
}

table.dataTable td.select-checkbox::before 
{
	border-radius: 0px;
	margin-top: -3px;
	color: #000000;
}
table.dataTable tr.selected td.select-checkbox::after 
{
	color: #000;
	content: "?";
	font-weight: bold;
	margin-left: -6px;
	margin-top: -7px;
	text-align: center;
	text-shadow: inherit;
}

.admin-skin .cke_contents
{
	border-left: 		1px solid #e7e7e7;
	border-right: 		1px solid #e7e7e7;
	border-bottom: 		1px solid #e7e7e7;
}

.cke_toolbar
{
	min-height: 		40px;
}
.ztop
{
	z-index: 			100000 !important;	
}
.select2-container
{
	z-index: 			11000 !important;	
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single
{
	min-height:			34px !important;
	background-color: 	#FFF;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
	background-color: 	#F3F3F3;	
}
.select2-container--default .select2-selection--single .select2-selection__arrow 
{
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	height: 32px;
	position: absolute;
	right: 1px;
	top: 1px;
	width: 33px;
}
.tag
{
	background-color: 	#FAFAFA;
	border-radius: 		5px;
	float: 				left;
	margin-right: 		4px;
	margin-bottom: 		2px;
	padding: 			5px;
	color: 				#FFF;
}

/* font color */

.fc-success
{
	color: 	#70CA63 !important;
}
.fc-success-dark
{
	color: 	#217C21 !important;	
}
.fc-warning
{
	color: 	#f6bb42 !important;
}

.fc-warning-dark 
{
	color: 	#E7A212 !important;
}
.fc-info
{
	color: 	#3bafda !important;
}
.fc-info-dark
{
	color: 	#189CCE !important;
}
.fc-danger
{
	color: 	#E9573F !important;
}
.fc-danger-dark 
{
  	color: 	#C2331D !important;
}
.fc-black
{
	color: 	#000000 !important;
}
.fc-white
{
	color: 	#FFFFFF !important;
}
.fc-greyer
{
	color: 	#cccccc !important;
}
.fc-grey 
{
	color: 	#d9d9d9 !important;
}
.fc-dark-grey 
{
  color: #aaaaaa !important;
}
.fc-dark 
{
  color: #3b3f4f !important;
}
/* opacity */
.op10
{
	opacity: 0.10 !important;	
}
.op20
{
	opacity: 0.20 !important;	
}
.op30
{
	opacity: 0.30 !important;	
}
.op40
{
	opacity: 0.40 !important;	
}
.op50
{
	opacity: 0.50 !important;	
}
.op60
{
	opacity: 0.60 !important;	
}
.op70
{
	opacity: 0.70 !important;	
}
.op80
{
	opacity: 0.80 !important;	
}
.op90
{
	opacity: 0.90 !important;	
}
.op100
{
	opacity: 1 !important;	
}

/* tag */

.tag .tag-default
{
	background-color: 	#FAFAFA;
}
.tag-primary
{
	background-color: 	#4A89DC;
}
.tag-success
{
	background-color: 	#70CA63;
}
.tag-info
{
	background-color: 	#3BAFDA;
}
.tag-warning
{
	background-color: 	#F6BB42;
}
.tag-danger
{
	background-color: 	#E9573F;
}
.tag-alert
{
	background-color: 	#967ADC;
}
.tag-system
{
	background-color: 	#37BC9B;
}
.tag-dark
{
	background-color: 	#3B3F4F;
}
	
.tag .tag-close, .tag .tag-view
{
	cursor: 			pointer;
	margin-left: 		2px;
}

/* datepicker */

.dp-success .ui-state-default
{
	background-color: 	#FAFAFA !important;
}
.dp-primary .ui-state-default
{
	background-color: 	#4A89DC !important;
}
.dp-success .ui-state-default
{
	background-color: 	#70CA63 !important;
}
.dp-info .ui-state-default
{
	background-color: 	#3BAFDA !important;
}
.dp-warning .ui-state-default
{
	background-color: 	#F6BB42 !important;
}
.dp-danger .ui-state-default
{
	background-color: 	#E9573F !important;
}
.dp-alert .ui-state-default
{
	background-color: 	#967ADC !important;
}
.dp-system .ui-state-default
{
	background-color: 	#37BC9B !important;
}
.dp-dark .ui-state-default
{
	background-color: 	#3B3F4F !important;
}

#ui-datepicker-div {
	z-index: 100000!important;
}

/* grid with height 100% */

.table-container 
{
  display: table;
}
.table-container .table-row 
{
  height: 100%;
  display: table-row;
}
.table-container .table-row .table-col 
{
  display: table-cell;
  float: none;
  vertical-align: top;
}
.table-fullheight
{
	display: 		table !important;
	height: 		100% !important;
	min-height: 	100% !important;
}

@media (max-width: 768px) 
{
	.table-container .table-row .table-col 
	{
		float: 		inherit !important;	
		display: 	inherit !important;	
	}
}


/* list with child */


.tooltip
{
	position: 			fixed !important;	
	z-index: 			700000 !important;
}
.tooltip.top, .tooltip.right, .tooltip.bottom, .tooltip.left
{
	z-index: 			700000 !important;
}

.popover
{
	z-index: 			65000 !important;	
}
		
#ss_popup {
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 60000!important;
}
#ss_popup[style*=visible]:not([style*=none])
{
    display: flex !important;
}

div#tooltip {
    background-color: #77CCFF;
    border: 1px solid #4499CC;
    color: #000000;
    display: none;
    font-family: Verdana;
    font-size: 11px;
    min-width: 100px;
    padding: 5px;
    position: absolute;
    z-index: 650000;
}

#documents_popup, #webmail_popup 
{
	box-shadow: 	5px 5px 5px #666;
    font-family: 	Verdana;
    font-size: 		12px;
    min-width: 		150px;
}
#ss_underpopup {
    background-color: #888888;
    bottom: 0;
    display: none;
    left: 0;
    min-height: 30px;
    min-width: 50px;
    opacity: 0.2;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 29999;
}
#ss_popupchild {
    display: none;
    opacity: 0.9;
    position: absolute;
    z-index: 60001;
}
#ss_underpopupchild {
    background-color: #888888;
    bottom: 0;
    display: none;
    left: 0;
    min-height: 30px;
    min-width: 50px;
    opacity: 0.2;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 29999;
}
#documents_popup .documents_popup_line, #webmail_popup .webmail_popup_line
{
	cursor: 			pointer;
	padding: 			5px;
	background-color:	#CCC;
	border-bottom: 		1px solid #AAA;
}
#documents_popup .documents_popup_line_on, #webmail_popup .webmail_popup_line_on
{
	cursor: 			pointer;
	padding: 			5px;
	background-color:	#EEE;
	border-bottom: 		1px solid #AAA;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
}

.h-25 .h-25 .h-25 button
{
	height: 		25px !important;
	line-height: 	10px !important;
		
}

 .navbar {  z-index: 500!important; } 
.navbar #bar_view_admin {  z-index: 500!important; }
body.sb-l-m #sidebar_left{  z-index: 400!important; }

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("/css/images/ui-icons_444444_256x240.png");
}
.ui-icon {
    height: 16px;
    width: 16px;
}
.ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px;
}
.ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
}
.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

.inedit 
{
    background: #eee none repeat scroll 0 0;
    border: 1px dashed #999 !important;
    margin: 5px;
}

#mailfoldertree ul.fancytree-container, #tag_explorer ul.fancytree-container
{
	white-space: 	normal ! important;	
}

span.fancytree-badge
{
	float: 		right;	
}

#explorer_tool #dz_div_progress
{
	line-height: 		11px;
	color: 				#000;
	margin-top: 		16px;
	font-size: 			11px;
}
#explorer_tool #dz_progress
{
	height: 			18px;	
	padding-left: 		10px;
}

.dropzone
{
	max-height: 		100%;	
}
.dz_progress 
{
    color: 				#000 !important;
    height: 			18px !important;
    padding-top: 		1px !important;
    background-color:	#0f0;
    border-radius: 		5px;
    width: 				0;
}
.dz_div_progress
{
	border: 			1px solid #000;
	border-radius: 		5px;
	display: 			none;
	height: 			24px;
	margin-right: 		5px;
	margin-top: 		5px;
	width: 				150px;
	padding-top: 		0px !important;
	color: 				#000 !important;
	height: 			20px !important;
}

option.BI {
    background: url("/i/neutral.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 32px;
    padding-left: 20px;
    padding-top: 8px;
    width: 100%;
}
option.SI {
    background: url("/i/neutral.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 16px;
    padding-left: 20px;
    width: 100%;
}

#smallCal .ui-datepicker,
.smallCal .ui-datepicker
{
	width: 		100% !important;	
}

.dropdown-menu
{
	z-index: 	100000 !important;
}

/* agenda */
.fc-view-container .fc-event 
{
	margin-left: 	1px !important;
	margin-right: 	1px !important;
}
/*
body,html,.row-offcanvas {
  height:100%;
}
*/

#sidebar_left {
  width: inherit;
  min-width: 220px;
  max-width: 220px;
  background-color:#f5f5f5;
  float: left;
  height:100%;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}
#main 
{
	height:	100%;
	overflow:	auto;
}

.lobipanel-minimized-toolbar form
{
	max-width: 	300px !important;	
}

.panel-primary .form-group .dropdown-menu,
.panel-primary .table .dropdown-menu,

{
	background:		inherit !important;
}

.btnright .btn
{
	border-right: 	0px;	
	border-radius: 	4px 0px 0px 4px;
}


/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 220px);
  }
    
  .row-offcanvas-left
  {
    left: -220px;
  }

  .row-offcanvas-left.active {
    left: 0;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
  }
}


/* merge GED */

.xplode
{
	font-weight: 		bold;
	font-size: 			13px;
	color: 				#000;
	background-color: 	#70CA63;
	padding: 			3px;
}


/* im instant message */ 

#im_data
{
	border: 			0px solid #000;
	position:			absolute;
	top:				35px;
	bottom:				35px;
	left:				0px;
	right:				0px;
	overflow:			auto;
	padding:			5px;
}

#im_data .text
{
	font-size: 			11px;
}

#im_data .author
{
	font-size: 			9px;
	color: 				#666;
	white-space: 		nowrap;
}

#im_data .im_me
{
	_margin: 			5px;
	_padding: 			5px;
	float: 				right;
	clear: 				both;
	min-width: 			205px;
}

#im_data .im_me .author
{
	text-align: 		right;	
}

#im_data .im_me .pic
{
	float: 				right;
	margin-right: 		5px;
	margin-top: 		-5px;
	
	-webkit-border-radius: 	5px;
	-khtml-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

#im_data .im_me_text
{
	background-color:	#EEE;
	border: 			1px solid #BBB;
	margin: 			5px;
	padding: 			5px;
	padding-right: 		38px;
	_overflow: 			auto;
	
	-webkit-border-radius: 	10px;
	-khtml-border-radius: 	10px;
	-moz-border-radius: 	10px;
	border-radius: 			10px;
}

#im_data .im_them
{
	_margin: 			5px;
	_padding: 			5px;
	float: 				left;
	clear: 				both;
	min-width: 			205px;
	
}
#im_data .im_them .author
{
	text-align: 		left;	
}
#im_data .im_them .pic
{
	float: 				left;
	margin-left: 		5px;
	margin-top: 		-5px;
	
	-webkit-border-radius: 	5px;
	-khtml-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}


#im_data .im_them_text
{
	background-color:	#99DDFF;
	border: 			1px solid #6AC;
	margin: 			5px;
	padding: 			5px;
	padding-right: 		38px;
	_overflow: 			auto;
	
	-webkit-border-radius: 	10px;
	-khtml-border-radius: 	10px;
	-moz-border-radius: 	10px;
	border-radius: 			10px;
	
}


/* task */ 

.task_barStatus .task0 {
	background-color: 	#F00;	
}
.task_barStatus .task10 {
	background-color: 	#F30;	
}
.task_barStatus .task20 {
	background-color: 	#F60;	
}
.task_barStatus .task30 {
	background-color: 	#F90;	
}
.task_barStatus .task40 {
	background-color: 	#FC0;	
}
.task_barStatus .task50 {
	background-color: 	#FF0;	
}
.task_barStatus .task60 {
	background-color: 	#CF0;	
}
.task_barStatus .task70 {
	background-color: 	#9F0;	
}
.task_barStatus .task80 {
	background-color: 	#6F0;	
}
.task_barStatus .task90 {
	background-color: 	#3F0;	
}
.task_barStatus .task100 {
	background-color: 	#0F0;	
}

.task_barPriority .task0 {
	background-color: 	#0F0;	
}
.task_barPriority .task1 {
	background-color: 	#3F0;	
}
.task_barPriority .task2 {
	background-color: 	#6F0;	
}
.task_barPriority .task3 {
	background-color: 	#9F0;	
}
.task_barPriority .task4 {
	background-color: 	#CF0;	
}
.task_barPriority .task5 {
	background-color: 	#FF0;	
}
.task_barPriority .task6 {
	background-color: 	#FC0;	
}
.task_barPriority .task7 {
	background-color: 	#F90;	
}
.task_barPriority .task8 {
	background-color: 	#F60;	
}
.task_barPriority .task9 {
	background-color: 	#F30;	
}
.task_barPriority .task10 {
	background-color: 	#F00;	
}

/* Timeline.html  */
body.timeline-page #main {
  min-height: 1400px;
}
body.timeline-page #content {
  padding: 8px 35px 50px 35px;
}
#timeline {
  position: relative;
}
#timeline:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  margin-left: -2px;
  height: 100%;
  content: "";
  background: #ddd;
}
#timeline .timeline-divider {
  position: relative;
  margin: 10px 0 45px;
  z-index: 3;
}
#timeline .timeline-divider .divider-label {
  position: relative;
  width: 110px;
  margin: 0 auto;
  padding: 5px;
  text-align: center;
  border: 1px solid #DDD;
  color: #777;
  font-weight: 600;
  background: #FFF;
}
#timeline .timeline-divider .divider-label:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 100%;
  background: #4a89dc;
}
#timeline .panel {
  position: relative;
  z-index: 11;
  overflow: visible;
  margin-bottom: 30px;
}
#timeline .panel:before,
#timeline .panel:after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 10px;
  left: 99.8%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #fafafa;
}
#timeline .panel:after {
  z-index: 1;
  border-left-color: #666;
}
#timeline .right-column .panel:before,
#timeline .right-column .panel:after {
  top: 10px;
  right: 99.8%;
  left: auto;
  border-width: 8px 12px 8px 0;
  border-color: transparent #fafafa transparent transparent;
}
#timeline .right-column .panel:after {
  border-right-color: #666;
}
#timeline > .row > .left-column .timeline-item {
  padding-right: 30px;
}
#timeline > .row > .right-column .timeline-item {
  padding-left: 30px;
}
#timeline > .row > .right-column {
  margin-top: 80px;
}
@media (max-width: 770px) {
  #timeline > .row > .left-column .panel {
    margin-right: 0;
  }
  #timeline > .row > .right-column .panel {
    margin-left: 0;
  }
  #timeline > .row .panel:before {
    display: none;
  }
  #timeline > .row .panel:after {
    display: none;
  }
}
#timeline .tab-content {
  min-height: 0;
}
#timeline .map {
  width: 100%;
  height: 275px;
}
#timeline #timeline-image-form .fileupload-preview {
  text-align: center;
}
#timeline #timeline-image-form .fileupload-preview img {
  max-height: 200px;
}
#timeline .timeline-icon {
  z-index: 1;
  position: absolute;
  right: -18px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  border-radius: 50%;
  background: #eeeeee;
  box-shadow: 0 0 0 5px #eeeeee;
}
#timeline .right-column .timeline-icon {
  right: auto;
  left: -18px;
}
#timeline.timeline-single {
  margin-left: 6%;
  max-width: 750px;
}
#timeline.timeline-single:after {
  left: 0;
}
#timeline.timeline-single > .row > .col-sm-6 {
  width: 100%;
  padding-left: 65px;
}
#timeline.timeline-single > .row > .right-column {
  margin-top: 0;
}
#timeline.timeline-single > .row > .right-column .timeline-item,
#timeline.timeline-single > .row > .left-column .timeline-item {
  padding-left: 0;
  padding-right: 0;
}
#timeline.timeline-single .timeline-divider .divider-label {
  margin-left: -55px;
}
#timeline.timeline-single .timeline-icon {
  left: -8px;
  right: auto;
}
#timeline.timeline-single .panel:before,
#timeline.timeline-single .panel:after {
  right: 99.8%;
  left: auto;
  border-width: 8px 12px 8px 0;
  border-color: transparent #fafafa transparent transparent;
}
#timeline.timeline-single .panel:after {
  border-right-color: #666;
}


/*===============================================
  Treeview Plugin
================================================= */
/*fancytree container*/
ul.fancytree-container {
  color: #999;
  font-size: 14px;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
}
/*fancytree items */
ul.fancytree-container li {
  padding: 2px 0;
}
/*fancytree item*/
span.fancytree-node {
  padding: 4px 0;
}
/*fancytree item title*/
span.fancytree-title {
  color: #666;
}
/*fancytree item icon*/
span.fancytree-icon {
  position: relative;
}
/*fancytree item STATES*/
/*fancytree item hover*/
span.fancytree-node:hover {
  background-color: #EEE;
  border-color: #CCC;
}
/*fancytree active item*/
span.fancytree-node.fancytree-active,
span.fancytree-node.fancytree-selected {
  background-color: #EEE;
  border-color: #CCC;
}
/*fancytree active item hover*/
span.fancytree-node.fancytree-active:hover,
span.fancytree-node.fancytree-selected:hover {
  background-color: #EEE;
  border-color: #CCC;
}
/*fancytree active item focus*/
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected {
  background-color: #EEE;
  border-color: #CCC;
}
/*fancytree addon - childcounter */
span.fancytree-childcounter {
  color: #fff;
  background: #428BCA;
  /*  border: 1px solid gray; */
  position: absolute;
  top: -9px;
  right: -8px;
  min-width: 13px;
  height: 13px;
  line-height: 9px;
  vertical-align: baseline;
  border-radius: 10px;
  /*50%;*/
  padding: 2px;
  text-align: center;
  font-size: 10px;
}
/*fancytree addon - columnview*/
table.fancytree-ext-columnview {
  outline: 0;
  border: 0;
}
table.fancytree-container tbody tr td {
  padding: 8px 14px;
  border-color: #EEE;
  max-width: 300px;
  /* width does not work */
}
/* prevent long lines to wrap */
table.fancytree-container span.fancytree-node {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
/* prevent long lines to start with a break after the icon */
table.fancytree-container span.fancytree-title {
  display: inline;
}
table.fancytree-container span.selTag {
  cursor: pointer;
  display: inline-block;
  padding: 3px 7px;
  margin: 1px 5px;
  background-color: #dec;
  border: 0;
  border-radius: 1px;
}
table.fancytree-ext-columnview tbody tr #tags,
table.fancytree-ext-columnview tbody tr #preview {
  padding: 12px 14px;
  vertical-align: middle;
  background: #fbfbfb;
}
.bootstrap-tagsinput {
  position: relative;
  vertical-align: top;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: auto;
  min-height: 42px;
  outline: 0;
  padding: 3px 8px;
  margin: 0;
  cursor: text;
  color: #626262;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #E5E5E5;
  border-radius: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.bootstrap-tagsinput:focus,
.bootstrap-tagsinput:hover {
  border-color: #DDD;
  background-color: #FFF !important;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  color: white;
  margin-right: 5px;
  line-height: 36px;
  padding: .6em .7em .7em;
  border-radius: 2px;
}
.bootstrap-tagsinput .tag.label-default {
  color: #AAA;
  font-weight: 500;
  background-color: #fff;
  border: 1px solid #eee;
  padding: .5em .7em .6em;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



/* trickes table fixed header */

.table-fixed-header tbody 
{ 
	display:		block;  
	overflow-y:		scroll; 
}
.table-fixed-header thead, .table-fixed-header tbody tr 
{
	display:		table; 
	width:			100%; 
	table-layout:	fixed; 
}

@media screen and (max-width: 768px) 
{
	#navbarCollapse .dropdown-menu-right
	{
		top: 	20px !important;
		left:	0px !important;;
	}
}

#bar_view_admin .panel a
{
	_background-color:	#263553 !important;	
}

#bar_view_admin .panel a:hover
{
	_background-color:	#4EB69A !important;	
}

/* si ca dépasse du viewport on ajoute selectAlignRight */
.bs-container.selectAlignRight .dropdown-menu
{
	left: 	auto !important;
	float: 	right !important;
	right: 0px !important;	
}


/* nestable */

.dd {
	max-width: 	inherit;	
}

.dd3-content {
	display: block;
	height: 30px;
	margin: 5px 0;
	padding: 5px 10px 5px 40px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #fafafa;
	background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: linear-gradient(top, #fafafa 0%, #eee 100%);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dd3-content:hover {
    color: #2ea8e5;
    background: #fff;
}

.dd-dragel > .dd3-item > .dd3-content {
    margin: 0;
}

.dd3-item > button {
    margin-left: 30px;
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 30px;
    text-indent: 30px;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background: linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dd3-handle:before {
    content: '≡';
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding-top: 5px;
}

.dd3-handle:hover {
    background: #ddd;
}

/* forum */
#forum_content img
{
	max-width: 	100%;	
}

/* reminder */

.reminder_ico
{
	position: 		absolute;
	right: 			10%;
	top: 			0px;
	z-index: 		100000;
	padding: 		5px;
	border-left: 	2px solid;
	border-bottom: 	2px solid;
	border-right: 	2px solid;
	border-top: 	0px solid;
	border-bottom-left-radius:	3px;
	border-bottom-right-radius: 3px;
	border-color: 	#f6bb42;
	background-color: #f8cd73;
	color: 			#fff;	
	cursor: 		default;
	_display: 		none;
}

.reminder_ico .reminder_group_ico
{
	float: 			right;
}

.reminder_ico .reminder_badge
{
	position: 		absolute;
	bottom: 		1px;
	right: 			1px;
	font-size: 		11px;
	font-weight: 	600;
	color: 			#F00;	
}

.reminder_ico:hover
{
	background-color: #fff;
	color: 			#f6bb42;	
	cursor: 		pointer;
}

.reminder_ico .reminder_list
{
	display: 		none;	
}

.reminder_resume
{
	position: 		absolute;
	top: 			0px;
	left: 			10%;
	right: 			10%;
	z-index: 		100000;
	bottom: 		0px;
	padding: 		5px;
	border-left: 	4px solid;
	border-bottom: 	0px solid;
	border-right: 	4px solid;
	border-top: 	0px solid;
	border-bottom-left-radius:	0px;
	border-bottom-right-radius: 0px;
	border-color: 	#f6bb42;
	background-color: #fff;
	color: 			#f8cd73;	
	cursor: 		default;
}

.reminder_resume .reminder_group_ico
{
	position: 		absolute;	
	right: 			5px;
	z-index: 		100001;
}
.reminder_resume .reminder_group_ico:hover
{
	cursor: 		pointer;
	color: 			#fff;
	
}
.reminder_resume .reminder_badge
{
	display: 		none;	
}
.reminder_resume .reminder_list
{
	display: 		block;	
	color: 			#000;
	position: 		absolute;
	top: 			0px;
	left: 			0px;
	right: 			0px;
	bottom: 		0px;
}

.ss_load_ok
{
	display: 		none;
}
.ss_loading {

    background-color: #000000;
    border-radius: 0 0 0 5px;
    color: #FFFFFF;
    display: block;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    opacity: 0.7;
    position: fixed;
    right: 0;
    top: 0px;
    width: 200px;
    z-index: 60000;
}

/* table */
table.borderless, table.borderless td, table.borderless th
{
     border: none !important;
}

/* widget */

.listSimple .amount,
.listSimple .float
{
	text-align:	 right;	
}

.listSimple .amount:after 
{
	content: 	'€';
}

/* form small */

.form-sm .form-group
{
	margin-bottom: 	3px !important;
}

.form-sm .ui-datepicker-trigger
{
	padding: 		5px !important;
	padding-left: 	8px !important;
}
 
.form-sm label
{
	font-size: 		11px !important;
	font-weight: 	600 !important;
  	padding-left: 	5px;
}
.form-sm .form-control-feedback
{
	line-height: 	31px !important;	
}

.form-sm .select2-container--default .select2-selection--multiple, 
.form-sm .select2-container--default .select2-selection--single
{
	min-height:		30px !important;
}

.form-sm .select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: 		28px !important;	
}

.form-header
{
	wdith: 			100%;
	font-size: 		12px;
	font-weight: 	bold;
	border-bottom: 	1px solid #BBB;
	padding-bottom: 2px;
	margin-bottom: 	2px;
	margin-left: 	10px;
	margin-right: 	20px;
	padding-top: 	8px;
}

/* correction nav tabs */

#navbarCollapse .nav-tabs li
{
	margin-bottom: 		-4px !important;	
}

#navbarCollapse .nav-tabs li a
{
	border: 			1px !important #263553;	
	border-bottom: 		0px transparent;
	margin-right: 		0px !important;
}

#navbarCollapse .nav-tabs li a:hover
{
	background-color: 	#FFF;	
}
#navbarCollapse .nav li a
{
	padding-left: 	6px;
	padding-right: 	6px;
	padding-top: 	8px;
}

.datepickerBirthday
{
	width: calc(100% - 32px);
	float: left;
}


/* dropzone */

/* base dropzone */

.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dropzone 
{
	_width:		100%;
	height: 	auto;
	max-height: 250px;
	min-height: 250px;
	margin:		5px;
	padding:	5px;
	border:		3px dashed #3B9DCC;
	position: 	relative;
	background: rgba(0,0,0,0.08);
	overflow: 	auto;
}
.dropzone.dz-clickable 
{
	cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span 
{
	cursor: pointer;
}
.dropzone.dz-clickable * 
{
	cursor: default;
}
.dropzone .dz-message 
{
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
.dropzone.dz-drag-hover 
{
	border-color: rgba(0,0,0,0.15);
	background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message 
{
	display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview 
{
	background: rgba(255,255,255,0.8);
	position: relative;
	display: inline-block;
	margin: 5px;
	vertical-align: top;
	border: 1px solid #acacac;
	padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] 
{
	display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details 
{
	width: 100px;
	height: 100px;
	position: relative;
	background: #ebebeb;
	padding: 5px;
	margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename 
{
	overflow: hidden;
	height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size 
{
	position: absolute;
	bottom: -28px;
	left: 3px;
	height: 28px;
	line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark 
{
	display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark 
{
	display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img 
{
	display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark 
{
	display: none;
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 30px;
	text-align: center;
	right: -10px;
	top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark 
{
	color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark 
{
	color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress 
{
	position: absolute;
	top: 100px;
	left: 6px;
	right: 6px;
	height: 6px;
	background: #d7d7d7;
	display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload 
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress 
{
	display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message 
{
	display: none;
	position: absolute;
	top: -5px;
	left: -20px;
	background: rgba(245,245,245,0.8);
	padding: 8px 10px;
	color: #800;
	min-width: 140px;
	max-width: 500px;
	z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message 
{
	display: block;
}

/* added */

#dz_div_progress, .div_progressbar
{
	display:		none;
	_float: 			right;
	height:			20px;
	margin-right:	6px;
	margin-top:		6px;
	width:			150px;
	
	border: 			1px solid #000;
	-webkit-border-radius: 	5px;
	-khtml-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}
#dz_progress, .progressbar
{
	width: 				0px;
	background-color:	#0F0;
	height: 			17px;
	padding-top: 		3px;
	-webkit-border-radius: 	5px;
	-khtml-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

/* selectpickeradd */

.dropdown-menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 
.dropdown-menu a {
   overflow: hidden;
   outline: none;
}
 
.bss-input
{
   border:0;
   margin:-3px;
   padding:3px;
   outline: none;
   color: #000;
   width: 99%;
}
 
.bss-input:hover
{
   background-color: #f5f5f5;
}
 
.additem .check-mark
{
   opacity: 0;
   z-index: -1000;
}
 
.addnewicon {
   position: relative;
   padding: 4px;
   margin: -8px;
   padding-right: 50px;
   margin-right: -50px;
   color: #aaa;
}
 
.addnewicon:hover {
   color: #222;
}

/* flex tools */

.flex
{
	display: 			flex;
}
.flex-column
{
	flex-direction: 	column;
}
.flex-column-reverse
{
	flex-direction: 	column-reverse;
}
.flex-nowrap
{
	flex-wrap: 			nowrap;
}
.flex-wrap
{
	flex-wrap: 			wrap;
}
.flex-rwrap
{
	flex-wrap: 			wrap-reverse;
}
.flex-justify-center
{
    justify-content: 	center;
}
.flex-justify-start
{
    justify-content: 	flex-start;
}
.flex-justify-end
{
    justify-content: 	flex-end;
}
.flex-justify-space
{
	justify-content: 	space-around;
}
.flex-justify-between
{
	justify-content: 	space-between;
}
.flex-justify-content-evenly
{
	justify-content: 	space-evenly;
}
.flex-aligne-self-end,
.flex-align-self-end
{
  align-self: end !important;
}
.flex-aligne-self-center,
.flex-align-self-center
{
  align-self: center !important;
}
.flex-align-items-start
{
  align-items: flex-start !important;
}
.flex-align-items-stretch 
{
  align-items: stretch!important;
}
.flex-align-items-center
{
  align-items: center;
}

.flex-grow-1 {
  flex-grow: 1!important;
}

.flex-grow-2 {
  flex-grow: 2!important;
}

.flex-grow-3 {
  flex-grow: 31!important;
}

.ml-auto
{
	margin-left: 		auto !important;
}
.mr-auto
{
	margin-right: 		auto !important;
}
.flex-1
{
	flex: 	1;
}
.flex-2
{
	flex: 	2;
}
.flex-3
{
	flex: 	3;
}
.flex-4
{
	flex: 	4;
}
.flex-5
{
	flex: 	5;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-right: 2px solid #F00 !important;
}*/


@media screen and (min-width: 768px) 
{
	.hide-xs
	{
		display: 		block;
	}
	.view-xs
	{
		display: 		none;
	}
}

@media screen and (max-width: 767px) 
{
	.hide-xs
	{
		display: 		none;
	}
	.view-xs
	{
		display: 		block;
	}
	
	.user_historic ul li .title
	{
		display: 		none;
	}
	
	.user_historic_list .row
	{
		padding-left: 	0px !important;	
		padding-right: 	0px !important;	
	}
	
	.user_historic_list .date
	{
		padding: 			5px !important;
		font-weight: 		bold;
		background-color: 	#EEE;
	}
	.user_historic_list .user
	{
		margin-top: 	2px;
		padding-bottom: 5px !important;
		font-style: 	italic;
	}
	.user_historic_list .title
	{
		padding-bottom: 5px !important;
		font-weight: 	bold;
	}
	.user_historic_list .text
	{
		padding-bottom: 5px !important;
	}
}