body {
	background-color: #f3fef4 !important;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
}

table.enclosing {
	background-color:#FFFFFF;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 80%;
}

td {
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

a img {
	vertical-align: bottom;
	border : none;
}

td.white {
	background-color: #FFFFFF;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

td.admin_white {
	background-color: #FFFFFF;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #d1dceb 1px solid;
	padding: 1px;	
}

td.admin_gray {
	background-color: #f5fffa;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #d1dceb 1px solid;
	padding: 1px;
}

td.notes {
	background-color: #fffbf2;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: #ffe6b8 1px solid;
}

th.tDetailsHead {
	background-color: #F7F7F7;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

td.tDetailsBody {
	background-color: #FFFFFF;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: #F7F7F7 1px solid;
	text-align: center;
}

.small {
	font-size: 11px;
}

.smaller {
	font-size: 10px;
}

a {
	color : Blue;
	text-decoration : underline;
}

a:hover {
	color : Red;
	text-decoration : none;
}

a.smaller {
	font-size: 10px;
	color : Blue;
	text-decoration : underline;
}

a.smaller:hover {
	font-size: 10px;
	color : Red;
	text-decoration : none;
}

table.white {
	background-color: #ffffff ;
	color : #23559C;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
}

table.white th {
	background-color: #ffffff;
	color : #23559C;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #b2babd 1px solid;
	border-collapse: collapse;
	background-image: url(./img/tableheader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

table.white th a {
	color : #23559C;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.white td {
	height: 25px;
	padding-left: 5px;
}

.noborder {
border: none;
}

h3 {
	color : #74804e;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}

.important {
	color: Red;
}

.medium {
	color: #FF9900;
}

input {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
}

input.button {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
}

select {
	font-size: 12px;
	height: 20px;
}

header a img {border: none; text-decoration: none !important;} 

.opened {color : #FF0000;}
.open {color : #FF0000;}
.waitingreply {color : #FF9933;}
.replied {color : #0000FF;}
.resolved {color : #008000;}
.allbutresolved {color : #000000;}

.success {color : #008000;}
.error {color : #FF0000;}
.notice {color : #FF9900}

#ok {
	border: 1px solid #679800;
}

#error {
	border: 1px solid #ba3225;
}

.rate {
	color: #666666;
	text-align: right;
	font-style: italic; 
}

a.article {
	color : Black;
	text-decoration: none;
	font-size: 11px;
}

a.article:hover {
	color : Red;
	text-decoration : none;
}

.article_list {
	font-size: 11px;	
}

fieldset {
	margin-bottom: 6px; 
	border: 1px SOLID #267DDC;
	padding: 4px;
	background-color:white;
	position:relative;
	display:block;
	padding: 15px 10px 10px 10px;
	margin:20px 0px 20px 0px;
}

legend {
	background-image: url(./img/bluebtn.png);
	background-repeat: no-repeat;
	color: #172901;
	border: 1px solid #267DDC;
	height: 10px;
	font-size: 10px;
	font-weight:bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: left top;
	display:block;
	width: auto;
	padding:5px 5px;
	position:relative;
	width:130px;	
}

/*newly introduced styles (version 2.0)*/

.header {
	width: 100%;
	background-color: #74a62b;
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-image: url(./img/header.png);
	background-repeat: repeat-x;
	height: 57px;
	padding: 0px;
	margin: 0px;
}

.header td {
text-align: center;
vertical-align: middle;
color:#FFFFFF;
}
.header a, .header a:link, .header a:active, .header a:visited {
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
.header a:hover {}

.headersm {
	width: 100%;
	background-color: #669933;
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-image: url(./img/headerbgsm.jpg);
	background-repeat: repeat-x;
	height: 25px;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	padding-left: 20px;
}

a.headersm12:hover{}
a.headersm12:active,
a.headersm12:visited,

a.headersm12:focus,
a.headersm12:link{
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	}


hr {
	border: none;
	border-bottom: 1px dotted #adbac3;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 10px;
	height: 1px;
}
.hrprojet {
	border: none;
	border-bottom: 1px dotted #adbac3;
	width: 100%;
	margin-top:0px;
	padding-top: 4px;
	margin-bottom: 4px;
	height: 1px;
}
.greenbutton {
	background-image: url(./img/greenbtn.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #527234;
	font-size: 10px;
	font-weight:bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: left top;
	height: 19px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 2px;
	margin-right: 2px
}

.greenbuttonover {
	background-image: url(./img/greenbtnover.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #527234;
	font-size: 10px;
	font-weight:bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: left top;
	height: 19px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 2px;
	margin-right: 2px
}

.orangebutton {
	background-image: url(./img/orangebtn.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #660000;
	border: 1px solid #bf6628;
	height: 20px;
	font-size: 10px;
	font-weight:bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: left top;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	margin-top: 0px;	
}

.orangebuttonover {
	background-image: url(./img/orangebtnover.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #660000;
	border: 1px solid #bf6628;
	height: 20px;
	font-size: 10px;
	font-weight:bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: left top;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	margin-top: 0px;		
}

.bluebutton {
	background-image: url(./img/bluebtn.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #660000;
	border: 1px solid #5b79a3;
	height: 20px;
	font-size: 10px;
	font-weight:bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: left top;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 2px;
	text-decoration: none;
	margin-right: 2px;
	padding-top: 2px;
}


/*styles for roundcorners tables*/

.roundcornersleft {
	width: 7px;
	background-image: url(./img/roundcornerslm.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.roundcornersright {
	width: 7px;
	background-image: url(./img/roundcornersrm.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.roundcornerstop {
	height: 7px;
	background-image: url(./img/roundcornerst.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.roundcornersbottom {
	height: 7px;
	background-image: url(./img/roundcornersb.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.ticketrow {
	background-color: #f5fffa;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: #748aaf 1px dotted;
	padding: 6px;
}
.ticketalt {
	background-color: #ffffff;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px;
}

.tickettd {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.subheaderrow {
	background-color: #ffffff;
	color : #23559C;
	border: #23559C solid 1px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	background-image: url(./img/tableheader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	}
	
.homepageh3, .section {
	color: #74804e;
	font-weight: bold;
}

/*newly introduced styles (version 2.2)*/	

.large {
	font-size:14px;
}

.largebold {
	font-size:14px;
	font-weight:bold;
}

.assignedyou {
	color: red;
}

.assignedother {
	color: green;
}

div.error {
	border: 1px solid #cd0a0a; 
	background: #fef1ec; 
	color: #cd0a0a;
	padding: 10px;
}

div.success {
	border: 1px solid #18760f; 
	background: #e9ffdb; 
	color: #363636;
	padding: 5px;
}

div.notice {
	border: 1px solid #fcefa1; 
	background: #fff9de; 
	color: #363636;
	padding: 10px;
	vertical-align: middle;
}

.admin_green {
	background-color: #e3ffd0;
	font-weight: bold;
}

.admin_red {
	background-color: #fef1ec;
	font-weight: bold;
}

.borderBottom {
	border-bottom: silver 1px dashed;
}

.borderTop {
	border-top: silver 1px dashed;
}

.alignTop {
	vertical-align: top;
}

.alignMiddle {
	vertical-align: middle;
}

.alignBottom {
	vertical-align: bottom;
}

hr.dashed  {
	border: none 0; 
	border-top: 1px dashed silver;
	height: 1px;
}

/* newly introduced styles (version 2.3) */	

h1 {
	color : #74804e;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}

.critical {
	color: #9400d3;
	font-weight: bold;
} 

td.admin_critical {
	background-color: #fff0ff;
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #ff66ff;
	padding: 1px;
}

.isError {
	color: black;
	background-color: #fff9f7;
	border: 1px solid red;
}

.isNotice {
	color: black;
	border: 1px solid orange; 
	background: #fbf9ee;
}
	
.optionWhiteON{
	padding:2px;
	border:1px dotted silver;
	background-color: #b0e0e6;	
}

.optionWhiteOFF {
	padding:2px;
	border:1px dotted silver;
	background-color: white;
}

.optionBlueON {
	padding:2px;
	border:1px dotted gray;
	background-color: #b0e0e6;	
}

.optionBlueOFF {
	padding:2px;
	border:1px dotted gray;
	background-color: #f5fffa;
}

.optionWhiteNbON{
	border: none; 
	background-color: #b0e0e6;
	vertical-align: text-bottom;
}

.optionWhiteNbOFF {
	border: none;
	background-color: white;
	vertical-align: text-bottom;
}

.kbCatListON {
	background-color: #fcefa1;
}

.kbCatListOFF {
	background-color: white;	
}

div.progress-container {
	border: 1px solid #ccc;
	width: 100px;
	margin: 2px 5px 2px 0;
	padding: 1px;
	float: left;
	background: white;
}

div.progress-container > div {
	background-color: #ACE97C;
	height: 12px
}

.black {color: black;}
.inprogress {color : #006400;}
.onhold {color : #000000;}

div.online {
	border: 1px solid #e5e8ff; 
	background: #ffffff; 
	color: #000000;
	padding: 0px;
	vertical-align: middle;
}

span.online {
	font-size: 10px;
	white-space:nowrap;
}

/* newly introduced styles (version 2.4) */	

.orangebuttonsec {
	background-image: url(./img/orangebtnsec.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #660000;
	border: 1px solid #bf6628;
	height: 20px;
	font-size: 10px;
	font-weight:normal;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: left top;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	margin-top: 0px;	
}

.orangebuttonsecover {
	background-image: url(./img/orangebtnover.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #660000;
	border: 1px solid #bf6628;
	height: 20px;
	font-size: 10px;
	font-weight:normal;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-position: left top;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	margin-top: 0px;		
}

td.admin_yellow {
	background-color: #ffffe0;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #d1dceb 1px solid;
	padding: 1px;	
}

/* New styles in HESK version 2.5 */

.kb_published {
	color: #009900;
}

.kb_private {
	color: #4a5571;
}

.kb_draft {
	color: #cc9933;
}

.searchbutton {
	cursor:pointer;
	width:70px;
	height:27px;
	text-indent:-999px;
	text-transform: capitalize;
	color: transparent;
	background: url(./img/ico-search.png) no-repeat #4d90fe center;
	border: 1px solid #3079ED;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}

.searchbutton:hover {
	background: url(./img/ico-search.png) no-repeat center #357AE8;
	border: 1px solid #2F5BB7;
}

.searchfield {
	width:400px;
	height:21px;
	font-size:14px;
	text-indent:2px; 
	vertical-align: bottom;
}

.sbsmall {
	width:50px; 
	height:22px; 
	margin-top:2px;
}

.sfsmall {
	width:200px; 
	height:16px; 
	font-size:12px; 
	margin-top:2px;
}

/* New styles in HESK version 2.6 */

div.info {
	border: 1px solid #9acfea; 
	background: #d9edf7; 
	color: #363636;
	padding: 10px;
	vertical-align: middle;
}

div.none {
	color: #363636;
	padding: 10px;
	vertical-align: middle;
}

/* New styles in HESK version 2.7 */

div.select_category 
{
	min-width: 50%;
	min-height: 300px;
	display: inline-block;
	text-align:left;
	margin-top: 10px;
}
div.submit_create_user 
{
	min-width: 70%;
	min-height: 450px;
	display: inline-block;
	text-align:left;
	margin-top: 10px;
}

#select_category {
	border: 1px solid #111;
	background: transparent;
	width: 100%;
	padding: 5px 35px 5px 5px;
	font-size: 14px;
	border: 1px solid #ccc;
	height: 34px;
} 

#ul_category {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ul_category li {
	border: 1px solid #d1d5d7;
	border-top: none;
	border-radius: 2px;
}

#ul_category li:first-child {
	border-top: 1px solid #d1d5d7;
}

#ul_category li a {
	display: block;
	font-size: 14px;
	padding: 0.75em 0.75em;
	text-decoration: none;
	transition: all 0.12s ease;
	word-wrap: break-word;
}
 
#ul_category li a:hover {
	color: black;
	background-color: #e9ffdb;
}

select.multiple {
	font-size: 12px;
	height: auto;
}

#logo {
    float: left;
    font-size: 3em;
    margin: 20px 0 0 25px;
}

#imgHeaderCentre {
    float: left;
    margin-left: 130px;
    margin-top: 30px;
}


#header #menutopright {
    background: transparent none repeat scroll 0 0;
    float: right;
    padding-top: 3px;
    position: relative;
    width: 90px;
}



    .inputform { margin-bottom:12px; width:250px }
    .fieldsetform { padding:0; border:0; margin-top:15px; }
    h1 { font-size: 12px; margin: 0; }
    div#users-contain { width: 400px; margin: 10px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 90%; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent;  }


span.easytree-selected,span.easytree-checkbox,span.easytree-partsel{
	width: 16px;
	height: 16px;
/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* Required to make a span sizeable */
margin-left: 3px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("./img/icons.gif");
	background-position: 0 0;
}

span.easytree-checkbox
{
	
	background-position: 0px -32px;
}
span.easytree-checkbox:hover
{
	background-position: -16px -32px;
}

span.easytree-selected
{
	background-position: -32px -32px;
}
span.easytree-selected:hover
{
	background-position: -48px -32px;
	
}

.labelform {
	text-align:right;
	width: 50%;
	float: left;
	display:block;
	margin:15px 0 5px 0;
}
.elementform {
	
	width: 50%;
	float: left;
	display:block;
	margin:15px 0 5px 0;
}

.customers_type_contrat_0{
	Color:#ff0000;
}
.customers_type_contrat_1{
	color:#03830F;
}
.customers_type_contrat_2{
	color:#edb009;
}
.customers_type_contrat_3{
	color:#d069e0;
}
.customers_type_contrat_4{
	color:#d069e0;
}
.customers_type_contrat_5{
	color:#678ec9;
}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 0.75em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

  #result {
   position: absolute;
   margin-top: 23px;
   width: auto;
   min-width:301px;
   cursor: pointer;
   overflow-y: auto;
   max-height: 400px;
   box-sizing: border-box;
   z-index: 1001;
  }
  .link-class:hover{
   background-color:#f1f1f1;
  }
  
.field-wrap {
	float:left;
  width: 49px;
  height: 49px;
  padding: 2px;
}
.char-field {
	height: inherit;
	font-size: inherit;
    width: 45px;
    height: 45px;
    font-size: 24px;
    padding: 0;
    text-align: center;
   

}
.myform-control:focus {

    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

}
.myform-control {
    display: block;
    width: 100%;
    
    padding: 6px 12px;
    font-size: 24px;
    line-height: 1.42857143;
    color: #f50c0c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-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;
}

.outer-div
{
  padding: 10px;
  text-align: center;
  
}
.inner-div
{
  display: inline-block;
  padding: 10px;
  background-color: #ccc;
  border-radius: 3px;
}

.section {
        color: #74804e;
        font-weight: bold;
}

.title {
        color : black;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1.0em;
}
.wrong   {color : red;}
.correct {color : green;}

.headerrightsm{
	
	width:3px ;
	height:25px;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url("./img/headerrightsm.jpg");
	background-position: 0 0;
}
.headerleftsm{
	
	width:3px ;
	height:25px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("./img/headerleftsm.jpg");
	background-position: 0 0;
}

.header_up_left{
	width:4px ;
	height:4px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("./img/header_up_left.png");
	background-position: 0 0;
}
.header_up_right{
	width:4px ;
	height:4px;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url("./img/header_up_right.png");
	background-position: 0 0;
}

.header_left{
background-image:url("./img/header_left.png"); 

width:4px ;
}
.header_right{
background-image:url("./img/header_right.png"); 

width:4px ;
}
.header_top
{
	background-image:url("./img/header_top.png"); 
	background-repeat:repeat-x; 
	background-position:top; height:4px
	
}
.header_bottom_left{
	width:4px ;
	height:4px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("./img/header_bottom_left.png");
	background-position: 0 0;
}
.header_bottom_right{
	width:4px ;
	height:4px;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url("./img/header_bottom_right.png");
	background-position: 0 0;
}
.header_bottom{
	background-image:url("./img/header_bottom.png"); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	height:4px;
}

.product_order{
	
    margin: 18px 0;
    width: 100%;
    border-collapse: collapse;
}
.product_order th,
.product_order td {
    text-align: left;
    padding: 6px;
}
.product_order,
.product_order th {
    border: 1px solid #000;
}
.product_order td { border: 0;}
.product_order tbody tr:nth-child(even) {
  background-color: #fff;
}

.product_order tbody tr:nth-child(odd) {
  background-color: #E9E9EA;
}

.quantityPlus,.quantityMinus{
	width:25px;
	height:25px;
	
}


.headerrightsm{
	background-image: url(./img/headerrightsm.jpg);
	width:3px; 
	height:25px;
}

.headerleftsm{
		background-image: url(./img/headerleftsm.jpg);
	width:3px; 
	height:25px;
	
}

#messages_taches1{
	z-index:99999;
	right: 30px;
	bottom: 0px;
	min-width:300px;
	max-width:300px;
	height:125px;
	background-color:#cccccc;
	position: fixed;
	border-radius: 10px 10px 0 0;
}
	.checktaches{
		display: inline-block;
    vertical-align: bottom;
    position: fixed;
    background-color:#cccccc;
    bottom: 0px;
    right: 30px;
    width: 350px;
    height: 190px;    
    margin: 0;    
   
    border-radius: 10px 10px 0 0;
    text-align: center;
		
	}
	
#bar_float {
        background: none repeat scroll 0 0 #0089D4;
        border: 1px solid #0077B9;
        border-radius: 8px;
        bottom: 10px;
        box-shadow: 0 2px 10px #D5E4EC inset;
        color: #FFFFFF;
        font-family: Tahoma;
        font-size: 11px;
        height: 118px;
        line-height: 16px;
        opacity: 0.8;
        padding: 10px;
        position: float;
        right: 10px;
        text-align: left;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        transition-duration: 2s;
        width: 260px;
        z-index: 1;
}




.lg-icon {
    font-family: "lg";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    border: 1px solid #8fbd56;
    background-color: #8fbd56;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff;
}

.lg-actions .lg-next {
    right: 20px;
}

.lg-actions .lg-next:before {
    content: "\e095";
}

.lg-actions .lg-prev {
    left: 20px;
}

.lg-actions .lg-prev:after {
    content: "\e094";
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative;
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #8fbd56;
}

.lg-toolbar .lg-icon {
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
    color: #fff;
}

.lg-toolbar .lg-close:after {
    content: "\e070";
}

.lg-toolbar .lg-download:after {
    content: "\e0f2";
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080;
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0;
}

#lg-counter {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}

.separator:not(:empty)::before {
  margin-right: 1.25em;
}

.separator:not(:empty)::after {
  margin-left: 1.25em;
}

.aseparator:link {
  text-decoration: none;
}

.aseparator:visited {
  text-decoration: none;
}

.aseparator:hover {
  text-decoration: none;
}

.aseparator:active {
  text-decoration: none;
}

.m-0 {
  margin:0!important
}
.m-1 {
  margin:.25rem!important
}
.m-2 {
  margin:.5rem!important
}
.m-3 {
  margin:.75rem!important
}
.m-4 {
  margin:1rem!important
}
.m-5 {
  margin:1.25rem!important
}
.m-6 {
  margin:1.5rem!important
}
.m-7 {
  margin:1.75rem!important
}
.m-8 {
  margin:2rem!important
}
.m-9 {
  margin:2.25rem!important
}
.m-10 {
  margin:2.5rem!important
}
.m-11 {
  margin:2.75rem!important
}
.m-12 {
  margin:3rem!important
}
.m-13 {
  margin:3.25rem!important
}
.m-14 {
  margin:3.5rem!important
}
.m-15 {
  margin:3.75rem!important
}
.m-16 {
  margin:4rem!important
}
.m-17 {
  margin:4.25rem!important
}
.m-18 {
  margin:4.5rem!important
}
.m-19 {
  margin:4.75rem!important
}
.m-20 {
  margin:5rem!important
}
.m-auto {
  margin:auto!important
}
.mx-0 {
  margin-right:0!important;
  margin-left:0!important
}
.mx-1 {
  margin-right:.25rem!important;
  margin-left:.25rem!important
}
.mx-2 {
  margin-right:.5rem!important;
  margin-left:.5rem!important
}
.mx-3 {
  margin-right:.75rem!important;
  margin-left:.75rem!important
}
.mx-4 {
  margin-right:1rem!important;
  margin-left:1rem!important
}
.mx-5 {
  margin-right:1.25rem!important;
  margin-left:1.25rem!important
}
.mx-6 {
  margin-right:1.5rem!important;
  margin-left:1.5rem!important
}
.mx-7 {
  margin-right:1.75rem!important;
  margin-left:1.75rem!important
}
.mx-8 {
  margin-right:2rem!important;
  margin-left:2rem!important
}
.mx-9 {
  margin-right:2.25rem!important;
  margin-left:2.25rem!important
}
.mx-10 {
  margin-right:2.5rem!important;
  margin-left:2.5rem!important
}
.mx-11 {
  margin-right:2.75rem!important;
  margin-left:2.75rem!important
}
.mx-12 {
  margin-right:3rem!important;
  margin-left:3rem!important
}
.mx-13 {
  margin-right:3.25rem!important;
  margin-left:3.25rem!important
}
.mx-14 {
  margin-right:3.5rem!important;
  margin-left:3.5rem!important
}
.mx-15 {
  margin-right:3.75rem!important;
  margin-left:3.75rem!important
}
.mx-16 {
  margin-right:4rem!important;
  margin-left:4rem!important
}
.mx-17 {
  margin-right:4.25rem!important;
  margin-left:4.25rem!important
}
.mx-18 {
  margin-right:4.5rem!important;
  margin-left:4.5rem!important
}
.mx-19 {
  margin-right:4.75rem!important;
  margin-left:4.75rem!important
}
.mx-20 {
  margin-right:5rem!important;
  margin-left:5rem!important
}
.mx-auto {
  margin-right:auto!important;
  margin-left:auto!important
}
.my-0 {
  margin-top:0!important;
  margin-bottom:0!important
}
.my-1 {
  margin-top:.25rem!important;
  margin-bottom:.25rem!important
}
.my-2 {
  margin-top:.5rem!important;
  margin-bottom:.5rem!important
}
.my-3 {
  margin-top:.75rem!important;
  margin-bottom:.75rem!important
}
.my-4 {
  margin-top:1rem!important;
  margin-bottom:1rem!important
}
.my-5 {
  margin-top:1.25rem!important;
  margin-bottom:1.25rem!important
}
.my-6 {
  margin-top:1.5rem!important;
  margin-bottom:1.5rem!important
}
.my-7 {
  margin-top:1.75rem!important;
  margin-bottom:1.75rem!important
}
.my-8 {
  margin-top:2rem!important;
  margin-bottom:2rem!important
}
.my-9 {
  margin-top:2.25rem!important;
  margin-bottom:2.25rem!important
}
.my-10 {
  margin-top:2.5rem!important;
  margin-bottom:2.5rem!important
}
.my-11 {
  margin-top:2.75rem!important;
  margin-bottom:2.75rem!important
}
.my-12 {
  margin-top:3rem!important;
  margin-bottom:3rem!important
}
.my-13 {
  margin-top:3.25rem!important;
  margin-bottom:3.25rem!important
}
.my-14 {
  margin-top:3.5rem!important;
  margin-bottom:3.5rem!important
}
.my-15 {
  margin-top:3.75rem!important;
  margin-bottom:3.75rem!important
}
.my-16 {
  margin-top:4rem!important;
  margin-bottom:4rem!important
}
.my-17 {
  margin-top:4.25rem!important;
  margin-bottom:4.25rem!important
}
.my-18 {
  margin-top:4.5rem!important;
  margin-bottom:4.5rem!important
}
.my-19 {
  margin-top:4.75rem!important;
  margin-bottom:4.75rem!important
}
.my-20 {
  margin-top:5rem!important;
  margin-bottom:5rem!important
}
.my-auto {
  margin-top:auto!important;
  margin-bottom:auto!important
}
.mt-0 {
  margin-top:0!important
}
.mt-1 {
  margin-top:.25rem!important
}
.mt-2 {
  margin-top:.5rem!important
}
.mt-3 {
  margin-top:.75rem!important
}
.mt-4 {
  margin-top:1rem!important
}
.mt-5 {
  margin-top:1.25rem!important
}
.mt-6 {
  margin-top:1.5rem!important
}
.mt-7 {
  margin-top:1.75rem!important
}
.mt-8 {
  margin-top:2rem!important
}
.mt-9 {
  margin-top:2.25rem!important
}
.mt-10 {
  margin-top:2.5rem!important
}
.mt-11 {
  margin-top:2.75rem!important
}
.mt-12 {
  margin-top:3rem!important
}
.mt-13 {
  margin-top:3.25rem!important
}
.mt-14 {
  margin-top:3.5rem!important
}
.mt-15 {
  margin-top:3.75rem!important
}
.mt-16 {
  margin-top:4rem!important
}
.mt-17 {
  margin-top:4.25rem!important
}
.mt-18 {
  margin-top:4.5rem!important
}
.mt-19 {
  margin-top:4.75rem!important
}
.mt-20 {
  margin-top:5rem!important
}
.mt-auto {
  margin-top:auto!important
}
.me-0 {
  margin-right:0!important
}
.me-1 {
  margin-right:.25rem!important
}
.me-2 {
  margin-right:.5rem!important
}
.me-3 {
  margin-right:.75rem!important
}
.me-4 {
  margin-right:1rem!important
}
.me-5 {
  margin-right:1.25rem!important
}
.me-6 {
  margin-right:1.5rem!important
}
.me-7 {
  margin-right:1.75rem!important
}
.me-8 {
  margin-right:2rem!important
}
.me-9 {
  margin-right:2.25rem!important
}
.me-10 {
  margin-right:2.5rem!important
}
.me-11 {
  margin-right:2.75rem!important
}
.me-12 {
  margin-right:3rem!important
}
.me-13 {
  margin-right:3.25rem!important
}
.me-14 {
  margin-right:3.5rem!important
}
.me-15 {
  margin-right:3.75rem!important
}
.me-16 {
  margin-right:4rem!important
}
.me-17 {
  margin-right:4.25rem!important
}
.me-18 {
  margin-right:4.5rem!important
}
.me-19 {
  margin-right:4.75rem!important
}
.me-20 {
  margin-right:5rem!important
}
.me-auto {
  margin-right:auto!important
}
.mb-0 {
  margin-bottom:0!important
}
.mb-1 {
  margin-bottom:.25rem!important
}
.mb-2 {
  margin-bottom:.5rem!important
}
.mb-3 {
  margin-bottom:.75rem!important
}
.mb-4 {
  margin-bottom:1rem!important
}
.mb-5 {
  margin-bottom:1.25rem!important
}
.mb-6 {
  margin-bottom:1.5rem!important
}
.mb-7 {
  margin-bottom:1.75rem!important
}
.mb-8 {
  margin-bottom:2rem!important
}
.mb-9 {
  margin-bottom:2.25rem!important
}
.mb-10 {
  margin-bottom:2.5rem!important
}
.mb-11 {
  margin-bottom:2.75rem!important
}
.mb-12 {
  margin-bottom:3rem!important
}
.mb-13 {
  margin-bottom:3.25rem!important
}
.mb-14 {
  margin-bottom:3.5rem!important
}
.mb-15 {
  margin-bottom:3.75rem!important
}
.mb-16 {
  margin-bottom:4rem!important
}
.mb-17 {
  margin-bottom:4.25rem!important
}
.mb-18 {
  margin-bottom:4.5rem!important
}
.mb-19 {
  margin-bottom:4.75rem!important
}
.mb-20 {
  margin-bottom:5rem!important
}
.mb-auto {
  margin-bottom:auto!important
}
.ms-0 {
  margin-left:0!important
}
.ms-1 {
  margin-left:.25rem!important
}
.ms-2 {
  margin-left:.5rem!important
}
.ms-3 {
  margin-left:.75rem!important
}
.ms-4 {
  margin-left:1rem!important
}
.ms-5 {
  margin-left:1.25rem!important
}
.ms-6 {
  margin-left:1.5rem!important
}
.ms-7 {
  margin-left:1.75rem!important
}
.ms-8 {
  margin-left:2rem!important
}
.ms-9 {
  margin-left:2.25rem!important
}
.ms-10 {
  margin-left:2.5rem!important
}
.ms-11 {
  margin-left:2.75rem!important
}
.ms-12 {
  margin-left:3rem!important
}
.ms-13 {
  margin-left:3.25rem!important
}
.ms-14 {
  margin-left:3.5rem!important
}
.ms-15 {
  margin-left:3.75rem!important
}
.ms-16 {
  margin-left:4rem!important
}
.ms-17 {
  margin-left:4.25rem!important
}
.ms-18 {
  margin-left:4.5rem!important
}
.ms-19 {
  margin-left:4.75rem!important
}
.ms-20 {
  margin-left:5rem!important
}
.ms-auto {
  margin-left:auto!important
}
.m-n1 {
  margin:-.25rem!important
}
.m-n2 {
  margin:-.5rem!important
}
.m-n3 {
  margin:-.75rem!important
}
.m-n4 {
  margin:-1rem!important
}
.m-n5 {
  margin:-1.25rem!important
}
.m-n6 {
  margin:-1.5rem!important
}
.m-n7 {
  margin:-1.75rem!important
}
.m-n8 {
  margin:-2rem!important
}
.m-n9 {
  margin:-2.25rem!important
}
.m-n10 {
  margin:-2.5rem!important
}
.m-n11 {
  margin:-2.75rem!important
}
.m-n12 {
  margin:-3rem!important
}
.m-n13 {
  margin:-3.25rem!important
}
.m-n14 {
  margin:-3.5rem!important
}
.m-n15 {
  margin:-3.75rem!important
}
.m-n16 {
  margin:-4rem!important
}
.m-n17 {
  margin:-4.25rem!important
}
.m-n18 {
  margin:-4.5rem!important
}
.m-n19 {
  margin:-4.75rem!important
}
.m-n20 {
  margin:-5rem!important
}
.mx-n1 {
  margin-right:-.25rem!important;
  margin-left:-.25rem!important
}
.mx-n2 {
  margin-right:-.5rem!important;
  margin-left:-.5rem!important
}
.mx-n3 {
  margin-right:-.75rem!important;
  margin-left:-.75rem!important
}
.mx-n4 {
  margin-right:-1rem!important;
  margin-left:-1rem!important
}
.mx-n5 {
  margin-right:-1.25rem!important;
  margin-left:-1.25rem!important
}
.mx-n6 {
  margin-right:-1.5rem!important;
  margin-left:-1.5rem!important
}
.mx-n7 {
  margin-right:-1.75rem!important;
  margin-left:-1.75rem!important
}
.mx-n8 {
  margin-right:-2rem!important;
  margin-left:-2rem!important
}
.mx-n9 {
  margin-right:-2.25rem!important;
  margin-left:-2.25rem!important
}
.mx-n10 {
  margin-right:-2.5rem!important;
  margin-left:-2.5rem!important
}
.mx-n11 {
  margin-right:-2.75rem!important;
  margin-left:-2.75rem!important
}
.mx-n12 {
  margin-right:-3rem!important;
  margin-left:-3rem!important
}
.mx-n13 {
  margin-right:-3.25rem!important;
  margin-left:-3.25rem!important
}
.mx-n14 {
  margin-right:-3.5rem!important;
  margin-left:-3.5rem!important
}
.mx-n15 {
  margin-right:-3.75rem!important;
  margin-left:-3.75rem!important
}
.mx-n16 {
  margin-right:-4rem!important;
  margin-left:-4rem!important
}
.mx-n17 {
  margin-right:-4.25rem!important;
  margin-left:-4.25rem!important
}
.mx-n18 {
  margin-right:-4.5rem!important;
  margin-left:-4.5rem!important
}
.mx-n19 {
  margin-right:-4.75rem!important;
  margin-left:-4.75rem!important
}
.mx-n20 {
  margin-right:-5rem!important;
  margin-left:-5rem!important
}
.my-n1 {
  margin-top:-.25rem!important;
  margin-bottom:-.25rem!important
}
.my-n2 {
  margin-top:-.5rem!important;
  margin-bottom:-.5rem!important
}
.my-n3 {
  margin-top:-.75rem!important;
  margin-bottom:-.75rem!important
}
.my-n4 {
  margin-top:-1rem!important;
  margin-bottom:-1rem!important
}
.my-n5 {
  margin-top:-1.25rem!important;
  margin-bottom:-1.25rem!important
}
.my-n6 {
  margin-top:-1.5rem!important;
  margin-bottom:-1.5rem!important
}
.my-n7 {
  margin-top:-1.75rem!important;
  margin-bottom:-1.75rem!important
}
.my-n8 {
  margin-top:-2rem!important;
  margin-bottom:-2rem!important
}
.my-n9 {
  margin-top:-2.25rem!important;
  margin-bottom:-2.25rem!important
}
.my-n10 {
  margin-top:-2.5rem!important;
  margin-bottom:-2.5rem!important
}
.my-n11 {
  margin-top:-2.75rem!important;
  margin-bottom:-2.75rem!important
}
.my-n12 {
  margin-top:-3rem!important;
  margin-bottom:-3rem!important
}
.my-n13 {
  margin-top:-3.25rem!important;
  margin-bottom:-3.25rem!important
}
.my-n14 {
  margin-top:-3.5rem!important;
  margin-bottom:-3.5rem!important
}
.my-n15 {
  margin-top:-3.75rem!important;
  margin-bottom:-3.75rem!important
}
.my-n16 {
  margin-top:-4rem!important;
  margin-bottom:-4rem!important
}
.my-n17 {
  margin-top:-4.25rem!important;
  margin-bottom:-4.25rem!important
}
.my-n18 {
  margin-top:-4.5rem!important;
  margin-bottom:-4.5rem!important
}
.my-n19 {
  margin-top:-4.75rem!important;
  margin-bottom:-4.75rem!important
}
.my-n20 {
  margin-top:-5rem!important;
  margin-bottom:-5rem!important
}
.mt-n1 {
  margin-top:-.25rem!important
}
.mt-n2 {
  margin-top:-.5rem!important
}
.mt-n3 {
  margin-top:-.75rem!important
}
.mt-n4 {
  margin-top:-1rem!important
}
.mt-n5 {
  margin-top:-1.25rem!important
}
.mt-n6 {
  margin-top:-1.5rem!important
}
.mt-n7 {
  margin-top:-1.75rem!important
}
.mt-n8 {
  margin-top:-2rem!important
}
.mt-n9 {
  margin-top:-2.25rem!important
}
.mt-n10 {
  margin-top:-2.5rem!important
}
.mt-n11 {
  margin-top:-2.75rem!important
}
.mt-n12 {
  margin-top:-3rem!important
}
.mt-n13 {
  margin-top:-3.25rem!important
}
.mt-n14 {
  margin-top:-3.5rem!important
}
.mt-n15 {
  margin-top:-3.75rem!important
}
.mt-n16 {
  margin-top:-4rem!important
}
.mt-n17 {
  margin-top:-4.25rem!important
}
.mt-n18 {
  margin-top:-4.5rem!important
}
.mt-n19 {
  margin-top:-4.75rem!important
}
.mt-n20 {
  margin-top:-5rem!important
}
.me-n1 {
  margin-right:-.25rem!important
}
.me-n2 {
  margin-right:-.5rem!important
}
.me-n3 {
  margin-right:-.75rem!important
}
.me-n4 {
  margin-right:-1rem!important
}
.me-n5 {
  margin-right:-1.25rem!important
}
.me-n6 {
  margin-right:-1.5rem!important
}
.me-n7 {
  margin-right:-1.75rem!important
}
.me-n8 {
  margin-right:-2rem!important
}
.me-n9 {
  margin-right:-2.25rem!important
}
.me-n10 {
  margin-right:-2.5rem!important
}
.me-n11 {
  margin-right:-2.75rem!important
}
.me-n12 {
  margin-right:-3rem!important
}
.me-n13 {
  margin-right:-3.25rem!important
}
.me-n14 {
  margin-right:-3.5rem!important
}
.me-n15 {
  margin-right:-3.75rem!important
}
.me-n16 {
  margin-right:-4rem!important
}
.me-n17 {
  margin-right:-4.25rem!important
}
.me-n18 {
  margin-right:-4.5rem!important
}
.me-n19 {
  margin-right:-4.75rem!important
}
.me-n20 {
  margin-right:-5rem!important
}
.mb-n1 {
  margin-bottom:-.25rem!important
}
.mb-n2 {
  margin-bottom:-.5rem!important
}
.mb-n3 {
  margin-bottom:-.75rem!important
}
.mb-n4 {
  margin-bottom:-1rem!important
}
.mb-n5 {
  margin-bottom:-1.25rem!important
}
.mb-n6 {
  margin-bottom:-1.5rem!important
}
.mb-n7 {
  margin-bottom:-1.75rem!important
}
.mb-n8 {
  margin-bottom:-2rem!important
}
.mb-n9 {
  margin-bottom:-2.25rem!important
}
.mb-n10 {
  margin-bottom:-2.5rem!important
}
.mb-n11 {
  margin-bottom:-2.75rem!important
}
.mb-n12 {
  margin-bottom:-3rem!important
}
.mb-n13 {
  margin-bottom:-3.25rem!important
}
.mb-n14 {
  margin-bottom:-3.5rem!important
}
.mb-n15 {
  margin-bottom:-3.75rem!important
}
.mb-n16 {
  margin-bottom:-4rem!important
}
.mb-n17 {
  margin-bottom:-4.25rem!important
}
.mb-n18 {
  margin-bottom:-4.5rem!important
}
.mb-n19 {
  margin-bottom:-4.75rem!important
}
.mb-n20 {
  margin-bottom:-5rem!important
}
.ms-n1 {
  margin-left:-.25rem!important
}
.ms-n2 {
  margin-left:-.5rem!important
}
.ms-n3 {
  margin-left:-.75rem!important
}
.ms-n4 {
  margin-left:-1rem!important
}
.ms-n5 {
  margin-left:-1.25rem!important
}
.ms-n6 {
  margin-left:-1.5rem!important
}
.ms-n7 {
  margin-left:-1.75rem!important
}
.ms-n8 {
  margin-left:-2rem!important
}
.ms-n9 {
  margin-left:-2.25rem!important
}
.ms-n10 {
  margin-left:-2.5rem!important
}
.ms-n11 {
  margin-left:-2.75rem!important
}
.ms-n12 {
  margin-left:-3rem!important
}
.ms-n13 {
  margin-left:-3.25rem!important
}
.ms-n14 {
  margin-left:-3.5rem!important
}
.ms-n15 {
  margin-left:-3.75rem!important
}
.ms-n16 {
  margin-left:-4rem!important
}
.ms-n17 {
  margin-left:-4.25rem!important
}
.ms-n18 {
  margin-left:-4.5rem!important
}
.ms-n19 {
  margin-left:-4.75rem!important
}
.ms-n20 {
  margin-left:-5rem!important
}
.p-0 {
  padding:0!important
}
.p-1 {
  padding:.25rem!important
}
.p-2 {
  padding:.5rem!important
}
.p-3 {
  padding:.75rem!important
}
.p-4 {
  padding:1rem!important
}
.p-5 {
  padding:1.25rem!important
}
.p-6 {
  padding:1.5rem!important
}
.p-7 {
  padding:1.75rem!important
}
.p-8 {
  padding:2rem!important
}
.p-9 {
  padding:2.25rem!important
}
.p-10 {
  padding:2.5rem!important
}
.p-11 {
  padding:2.75rem!important
}
.p-12 {
  padding:3rem!important
}
.p-13 {
  padding:3.25rem!important
}
.p-14 {
  padding:3.5rem!important
}
.p-15 {
  padding:3.75rem!important
}
.p-16 {
  padding:4rem!important
}
.p-17 {
  padding:4.25rem!important
}
.p-18 {
  padding:4.5rem!important
}
.p-19 {
  padding:4.75rem!important
}
.p-20 {
  padding:5rem!important
}
.px-0 {
  padding-right:0!important;
  padding-left:0!important
}
.px-1 {
  padding-right:.25rem!important;
  padding-left:.25rem!important
}
.px-2 {
  padding-right:.5rem!important;
  padding-left:.5rem!important
}
.px-3 {
  padding-right:.75rem!important;
  padding-left:.75rem!important
}
.px-4 {
  padding-right:1rem!important;
  padding-left:1rem!important
}
.px-5 {
  padding-right:1.25rem!important;
  padding-left:1.25rem!important
}
.px-6 {
  padding-right:1.5rem!important;
  padding-left:1.5rem!important
}
.px-7 {
  padding-right:1.75rem!important;
  padding-left:1.75rem!important
}
.px-8 {
  padding-right:2rem!important;
  padding-left:2rem!important
}
.px-9 {
  padding-right:2.25rem!important;
  padding-left:2.25rem!important
}
.px-10 {
  padding-right:2.5rem!important;
  padding-left:2.5rem!important
}
.px-11 {
  padding-right:2.75rem!important;
  padding-left:2.75rem!important
}
.px-12 {
  padding-right:3rem!important;
  padding-left:3rem!important
}
.px-13 {
  padding-right:3.25rem!important;
  padding-left:3.25rem!important
}
.px-14 {
  padding-right:3.5rem!important;
  padding-left:3.5rem!important
}
.px-15 {
  padding-right:3.75rem!important;
  padding-left:3.75rem!important
}
.px-16 {
  padding-right:4rem!important;
  padding-left:4rem!important
}
.px-17 {
  padding-right:4.25rem!important;
  padding-left:4.25rem!important
}
.px-18 {
  padding-right:4.5rem!important;
  padding-left:4.5rem!important
}
.px-19 {
  padding-right:4.75rem!important;
  padding-left:4.75rem!important
}
.px-20 {
  padding-right:5rem!important;
  padding-left:5rem!important
}
.py-0 {
  padding-top:0!important;
  padding-bottom:0!important
}
.py-1 {
  padding-top:.25rem!important;
  padding-bottom:.25rem!important
}
.py-2 {
  padding-top:.5rem!important;
  padding-bottom:.5rem!important
}
.py-3 {
  padding-top:.75rem!important;
  padding-bottom:.75rem!important
}
.py-4 {
  padding-top:1rem!important;
  padding-bottom:1rem!important
}
.py-5 {
  padding-top:1.25rem!important;
  padding-bottom:1.25rem!important
}
.py-6 {
  padding-top:1.5rem!important;
  padding-bottom:1.5rem!important
}
.py-7 {
  padding-top:1.75rem!important;
  padding-bottom:1.75rem!important
}
.py-8 {
  padding-top:2rem!important;
  padding-bottom:2rem!important
}
.py-9 {
  padding-top:2.25rem!important;
  padding-bottom:2.25rem!important
}
.py-10 {
  padding-top:2.5rem!important;
  padding-bottom:2.5rem!important
}
.py-11 {
  padding-top:2.75rem!important;
  padding-bottom:2.75rem!important
}
.py-12 {
  padding-top:3rem!important;
  padding-bottom:3rem!important
}
.py-13 {
  padding-top:3.25rem!important;
  padding-bottom:3.25rem!important
}
.py-14 {
  padding-top:3.5rem!important;
  padding-bottom:3.5rem!important
}
.py-15 {
  padding-top:3.75rem!important;
  padding-bottom:3.75rem!important
}
.py-16 {
  padding-top:4rem!important;
  padding-bottom:4rem!important
}
.py-17 {
  padding-top:4.25rem!important;
  padding-bottom:4.25rem!important
}
.py-18 {
  padding-top:4.5rem!important;
  padding-bottom:4.5rem!important
}
.py-19 {
  padding-top:4.75rem!important;
  padding-bottom:4.75rem!important
}
.py-20 {
  padding-top:5rem!important;
  padding-bottom:5rem!important
}
.pt-0 {
  padding-top:0!important
}
.pt-1 {
  padding-top:.25rem!important
}
.pt-2 {
  padding-top:.5rem!important
}
.pt-3 {
  padding-top:.75rem!important
}
.pt-4 {
  padding-top:1rem!important
}
.pt-5 {
  padding-top:1.25rem!important
}
.pt-6 {
  padding-top:1.5rem!important
}
.pt-7 {
  padding-top:1.75rem!important
}
.pt-8 {
  padding-top:2rem!important
}
.pt-9 {
  padding-top:2.25rem!important
}
.pt-10 {
  padding-top:2.5rem!important
}
.pt-11 {
  padding-top:2.75rem!important
}
.pt-12 {
  padding-top:3rem!important
}
.pt-13 {
  padding-top:3.25rem!important
}
.pt-14 {
  padding-top:3.5rem!important
}
.pt-15 {
  padding-top:3.75rem!important
}
.pt-16 {
  padding-top:4rem!important
}
.pt-17 {
  padding-top:4.25rem!important
}
.pt-18 {
  padding-top:4.5rem!important
}
.pt-19 {
  padding-top:4.75rem!important
}
.pt-20 {
  padding-top:5rem!important
}
.pe-0 {
  padding-right:0!important
}
.pe-1 {
  padding-right:.25rem!important
}
.pe-2 {
  padding-right:.5rem!important
}
.pe-3 {
  padding-right:.75rem!important
}
.pe-4 {
  padding-right:1rem!important
}
.pe-5 {
  padding-right:1.25rem!important
}
.pe-6 {
  padding-right:1.5rem!important
}
.pe-7 {
  padding-right:1.75rem!important
}
.pe-8 {
  padding-right:2rem!important
}
.pe-9 {
  padding-right:2.25rem!important
}
.pe-10 {
  padding-right:2.5rem!important
}
.pe-11 {
  padding-right:2.75rem!important
}
.pe-12 {
  padding-right:3rem!important
}
.pe-13 {
  padding-right:3.25rem!important
}
.pe-14 {
  padding-right:3.5rem!important
}
.pe-15 {
  padding-right:3.75rem!important
}
.pe-16 {
  padding-right:4rem!important
}
.pe-17 {
  padding-right:4.25rem!important
}
.pe-18 {
  padding-right:4.5rem!important
}
.pe-19 {
  padding-right:4.75rem!important
}
.pe-20 {
  padding-right:5rem!important
}
.pb-0 {
  padding-bottom:0!important
}
.pb-1 {
  padding-bottom:.25rem!important
}
.pb-2 {
  padding-bottom:.5rem!important
}
.pb-3 {
  padding-bottom:.75rem!important
}
.pb-4 {
  padding-bottom:1rem!important
}
.pb-5 {
  padding-bottom:1.25rem!important
}
.pb-6 {
  padding-bottom:1.5rem!important
}
.pb-7 {
  padding-bottom:1.75rem!important
}
.pb-8 {
  padding-bottom:2rem!important
}
.pb-9 {
  padding-bottom:2.25rem!important
}
.pb-10 {
  padding-bottom:2.5rem!important
}
.pb-11 {
  padding-bottom:2.75rem!important
}
.pb-12 {
  padding-bottom:3rem!important
}
.pb-13 {
  padding-bottom:3.25rem!important
}
.pb-14 {
  padding-bottom:3.5rem!important
}
.pb-15 {
  padding-bottom:3.75rem!important
}
.pb-16 {
  padding-bottom:4rem!important
}
.pb-17 {
  padding-bottom:4.25rem!important
}
.pb-18 {
  padding-bottom:4.5rem!important
}
.pb-19 {
  padding-bottom:4.75rem!important
}
.pb-20 {
  padding-bottom:5rem!important
}
.ps-0 {
  padding-left:0!important
}
.ps-1 {
  padding-left:.25rem!important
}
.ps-2 {
  padding-left:.5rem!important
}
.ps-3 {
  padding-left:.75rem!important
}
.ps-4 {
  padding-left:1rem!important
}
.ps-5 {
  padding-left:1.25rem!important
}
.ps-6 {
  padding-left:1.5rem!important
}
.ps-7 {
  padding-left:1.75rem!important
}
.ps-8 {
  padding-left:2rem!important
}
.ps-9 {
  padding-left:2.25rem!important
}
.ps-10 {
  padding-left:2.5rem!important
}
.ps-11 {
  padding-left:2.75rem!important
}
.ps-12 {
  padding-left:3rem!important
}
.ps-13 {
  padding-left:3.25rem!important
}
.ps-14 {
  padding-left:3.5rem!important
}
.ps-15 {
  padding-left:3.75rem!important
}
.ps-16 {
  padding-left:4rem!important
}
.ps-17 {
  padding-left:4.25rem!important
}
.ps-18 {
  padding-left:4.5rem!important
}
.ps-19 {
  padding-left:4.75rem!important
}
.ps-20 {
  padding-left:5rem!important
}
.gap-0 {
  gap:0!important
}
.gap-1 {
  gap:.25rem!important
}
.gap-2 {
  gap:.5rem!important
}
.gap-3 {
  gap:.75rem!important
}
.gap-4 {
  gap:1rem!important
}
.gap-5 {
  gap:1.25rem!important
}
.gap-6 {
  gap:1.5rem!important
}
.gap-7 {
  gap:1.75rem!important
}
.gap-8 {
  gap:2rem!important
}
.gap-9 {
  gap:2.25rem!important
}
.gap-10 {
  gap:2.5rem!important
}
.gap-11 {
  gap:2.75rem!important
}
.gap-12 {
  gap:3rem!important
}
.gap-13 {
  gap:3.25rem!important
}
.gap-14 {
  gap:3.5rem!important
}
.gap-15 {
  gap:3.75rem!important
}
.gap-16 {
  gap:4rem!important
}
.gap-17 {
  gap:4.25rem!important
}
.gap-18 {
  gap:4.5rem!important
}
.gap-19 {
  gap:4.75rem!important
}
.gap-20 {
  gap:5rem!important
}
.row-gap-0 {
  row-gap:0!important
}
.row-gap-1 {
  row-gap:.25rem!important
}
.row-gap-2 {
  row-gap:.5rem!important
}
.row-gap-3 {
  row-gap:.75rem!important
}
.row-gap-4 {
  row-gap:1rem!important
}
.row-gap-5 {
  row-gap:1.25rem!important
}
.row-gap-6 {
  row-gap:1.5rem!important
}
.row-gap-7 {
  row-gap:1.75rem!important
}
.row-gap-8 {
  row-gap:2rem!important
}
.row-gap-9 {
  row-gap:2.25rem!important
}
.row-gap-10 {
  row-gap:2.5rem!important
}
.row-gap-11 {
  row-gap:2.75rem!important
}
.row-gap-12 {
  row-gap:3rem!important
}
.row-gap-13 {
  row-gap:3.25rem!important
}
.row-gap-14 {
  row-gap:3.5rem!important
}
.row-gap-15 {
  row-gap:3.75rem!important
}
.row-gap-16 {
  row-gap:4rem!important
}
.row-gap-17 {
  row-gap:4.25rem!important
}
.row-gap-18 {
  row-gap:4.5rem!important
}
.row-gap-19 {
  row-gap:4.75rem!important
}
.row-gap-20 {
  row-gap:5rem!important
}
.column-gap-0 {
  column-gap:0!important
}
.column-gap-1 {
  column-gap:.25rem!important
}
.column-gap-2 {
  column-gap:.5rem!important
}
.column-gap-3 {
  column-gap:.75rem!important
}
.column-gap-4 {
  column-gap:1rem!important
}
.column-gap-5 {
  column-gap:1.25rem!important
}
.column-gap-6 {
  column-gap:1.5rem!important
}
.column-gap-7 {
  column-gap:1.75rem!important
}
.column-gap-8 {
  column-gap:2rem!important
}
.column-gap-9 {
  column-gap:2.25rem!important
}
.column-gap-10 {
  column-gap:2.5rem!important
}
.column-gap-11 {
  column-gap:2.75rem!important
}
.column-gap-12 {
  column-gap:3rem!important
}
.column-gap-13 {
  column-gap:3.25rem!important
}
.column-gap-14 {
  column-gap:3.5rem!important
}
.column-gap-15 {
  column-gap:3.75rem!important
}
.column-gap-16 {
  column-gap:4rem!important
}
.column-gap-17 {
  column-gap:4.25rem!important
}
.column-gap-18 {
  column-gap:4.5rem!important
}
.column-gap-19 {
  column-gap:4.75rem!important
}
.column-gap-20 {
  column-gap:5rem!important
}
.font-monospace {
  font-family:var(--bs-font-monospace)!important
}
.fs-1 {
  font-size:calc(1.3rem + .6vw)!important
}
.fs-2 {
  font-size:calc(1.275rem + .3vw)!important
}
.fs-3 {
  font-size:calc(1.26rem + .12vw)!important
}
.fs-4 {
  font-size:1.25rem!important
}
.fs-5 {
  font-size:1.15rem!important
}
.fs-6 {
  font-size:1.075rem!important
}
.fs-7 {
  font-size:.95rem!important
}
.fs-8 {
  font-size:.85rem!important
}
.fs-9 {
  font-size:.75rem!important
}
.fs-10 {
  font-size:.5rem!important
}
.fs-sm {
  font-size:.95rem!important
}
.fs-base {
  font-size:1rem!important
}
.fs-lg {
  font-size:1.075rem!important
}
.fs-xl {
  font-size:1.21rem!important
}
.fs-fluid {
  font-size:100%!important
}
.fs-2x {
  font-size:calc(1.325rem + .9vw)!important
}
.fs-2qx {
  font-size:calc(1.35rem + 1.2vw)!important
}
.fs-2hx {
  font-size:calc(1.375rem + 1.5vw)!important
}
.fs-2tx {
  font-size:calc(1.4rem + 1.8vw)!important
}
.fs-3x {
  font-size:calc(1.425rem + 2.1vw)!important
}
.fs-3qx {
  font-size:calc(1.45rem + 2.4vw)!important
}
.fs-3hx {
  font-size:calc(1.475rem + 2.7vw)!important
}
.fs-3tx {
  font-size:calc(1.5rem + 3vw)!important
}
.fs-4x {
  font-size:calc(1.525rem + 3.3vw)!important
}
.fs-4qx {
  font-size:calc(1.55rem + 3.6vw)!important
}
.fs-4hx {
  font-size:calc(1.575rem + 3.9vw)!important
}
.fs-4tx {
  font-size:calc(1.6rem + 4.2vw)!important
}
.fs-5x {
  font-size:calc(1.625rem + 4.5vw)!important
}
.fs-5qx {
  font-size:calc(1.65rem + 4.8vw)!important
}
.fs-5hx {
  font-size:calc(1.675rem + 5.1vw)!important
}
.fs-5tx {
  font-size:calc(1.7rem + 5.4vw)!important
}
.fs-6x {
  font-size:calc(1.725rem + 5.7vw)!important
}
.fs-6qx {
  font-size:calc(1.75rem + 6vw)!important
}
.fs-6hx {
  font-size:calc(1.775rem + 6.3vw)!important
}
.fs-6tx {
  font-size:calc(1.8rem + 6.6vw)!important
}
.fs-7x {
  font-size:calc(1.825rem + 6.9vw)!important
}
.fs-7qx {
  font-size:calc(1.85rem + 7.2vw)!important
}
.fs-7hx {
  font-size:calc(1.875rem + 7.5vw)!important
}
.fs-7tx {
  font-size:calc(1.9rem + 7.8vw)!important
}
.fst-italic {
  font-style:italic!important
}
.fst-normal {
  font-style:normal!important
}
.fw-lighter {
  font-weight:lighter!important
}
.fw-light {
  font-weight:300!important
}
.fw-normal {
  font-weight:400!important
}
.fw-medium {
  font-weight:500!important
}
.fw-semibold {
  font-weight:500!important
}
.fw-bold {
  font-weight:600!important
}
.fw-bolder {
  font-weight:700!important
}
.lh-0 {
  line-height:0!important
}
.lh-1 {
  line-height:1!important
}
.lh-sm {
  line-height:1.25!important
}
.lh-base {
  line-height:1.5!important
}
.lh-lg {
  line-height:1.75!important
}
.lh-xl {
  line-height:2!important
}
.lh-xxl {
  line-height:2.25!important
}
.text-start {
  text-align:left!important
}
.text-end {
  text-align:right!important
}
.text-center {
  text-align:center!important
}
.text-decoration-none {
  text-decoration:none!important
}
.text-decoration-underline {
  text-decoration:underline!important
}
.text-decoration-line-through {
  text-decoration:line-through!important
}
.text-lowercase {
  text-transform:lowercase!important
}
.text-uppercase {
  text-transform:uppercase!important
}
.text-capitalize {
  text-transform:capitalize!important
}
.text-wrap {
  white-space:normal!important
}
.text-nowrap {
  white-space:nowrap!important
}
.text-break {
  word-wrap:break-word!important;
  word-break:break-word!important
}
#container {  margin:0px auto 0 auto; background:white; border-radius:0px; padding:0px; overflow:hidden; min-height:450px }
#tree { float:left;  overflow:auto; padding:0px 0px 10px 0px; min-height:450px; }
#data { padding-left:1px;}
#data content{}
#data textarea { margin:0; padding:0; height:100%; width:100%; border:0; background:white; display:block; line-height:18px; resize:none; }
#data, #code { font: normal normal normal 12px/18px 'Consolas', monospace !important; }
#tree .folder { background:url('./img/file_sprite.png') right bottom no-repeat; }
#tree .file { background:url('./img/file_sprite.png') 0 0 no-repeat; }
#tree .file-pdf { background-position: -32px 0 }
#tree .file-as { background-position: -36px 0 }
#tree .file-c { background-position: -72px -0px }
#tree .file-iso { background-position: -108px -0px }
#tree .file-htm, #tree .file-html, #tree .file-xml, #tree .file-xsl { background-position: -126px -0px }
#tree .file-cf { background-position: -162px -0px }
#tree .file-cpp { background-position: -216px -0px }
#tree .file-cs { background-position: -236px -0px }
#tree .file-sql { background-position: -272px -0px }
#tree .file-xls, #tree .file-xlsx { background-position: -362px -0px }
#tree .file-h { background-position: -488px -0px }
#tree .file-crt, #tree .file-pem, #tree .file-cer { background-position: -452px -18px }
#tree .file-php { background-position: -108px -18px }
#tree .file-jpg, #tree .file-jpeg, #tree .file-png, #tree .file-gif, #tree .file-bmp { background-position: -126px -18px }
#tree .file-ppt, #tree .file-pptx { background-position: -144px -18px }
#tree .file-rb { background-position: -180px -18px }
#tree .file-text, #tree .file-txt, #tree .file-md, #tree .file-log, #tree .file-htaccess { background-position: -254px -18px }
#tree .file-doc, #tree .file-docx { background-position: -362px -18px }
#tree .file-zip, #tree .file-gz, #tree .file-tar, #tree .file-rar { background-position: -416px -18px }
#tree .file-js { background-position: -434px -18px }
#tree .file-css { background-position: -144px -0px }
#tree .file-fla { background-position: -398px -0px }
	

.grip {
	width:20px;
	height:30px;
	margin-top:-3px;
	background-image:url(./img/grip.png);
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:e-resize}

.grip:hover {
	background-position-x:-20px}

.dragging .grip {
	background-position-x:-40px}
}

.JCLRLastGrip .grip{
    background-position-y:-18px;
    left:-2px;
}	

	#tools-specialcharacters {
  display: flex;
  flex-wrap: wrap;
}
	 .tools-specialcharacter-container {
    width: 50px;
    margin: 4px 0;
  }
  .tools-container{
  	width: 357px;
    margin-top: 32px;
  	
}

.tools-pwd-container:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.tools-pwd-container {
  display: flex;
  border-bottom: none;
  padding: 0 7px;
}
.tools-pwd-container, .tools-pwd-container:last-child {
  border-color: #ddd;
    border-bottom-color: rgb(221, 221, 221);
  border-width: 1px;
    border-bottom-width: 1px;
  border-style: solid;
    border-bottom-style: solid;
}
 
 @media only screen and (min-width: 480px) { 
 	.tools-pwd {
    padding: 6px 0;
    font-size: 21px;
  }
}
@media only screen and (min-width: 320px), only screen and (max-width: 320px) {
  
}
.tools-pwd {
  font-family: Inconsolata, Monaco, Arial, Helvetica, sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.tools-pwd, #tools-pwd-concat {
  outline: none;
  color: #0066cc;
  border: 0;
  width: 100%;
  border-radius: 0;
  box-sizing: border-box;
}
.pwd-icon {
  align-self: center;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  padding: 10px 0;
  user-select: none;
}

.js-randomize {
  margin-left: 9px;
  width: 20px;
}
.js-copy-to-clipboard {
  margin-left: 21px;
  width: 21px;
}
.tools-pwd {
    padding: 8px 0 5px 0;
    font-size: 18px;
  }
.pwd-share {
  width: 20px;
  margin-left: 20px;
}

/* just outer white box, not necessary for functionality */
.toggle-checkbox-wrapper {
  background-color: #fff;
  
  padding:8px 4px 8px 4px;
  
  
}

/* toggle styling starts here */
/* hide the "default" checkbox/appearance */
.toggle-checkbox {
  display: none;
}
.tools-check-all-pwd-special{
	cursor:pointer;
}
.slider {
  position: relative;
  cursor:pointer;
}

/* ellipsis */
.slider::before {
  background: #ccc;
  border-radius: 34px;
  bottom: 0;
  content: '';
  height: 24px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 40px;
}

/* circle */
.slider::after {
  background: red;
  border-radius: 50%;
  bottom: 0;
  content: '';
  height: 16px;
  left: 4px;
  margin: auto;
  position: absolute;
  top: 0;
  transition: 0.4s;
  width: 16px;
}

.toggle-switch {
  margin-left: 50px;
}

.toggle-switch {
  color: navy;
}



.toggle-checkbox:checked + .slider::before {
  background-color: #739ce6;
}

.toggle-checkbox:checked + .slider::after {
  background-color: #ccc;
  transform: translateX(16px);
}
.tools-textarea {
  border-radius: 6px;
  border-color: #ddd;
  border-width: 1px;
  border-style: solid;
  height: 100px;
  outline: none;
  color: #0066cc;
  width: 100%;
  box-sizing: border-box;
  font: normal normal 18px Inconsolata;
  margin-top: 6px;
  margin-bottom: 12px;
  padding: 10px;
}



.menu-container {
    position: relative;
    display: inline-block;
}

.menu-button {
    color: white;
   /* padding: 10px 15px;*/
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
}

.menu-button img {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    margin-right: 10px;
    object-fit: cover;
}	

.dropdown-menu-nav {
    display: none;
    position: absolute;
    background-color: #7BAC2E;
    min-width: 220px;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.2);
    border-radius: 6px;
    margin-top: 5px;
    z-index: 1000;
    color:#000;
}

.dropdown-menu-nav hr{
	margin-top: 0px;
  margin-bottom: 0px;
  border-bottom-color: #000;
  padding-top: 0px;
}

.dropdown-menu-nav-item {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    transition: background 0.2s;
}

.dropdown-menu-nav-item:hover {
    background-color: #caea96;
}

.dropdown-menu-nav-item img {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    margin-right: 10px;
    object-fit: cover;
}	

.share-blur {
  font-size: 20px;
  filter: blur(10px);
  -webkit-filter: blur(10px);
}

.share {
  font-size: 20px;
  
}
.float-end {
  float: right !important;
}






.select2-container {
    box-sizing: border-box;
    display: block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    /* overflow: hidden; */
    /*padding-left: 8px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #eaedf1;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
    border-top: 1px solid #eaedf1;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #76839a;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 4px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e3e8f2;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
   /* background-color: #e4e4e4;*/
   background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #e3e8f2;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f2f3f9;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #77bc21;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(to top, #fff 50%, #e3e8f2 100%);
    background-image: -o-linear-gradient(to top, #fff 50%, #e3e8f2 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #e3e8f2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(to top, #e3e8f2 50%, #ccc 100%);
    background-image: -o-linear-gradient(to top, #e3e8f2 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #e3e8f2 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(to top, #fff 0%, #e3e8f2 50%);
    background-image: -o-linear-gradient(to top, #fff 0%, #e3e8f2 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #e3e8f2 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(to top, #e3e8f2 50%, #fff 100%);
    background-image: -o-linear-gradient(to top, #e3e8f2 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #e3e8f2 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}
#back-to-top {
    background-color: #82c035;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    display: none;
    text-align: center;
    z-index: 10000;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    border-radius: 7px;
}

.tooltip-inner{

    text-align:left !important;
}
.is-valid{
	border-color:#13bfa6 !important;
}
.is-invalid{
	border-color:#d12c47 !important;
}