/**
 *
 * Apply Here your Custom CSS
 *
*/

body {
	
}
.login-header{margin: 0 auto;}
.login-form{
    width: 320px;
    margin: 0 auto;
}
.form-login-error{display: none;}
.login-page .login-form .form-group .input-group {
  background: #373e4a;
  border: 1px solid #373e4a;
  padding-top: 6px;
  padding-bottom: 6px;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.login-page .login-form .form-group .input-group.validate-has-error {
  border-color: #ec5956;
  border-color: rgba(236, 89, 86, 0.5);
}
.login-page .login-form .form-group .input-group.validate-has-error .error {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  font-size: 10px;
}
.login-page .login-header {
  position: relative;
  background: #00a651;
  padding: 50px 0;
  color:#fff;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page .login-header .description {
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 0;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page .login-header.login-caret:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  margin-left: -12.5px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 13px 12.5px 0 12.5px;
  border-color: #00a651 transparent transparent transparent;
  bottom: -13px;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page .login-form {
  position: relative;
  padding-top: 60px;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page .login-form .form-group {
  margin-bottom: 20px;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page .login-form .form-group .input-group {
  background: #00a651;
  border: 1px solid #00a651;
  padding-top: 6px;
  padding-bottom: 6px;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.login-content h2{
    color:#fff;
}

.white{
   color:#fff; 
}
.bold{
    font-weight:bold;
}

.timezone_form{
    padding-top: 5px;padding-left: 50px;
}                                   

.clear {
    clear: both;
    height: 5px;
}

.font-white{
    color:#fff !important;
}

/* CSS Tree menu styles */
ol.tree
{
	padding: 0 0 0 30px;
/*	width: 300px;*/
}
	ol.tree li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
	}
	li.file
	{
		margin-left: -1px !important;
	}
		li.file a
		{
			background: url(document.png) 0 0 no-repeat;
			color: #fff;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}
		li.file a[href *= '.pdf']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href *= '.html']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href $= '.css']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href $= '.js']		{ background: url(document.png) 0 0 no-repeat; }
	li input
	{
		position: absolute;
		left: 0;
		margin-left: -11px !important;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 4em;
		top: 0;
	}
		li input + ol
		{
		 background: url(toggle-expand.png) 40px 0 no-repeat; 
			 /* font-family: FontAwesome;
			   content: "\f067";
			   display: inline-block;
			   padding-right: 3px;
			   vertical-align: middle; */
			margin: -2.3em 0 0 -49px; /* 15px */
			height: 3em;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	li label
	{
		/* background: url(user_circle.png) 15px 6px no-repeat; */
		cursor: pointer;
		
		padding-left: 8px;
				/* display: block;
                font-size:20px;
                font-weight: 800; */
	}


	li input:checked + ol
	{  
				/* font-family: FontAwesome;
			   content: "\f068";
			   display: inline-block;
			   padding-right: 3px;
			   vertical-align: middle; */
	 background: url(toggle-collapse.png) 40px 5px no-repeat; 
		margin: -2.5em 0 0 -49px;
        padding: 2.563em 0 0 88px;
		height: auto;
	}
		li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }
                
                
                .panel-body{
                    background: #fff;
					overflow:scroll;
                }
                
                
                h1, h2, h3, h4{outline:none;}
                a:hover, a:active, a:focus {outline: 0;}
                    
      .clearfix{
		  clear:both;
		  height:20px;
	  }
	  
	  .special_border{
		  border: 2px steelblue dashed;
		   overflow: hidden;
	  }
	  .special_padding{
		  padding: 5px;
		  overflow: hidden;
	  }
	  span.close-sui-popup {
    font-size: 18px !important;
    color: #fff !important;
}

.custom_select,.custom_text{
	display: block;
    height: 31px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.small_hr{
	width: 10%;
    border-top: 2px solid;
}

#register{
	display:none;
}

.box{
  background:rgba(67, 166, 235, 0.3);
  border: #2abb9b 3px inset;
  min-height:300px;
  /*box-shadow: 10px 10px 5px #888888;*/
  margin-left:10px;
  
}
.box1{
  background:white;
  
  
  margin-left:5px;
  
}
.btn-white{
  
	margin:2%;

} 
.margin{
	margin-top:5%;
}
.yellow {
    color: #fdbc0a !important;
}
.white {
    color: #fff !important;
}
.green {
    color:#2abb9b;
}
.black {
    color:#000;
}
.login-header {
    padding: 50px;
    color: #fff;
	margin-bottom:20px;
}

#fachat {
    position:fixed;
     right:0;
	 bottom:20px;
     margin-right:20px;
	 z-index:999;
}