/* Collapse.css */
ul.collapse41 {
    margin: 0;
    padding: 0 0 0 10px;
}

ul.licollapsest ul {
    margin: 0;
    padding: 0 0 0 10px;
}

ul.collapse41 li {
    list-style-type: none;
    padding: 0;
    line-height: 18px;
    margin: 3px 0;
    background: none;
}

ul.collapse41 span {
    cursor: pointer;
    color: #5e5e5e;
    display: block;
    text-decoration: none;
}

ul.collapse41 a.expand {
    outline: 0;
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    background-image: url(img/Expand.png);
    background-position: 0 2px;
}

ul.collapse41 a.collapse41 {
    background-image: url(img/Collapse.png);
}

/* FSdateSelect.css */
#FSmainTable {
	border: 1px solid black;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px
}

.FSdateField {
	width: 76px;
	border: 0;
	font-size: 11px;
	padding: 1px 0 0 3px
}

.FSdateSelect {
	border: 1px solid #999999;
	background-color: white
}

.FSmonthRolldown {
	width: 90px;
	font-size: 11px
}

.FSyearInput {
	width: 38px;
	font-size: 11px
}

.FSbuttonsRow {
	background-color: #DDDDDD
}

.FSdateButton {
	width: 20px;
	height: 20px;
	font-weight: bold;
	font-size: 10px
}

.FSdateButton2 {
	width: 40px;
	height: 20px;
	font-weight: normal;
	font-size: 10px
}

.FScalendarTitles TD {
	border-bottom: 1px solid black;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 14px
}

.FScalendar TD {
	font-size: 11px;
	font-weight: normal
}

.FSinMonth {
	color: #000000;
	text-decoration: none;
	width: 22px;
	height: 12px;
	line-height: 14px;
	visibility: inherit;
}

.FSnotInMonth {
	color: #999999;
	text-decoration: none;
	width: 22px;
	height: 12px;
	line-height: 14px
}

.FSinMonth:hover {
	font-weight: bold
}

.FSnotInMonth:hover {
	font-weight: bold
}

.FSoutOfRange {
	color: red;
	line-height: 14px
}

#FSrangeCell {
	background-color: #EEEEEE;
	font-size: 11px;
	text-align: center;
	line-height: 14px
}

#FSdateToday {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px
}

/* LightFace.css */
.lightface {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	position: absolute;
	top: -9000px;
	left: -9000px;
}

.lightface td {
	padding: 0;
	margin: 0;
	background-color: transparent;
	vertical-align: top;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
}

.lightface .centerLeft, .lightface .centerRight {
	width: 10px;
	height: auto;
	background-image: url(asset/b.png);
	background-repeat: repeat-y;
}

.lightface .topLeft, .lightface .topRight, .lightface .bottomLeft,
	.lightface .bottomRight {
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}

.lightface .topLeft {
	background-image: url(asset/tl.png);
	background-position: top left;
}

.lightface .topRight {
	background-image: url(asset/tr.png);
	background-position: top right;
}

.lightface .bottomLeft {
	background-image: url(asset/bl.png);
	background-position: bottom left;
}

.lightface .bottomRight {
	background-image: url(asset/br.png);
	background-position: bottom right;
}

.lightface .topCenter, .lightface .bottomCenter {
	width: auto;
	height: 10px;
	background-image: url(asset/b.png);
	background-repeat: repeat-x;
}

.lightface .lightfaceContent {
	background-color: #fff;
	border: 1px solid #555;
	position: relative;
}

.lightface .loading {
	display: block;
	margin: 10px auto;
}

.lightface .lightfaceContent .lightfaceTitle {
	font-size: 14px;
	color: #fff;
	background-color: #C00;
	border: 1px solid #3b5998;
	font-weight: bold;
	margin: -1px;
	margin-bottom: 0;
	padding: 5px 10px;
}

.lightface .lightfaceContent .lightfaceDraggable {
	cursor: move;
}

.lightface .lightfaceContent .lightfaceMessage {
	overflow: auto;
	margin: 0;
	position: relative;
	padding: 5px 10px;
	border: 1px solid #fff;
}

.lightface .lightfaceContent .lightfaceMessage h3, .lightface .lightfaceContent .lightfaceMessage h4,
	.lightface .lightfaceContent .lightfaceMessage h5, .lightface .lightfaceContent .lightfaceMessage h6
	{
	margin-top: 6px;
}

.lightface .lightfaceContent .lightfaceFooter {
	background-color: #f2f2f2;
	border-top: 1px solid #ccc;
	padding: 6px 10px;
	text-align: right;
}
/*
.lightface .lightfaceFooter input[type='button'] {
	border: 1px solid #666;
	border-top-color: #e7e7e7;
	border-left-color: #e7e7e7;
	background-color: #f0f0f0;
	padding: 1px 0 2px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
	font-size: 13px;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	white-space: nowrap;
	border:2px outset buttonface;
	border-style: inset;
	text-align:center;
}

.lightface .lightfaceFooter input[type='button'].lightfaceBlue {
	border-color: #0e1f5b;
	border-top-color: #d9dfea;
	border-left-color: #d9dfea;
	background-color: #3b598a;
	color: #fff;
}
*/
.lightface .lightfaceFooter label {
	font-size: 13px;
	border-style: solid;
	background-image: url(asset/button.png);
	cursor: pointer;
	font-weight: bold;
	padding: 2px 6px 2px 6px;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	border-width: 1px;
	margin-left: 3px;
	background-position: 0 0;
	border-color: #999;
	line-height: normal !important;
	display: inline-block;
}

.lightface .lightfaceFooter label input {
	background: none;
	border: 0 !important;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 1px 0 2px;
	white-space: nowrap;
	text-align: center;
	color: #fff;
	font-size: 13px;
	border: 2px outset buttonface;
	text-indent: 0;
	text-shadow: none;
	display: inline-block;
	color: #999;
	font-size: 13px;
}
/* ie6 hacks */
* html .lightface .lightfaceFooter label input {
	border: 0;
}

.lightface .lightfaceFooter label.lightfaceblue {
	border-color: #C00;
	background-position: 0 -48px;
}

.lightface .lightfaceFooter label.lightfaceblue.lightfacefocusblue {
	background-color: #C00;
	background-image: none;
}

.lightface .lightfaceFooter label.lightfacegreen {
	border-color: #3B6E22 #3B6E22 #2C5115;
	background-position: 0 -96px;
}

.lightface .lightfaceFooter label.lightfacegreen.lightfacefocusgreen {
	background-color: #69A74E;
	background-image: none;
}

.lightface .lightfaceFooter label.lightfaceblue input, .lightface .lightfaceFooter label.lightfacegreen input
	{
	color: #fff;
}

.lightface .hiddenButton {
	visibility: hidden;
}

.lightface .lightfaceOverlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	/*
	background-image: url(fbloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	*/
	background: url(fbloader.gif) center center no-repeat #fff;
}

.lightface .lightfaceMessageBox {
	overflow: auto;
	padding: 10px 10px;
	min-height: 20px;
	position: relative;
}

.lightface .lightFaceMessageBoxImage {
	overflow: hidden;
	padding: 0;
	background: url(asset/fbloader.gif) center center no-repeat #fff;
}

.lightface .lightFaceMessageBoxImage img {
	display: block;
}

/* TableGear.css */
tr.odd {
	background-color: #eaeaea;
}

tr.even {
	background-color: #FFFFFF;
}

tr.noDataRow td {
	text-align: center;
}

table th.title {
	text-align: center;
}

td.editable {
	width: 200px;
	height: 22px;
}

th.sortable {
	cursor: pointer;
}

tr.loading {
	color: #dddddd;
	background-color: #f6f6f6;
}

td.loading {
	background: url('tgimages/loading.gif') no-repeat 4px center;
	padding-left: 24px;
	color: #aaaaaa;
	width: 176px;
}

label.delete {
	cursor: pointer;
	display: none;
}

p.addRow {
	text-align: right;
	margin: 0 1em 0 0;
}

p.addRow a {
	cursor: pointer;
}

form fieldset.errors {
	color: red;
}

form fieldset.errors p {
	margin: 0.2em;
}

form div.submit {
	padding: 1em;
	text-align: right;
}

fieldset td {
	width: 200px;
	height: 22px;
}

fieldset {
	background-color: #FFFFFF;
}

fieldset input {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #F8F8F8;
	font-weight: bolder;
	border: 1px solid #666666;
}

form div.submit input {
	cursor: pointer;
}

form.newRow h3 {
	margin: 0;
}

form.newRow th.edit, form.newRow td.edit, form.newRow th.delete, form.newRow td.delete
	{
	display: none;
}

.pagination {
	margin: 1em 0;
	color: #888888;
	width: 350px;
	margin: 0 auto;
}

.pagination a {
	color: #6666ff;
}

.pagination .prev {
	float: left;
}

.pagination .next {
	float: right;
}

.pagination .pages {
	text-align: center;
}

/* Tree.css */
/* Tree CSS */
ul.tree, ul.tree li, ul.tree ul {
    position: relative;
    cursor: pointer;
    zoom: 1;

}

ul.tree li, li.drag, li.drag ul li {
    margin: 0;
    line-height: 20px;
    list-style-type: none;

}

ul.tree, ul.tree ul, li.drag ul {
    margin: 0;
    padding: 0 0 0 20px;

}

ul.tree li span, li.drag span {
    color: #111;
    display: block;

}

ul.tree li {
    list-style-type: none;
    padding-left: 19px;
    line-height: 18px;
    margin: 3px 0;
    background: url(img/Bullet.png) no-repeat 0 2px;
}

#collapse span:hover {
    background: #dde3e6;
}

ul.tree li.nodrop {
    background-image: url(img/Blocked.png);
}

ul.tree li.nodrop span {
    color: #800;

}

ul.tree li.nodrag span {
    color: #999;

}

div.treeIndicator {
    width: 100px;
    height: 1px;
    background-color: #000;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    z-index: 50;

    /* For IE */
    overflow: hidden;
    line-height: 1px;
}

li.drag {
    position: absolute;
    z-index: 50;
}

li.drag span.dispose {
    display: none;
}

span.dispose {
    float: right;
    color: #800;

}

.leftPanel {
    white-space: nowrap;

}

.collapse {
    overflow: auto;
}

.leftPanelButton {
    /*width: 100%;*/
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
}

.leftPanelLoading {
    visibility: hidden;
    height: 0;
    background-image: url("img/loader-tree4.gif");
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    transition: true 0.4s ease 0.4s;
}

.leftPanelLoadingShow {
    visibility: visible;
    height: 20px;
}

.leftPanelFullLoadingShow {
    visibility: visible;
    width: 96%;
    height: 100%;
    background-color: #ffffff;
    opacity: 70%;
    position: absolute;
    z-index: 1999;
}

.treeButton {
    margin: 2px;
    padding: 1px;
    text-align: center;
    border: #ccc 1px solid;
    border-radius: 2px;
    background: linear-gradient(to bottom, #F1F1F1, #F9F9F9);
    color: #333333;
    font-size: 10px;
}

.liSpanAdd {
    background: #dde3e6;

}

.ulPadding {
    padding-left: 10px;
}

#treeDiv {
    /*overflow: auto;*/
    padding-right: 9px;
    /*width: 90%;*/
}

/* admin.css */
body, td0, th {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
}

.txtRed {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.txtGreen {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #009966;
}

.txtBlue {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #0066CC;
}

.userAdmSearchTable {
    background-color: #D7D1C6;
    border: 1px solid #666;
    margin: 3px;
    padding: 0px;
    width: 90%;
}

.userAdmSearchTdUp {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding: 3px;
}

.userAdmStatut {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #727272;
    background-color: #EBEBEB;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 2px;
}

.userAdmListTable {
    margin: 3px;
    width: 90%;
    border: 1px solid #333;
}

.userAdmListTitre {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    background-color: #F4F4F4;
    padding: 2px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
}

.userAdmListTd1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    background-color: #FFF;
    padding: 2px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
}

.userAdmActionCombo {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    background-color: #CCC;
    width: 100%;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    text-align: center;
    vertical-align: middle;
}

.adminTestMail {
    width: 700px;
}

/* alinks.css */
a:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    margin: 1px;
    font-style: normal;
}

a:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #486c7a;
}

a:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: underline overline;
}

.b:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
}

.b:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
}

.b:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
}

.c:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
}

.c:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
}

.c:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
}

.e:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.e:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.e:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.red:link {
    font-family: 'Open Sans', sans-serif;
    /*font-size: 14px;*/
    color: #990000;
    text-decoration: none;
}

.red:visited {
    font-family: 'Open Sans', sans-serif;
    /*font-size: 14px;*/
    color: #990000;
    text-decoration: none;
}

.red:hover {
    font-family: 'Open Sans', sans-serif;
    /*font-size: 14px;*/
    color: #990000;
    text-decoration: none;
}

.gold:link {
    font-family: 'Open Sans', sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.gold:visited {
    font-family: 'Open Sans', sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.gold:hover {
    font-family: 'Open Sans', sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.orange:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.orange:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.orange:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.green:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #007500;
    text-decoration: none;
}

.green:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #007500;
    text-decoration: none;
}

.w:link {
    font-family: 'Open Sans', sans-serif;
    /*font-size: 10px;*/
    color: #FFFFFF;
    text-decoration: none;
}

.w:hover {
    font-family: 'Open Sans', sans-serif;
    /*font-size: 10px;*/
    color: #FFFFFF;
    text-decoration: none;
}

.w:visited {
    font-family: 'Open Sans', sans-serif;
    /*font-size: 10px;*/
    color: #FFFFFF;
    text-decoration: none;
}

.blue:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #06F;
    text-decoration: none;
}

.blue:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #06F;
    text-decoration: none;
}

.m:hover {
    cursor: pointer;
}

/* animate.css */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* arboGetView.css */
.arboGetView {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}

/* atextes.css */
.rubTxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 7pt;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background-color: #FFFFFF;
}

.regBlTxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #0066CC;
}

.regBlTxt2016 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
}

.pgInactif {
    font-family: 'Open Sans', sans-serif;
    font-size: 9pt;
    font-style: italic;
    color: #CCCCCC;
}

.menuDossierTxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #000000;
    border-left-style: solid;
    border-top-style: solid;
    border-bottom-style: dotted;
}

.menuDossierTxt2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
}

.pgRestric {
    font-family: 'Open Sans', sans-serif;
    font-size: 9pt;
    font-style: normal;
    color: #00CCFF;
}

.sqlDisplayTdFieldsAo2 {
    background-color: #F5F5F5;
    text-align: left;
    border-bottom-width: 0px;
    border-bottom-style: dashed;
    border-bottom-color: #666666;
    padding-left: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}

.regBlancTxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
    color: #FFFFFF;
}

.sqlDisplayTdFields2 {
    background-color: #F5F5F5;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #666666;
    padding-left: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}

.titreAccueilRub {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #000000;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}

.messagesTitre {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    background-color: #00CC99;
}

.messagesTitre2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    background-color: #FF6600;
}

.messages {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #FFFFFF;
}

.pdstxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    white-space: nowrap;
}

.pdsrestTxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #666666;
    white-space: nowrap;
    width: 700px;
}

.pdstitre {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000000;
}

.pdsrubrique {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #000000;
    border: 1px none #666666;
}

.txtRed {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.txtGreen {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #009966;
}

.txtBlue {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #0066CC;
}

.txtWhite {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #ffffff;
}

.txtBlack {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
}


.saomeDiv {
    visibility: hidden;
    height: 1px;
}

.mouseLink {
    cursor: pointer;
}

/* atooltips.css */
#tt {
	position: absolute;
	display: block;
	background: url(images/tt_left.gif) top left no-repeat;
}

#tttop {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(images/tt_top.gif) top right no-repeat;
	overflow: hidden;
}

#ttcont {
	display: block;
	padding: 2px 12px 3px 7px;
	margin-left: 5px;
	background: #666;
	color: #fff;
}

#ttbot {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(images/tt_bottom.gif) top right no-repeat;
	overflow: hidden;
}

a.info {
	position: relative;
	z-index: 24;
	background-color: #ccc;
	color: #000;
	text-decoration: none
}

a.info:hover {
	z-index: 25;
	background-color: #ff0
}

a.info span {
	display: none
}

a.info:hover span {
	/*le contenu de la balise span ne
     sera visible que pour l'état a:hover */
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	border: 1px solid #6699cc;
	background-color: #ccc;
	color: #FFFFFF;
	text-align: justify;
	font-weight: none;
	padding: 1px;
}

/* attachPlan.css */
.attachplanFilesDisplayBigDiv {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 35;
}

.dropboxOvelay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    /*transition: height 0.3s;*/
    visibility: hidden;
}

.dropboxOvelayOpen {
    visibility: visible;
    height: 100%;
    width: 100%;
    transition: height ease-out 0.3s;
}

.dropboxOvelayBar {
    background-color: #496d79;
    width: 100%;
    height: 27px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.dropboxOvelayButton {
    position: relative;
    float: right;
    margin-right: 5px;
}

.closeButton {
    padding: 0;
    font-size: 20px;
    color: #d6dee7;
    background-color: rgba(100, 100, 100, 0);
    border-width: 0px;
    cursor: pointer;
}

.dropboxElement {
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    z-index: 500;
    position: relative;
    /*overflow: auto;*/
    background-color: #fff;
    /*padding: 10px;*/
    border-style: solid;
    border-color: #fff;
    border-width: 5px;
    border-radius: 12px;
}

.dropboxfilesLayout {
    padding: 10px;
    overflow: auto;
    height: 92%;
    width: 100%;
    position: relative;
}

.attachplanFilesDisplayAllDiv {
    background-color: rgb(255, 255, 255);
    width: 70%;
    height: 90%;
    top: 5%;
    left: 40%;
    position: relative;
    margin-left: -25%;
    z-index: 31;
}

.attachplanFilesDisplayDiv {
    width: 100%;
    height: 95%;
    overflow: auto;
}

.attachplanFilesDisplayHeadDiv {
    background-color: #496d79;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
    z-index: 10;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    border-width: 0px 0px 1px 0px;
    border-color: #000000;
    border-style: solid;
    line-height: 30px;
    font-weight: bold;
}

.attachplanFilesDisplayListDiv {
    padding: 15px;
}

.attachplanFilesDisplayHeadButton {
    position: relative;
    float: right;
}

.attachPlanCloseButton {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #c4c4c4;
    background-color: rgba(100, 100, 100);
    border-width: 0px;
    cursor: pointer;
}

.attachPlanCheckBoxTd {
    width: 20px;
    padding: 5px;
    text-align: left;
    font-size: 11px;
}

.attachPlanFileListTd {
    width: 70%;
    height: 18px;
    line-height: 18px;
    padding: 5px;
}

.attachPlanFileListTdHead {
    background-color: #F5F5F5;
    padding: 5px;
    font-weight: bold;
}

.attachPlanFileListTable {
    width: 100%;
    padding: 0px;
    border-width: 1px;
    border-color: #f0f0f0;
    border-style: solid;
}

.attachPlanMessage {
    color: #FFFFFF;
    background-color: #c82a2a;
    border-width: 1px;
    border-color: #808080;
    border-style: solid;
    margin: 10px;
    padding: 10px;
}

.attachPlanCheckAllDiv {
    width: 200px;
    background-color: #F5F5F5;
}

.planPageMessage {
    color: #FFFFFF;
    background-color: #c82a2a;
    border-width: 1px;
    border-color: #808080;
    border-style: solid;
    margin: 10px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

/* avis_prms.css */
.lotsDiv {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	display: none;
	border: 1px solid #0033FF;
	margin: 3px;
	padding: 3px;
}

/* awesomplete.css */
.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
}

.awesomplete > input {
    /*display: block;*/
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
    border-radius: .3em;
    margin: .2em 0 0;
    background: hsla(0, 0%, 100%, .9);
    background: linear-gradient(to bottom right, white, hsla(0, 0%, 100%, .8));
    border: 1px solid rgba(0, 0, 0, .3);
    box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
    text-shadow: none;
}

@supports (transform: scale(0)) {
    .awesomplete > ul {
        transition: .3s cubic-bezier(.4, .2, .5, 1.4);
        transform-origin: 1.43em -.43em;
    }

    .awesomplete > ul[hidden],
    .awesomplete > ul:empty {
        opacity: 0;
        transform: scale(0);
        display: block;
        transition-timing-function: ease;
    }
}

/* Pointer */
.awesomplete > ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0;
    height: 0;
    padding: .4em;
    background: white;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.awesomplete > ul > li {
    position: relative;
    padding: .2em .5em;
    cursor: pointer;
}

.awesomplete > ul > li:hover {
    background: hsl(200, 40%, 80%);
    color: black;
}

.awesomplete > ul > li[aria-selected="true"] {
    background: hsl(205, 40%, 40%);
    color: white;
}

.awesomplete mark {
    background: hsl(65, 100%, 50%);
}

.awesomplete li:hover mark {
    background: hsl(68, 100%, 41%);
}

.awesomplete li[aria-selected="true"] mark {
    background: hsl(86, 100%, 21%);
    color: inherit;
}


/* bb_icons.css */
@import url("../all/modules.min.css");

/*# sourceMappingURL=bb_icons.css.map */


/* bim.css */
#bim-viewer-container {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,596a72+100&0.5+0,0.5+100;Grey+3D+%231 */
    background: -moz-linear-gradient(top, rgba(224, 238, 249, 0.5) 0%, rgba(193, 214, 222, 0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(224, 238, 249, 0.5) 0%, rgba(176, 196, 204, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(224, 238, 249, 0.5) 0%, rgba(176, 196, 204, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80cedce7', endColorstr='#80596a72', GradientType=0); /* IE6-9 */

}

#info {
    position: relative;
}

#model_info {
    position: absolute;
    width: 25%;
    float: right;
    top: 0px;
    bottom: 0px;
    right: 0px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#plan_info {
    position: absolute;
    float: right;
    width: 25%;
    top: 100px;
    bottom: 0px;
    right: 0px;
}

.userInfo {
    position: fixed;
    bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

.bimObjectInfo {
    width: 300px;
    float: right;
    background-color: #b8d2cf;
    overflow: auto;
    z-index: 1100;
    padding: 5px;
    font-weight: bold;
}

.bimIfcObjectDetails {
    border-style: solid;
    border-width: 1px;
    border-color: #1b6d85;
    background-color: #FFFFFF;
    padding: 3px;
}

#bimObjectInfoDetails {
    font-weight: normal;
}

#viewer {
    height: 100%;
}

.dropbtn {
    background-color: #abbddb;
    color: white;
    padding: 6px;
    border: none;
    cursor: pointer;
    width: 40px;
}

.dropbtnPanel {
    background-color: #a5c4f7;
    color: white;
    padding: 6px;
    border: none;
    cursor: pointer;
    width: 40px;
}

.dropbtnPanelToggle {
    /*background-color: #4986ee;*/
    background-color: rgba(0, 0, 0, 0.0);
    opacity: 0.2;
    color: #b6b6b6;
    padding: 6px;
    border: none;
    cursor: pointer;
    width: 40px;
}

.dropbtnPanelToggle :hover {
    opacity: 1;
}

.bimPanelsToggleLeft {
    position: absolute;
    display: inline-flex;
    font-family: 'Open Sans', sans-serif;
    padding: 5px;
    top: 50%;
    cursor: pointer;
}

.bimPanelsToggleRight {
    position: absolute;
    display: inline-flex;
    font-family: 'Open Sans', sans-serif;
    padding: 5px;
    top: 50%;
    cursor: pointer;
    left: calc(100% - 45px);
}

.bimPanelHead {
    font-size: 15px;
    padding: 10px 4px 10px 4px;
    background-color: #99cebf;
    text-align: center;
}

#bimViewer .bimViewerTools {
    position: absolute;
    display: inline-flex;
    font-family: 'Open Sans', sans-serif;
    padding: 5px;
    top: 0;
    /*left: 460px;*/
}

#bimViewer .dropdown {
    margin: 5px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 6px 6px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #a2dce0
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #a2dce0;
}

/* The container */
#bimViewer .bimContainer {
    display: block;
    position: relative;
    padding: 5px 30px 5px 30px;
    margin: 5px;
    cursor: pointer;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#bimViewer .bimContainer:hover {
    background-color: #a2dce0;
}

/* Hide the browser's default checkbox */
#bimViewer .bimContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#bimViewer .checkmark {
    position: absolute;
    /*top: 0;*/
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.bimContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#bimViewer .bimContainer input:checked ~ .checkmark {
    background-color: #a2dce0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.bimContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.bimContainer .checkmark:after {
    left: 3px;
    top: 2px;
    width: 5px;
    height: 5px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bimSpinner {
    width: 20%;
    height: 20%;
    background-color: transparent;
    background-image: url('img/guillen.gif');
    display: none;
    z-index: 9999;
    position: fixed;
    left: 40%;
    top: 40%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.bimSyncInfoPane {
    -webkit-transition: min-width 0.25s ease-in-out;
    -moz-transition: min-width 0.25s ease-in-out;
    -o-transition: min-width 0.25s ease-in-out;
    transition: min-width 0.25s ease-in-out;
    width: 0px;
    min-width: 0px;
    overflow: auto;
}

.bimSyncInfoPaneShow {
    -webkit-transition: min-width 0.25s ease-in-out;
    -moz-transition: min-width 0.25s ease-in-out;
    -o-transition: min-width 0.25s ease-in-out;
    transition: min-width 0.25s ease-in-out;
    min-width: 300px;
}

.bimSyncBookmarsPane {
    -webkit-transition: min-width 0.25s ease-in-out;
    -moz-transition: min-width 0.25s ease-in-out;
    -o-transition: min-width 0.25s ease-in-out;
    transition: min-width 0.25s ease-in-out;
    width: 0px;
    min-width: 0px;
    overflow: hidden;
}

.bimSyncBookmarksPaneShow {
    -webkit-transition: min-width 0.25s ease-in-out;
    -moz-transition: min-width 0.25s ease-in-out;
    -o-transition: min-width 0.25s ease-in-out;
    transition: min-width 0.25s ease-in-out;
    min-width: 450px;
}

.bimViewerModels {
    -webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bimViewerModelsReduce {
    -webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    width: calc(100% - 300px);
}

.bimViewerModelsReduceForBookmarks {
    -webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    width: calc(100% - 450px);
}

.bimIfcObjCategorieName {
    font-weight: bold;
    background-color: #bcc9ca;
    padding: 5px;
}

.bimIfcObjPropertyLine {
    background-color: #ffffff;
    display: inline-flex;
    padding: 5px;
    width: 97%;
}

.bimIfcObjPropertyLine:hover {
    background-color: #F5F5F5;
}

.bimIfcObjPropertyName {
    width: 150px;
    min-width: 150px;
}

.bimIfcObjPropertyValue {
}

.bimBookmarkSingle {
    border-color: #517f64;
    border-style: solid;
    border-width: 0 0 0 0px;
    background-color: #fcfcfc;
}

.bimBookmarkSet {
    border-width: 1px;
    margin: 2px;
    border-style: solid;
    border-color: #999999;
    min-width: 400px;
}

.bimBookmarkSet .header {
    background-color: #bcc9ca;
    color: #000;
    font-weight: bold;
    padding: 3px;
}

.bimBookmarkSingle .info {
    vertical-align: baseline;
}

.bimBookmarkSingle .label {
    font-weight: bold;
    border-style: none;
}

.bimBookmarkSingle span {
    padding: 5px;
}

.bimBookmarkSingle table {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #517f64;
    width: 100%;
}

.bimBookmarkFormError {
    border-style: solid;
    border-width: 1px;
    border-color: #ff0000;
}

.bimHideElement {
    display: none;
}

.bimEditButton {
    /*background-color: #F5F5F5;*/
    color: #486c7a;
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*padding: 2px;*/
    /*border-color: #4e875d;*/
    cursor: pointer;
    /*margin: 3px;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

.bimInputform {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #486c7a;
    border-color: #6a806e;
    border-style: solid;
    border-width: 1px;
    background: #f1ffee;
}

/* cadres.css */
@import url(cadresSup.css);

.alertBox {
    font-family: Open Sans, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #1D314B;
    background-color: #FC3;
    border: 1px solid #333;
    margin: 5px;
    padding: 15px;
    width: 400px;
}

.pageHaut {
    background-position: left top;
    border-top: 0px none;
    border-right: 0px solid #000000;
    border-bottom: 1px solid #dbdbdb;
    border-left: 0px solid #000000;
    /*width: 98%;*/
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1%;
}

.main {
    background-color: #FFFFFF;
    border: 0px none #000000;
    position: relative;
    left: 0;
    width: 100%;
    top: 0px;
    z-index: 3;
    height: 100%;
    margin: 0px;
}

.sqlDisplayCadre {
    padding: 0px;
    border: 0px solid #000000;
    float: none;
    width: 100%;
    margin: 0px 0px 3px;
    position: relative;
}

.sqlDisplayCadreBordureSeparation {
    padding: 0px;
    border: 0px solid #000000;
    float: none;
    width: 100%;
    margin: 0px 0px 3px;
    position: relative;
    border-bottom: 2px dotted gray;
}

.sqlDisplayCadreNoFullWidth {
    padding: 0px;
    border: 0px solid #000000;
    float: left;
    margin: 0px 0px 3px;
    position: relative;
}

.sqlDisplayTdTitre {
    text-align: left;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    background-color: #d2d2d2;
}

.sqlDisplayTdFields {
    /*background-color: #FFFFFF;*/
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ece9f7;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #666666;
    text-decoration: none;
}

.adCadre {
    border: 0px solid #FFFFFF;
    background-repeat: repeat;
    background-color: #FFFFFF;
    margin: 1px 1px 1px 2px;
    width: 100%;
}

.adFormCadre {
    width: 100%;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #1D314B;
    border: 0px solid #000000;
}

.actionAd {
    margin: 0px;
    padding: 3px;
    position: relative;
    float: none;
    width: 100%;
    border-top: 1px solid #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px none #FFFFFF;
    border-left: 1px solid #FFFFFF;
    text-align: left;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    background-color: #FFFFFF;
}

.sqlModCadre {
    background-color: #FFFFFF;
    padding: 3px;
    border: 1px solid #000000;
    float: left;
    width: 100px;
    margin: 5px;
    background-image: url(img/sql_display_titre.jpg);
    background-repeat: repeat-y;
    position: relative;
}

.messConfirm {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #FFFFFF;
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 80%;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    position: relative;
    float: none;
    left: auto;
    font-variant: normal;
    text-align: center;
    background-image: url(img/messConfirmBg.png);
}

.messConfirm2 {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    background-color: #eaeef0;
    margin: 5px;
    padding: 5px;
    width: 96%;
    border-top: 1px solid #dde3e6;
    border-right: 1px solid #dde3e6;
    border-bottom: 1px solid #dde3e6;
    border-left: 1px solid #dde3e6;
    position: relative;
    float: none;
    left: auto;
    font-variant: normal;
    text-align: center;
}

.messConfirm3 {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #069;
    background-color: #F3F3F3;
    margin: 5px;
    padding: 5px;
    width: 50%;
    position: relative;
    float: none;
    left: auto;
    font-variant: normal;
    text-align: left;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
}

.info {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 80%;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    position: relative;
    float: none;
    left: auto;
    font-variant: normal;
    text-align: center;
    background-color: #B1D2DB;
}

.adMenu {
    background-color: #c5c5c5;
    background-image: url(navig/admin/bouton.png);
    background-repeat: repeat-y;
    margin: 1px;
    white-space: nowrap;
}

.adStatut {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: italic;
    color: #666666;
    text-decoration: none;
    background-color: #F5F5F5;
    margin: 1px 0px;
    padding: 3px;
    width: 100%;
    border-top: 1px dotted #000000;
    border-right: 0px dotted #000000;
    border-bottom: 1px dotted #000000;
    border-left: 0px dotted #000000;
}

.authForm {
    padding: 1px;
    position: relative;
    width: 100%;
    letter-spacing: normal;
    text-align: left;
    word-spacing: normal;
    background-image: url(img/filesTitreBg.png);
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #f5f5f5;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    /*color: #FFFFFF;*/
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.page {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 3px;
    border: 1px solid #FFFFFF;
    width: 100%;
    height: 100%;
}

.rubrique {
    background-color: #EAEAEA;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    width: 100%;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding: 0px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    background-repeat: repeat-x;
    background-image: url(img/band_rub_cons_bg.jpg);
}

.rubMenu {
    background-color: #FFFFFF;
    margin: 0px;
    background-repeat: repeat-x;
    padding: 2px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    height: 10px;
    padding-bottom: 7px;
}

.rubCont {
    background-color: #FFFFFF;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    vertical-align: top;
}

.menuSite {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCFFFF;
    padding: 1px;
    border: 1px solid #000000;
}

.actionAd2 {
    background-color: #F3F4F5;
    margin: 0px;
    padding: 3px;
    position: relative;
    float: none;
    width: 200px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px none #FFFFFF;
    border-left: 1px solid #FFFFFF;
    text-align: left;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
}

.adPageRet {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #f6e4ed;
    margin: 10px 0px 1px;
    padding: 3px;
    width: 100%;
    border-top: 0px solid #000000;
    border-right: 0px solid #000000;
    border-bottom: 0px solid #000000;
    border-left: 0px solid #000000;
}

.sqlDisplayTdFieldsUser,
.sqlDisplayTdFieldsUser2 {
    text-align: center;
    white-space: nowrap;
    padding-left: 5px;
    /*padding-right: 5px;*/
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 3px;
    background-color: #fbfdfd;
    border-bottom-color: #f1f4f5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.planPrevTd {
    text-align: center;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 3px;
    /*background-color: #ffffff;*/
    border-bottom-color: #f1f4f5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.sqlDisplayTdFieldsUserAdmin {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 3px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.sqlDisplayTdFieldsUserAnnu {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 3px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.sqlDisplayTdFieldsUserJournal {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 3px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.sqlDisplayTdFieldsUserJournal2 {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 3px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.sqlDisplayTdTitreUser {
    text-align: center;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    border: 0px solid #f1f4f5;
    margin: 0px;
    padding: 2px;
    background-image: url(img/filesTitreBg.png);
    background-repeat: repeat-x;
}

.sqlDisplayTdTitreUserBold {
    text-align: center;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    margin: 0px;
    padding: 2px;
    font-weight: bold;
}

.sqlDisplayCadreUser {
    padding: 0px;
    background-color: #fbfdfd;
    width: 80%;
    border-spacing: 0px;
    display: inline;
}

.visaGestionSqlDisplayCadreUser {
    padding: 0px;
    border: 1px solid #EEEEEE;
    margin: 1px;
    background-color: #FFFFFF;
    width: 100%;
    border-spacing: 0px;
}

.cadrePlansTable {
    width: 100%;
}

.cadrePlansTable td.sqlDisplayTdFieldsUser {
    white-space: nowrap;
}

.cadrePlansTable td.sqlDisplayTdFieldsUser2 {
    white-space: nowrap;
}

/*.sqlDisplayTdFieldsUser2 {*/
/*    text-align: center;*/
/*    padding-left: 5px;*/
/*    padding-right: 5px;*/
/*    font-family: Open Sans, Arial, Helvetica, sans-serif;*/
/*    font-size: 10px;*/
/*    color: #1D314B;*/
/*    text-decoration: none;*/
/*    margin: 2px;*/
/*    background-color: #ffffff;*/
/*    border-bottom-color: #f1f4f5;*/
/*    border-bottom-style: solid;*/
/*    border-bottom-width: 1px;*/
/*}*/

.sqlNavig {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    font-weight: bold;
    margin-left: 5px;
    padding: 0px;
    background-color: #FFFFFF;
    border: 0px solid #000000;
}

.filesUserCadre {
    background-color: #FFFFFF;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #1D314B;
    padding: 0px;
    width: 100%;
    border: 1px none #666666;
    margin: 0px;
}

.filesUserTitre {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    font-weight: bold;
    height: 25px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-align: center;
    border-bottom-color: #e3e3e3;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #fbfdfd;
}

.filesUserTitreLigne {
    background-color: #6699CC;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #CCFFFF;
    padding: 2px;
    width: 98px;
    border-top: 0px none #666666;
    border-right: 0px none #666666;
    border-bottom: 1px solid #666666;
    border-left: 0px none #666666;
}

.filesUserLigne {
    background-color: #FFFFFF;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    padding: 2px;
    border-top: 0px none #666666;
    border-right: 0px none #666666;
    border-bottom: 1px solid #666666;
    border-left: 0px none #666666;
}

.actionAdCombo {
    margin: 3px 0px 0px;
    padding: 3px;
    position: relative;
    float: none;
    width: 100%;
    border-top: 1px solid #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px none #FFFFFF;
    text-align: center;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    background-color: #e8e4f5;
}

.aoTitreSection {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #1D314B;
    background-repeat: repeat-x;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.sqlDisplayCadreAo {
    padding: 3px;
    border: 0px solid #000000;
    float: none;
    width: 100%;
    margin: 3px 0px;
    position: relative;
}

.sqlDisplayTdTitreAo {
    text-align: left;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #0033CC;
    background-color: #e1eaed;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

.sqlDisplayTdFieldsAo {
    background-color: #f1f4f5;
    text-align: left;
    border-bottom-width: 0px;
    border-bottom-style: dashed;
    border-bottom-color: #666666;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
}

.sqlDisplayTdFieldsAo2 {
    background-color: #f5f5f5;
    text-align: left;
    border-bottom-width: 0px;
    border-bottom-style: dashed;
    border-bottom-color: #666666;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
}

.UserForm {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    width: 100%;
}

.userFormTr {
    background-color: #FFFFFF;
    padding: 2px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #F5F5F5;
    border-right-color: #F5F5F5;
    border-bottom-color: #F5F5F5;
    border-left-color: #F5F5F5;
}

.messUserTitre {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #1D314B;
    margin: 0px;
    width: 100%;
    position: relative;
    float: none;
    left: auto;
    font-variant: small-caps;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 2px;
}

.journal {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: relative;
    float: none;
    left: auto;
    font-variant: normal;
    background-color: #FFFFFF;
    border: 0px solid #000000;
}

.commonCadre {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    border: 1px solid #000000;
    padding: 3px;
}

.commonTdTitre {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #1D314B;
    background-color: #EBEBEB;
}

.commonTd {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #666666;
    background-color: #FFFFFF;
    padding: 2px;
}

.sqlDisplayTdFieldsRes {
    background-color: #F9F9F9;
    text-align: left;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #f1f4f5;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #1D314B;
    text-decoration: none;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #f1f4f5;
    border-right-color: #f1f4f5;
    border-left-color: #f1f4f5;
}

.sqlDisplayTdFieldsRes2 {
    background-color: #D7DDE1;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #1D314B;
    text-decoration: none;
    margin: 10px 0px 0px;
    border-top: 1px solid #f1f4f5;
    border-right: 0px solid #f1f4f5;
    border-bottom: 0px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsRes3 {
    text-align: left;
    padding-left: 0px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 5pt;
    color: #1D314B;
    text-decoration: none;
    border-top: 0px solid #000000;
    border-right: 0px solid #6F7984;
    border-bottom: 1px solid #000000;
    border-left: 0px solid #6F7984;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    background-color: #FFFFFF;
}

.sqlDisplayTrRes {
    padding: 10px;
    border: 1px dotted #000000;
}

.sqlDisplayCadreRes {
    padding: 0px;
    border: 1px solid #000000;
    float: none;
    width: 100%;
    margin: 0px;
    position: relative;
    background-color: #FFFFFF;
}

.sqlDisplayTdTitreRes {
    text-align: left;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #FFFFFF;
    background-color: #666666;
    border: 0px solid #f1f4f5;
    margin: 0px;
    padding: 2px;
    background-repeat: repeat-x;
}

.titreResTd {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1D314B;
    background-color: #00CCFF;
    background-image: url(img/band_rub_cons_bg.jpg);
    background-repeat: repeat-x;
}

.avisTd {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    background-color: #E3EAEA;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: none;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
}

.avisTdTitre {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
}

.avisTdTs1,
.avisTdTs2,
.avisTdDp1,
.avisTdDp2 {
    text-align: center;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    background-color: #fbfdfd;
    border-bottom-color: #f1f4f5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* Séparateur entre groupes multi-colonnes - spécificité augmentée pour override avisTd* */
td.group-separator.avisTdTs1,
td.group-separator.avisTdTs2,
td.group-separator.avisTdDp1,
td.group-separator.avisTdDp2 {
    box-shadow: inset 1px 0 0 #f1f4f5;
}

td.group-separator-end.avisTdTs1,
td.group-separator-end.avisTdTs2,
td.group-separator-end.avisTdDp1,
td.group-separator-end.avisTdDp2 {
    box-shadow: inset -1px 0 0 #f1f4f5;
}

/* Séparateurs pour en-têtes sticky - box-shadow au lieu de border (évite coupure par stacking context) */
/* Règles génériques pour toutes les classes (getTitres utilise printTitre, pas avisTd*) */
.sql-display-thead-sticky td.group-separator {
    box-shadow: inset 1px 0 0 #f1f4f5;
    background-color: #fbfdfd;
}

.sql-display-thead-sticky td.group-separator-end {
    box-shadow: inset -1px 0 0 #f1f4f5;
}

.sql-display-thead-sticky td.group-separator.group-separator-end {
    box-shadow: inset 1px 0 0 #f1f4f5, inset -1px 0 0 #f1f4f5;
}

td.sql-display-sticky-left.group-separator-end {
    box-shadow: inset -1px 0 0 #f1f4f5;
}

/* Séparateur accentué après la dernière colonne visa */
td.visa-last-column {
    box-shadow: inset -1px 0 0 #d9e3e7 !important;
}

/* Border-bottom visible sur les titres dans le thead sticky (border avalée au scroll par le stacking context, on utilise box-shadow) */
.sql-display-thead-sticky td.filesUserTitre {
    border-bottom: none;
    box-shadow: inset 0 -1px 0 #e3e3e3;
}

/* Combinaison : séparateurs de groupe + titre sticky (les box-shadows doivent coexister avec le bottom) */
.sql-display-thead-sticky td.filesUserTitre.group-separator {
    box-shadow: inset 1px 0 0 #f1f4f5, inset 0 -1px 0 #e3e3e3;
}

.sql-display-thead-sticky td.filesUserTitre.group-separator-end {
    box-shadow: inset -1px 0 0 #f1f4f5, inset 0 -1px 0 #e3e3e3;
}

.sql-display-thead-sticky td.filesUserTitre.group-separator.group-separator-end {
    box-shadow: inset 1px 0 0 #f1f4f5, inset -1px 0 0 #f1f4f5, inset 0 -1px 0 #e3e3e3;
}

/* Combinaison : dernière colonne visa + titre sticky */
.sql-display-thead-sticky td.filesUserTitre.visa-last-column {
    box-shadow: inset -1px 0 0 #d9e3e7, inset 0 -1px 0 #e3e3e3 !important;
}

.sql-display-thead-sticky td.filesUserTitre.group-separator.visa-last-column {
    box-shadow: inset 1px 0 0 #f1f4f5, inset -1px 0 0 #d9e3e7, inset 0 -1px 0 #e3e3e3 !important;
}

.avisTd2 {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    background-color: #CFCFCF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: none;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
}

.softBlackOnWhite {
    background-color: #F5F5F5;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
    margin: 1px 0px 0px;
    border: 0px none #F5F5F5;
}

.menuUpl {

    background-color: #FFFFFF;

}

.printBg {
    background-color: #FFFFFF;

}

.obsInsert {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    background-color: #B4CBCD;
}

.hautBg {
    background-color: #FFFFFF;
}

.leftMenuBg {
    background-color: #BDC6D5;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}

.plVso {
    background-color: #00CCFF;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.plEmis {
    background-color: #F5F5F5;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.plRef {
    background-color: #FF0000;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.plVao {
    background-color: #FF9933;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.plBpe {
    background-color: #00FFCC;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.operatMenu {
    background-color: #CFCFCF;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    text-decoration: none;
    border-bottom: 1px solid #000000;
    margin: 1px 0px 0px;
}

.sqlDisplayTdFieldsUserAo {
    background-color: #F5F5F5;
    text-align: center;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #666666;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.planPrev {
    text-align: center;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.filesUserLigneObs {
    background-color: #F0F0F0;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666666;
    padding: 2px;
    width: 98px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
}

.infobulle {
    position: absolute;
    visibility: hidden;
    border: 1px solid #b0afb0;
    border-radius: 10px;
    padding: 10px;
    font-family: Open Sans, Arial;
    font-size: 10px;
    color: #1D314B;
    background-color: #FFFFFF;
    background-image: url(img/ib_bg.png);
    box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2), 0 7px 21px 0 rgba(0, 0, 0, 0.19);
    font-weight: bold;
    z-index: 99;
    background-repeat: repeat;
}

.sqlDisplayTdFieldsUserShow {
    background-color: rgba(239, 207, 45, 0.13) !important;
}

/* Hover: appliquer le fond à toutes les cellules de la ligne (pas seulement au tr) */
tr.sqlDisplayTdFieldsUserShow td,
tr.sqlDisplayTdFieldsUserShow .sqlDisplayTdFieldsUser,
tr.sqlDisplayTdFieldsUserShow .sqlDisplayTdFieldsUser2,
tr.sqlDisplayTdFieldsUserShow .avisTdTs1,
tr.sqlDisplayTdFieldsUserShow .avisTdTs2,
tr.sqlDisplayTdFieldsUserShow .avisTdDp1,
tr.sqlDisplayTdFieldsUserShow .avisTdDp2 {
    background-color: rgba(239, 207, 45, 0.13) !important;
}

/* Pas de hover sur les en-têtes */
thead tr.sqlDisplayTdFieldsUserShow,
thead tr.sqlDisplayTdFieldsUserShow td,
thead tr.sqlDisplayTdFieldsUserShow th {
    background-color: #fbfdfd !important;
}

.sqlDisplayTrFieldsUser {
    background-color: #fbfdfd;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border: 1px solid #fbfdfd;
}

.sqlDisplayTrFieldsUser2 {
    background-color: #fbfdfd;
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border: 1px solid #fbfdfd;
}

.avisLegendeFlag {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    background-color: #EAEAEA;
    padding: 3px;
    width: 350px;
    border: 1px solid #CC3300;
    overflow: auto;
    visibility: visible;
    z-index: 65;
    height: auto;
    position: static;
}

.planPrevTr {
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
    background-color: #D1E6BD;
}

.planUnreadTr {
    font-weight: bold;
}

.planPrevLateTr {
    text-align: left;
    padding-left: 3px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
    background-color: #FFB;
}

.sqlDisplayDivList {
    font-family: Open Sans, Geneva, sans-serif;
    color: #1D314B;
    background-color: #FFF;
    overflow: auto;
    height: 124px;
    width: 400px;
    border: 1px solid #f1f4f5;

}

.divToFront {
    z-index: 1000;
    background-color: #FC3;
    border: 2px solid #F00;
}

.divToFront2 {
    z-index: 100;
    background-color: #FC3;
    border: 2px solid #F00;
    background-image: url(img/snf_portail.jpg);
}

.snfHDiv0 {
    background-color: #FFF;
    border: 1px solid #666;
}

.snfHDiv {
    margin: 5px;
    border: 6px solid #06C;
}

.snfRubTitre {
    margin: 0px;
    background-color: #06C;
    font-family: Open Sans, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    padding: 5px;
}

.snfDocRubTxt {
    font-family: Open Sans, Geneva, sans-serif;
    font-size: 10px;
    color: #666;
    background-color: #E9E9E9;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    font-weight: bold;
    padding: 5px;
    width: 350px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.snfBasicCadre {
    font-family: Open Sans, Geneva, sans-serif;
    font-size: 9px;
    color: #1D314B;
    background-color: #FFF;
    border: 1px solid #666;
    margin: 0px;
    padding: 5px;
}

.defHomeDiv {
    overflow: visible;
    padding: 1px;
    width: 98%;
}

.plansShowHideForm {
    border: 1px solid #f1f4f5;
    width: 100%;
}

.plansShowHideHead {
    background-color: #FFFFFF;
    font-family: Open Sans, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.plansShowHideFormClose {
    border: 0px solid #eaeaea;
    height: 40px;
    overflow: hidden;
}

.avisTdObsCbc {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1D314B;
    background-color: #FFCEB7;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: none;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    text-align: center;
}

.alertMess {
    font-family: Open Sans, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #F00;
    color: #903;
    background-color: #FF9;
    padding: 5px;
}

#fqrGlob div {
    margin: 5px;
    /*border: 1px solid #666;*/
}

#fqrGlob p {
    padding: 5px;
    font-weight: bold;
}

.fqrTd {
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    vertical-align: top;
}

.fqrBigTxt {
    font-size: 14px;
}

.spieCloseDiv {
    height: 0px;
    overflow: hidden;
}

.spieOpenDiv {
    border: 1px solid #999;
    overflow: visible;
}

#spieTable td {
    background-color: #FFF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
}

#spieTable {
    margin: 2px;
    padding: 0px;
    width: 96%;
}

#spieTable th {
    font-weight: bold;
    border: 1px none #666;
}

#spieTableRep td {
    background-color: #FFF;
    border: 0px solid #999;
}

#spieTableContrat th {
    height: 150px;
    width: 70px;
    position: relative;
    vertical-align: bottom;
    /*background-color: #FFF;*/
    /*font-weight: bold;*/
}

#spieTableContrat0 th > div {
    position: relative;
    top: 0px;
    left: 100px;
    height: 100%;
    transform: skew(-45deg, 0deg);
    -ms-transform: skew(-45deg, 0deg);
    -moz-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    -o-transform: skew(-45deg, 0deg);
    overflow: hidden;
    border-top: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
    border-right: 1px solid #f1f4f5;
    /*background-color: #C90;*/
}

#spieTableContrat0 th span {
    transform: skew(45deg, 0deg) rotate(315deg);
    -ms-transform: skew(45deg, 0deg) rotate(315deg);
    -moz-transform: skew(45deg, 0deg) rotate(315deg);
    -webkit-transform: skew(45deg, 0deg) rotate(315deg);
    -o-transform: skew(45deg, 0deg) rotate(315deg);
    position: absolute;
    bottom: 70px;
    left: -25px;
    display: table-cell;
    width: 180%;
    text-align: left;
    /*background-color: #9C0;*/
}

#spieTableContrat {
    background-color: #CCC;
    margin: 0px;
    padding: 0px;
}

#spieTableContrat td {
    /*background-color: #FFF;*/
    width: 25px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #CCC;
    border-left-color: #666;
    border-top-width: 0px;
    border-left-width: 0px;
}

#spieTableContratRep {
    background-color: #CCC;
    margin: 2px;
    padding: 0px;
}

#spieTableContratRep td {
    /*background-color: #FFF;*/
    width: 25px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #CCC;
    border-left-color: #666;
}

.spieBgColorF5Th {
    /*background-color: #F0F0F0;*/
    background-image: linear-gradient(#CDCDCD 0%, #F0F0F0 80%);
}

.spieBgColorFFTh {
    /*background-color: #FFF;*/
    background-image: linear-gradient(#CDCDCD 0%, #FFF 80%);
}

.spieBgColorBlueTh {
    /*background-color: #E1E0D7;*/
    background-image: linear-gradient(#CDCDCD 0%, #E1E0D7 80%);
}

.spieBgColorF5 {
    background-color: #F0F0F0;
}

.spieBgColorFF {
    background-color: #FFF;
}

.spieBgColorBlue {
    background-color: #E1E0D7;
}

.spieInclineText {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    height: 150px;
    /*height:25px;*/
    width: 150px;
    text-align: left;
    left: 0px;
    position: relative;
    bottom: -10px;
    overflow: hidden;
    /*display: table-cell;	*/
}

@media print {

    #header,
    #footer {
        display: none;
    }
}

.sqlDisplayTdFieldsUserLeft {
    text-align: left;
    padding-left: 3px;
    white-space: nowrap;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #1D314B;
    text-decoration: none;
    margin: 2px;
    background-color: #fbfdfd;
    border-bottom-color: #f1f4f5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.simpleBold {
    font-weight: bold;
    /*background-color: #cc96c4;*/
}

.treeHighlight {
    font-weight: bold;
    /*font-size: 8px;*/
    color: #BD6C0D !important;
    background-color: #FDF9E6;
    border-radius: 3px !important;
    vertical-align: middle;
}

.tableAlerteUpdate .alertMajDate {
    color: #7a939b;
    font-weight: bold;
}

.smallInput {
    width: 80px;
    transition: width 0.2s;
}

.biggerInput {
    width: 350px;
}

.messConfirmSoft {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #383838;
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #cbcbcb;
    position: relative;
    float: none;
    left: auto;
    font-variant: normal;
    text-align: center;
    background-color: #eaeaea;
}

.messError {
    border: 1px solid #4A5157;
    margin: 5px;
    padding: 5px;
    background-color: #de4f39;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}

.visaExchangeBadge {
    font-weight: normal;
    border: 1px solid #a9a9a9;
    padding: 1px;
    min-width: 15px;
    background-color: #F5F5F5;
    color: #a9a9a9;
    box-shadow: 1px 1px 2px #7e7e7e;
    display: inline-block;
    border-radius: 4px;
}

#loginSpecialMessage {
    font-size: 16px;
    color: #1D314B;
    padding: 5px;
    margin: 5px 0 5px 0;
    border-style: solid;
    border-color: #1b6d85;
    border-width: 1px;
    background-color: #f5f5f5;
    text-align: left;
}

#gestionTable {
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    margin: 5px;
    width: 100%;
}

#gestionTable thead td,
#gestionTable thead th {
    text-align: center;
    background-color: cadetblue;
    color: white;
    font-size: 12px;
}

#gestionTable td {
    padding: 5px;
}

.rightPane {
    overflow: auto;
}

.idcYellowBg {
    background-color: #f2cd12 !important;
}

#journauxLayer table {
    border-collapse: separate;
}

.fullLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000000b5;
}

.simpleHomeMessage {
    position: relative;
    left: 10%;
    top: 15%;
    font-size: 16px;
    line-height: 35px;
}

.simpleHomeMessage a {
    font-size: 16px;
}

.extraTimeDidacticMessage {
    font-size: 14px;
    padding: 3px;
    white-space: pre-line;
}

.extraTimeCustomMessage {
    font-size: 14px;
    padding: 3px;
    font-weight: bold;
    white-space: pre-line;
}

.informationBanner {
    /*padding: 5px;*/
}

.informationBannerContent {
    padding: 5px;
    background-color: orange;
    text-align: center;
    font-size: 16px;
}

.usersFormSelector {
    height: 400px;
    overflow: auto;
    text-align: left;
}

.usersFormSelectorGroupLayout {
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-collapse: collapse;*/
    /*border-color: #999999;*/
}

.usersFormSelectorHeader {
    font-size: 12px;
    background-color: #316e77;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
}

.usersFormSelectorGroupHeader {
    background-color: #279c91;
    color: #ffffff;
    font-weight: bold;
    padding: 3px;
}

.usersFormSelectorCompanyHeader {
    background-color: #dedede;
    color: #1D314B;
    font-weight: bold;
    padding: 3px;
}

.usersFormSelectorUserLine {
    padding: 3px;
}

.sql-display-sticky-left {
    position: sticky;
    z-index: 20;
    background-color: #fff;
    border-left: none !important;
    box-sizing: border-box;
    white-space: nowrap;
}

/* Panneau figé (frozen columns) */
.sql-display-frozen-panel {
    scrollbar-width: none;
}

.sql-display-frozen-panel::-webkit-scrollbar {
    display: none;
}

.sql-display-frozen-panel table {
    border-collapse: collapse;
}

/* Couvrir les micro-gaps sub-pixel entre cellules sticky */
.sql-display-sticky-left::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 1px;
    background: inherit;
    pointer-events: none;
}

/* Hérite du background de la ligne pour les lignes alternées/colorées */
tr.sqlDisplayTrFieldsUser .sql-display-sticky-left,
tr.sqlDisplayTrFieldsUser2 .sql-display-sticky-left,
tr.planPrevTr .sql-display-sticky-left,
tr.planPrevLateTr .sql-display-sticky-left,
tr[class] .sql-display-sticky-left {
    background-color: inherit;
}

/* Fix: Fond opaque explicite pour les cellules sticky au lieu de inherit */
/* Cela évite la transparence lors du scroll horizontal */
tr.sqlDisplayTrFieldsUser .sql-display-sticky-left,
tr.sqlDisplayTrFieldsUser2 .sql-display-sticky-left {
    background-color: #fbfdfd;
}

/* Fond opaque pour les lignes planPrev avec couleurs spécifiques */
tr.planPrevTr .sql-display-sticky-left {
    background-color: #D1E6BD;
}

tr.planPrevLateTr .sql-display-sticky-left {
    background-color: #FFB;
}

/* Fix: Hover avec fond opaque pour les cellules sticky */
/* La couleur #fbf4cc est l'équivalent opaque de rgba(239, 207, 45, 0.13) sur fond blanc */
tr.sqlDisplayTdFieldsUserShow .sql-display-sticky-left,
.sqlDisplayTdFieldsUserShow .sql-display-sticky-left {
    background-color: #fbf4cc !important;
}

/* Fix: Hover sur lignes planPrev - couleur équivalente opaque */
/* rgba(239, 207, 45, 0.13) sur #D1E6BD = environ #dce8be */
tr.planPrevTr.sqlDisplayTdFieldsUserShow .sql-display-sticky-left {
    background-color: #dce8be !important;
}

/* rgba(239, 207, 45, 0.13) sur #FFB = environ #fff5a8 */
tr.planPrevLateTr.sqlDisplayTdFieldsUserShow .sql-display-sticky-left {
    background-color: #fff5a8 !important;
}

/* HighlightLine: sélection de ligne (checkbox cochée) - même style que hover */
.highlightLine {
    background-color: rgba(239, 207, 45, 0.13) !important;
}

tr.highlightLine td,
tr.highlightLine .sqlDisplayTdFieldsUser,
tr.highlightLine .sqlDisplayTdFieldsUser2,
tr.highlightLine .avisTdTs1,
tr.highlightLine .avisTdTs2,
tr.highlightLine .avisTdDp1,
tr.highlightLine .avisTdDp2 {
    background-color: rgba(239, 207, 45, 0.13) !important;
}

/* Fix: Sélection avec fond opaque pour les cellules sticky */
tr.highlightLine .sql-display-sticky-left,
.highlightLine .sql-display-sticky-left {
    background-color: #fbf4cc !important;
}

/* Fix: Sélection sur lignes planPrev - couleur équivalente opaque */
tr.planPrevTr.highlightLine .sql-display-sticky-left {
    background-color: #dce8be !important;
}

/* Sélection sur lignes planPrevLate */
tr.planPrevLateTr.highlightLine .sql-display-sticky-left {
    background-color: #fff5a8 !important;
}

/* Forcer des scrollbars non-overlay (évite le débordement au hover sur Firefox/GTK) */
[id^="sqldisplaytableparent"] {
    scrollbar-width: thin;
    scrollbar-color: #b0b0b0 transparent;
}

/* Thead sticky - en-têtes de colonnes fixes */
.sql-display-thead-sticky {
    position: sticky;
    top: 0;
    z-index: 30;
}

.sql-display-thead-sticky td {
    /* Fond opaque pour masquer le contenu qui défile en dessous */
    background-color: #fbfdfd;
}

/* Intersection: en-tête + colonne sticky (z-index le plus élevé) */
.sql-display-thead-sticky .sql-display-sticky-left {
    z-index: 40;
}

/* Stabiliser les icon-badge-wrapper dans les cellules sticky */
.sql-display-sticky-left .icon-badge-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    /* Fixer les dimensions pour éviter le recalcul lors du scroll */
    min-width: 28px;
    min-height: 18px;
}

.sql-display-sticky-left .icon-badge-wrapper i {
    /* Fixer la taille de l'icône */
    width: 18px;
    text-align: center;
}

.visaButton {
    position: relative;
    padding: 5px 8px;
    border: 0px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    margin: 5px 0;
    line-height: 1;
}

.visaButtonBordered {
    border: 1px solid #494949;
    border-radius: 4px;
}

.visaButton.has-badge {
    /*padding-right: 19px;*/
}

.visaButton .badge {
    position: absolute;
    top: 15%;
    right: -8px;
    transform: translateY(-50%);
    background-color: #efb51c;
    color: #1D314B;
    font-size: 8px;
    font-weight: bold;
    min-width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #efb51c;
    padding: 0 1px;
}

.icon-badge-wrapper {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #1D314B;
}

.icon-badge-wrapper:hover {
    color: #efb51c;
    cursor: pointer;
}

.icon-badge-wrapper.has-badge {
    /*padding-right: 10px;*/
}

.icon-badge-wrapper .badge {
    position: absolute;
    top: -4px;
    right: -1px;
    background-color: #efb51c;
    color: #1D314B;
    border: 1px solid #efb51c;
    font-size: 7px;
    font-weight: bold;
    min-width: 12px;
    height: 12px;
    line-height: 10px;
    text-align: center;
    border-radius: 50%;
    padding: 0 1px;
}

/* Show on hover - hidden by default, shown when parent row has sqlDisplayTdFieldsUserShow */
.show-on-hover {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

.sqlDisplayTdFieldsUserShow .show-on-hover {
    opacity: 1;
}

.pagination-container {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    font-family: Arial, sans-serif;
}

.pagination-total {
    color: #666;
    font-size: 10px;
    margin-right: 10px;
}

.pagination-select {
    height: 24px;
    padding: 0 8px;
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #1D314B;
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
    margin-right: 10px;
}

.pagination-select:hover {
    border-color: #EFB51C;
}

.pagination-select:focus {
    outline: none;
    border-color: #EFB51C;
}

.pagination-controls {
    display: flex;
    align-items: center;
    gap: 2px;
}

.pagination-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 10px;
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #1D314B;
    text-decoration: none;
    border-radius: 4px;
    font-size: 11px;
    transition: all 0.2s;
    cursor: pointer;
}

.pagination-btn:hover:not(.disabled):not(.active) {
    background: #EFB51C;
    border-color: #EFB51C;
}

.pagination-btn.active {
    border-color: #EFB51C;
    color: #1D314B;
    font-size: 11px;
}

.pagination-btn.disabled {
    color: #ccc;
    cursor: not-allowed;
    background: #fafafa;
}

.pagination-first,
.pagination-last,
.pagination-prev,
.pagination-next {
    min-width: 24px;
}

.pagination-top {
    margin-left: auto;
    color: #666;
    text-decoration: none;
    font-size: 13px;
}

.pagination-top:hover {
    color: #1D314B;
}

.visa-cell-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.visaIcons {
    font-size: 18px;
    color: #1d314b;
    vertical-align: middle;
}

.icon-custom-plus-circle,
.icon-custom-minus-circle,
.icon-custom-x-circle,
.icon-custom-clock-circle,
.icon-custom-info-circle {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    vertical-align: middle;
}

.icon-custom-plus-circle {
    mask: url('../../public/assets/svg/custom-plus-circle.svg') no-repeat center / contain;
    -webkit-mask: url('../../public/assets/svg/custom-plus-circle.svg') no-repeat center / contain;
}

.icon-custom-minus-circle {
    mask: url('../../public/assets/svg/custom-minus-circle.svg') no-repeat center / contain;
    -webkit-mask: url('../../public/assets/svg/custom-minus-circle.svg') no-repeat center / contain;
}

.icon-custom-x-circle {
    mask: url('../../public/assets/svg/custom-x-circle.svg') no-repeat center / contain;
    -webkit-mask: url('../../public/assets/svg/custom-x-circle.svg') no-repeat center / contain;
}

.icon-custom-clock-circle {
    mask: url('../../public/assets/svg/custom-clock-circle.svg') no-repeat center / contain;
    -webkit-mask: url('../../public/assets/svg/custom-clock-circle.svg') no-repeat center / contain;
}

.icon-custom-info-circle {
    mask: url('../../public/assets/svg/custom-info-circle.svg') no-repeat center / contain;
    -webkit-mask: url('../../public/assets/svg/custom-info-circle.svg') no-repeat center / contain;
}

/* cadresMore.css */

.sqlDisplayDivListOpen {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    background-color: #FFF;
    overflow: auto;
    max-height: 400px;
    /*width: 400px;*/
    border: 1px solid #CCCCCC;
    transition: all 0.5s;
    opacity: 1;
    z-index: 9999;
    position: absolute;
    box-shadow: 1px 1px 5px #999999;
    display: inline-block;
    white-space: nowrap;
    padding: 4px;
    padding-right: 20px;
}

#div_numeromulti.sqlDisplayDivListOpen {
    padding: 0px;
    height: auto;
}

.sqlDisplayDivListClose {
    opacity: 0;
    overflow: hidden;
    height: 0px;
    transition: all 0.5s;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    display: none;
}

.sqlDisplayDivListContainer {
    /*height: 28px;*/
    transition: all 0.5s;
    /*z-index: 999;*/
    position: relative;
    display: inline-block;
}

.modernFormGlobInlay {
    position: relative;
    display: inline-block;
    border: #e4e5e4 1px solid;
    border-radius: 5px;
    background: #f8f9fa;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #4a5052;
}

input.middle:focus {
    outline-width: 0;
}

.modernFormGlobInlayCombo {
    position: relative;
    display: inline-block;
    border: #e4e5e4 1px solid;
    border-radius: 5px;
    background: #f8f9fa;
    padding: 5.5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #4a5052;
}

.modernFormGlobInlayCombo.dropdownPadding {
    padding: 4.3px;
}

/* Uniformiser la hauteur du select sur Chrome, Firefox et Edge */
.modernFormGlobInlayCombo.dropdownHeight {
    height: 24.9px;
}

.modernFormGlobInlayDisabled {
    background-color: #e5e5e5;
    color: #909090;
}

.modernFormGlobOutlay {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-color: #eaeaea;
    border-style: solid;
    background: #FFFFFF;
    margin: 1px 4px 1px 0px;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #464646;
    background: #ffffff; /* Old browsers */
}

.modernFormGlobOutlay:hover {
    border-color: #6c6c6c;
    transition: all 0.5s;
    color: #000000;
}

.modernFormGlobOutlaySoft {
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-color: #efefef;
    border-style: solid;
    background: #FFFFFF;
    padding: 4px;
    margin: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #737373;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+41,e8e8e8+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 41%, #e8e8e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 41%, #e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 41%, #e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); /* IE6-9 */
}

.modernFormGlobOutlaySoft:hover {
    border-color: #d4d4d4;
}

.modernFormGlobLabel {
    display: inline-block;
    position: relative;
    border-width: 0px;
    background: #FFFFFF;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #3d3d3d;
    font-weight: bold;
    position: relative;
}

.modernFormGlobContour {
    text-align: middle;
    border-radius: 3px;
}

.modernFormGlobContour:disabled {
    color: #e3e3e3;
    border-radius: 3px;
}

.modernFormGlobContourLeft {
    text-align: right;
    border-radius: 3px 0px 0px 3px;
}

.modernFormGlobContourRight {
    text-align: left;
    border-radius: 0px 3px 3px 0px;
}

.modernTd {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #737373;
    white-space: nowrap;
}

.modernTdLeft {
    text-align: right;
    padding-right: 0px;
    padding-left: 5px;
}

.modernTdRight {
    text-align: left;
    padding-right: 5px;
    padding-left: 0px;
}

.plansSearch17 {
    /*padding: 5px;*/
    position: relative;
    border-width: 0px;
    border-color: #c0c0c0;
    border-style: solid;
    background: #FFFFFF;
    position: relative;
}

.plansSearchAddons {
    /*white-space: nowrap;*/
}

.plansSearch17Head {
    /*padding: 5px;*/
    position: relative;
    /*background: #F5F5F5;*/
}

.boxRight {
    display: inline-block;
    /*vertical-align: middle;*/
    /* float: right; */
}

.plansSearch17Body {
    transition: all 0.5s;
    /*padding: 5px;*/
    max-height: 8000px;
    opacity: 1;
    border-width: 0px 0px 0px 0px;
    border-color: green;
    border-style: solid;
    margin-bottom: 5px;
    /*
    -moz-box-shadow: -2px 2px 5px 0px #cfcfcf;
-webkit-box-shadow: -2px 2px 5px 0px #cfcfcf;
-o-box-shadow: -2px 2px 5px 0px #cfcfcf;
box-shadow: -2px 2px 5px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=224, Strength=5);*/
}

#plansSearch17BodyRecap.plansSearch17Body {
    background-color: #bec9cc;
}

.plansSearch17BodyShadow {
    -moz-box-shadow: -2px 2px 5px 0px #f0f0f0;
    -webkit-box-shadow: -2px 2px 5px 0px #f0f0f0;
    -o-box-shadow: -2px 2px 5px 0px #f0f0f0;
    box-shadow: -2px 2px 5px 0px #f0f0f0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#f0f0f0, Direction=224, Strength=5);
    border-width: 1px;
    border-style: solid;
    border-color: #f0f0f0;
}

.plansSearch17BodyShadowClose {

}

.plansSearch17BodyClose {
    padding: 2px;
    transition: all 0.5s;
    opacity: 0;
    overflow: hidden;
    /*height: 1px;*/
    max-height: 1px;
    border-width: 0px;
}

.plansSearch17BodyAll {
    transition: all 0.5s;
    max-height: 8000px;
    opacity: 1;

}

.plansSearch17BodyAllClose {
    padding: 2px;
    transition: all 0.5s;
    opacity: 0;
    overflow: hidden;
    /*height: 1px;*/
    max-height: 1px;
    border-width: 0px;
}

.plansSearch17BodySousRubHead {
    padding: 5px;
    border-width: 1px 0px 0px 0px;
    border-color: #ebebeb;
    border-style: solid;
}

.plansSearch17BodyMore {
    border-width: 0px 0px 0px 0px;
    border-color: green;
    border-style: solid;
    font-weight: bold;
    /*
        -moz-box-shadow: -2px 2px 5px 0px #cfcfcf;
-webkit-box-shadow: -2px 2px 5px 0px #cfcfcf;
-o-box-shadow: -2px 2px 5px 0px #cfcfcf;
box-shadow: -2px 2px 5px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=224, Strength=5);*/
}

.plansSearchElementBlock {
    display: inline-block;
    position: relative;
    border-width: 0px;
    border-color: #e7e7e7;
    border-style: dashed;
    padding: 5px;
    margin: 5px;
    margin-top: 3px;
    margin-bottom: 6px;
    border-radius: 6px;
    font-weight: bold;
}

.plansSearchElementBlock:hover {
    border-color: #808080;

}

.plansSearchElementBlockMin {
    display: inline-block;
    position: relative;
    border-width: 0px;
    border-color: #e7e7e7;
    border-style: dashed;
    padding: 0px;
    margin: 0px;
    /* margin-top: 3px;*/
    border-radius: 6px;
}

#sql_combo_displayMultiDivTable tr:hover {
    background: #F5F5F5;
}

.multiChoiceDropListToggleSeparator {
    padding: 3px;
    border-width: 0px 0px 1px 0px;
    border-color: #c0c0c0;
    border-style: solid;
}

.planSearchRecaptTitre {
    display: inline-block;
    margin: 3px;
    font-weight: bold;

}

.planSearchRecaptValues {
    display: inline-block;
    margin: 3px;
}

/* ====================case a cocher =================== */

/*!* Cachons la case à cocher *!*/
/*.usePersoCheckBox [type="checkbox"]:not(:checked),*/
/*.usePersoCheckBox [type="checkbox"]:checked {*/
/*    position: absolute;*/
/*    left: -9999px;*/

/*}*/

/*.usePersoCheckBox2 [type="checkbox"]:not(:checked),*/
/*.usePersoCheckBox2 [type="checkbox"]:checked {*/
/*    display: none;*/

/*}*/

/*!* on prépare le label *!*/
/*[type="checkbox"]:not(:checked) + label,*/
/*[type="checkbox"]:checked + label {*/
/*    position: relative; !* permet de positionner les pseudo-éléments *!*/
/*    padding-left: 25px; !* fait un peu d'espace pour notre case à venir *!*/
/*    cursor: pointer; !* affiche un curseur adapté *!*/
/*    float: left;*/
/*    text-align: left;*/
/*    width: auto;*/
/*}*/

/*!* Aspect des checkboxes *!*/
/*!* :before sert à créer la case à cocher *!*/
/*[type="checkbox"]:not(:checked) + label:before,*/
/*[type="checkbox"]:checked + label:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0px;*/
/*    width: 14px;*/
/*    height: 14px; !* dim. de la case *!*/
/*    border: 1px solid #aaa;*/
/*    background: #f8f8f8;*/
/*    border-radius: 3px; !* angles arrondis *!*/
/*    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3) !* légère ombre interne *!*/
/*}*/

/*!* Aspect général de la coche *!*/
/*[type="checkbox"]:not(:checked) + label:after,*/
/*[type="checkbox"]:checked + label:after {*/
/*    content: '✔';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 4px;*/
/*    font-size: 11px;*/
/*    color: #0080c0;*/
/*    transition: all .2s; !* on prévoit une animation *!*/
/*}*/

/*!* Aspect si "pas cochée" *!*/
/*[type="checkbox"]:not(:checked) + label:after {*/
/*    opacity: 0; !* coche invisible *!*/
/*    transform: scale(0); !* mise à l'échelle à 0 *!*/
/*}*/

/*!* Aspect si "cochée" *!*/
/*[type="checkbox"]:checked + label:after {*/
/*    opacity: 1; !* coche opaque *!*/
/*    transform: scale(1); !* mise à l'échelle 1:1 *!*/
/*}*/

/*!* aspect désactivée *!*/
/*[type="checkbox"]:disabled:not(:checked) + label:before,*/
/*[type="checkbox"]:disabled:checked + label:before {*/
/*    box-shadow: none;*/
/*    border-color: #bbb;*/
/*    background-color: #ddd;*/
/*}*/

/*!* styles de la coche (si cochée/désactivée) *!*/
/*[type="checkbox"]:disabled:checked + label:after {*/
/*    color: #999;*/
/*}*/

/*!* on style aussi le label quand désactivé *!*/
/*[type="checkbox"]:disabled + label {*/
/*    color: #aaa;*/
/*}*/

/*!* aspect au focus de l'élément *!*/
/*[type="checkbox"]:checked:focus + label:before,*/
/*[type="checkbox"]:not(:checked):focus + label:before {*/
/*    border: 1px dotted blue;*/
/*}*/

/*.usePersoCheckBox {*/
/*    height: auto;*/
/*    vertical-align: middle;*/
/*}*/

/*.usePersoCheckBox2 {*/
/*    height: auto;*/
/*    vertical-align: middle;*/
/*    width: 250px;*/
/*    white-space: nowrap;*/
/*}*/


.plansStatsHeadMenuZone {
    background: black;
    width: auto;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}

.plansStatsHeadMenuZone:hover {
    background: #9f9f9f;
}

.dropDownSimpleOpenButton {
    background: transparent;
    padding: 2px;
    border: none;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #737373;

}

.temporaryVisaToogleButtonVisaTempOn {
    -moz-box-shadow: inset 0px 1px 0px 0px #3dc21b;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3dc21b;
    box-shadow: inset 0px 1px 0px 0px #3dc21b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #37a153), color-stop(1, #57b027));
    background: -moz-linear-gradient(top, #37a153 5%, #57b027 100%);
    background: -webkit-linear-gradient(top, #37a153 5%, #57b027 100%);
    background: -o-linear-gradient(top, #37a153 5%, #57b027 100%);
    background: -ms-linear-gradient(top, #37a153 5%, #57b027 100%);
    background: linear-gradient(to bottom, #37a153 5%, #57b027 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37a153', endColorstr='#57b027', GradientType=0);
    background-color: #37a153;
    border: 1px solid #18ab29;
    text-shadow: 0px 1px 0px #2f6627;
}

.temporaryVisaToogleButtonVisaTempOff {
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
    background-color: #d0451b;
    border: 1px solid #942911;
    text-shadow: 0px 1px 0px #854629;
}

input.temporaryVisaToogleButtonVisaTempOff, input.temporaryVisaToogleButtonVisaTempOn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
}

.temporaryVisaLabel {
    padding: 7px 6px 6px 5px;
    background-color: orange;
    font-weight: bold;
    display: inline;
    margin: 4px 0 0 3px;
    font-size: 12px;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
}

.visaTrash {
    cursor: pointer;
}

.tableAlerteUpdate {
    width: 100%;
    margin-top: 20px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #e9e9e9;
    background-color: #ffffff;
}

.tableAlerteUpdate th {
    background-color: #e5e5e5;
    background-image: linear-gradient(#DDDDDD 0%, #e9e9e9 80%);
    color: #717982;
    font-size: 13px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #e9e9e9;
}

.tableAlerteUpdate td {
    background-color: #ffffff;
    color: #303030;
    font-size: 12px;
    padding: 5px;
    text-align: left;
    border-width: 0px;
}

.submitButton:hover {
    background: #fff;
    transition: all 0.5s;
    color: #316e77;
}

.submitButton {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-color: #316e77;
    border-style: solid;
    margin: 1px 2px 1px 0;
    background-color: #316e77;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #fff;
    /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+16,bababa+100 */
    background: -moz-linear-gradient(top, #3e6067 0%, #3e6067 41%, #3e6067 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3e6067 0%, #3e6067 41%, #3e6067 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4a7179 0%, #3e6067 41%, #345157 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#316e77', endColorstr='#e8e8e8', GradientType=0); /* IE6-9 */
}

.importantButton {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-color: #bbc8ccff;
    border-style: solid;
    margin: 1px 2px 1px 0;
    background-color: #fff;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #3e6067;
    font-weight: bold;
}

.importantButton:hover {
    background: #fff;
    transition: all 0.5s;
    color: #5c8d97;
}

.submitButtonBig {
    padding: 12px;
    font-size: 12px;
}

.modernFormAlternate {
    border-width: 1px;
    border-color: #d7d9d7;
}

input:focus {
    outline: 0;
    /* some people use shadows too */
    box-shadow: none;
}

input:focus-visible {
    outline: 0;
    box-shadow: none;
    border-color: #3e6067;
    border-style: solid;
    border-width: 1px;
}

textarea:focus {
    outline: 0;
    /* some people use shadows too */
    box-shadow: none;
}

textarea:focus-visible {
    outline: 0;
    box-shadow: none;
    border-color: #3e6067;
    border-style: solid;
    border-width: 1px;
}

.activeCheckBoxLine {

}

.inactiveCheckBoxLine {
    color: #9b9b9b;
}

.inactiveCheckBoxLine input {
    background-color: #e3e3e3;
}

.planSearchSectionSeparator {
    border-style: solid;
    border-color: #e4e5e4;
    border-width: 1px 0 0 0;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
}

/* cadresSup.css */
.samCadre {
	background-color: #FFFFFF;
	margin: 3px;
	padding: 1px;
	width: 100%;
	border: 0px solid #666666;
	text-align: center;
	padding: 0;
	margin: 0;
}

.snfLoTd01 {
	background-color: #FFF;
	padding: 3px;
	width: 100%;
	border: 1px solid #CCC;
	background-image: url(img/accueil_aide000.jpg);
}

.snfLoTd02 {
	background-color: #CCC;
	padding: 3px;
	border: 1px solid #CCC;
}

/* cal_css.css */
.jours {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
}

.heure {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    border-color: #d6e6e0;
    border-style: solid;
    border-width: 1px;
    height: 30px;
}

.flatFields {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: left;
}

.flatFieldsFree {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #FFFFFF;
    cursor: pointer;
    width: 98%;
    height: 98%;
}

.flatFieldsReserver {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #F3C876;
    /*background: linear-gradient(90deg, rgba(55, 59, 77, 1) 0%, rgba(77, 86, 108, 1) 100%);*/
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.flatFieldsFerie {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
}

.flatFieldsOccuper {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #FBDDB5;
}

.flatFieldsClose {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #999999;
}

.flatFieldsOccuperObli {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #F3C876;
}

.bouton {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #E2DBD3;
}

.combo {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    border: 1px solid #666666;
    text-align: left;
    background: #E2DBD3;
}

.texte {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
}

.titremois {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    background: #FFFFFF
}

.titremois:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FF0000;
    background: #1C2D67;
    text-decoration: none
}

.titremois:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FDFC65;
    background: #1C2D67;
    text-decoration: none
}

.titremois:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: #9CC4C4;
    text-decoration: underline
}

.titrejours {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #333333;
    background: #FFFFFF
}

.titrenum {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #000000;
    background: #FFFFFF
}

.titrenum2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #666666;
    background: #FFFFFF
}

.titreweek {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #666666;
    background: #FFFFFF
}

.titreweek2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background: #383872
}

.titrewend {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #000000;
    background: #E2DBD3
}

.titrewend2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #AAAAAA;
    background: #E2DBD3
}

.titrenow {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #CCCCCC;
    background: #FFFF00;
    font-weight: bold;
}

.ferie {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #E2DBD3;
    border-color: #c3d3cd;
    border-style: dashed;
    border-width: 1px;
}

.calendarTitre {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    background: #D1CFC0;
    height: 35px;
}

.reserver {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #1d1d1d;
    background-color: #F3C876;
    /*background: linear-gradient(90deg, rgba(55, 59, 77, 1) 0%, rgba(77, 86, 108, 1) 100%);*/
    cursor: pointer;
    /*width: 100%;*/
    height: 100%;
    border-style: solid;
    border-width: 0 3px 0 3px;
    border-color: #97744c;
}

.reserver2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #ffffff;
    background-color: #8fb1cf;
    /*background: linear-gradient(90deg, rgba(50, 13, 0, 1) 0%, rgba(116, 30, 0, 1) 100%);*/
    cursor: pointer;
    /*width: 100%;*/
    height: 100%;
    border-style: solid;
    border-width: 0 3px 0 3px;
    border-color: #3c5065;
}

.titrejours2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #333333;
    background: #F5F5F5
}

.titrejours3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #000000;
    background: #D8B498
}

.libre {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #FFFFFF;
    padding: 0px;
    border-color: #c3d3cd;
    border-style: dashed;
    border-width: 1px;
    height: 30px;
}

.closed {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #e1e1e1;
    padding: 0px;
    border-color: #c3d3cd;
    border-style: dashed;
    border-width: 1px;
    height: 30px;
    cursor: not-allowed;
}

.texte {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
}

.flatFieldsReserver2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #8fb1cf;
    /*background: linear-gradient(90deg, rgba(50, 13, 0, 1) 0%, rgba(116, 30, 0, 1) 100%);*/
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.valider {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    color: #ffffff;
    background-color: #40a885;
    /*background: linear-gradient(90deg, rgba(51, 59, 51, 1) 0%, rgba(103, 117, 103, 1) 100%);*/
    border-style: solid;
    border-width: 0 3px 0 3px;
    border-color: #265c44;
}

.flatFieldsValider {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #40a885;
    /*background: linear-gradient(90deg, rgba(51, 59, 51, 1) 0%, rgba(103, 117, 103, 1) 100%);*/
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.calAnnuDiv {
    height: 200px;
    overflow: auto;
    border: 1px solid #CCC;
}

.calBtSize {
    height: 100%;
    width: 200px;
}

#logistiqueSimpleView {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #000000;
    background-color: #fff;
    border-style: solid;
    border-color: #265c44;
    border-width: 1px;
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

.logistiqueSimpleViewTable {
    border: 1px solid black;
}

#logistiqueSimpleView th {
    font-size: 20px;
}

#logistiqueSimpleView td {
    padding: 3px;
}

.logistiqueSimpleTd {
    text-align: left;
    vertical-align: text-top;
}

.logistiqueSimpleDate {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    background-color: #F5F5F5;
}

/* calendar-blue.css */
/* The main calendar widget.  DIV containing a table. */
div.calendar {
	position: relative;
	z-index: 95;
}

.calendar, .calendar table {
	border: 1px solid #556;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #eef;
	font-family: tahoma, verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	text-align: center; /* They are the navigation buttons */
	padding: 2px; /* Make the buttons seem like they're pressing */
}

.calendar .nav {
	background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold; /* Pressing it will take you to the current date */
	text-align: center;
	background: #fff;
	color: #000;
	padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	background: #778;
	color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
	background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid #556;
	padding: 2px;
	text-align: center;
	color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #a66;
}

.calendar thead .hilite {
	/* How do the buttons in header appear when hover */
	background-color: #aaf;
	color: #000;
	border: 1px solid #04f;
	padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
	background-color: #77c;
	padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	color: #456;
	text-align: right;
	padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #bbb;
}

.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
}

.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #000;
	background: #bdf;
}

.calendar tbody .rowhilite td {
	background: #def;
}

.calendar tbody .rowhilite td.wn {
	background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
	background: #def;
	padding: 1px 3px 1px 1px;
	border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
	background: #cde;
	padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 3px 1px 1px;
	background: #fff;
	color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
	font-weight: bold;
	color: #00f;
}

.calendar tbody .disabled {
	color: #999;
}

.calendar tbody .emptycell {
	/* Empty cells (the best is to hide them) */
	visibility: hidden;
}

.calendar tbody .emptyrow {
	/* Empty row (some months need less than 6 rows) */
	display: none;
}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	text-align: center;
	background: #556;
	color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background: #fff;
	color: #445;
	border-top: 1px solid #556;
	padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
	background: #aaf;
	border: 1px solid #04f;
	color: #000;
	padding: 1px;
}

.calendar tfoot .active {
	/* Active (pressed) style for buttons in footer */
	background: #77c;
	padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border: 1px solid #655;
	background: #def;
	color: #000;
	font-size: 90%;
	z-index: 96;
}

.calendar .combo .label, .calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix {
	width: 4em;
}

.calendar .combo .hilite {
	background: #acf;
}

.calendar .combo .active {
	border-top: 1px solid #46a;
	border-bottom: 1px solid #46a;
	background: #eef;
	font-weight: bold;
}

.calendar td.time {
	border-top: 1px solid #000;
	padding: 1px 0px;
	text-align: center;
	background-color: #f4f0e8;
}

.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm
	{
	padding: 0px 3px 0px 4px;
	border: 1px solid #889;
	font-weight: bold;
	background-color: #fff;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	border-color: #000;
	background-color: #667;
	color: #fff;
}

.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
}

/* commons.css */
.hideElementIcon::after {
    font-family: "Font Awesome 6 Free", serif;
    font-style: normal;
    font-weight: bold;
    content: '\f056';
}

.showElementIcon::after {
    font-family: "Font Awesome 6 Free", serif;
    font-style: normal;
    font-weight: bold;
    content: "\f055";
}

.gray-filter {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.red-filter {
    filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(0deg) brightness(94%) contrast(115%);
    -webkit-filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(0deg) brightness(94%) contrast(115%);
}

/* download-modal component - mode view */
.download-modal-view-icon-active {
    color: #232323;
    cursor: pointer;
    transition: color 0.2s ease;
    font-size: 18px;
    vertical-align: middle;
}

.download-modal-view-icon-active:hover {
    color: #ffc52c;
}

.download-modal-view-icon-disabled {
    color: #ccc;
    cursor: not-allowed;
    font-size: 18px;
    vertical-align: middle;
}

.leftTreeBadge {
    background-color: #e5e5e5;
    color: #fff;
    border-style: solid;
    border-color: #316e77;
    border-width: 0;
    border-radius: 6px;
    display: inline-block;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: middle;
    margin-left: 3px;
}

.leftTreeBadgeText {
    color: #545454;
    display: inline-block;
    vertical-align: middle;
}

.iconHeadset {
    background-image: url(img/headset_question.svg);
    background-repeat: no-repeat;
    content: "";
    width: 18px; /* Ajustez la taille selon vos besoins */
    height: 18px; /* Ajustez la taille selon vos besoins */
    display: inline-block;
}

.fa-custom-headset::before {
    content: "";
    display: inline-block;
    width: 18px; /* Ajustez la taille selon vos besoins */
    height: 18px; /* Ajustez la taille selon vos besoins */
    background-image: url(img/headset_question.svg);
    background-size: contain; /* ou cover, selon la façon dont vous voulez redimensionner l'image */
}

/* courrier.css */
.crrTable {
	background-color: #FFFFFF;
	border: 0px solid #333333;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.crrTd {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #FFFFFF;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #8A8A8A;
	border-bottom-color: #8A8A8A;
	border-left-color: #E5E5E5;
	height: 20px;
	text-align: left;
}

.crrTdCenter {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #FFFFFF;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #8A8A8A;
	border-bottom-color: #8A8A8A;
	border-left-color: #E5E5E5;
	height: 20px;
	text-align: center;
}

.crrMain {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #666666;
	border: 1px solid #993300;
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	margin: 2px;
	padding: 3px;
}

.crrTxtFld {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #333333;
	background-image: url(img/crrFctBg.png);
	background-repeat: repeat-x;
	height: 20px;
	border: 1px solid #666666;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.crrAreaFld {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #333333;
	background-image: url(img/crrTxtAreaBg.png);
	background-repeat: repeat-x;
	height: 200px;
	border: 1px solid #666666;
}

.crrTdAtt {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #FFFFFF;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #8A8A8A;
	border-bottom-color: #8A8A8A;
	border-left-color: #E5E5E5;
	height: 100%;
}

.crrAddress55 {
	background-image: url(img/transparent_bg.png);
	background-repeat: repeat;
	height: 100%;
	_height: 400px;
	width: 100%;
	_width: 750px;
	z-index: 200;
	background-position: center center;
	position: absolute;
	_position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	_top: expression(documentElement.scrollTop + body.scrollTop + 20 + "px");
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border: 0px solid #CC0000;
	overflow: hidden;
}

.crrAddress {
	background-position: center center;
	width: 100%;
	left: 0px;
	top: 0px;
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border: 0px solid #CC0000;
	overflow: hidden;
	height: 1px;
}

.crrAddBook2 {
	border: 1px solid #FFFFFF;
	background-position: center center;
	height: 100%;
	width: 100%;
}

.crrAddTd {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #F1EEEB;
	font-weight: bold;
	cursor: pointer;
}

.crrFiles {
	overflow: auto;
	margin: 0;
	border: none;
	padding: 0px;
}

.crrFilesAtt {
	overflow: auto;
	height: 100%;
}

.crrBtSend {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #CCCCCC;
}

.crrAddressIn {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #333333;
	overflow: auto;
	height: 350px;
}

.crrAddTdTitre {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
}

.crrAddTdShow {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFCC33;
	font-weight: bold;
}

.crrTdHead {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #E8E8E3;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #8A8A8A;
	border-bottom-color: #8A8A8A;
	border-left-color: #E5E5E5;
	height: 20px;
	text-align: center;
	font-weight: bold;
	background-position: center center;
}

.crrBoxHead0 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
}

.crrBoxHead {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	height: 20px;
}

.crrBoxMessTab {
	border: 0px solid #FFFFFF;
	background-position: center center;
	height: 100%;
	width: 100%;
}

.crrBoxMessHead {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #0066CC;
	font-weight: normal;
}

.crrBoxMessHeadTr {
	background-color: #F5F5F5;
}

.crrMessList {
	height: 150px;
	overflow: auto;
}

.crrBoxMessDetTab {
	
}

.crrBoxMessDetHead {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4A5E71;
}

.crrBoxMessDetTxt {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #FFFFFF;
}

.crrBoxMessDetSep {
	background-color: #666666;
}

/* dashboards.css */
.dashboardModule {
    height: auto;
    border-style: solid;
    border-width: 1px 1px 1px 8px;
    border-color: #316e77;
    border-bottom-color: #d3d3d3;
    border-top-color: #d3d3d3;
    border-right-color: #d3d3d3;
    margin: 10px;
    width: 96%;
    display: inline-block;
    vertical-align: top;
    /*border-radius: 3px;*/

}

.dashboardModuleData {
    transition: max-height 0.5s ease-in;
    max-height: 500px;
    background-color: #fefefe;
    overflow: auto;
}

.dashboardModuleData.dashboardClose {
    max-height: 0;
    transition: max-height 0.5s ease-out;

}

.dashboardModuleData td {
    text-align: center;
}

.dashboardModuleHead {
    background: linear-gradient(to right, #f5f5f5, #ffffff);
    color: #3e5956;
    padding: 5px;
    height: 35px;
    max-height: 35px;
    font-size: 12px;
    vertical-align: center;
    text-align: center;
    opacity: 0.8;
    transition: opacity 0.3s ease-out;
    border-radius: 3px;
}

.dashboardModuleHead:hover {
    opacity: 1;
}

.dashboardShadow {
    -moz-box-shadow: 4px 4px 3px 0px #ededed;
    -webkit-box-shadow: 4px 4px 3px 0px #ededed;
    -o-box-shadow: 4px 4px 3px 0px #ededed;
    box-shadow: 4px 4px 3px 0px #ededed;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#ededed, Direction=134, Strength=3);
}

.dashboardHeadAll {
    color: #3e5956;
    padding: 5px;
    height: 25px;
    max-height: 25px;
    font-size: 12px;
    text-align: left;
    opacity: 0.8;
    display: inline-flex;
    vertical-align: middle;
}

#dashboardCloseAll:hover, #dashboardOpenAll:hover, #dashboardExportAll:hover {
    cursor: pointer;
}

.dashboardModule th {
    padding: 5px 2px 5px 13px;
    cursor: pointer;
    background-color: #F5F5F5;
    color: #3e5956;
    font-weight: bold;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #3e5956;
}

.dashboardModule table {
    background-color: #F5F5F5;
    width: 100%;
    border-spacing: 0;
}

.dashboardModule tr {
    background-color: #FFFFFF;
}

.dashboardModule td {
    padding: 4px;
}

.dashboardModule tr:hover {
    background-color: #85bfb9;
}

.dashboardOrderby {
    background: url("img/order_neutre.png") no-repeat;
}

.dashboardOrderbyAsc {
    background: url("img/order_down.png") no-repeat;
}

.dashboardOrderbyDesc {
    background: url("img/order_up.png") no-repeat;
}

.dashboardBoxRight {
    display: inline-block;
    float: right;
    vertical-align: middle;
}

.dashboardHeadText {
    display: inline-block;
    float: left;
    vertical-align: middle;
    text-align: center;
    /*width: 80%;*/
    height: 100%;
    max-height: 100%;
    /*cursor: pointer;*/
}

.dashboardPanel table {
    width: 100%;
}

.dashboardPointer {
    cursor: pointer;
}

.dashboardToRightArrow {
    display: inline-block;
    float: left;
    vertical-align: middle;
    height: 24px;
    max-height: 24px;
    width: 24px;
    cursor: pointer;
    margin-right: 4px;
    font-size: 23px;
    transition-duration: 0.3s;
    transition-property: transform;
    /*transform-origin: 11.35px 14.2px;*/
    display: grid;
}

.dashboardToBottomArrow {
    transform: rotate(90deg);
}

.dashboardSliceSection {
    border-style: dashed;
    border-color: bisque;
    border-width: 1px 0 0 0;
    padding: 5px;
    font-size: 10px;
    /*max-width: 600px;*/
    /*max-height: 400px;*/
    overflow-x: auto;
    width: 100%;
}

.dashboardSliceSection table {
    /*width: 500px;*/
}

.dashboardSliceSection th td {
    padding: 0px;
}

.dashboardGlobalStats {
    height: auto;
    border-style: solid;
    border-width: 1px 1px 1px 8px;
    border-color: #79aea9;
    border-bottom-color: #d3d3d3;
    border-top-color: #d3d3d3;
    border-right-color: #d3d3d3;
    margin: 12px;
    width: 97%;
    display: inline-block;
    vertical-align: top;
    padding: 2px;
}

.dashboardGlobalStats table {
    width: 100%;
}

.dashboardComboChoices {
    font-size: 10px;
    border-style: solid;
    border-color: #cbcbcb;
}

/* datepicker.css */
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* The wrapper div */
div.datePicker {
	position: absolute;
	min-width: 24em;
	width: 24em;
	z-index: 19999;
	text-align: center;
	/* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
	font: 900 0.8em/0.8em 'Open Sans', sans-serif;
	/* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
	/* font:900 77%/77% Verdana; */
	background: transparent;
	/* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* Styles for the static datePickers */
div.staticDP {
	position: relative;
	top: 5px;
	left: 0;
}
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack {
	position: absolute;
	background: #fff;
	z-index: 19998;
	padding: 0;
	border: 0;
	display: none;
	margin: 0;
}
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link, a.date-picker-control:visited, a.date-picker-control:hover,
	a.date-picker-control:active, a.date-picker-control:focus {
	/*position:relative;*/
	/* Moz & FF */
	display: -moz-inline-stack;
	border: 0 none;
	padding: 0;
	margin: 0 0 0 4px;
	background: transparent url(./media/cal.gif) no-repeat 50% 50%;
	min-width: 16px;
	line-height: 1;
	cursor: pointer;
	visibility: visible;
	text-decoration: none;
	vertical-align: middle;
}
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control {
	width: 16px;
}

a.date-picker-control {
	/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
	display: inline-block;
}

a.date-picker-control span {
	display: block;
	width: 16px;
	height: 16px;
	margin: auto 0;
}
/* The next & previous buttons */
div.datePicker th span {
	display: inline;
	padding: 0;
	margin: 0;
	color: #000;
	text-align: center;
	line-height: 1em;
	border-width: 0;
	font-family: georgia, times new roman, palatino, times, bookman, serif;
	background: transparent;
	font-weight: bold;
	cursor: pointer;
}

div.datePicker th span.month-display, div.datePicker th span.year-display
	{
	text-transform: uppercase;
	letter-spacing: 1px;
	font: normal 1.2em 'Open Sans', sans-serif;
	cursor: default;
}

div.datePicker th span.prev-but, div.datePicker th span.next-but {
	font-size: 1.8em;
	cursor: pointer !important;
}

div.datePicker th span.today-but {
	text-align: center;
	margin: 0 auto;
	font: normal 1em 'Open Sans', sans-serif;
	width: 100%;
	text-decoration: none;
	line-height: 1.6em;
	text-transform: uppercase;
	cursor: pointer !important
}

div.datePicker thead th span.fd-disabled {
	color: #aaa;
	cursor: default !important;
}
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header {
	text-align: center;
	margin: 0 auto;
	font: 900 1em 'Open Sans', sans-serif;
	height: 1.4em;
	width: 2em;
	text-decoration: none;
	text-transform: lowercase;
	line-height: 1.4em;
}
/* The table */
div.datePicker table {
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff url(./media/gradient-e5e5e5-ffffff.gif) repeat-x 0
		-20px;
	text-align: center;
	width: 100%;
	border-spacing: 2px;
	table-layout: fixed;
	border-collapse: separate;
}
/* Common TD & TH styling */
div.datePicker table td {
	border: 1px solid #ccc;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	/* Opera requires a line-height bigger than 1em in order to redraw properly */
	line-height: 1.2em;
	cursor: pointer;
	background: #fff url(./media/gradient-e5e5e5-ffffff.gif) repeat-x 0
		-40px;
	width: 3em;
	height: 3em !important;
	height: 2.8em;
	outline: none;
}

div.datePicker table th {
	border: 0 none;
	padding: 0;
	line-height: 1em;
	font-weight: bold;
	color: #222;
	text-align: center;
	vertical-align: middle;
}

div.datePicker table td.date-picker-unused {
	background: #fff url(./media/backstripes.gif);
	border-color: #dcdcdc;
	padding: 0;
	cursor: default !important;
}

div.datePicker table thead th.date-picker-title {
	width: auto;
	height: auto;
	padding: 0.4em 0;
}
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header {
	text-transform: lowercase;
	width: 3em;
}

div.datePicker table th.date-picker-day-header span {
	display: block;
}
/* The "todays date" style */
div.datePicker table td.date-picker-today {
	background: #fff url(./media/bullet2.gif) no-repeat 0 0;
	color: rgb(100, 100, 100) !important;
}
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date {
	color: #333 !important;
	border-color: #333 !important;
}
/* the "highlight days" style */
td.date-picker-highlight {
	color: #a86666;
}
/* The date "out of range" style */
div.datePicker table td.out-of-range {
	color: #ccc !important;
	font-style: oblique;
	background: #fcfcfc !important;
	cursor: default !important;
}
/* The "disabled days" style */
div.datePicker table td.day-disabled {
	color: #aaa !important;
	background: transparent !important;
	cursor: default !important;
}
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover {
	background: #fff url(./media/bg_header.jpg) no-repeat 0 0;
	cursor: pointer;
	border-color: rgb(100, 130, 170);
	color: rgb(100, 130, 170);
}
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td {
	background-image: none;
}

* html div.datePicker table td.date-picker-unused {
	background: #f2f2f2;
}

/* doc_visa.css */
.docVisaRegDiv {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #595959;
	background-color: #FFF;
	border: 1px solid #333;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 5px;
}

.docVisaInfosDiv {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #595959;
	background-color: #F2F2F2;
	border: 1px solid #333;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 5px;
	text-align: center;
}

.docVisaTitre01 {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #333;
	background-color: #F8F8F8;
	border: 1px solid #999;
	margin-bottom: 12px;
}

.docVisaObs {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #F7F7F7;
	padding: 3px;
	border: 1px solid #CCC;
}

/* dropzone.css */
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);

    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1 .1);
        -moz-transform: scale(1 .1);
        -ms-transform: scale(1 .1);
        -o-transform: scale(1 .1);
        transform: scale(1 .1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1 .1);
        -moz-transform: scale(1 .1);
        -ms-transform: scale(1 .1);
        -o-transform: scale(1 .1);
        transform: scale(1 .1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1 .1);
        -moz-transform: scale(1 .1);
        -ms-transform: scale(1 .1);
        -o-transform: scale(1 .1);
        transform: scale(1 .1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box;
    /*white-space: nowrap;*/
}

.dropzone-empty {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #f8f8f8;
    transition: all 0.5s;
}

.dropzone {
    white-space: pre-wrap;
    height: 1px;
    padding: 0;
    overflow: hidden;
    transition: all 0.5s;
    opacity: 0;
}

.dropzone:hover {
    border-color: #8080c0;
}

.dropzone.dz-clickable {
    cursor: pointer;

}

.dropzone.dz-clickable * {
    cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dropzone.dz-drag-hover {
    border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
    /*height: 100px;*/
}

.dropzone .dz-preview {
    position: relative;
    display: list-item;
    list-style-type: none;
    /*vertical-align: top;*/
    margin: 10px;
    padding: 8px;
    min-height: 50px;
    /*height: 100px;*/
    width: 99%;
    /*background: linear-gradient(to bottom, #F9F9F9, #FCFCFC);*/
    vertical-align: middle;
    border-style: solid;
    border-radius: 7px;
    border-width: 1px;
    border-color: #e3dce5;
    background-color: #FFFFFF;
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.05) inset;*/
}

.dz-cascade-selector-layout {
    border-style: solid;
    border-color: #496d79;
    background-color: #F2F2F2;
    margin: 10px;
    border-width: 1px;
    border-radius: 7px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    transition: opacity ease-in 0.3s, height ease-in 0.3s;
}

.dz-cascade-selector-layout-info-txt {
    padding: 4px 4px 4px 10px;
    font-weight: bold;
    font-size: 16px;
    color: #496d79;
}

.dz-cascade-selector {
    position: relative;
    display: list-item;
    list-style-type: none;
    vertical-align: top;
    margin: 3px;
    padding: 3px;
    min-height: 50px;
    /*height: 100px;*/
    width: 99%;
    /*background: linear-gradient(to bottom, #F9F9F9, #FCFCFC);*/
    vertical-align: middle;
    /*border-style: solid;*/
    /*border-radius: 7px;*/
    /*border-width: 1px;*/
    /*border-color: #e3dce5;*/
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.05) inset;*/
}

.curved:before {
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    /*-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);*/
    /*-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);*/
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);*/
    -moz-border-radius: 10px / 100px;
    border-radius: 10px / 100px;
}

.curved-hz-1:before {
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.dropzone .dz-preview:hover {
    z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
    background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;

}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 20px;
}

.dropzone td {
    /*white-space: nowrap;*/
}

.dz-filename {
    white-space: nowrap;
    color: #395f6e;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not (:hover ) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not (:hover ) span {
    border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzone .dz-preview .dz-image img {
    display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not (.dz-processing ) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: relative;
    height: 16px;
    width: 200px;
    background: linear-gradient(to bottom, #F1F1F1, #FFFFFF);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    border-radius: 2px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #e3dce5;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #cea3b7, #ba7c98);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzone .dz-button {
    background-color: rgba(255, 255, 255, 0);
    border-width: 0;
}

.dropzone .dz-preview .dz-error-message {
    z-index: 1000;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 3px;
    font-size: 11px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    margin: 4px;
    color: white;
    text-align: center;
}

.dropzone .dz-preview .dz-error-message:after {
    /*content: '';*/
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}

.removing {
    -webkit-animation: fadeOut 500ms;
    -moz-animation: fadeOut 500ms;
    animation: fadeOut 500ms;
}

.plansFormBox {
    width: 350px;
    display: inline;

}

.plansFormBoxTd1 {
    width: 95px;
    text-align: right;
    font-weight: bold;
    height: 35px;
    min-height: 25px;
    vertical-align: middle;
    white-space: nowrap;
}

.plansFormBoxTd2 {
    text-align: left;
    height: 35px;
    min-height: 25px;
    vertical-align: middle;
}

.plansReturnErrors {
    font-weight: bold;
}

.plansReturnErrors2 {
    text-align: left;
}

.dropzoneExtraTdAttachment {
    min-width: 350px;
    width: 350px;
}

/* dropzone_fo.css */
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.dropzoneFO, .dropzoneFO * {
    box-sizing: border-box;
}

.dropzoneFO {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px;
    text-align: center;
    font-size: 11px;
}

.dropzoneFO.dz-clickable {
    cursor: pointer;
}

.dropzoneFO.dz-clickable * {
    cursor: default;
}

.dropzoneFO.dz-clickable .dz-message, .dropzoneFO.dz-clickable .dz-message * {
    cursor: pointer;
}

.dropzoneFO.dz-started .dz-message {
    display: none;
}

.dropzoneFO.dz-drag-hover {
    border-style: solid;
}

.dropzoneFO.dz-drag-hover .dz-message {
    opacity: 0.5;
}

.dropzoneFO .dz-message {
    text-align: center;
    margin: 2em 0;
}

.dropzoneFO .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
}

.dropzoneFO .dz-preview:hover {
    z-index: 1000;
}

.dropzoneFO .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzoneFO .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzoneFO .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}

.dropzoneFO .dz-preview.dz-image-preview {
    background: white;
}

.dropzoneFO .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.dropzoneFO .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.dropzoneFO .dz-preview .dz-remove:hover {
    text-decoration: underline;
}

.dropzoneFO .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzoneFO .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
}

.dropzoneFO .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
}

.dropzoneFO .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}

.dropzoneFO .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}

.dropzoneFO .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzoneFO .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}

.dropzoneFO .dz-preview .dz-details .dz-filename span, .dropzoneFO .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzoneFO .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

.dropzoneFO .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzoneFO .dz-preview .dz-image img {
    display: block;
}

.dropzoneFO .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzoneFO .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzoneFO .dz-preview .dz-success-mark, .dropzoneFO .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzoneFO .dz-preview .dz-success-mark svg, .dropzoneFO .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}

.dropzoneFO .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropzoneFO .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dropzoneFO .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dropzoneFO .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dropzoneFO .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}

.dropzoneFO .dz-preview.dz-error .dz-error-message {
    display: block;
}

.dropzoneFO .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzoneFO .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}

.dropzoneFO .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}


/* dropzone_visa.css */
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.dropzoneVisa, .dropzoneVisa * {
    box-sizing: border-box;
}

.dropzoneVisa {
    min-height: 150px;
    border: 1px solid rgb(187, 200, 204);
    background: rgb(233, 237, 241);
    padding: 20px 20px;
}

.dropzoneVisa.dz-clickable {
    cursor: pointer;
}

.dropzoneVisa.dz-clickable * {
    cursor: default;
}

.dropzoneVisa.dz-clickable .dz-message, .dropzoneVisa.dz-clickable .dz-message * {
    cursor: pointer;
}

.dropzoneVisa.dz-started .dz-message {
    display: none;
}

.dropzoneVisa.dz-drag-hover {
    border-style: solid;
}

.dropzoneVisa.dz-drag-hover .dz-message {
    opacity: 0.5;
}

.dropzoneVisa .dz-message {
    text-align: center;
    margin: 2em 0;
}

.dropzoneVisa .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
}

.dropzoneVisa .dz-preview:hover {
    z-index: 1000;
}

.dropzoneVisa .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzoneVisa .dz-preview.dz-file-preview .dz-image {
    border-radius: 5px;
    background: #999;
    background: linear-gradient(to bottom, #e0fafa, #93cfc5);
}

.dropzoneVisa .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}

.dropzoneVisa .dz-preview.dz-image-preview {
    background: white;
}

.dropzoneVisa .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.dropzoneVisa .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.dropzoneVisa .dz-preview .dz-remove:hover {
    text-decoration: underline;
}

.dropzoneVisa .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzoneVisa .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
}

.dropzoneVisa .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
}

.dropzoneVisa .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}

.dropzoneVisa .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}

.dropzoneVisa .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzoneVisa .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}

.dropzoneVisa .dz-preview .dz-details .dz-filename span, .dropzoneVisa .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzoneVisa .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

.dropzoneVisa .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzoneVisa .dz-preview .dz-image img {
    display: block;
}

.dropzoneVisa .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzoneVisa .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzoneVisa .dz-preview .dz-success-mark, .dropzoneVisa .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzoneVisa .dz-preview .dz-success-mark svg, .dropzoneVisa .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}

.dropzoneVisa .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropzoneVisa .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dropzoneVisa .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dropzoneVisa .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dropzoneVisa .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}

.dropzoneVisa .dz-preview.dz-error .dz-error-message {
    display: block;
}

.dropzoneVisa .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzoneVisa .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}

.dropzoneVisa .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}


/* footer.css */
.bas {
    bottom: 0;
    left: 0; /* Tout en bas à gauche */
    clear: both; /* On casse l'alignement float des colonnes */
    width: 100%; /* Largeur 100% */
    /*height: 40px;*/ /* Hauteur du footer */
    line-height: 1.8em;
    vertical-align: middle;
    /*background-color : #7b7b7b;*/
    text-align: center;
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    /*color: white;*/
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #707070;
    font-style: italic;
}

html {
    height: 100%;
}

body {
    height: 100%;
    position: relative;
}

#wrap {
    min-height: 100%;
    position: relative;

}

#pageHaut {
    position: relative;
}

#Layer1 {
    position: relative;
    padding-bottom: 35px;
    height: 100%;
    min-height: 100%;
    width: 100%;
    overflow: auto;
}

#footerBtw {
    height: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 28px;
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #707070;
    font-style: italic;
    background-color: #F5F5F5;
    /*z-index: 9999;*/
}

/* form.css */
.comboAd {
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
    color: #0074e8;
    text-decoration: none;
    background-color: #f9f9f9;
    font-weight: bold;
    border: 1px solid #808080;
}

.textFieldAd {
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #0074e8;
    text-decoration: none;
    background-color: #f9f9f9;
    border: 1px solid #808080;
}

.textFieldAdTxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #666666;
}

.boutonsAd {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-shadow: 2px 2px 6px #bbc8cd;
    color: #383c3d;
    border: 1px solid #bbc8cd;
    border-radius: 10px;
    background-color: #ffffff;
    margin: 5px;
}

.textFieldAdfixed {
    font-family: 'Open Sans', sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: #CCCCCC;
    text-decoration: none;
    background-color: #666666;
}

.textFieldUser {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #F8F8F8;
    font-weight: bolder;
    border: 1px solid #666666;
}

.boutonUser {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-color: #eaeaea;
    border-style: solid;
    background: #FFFFFF;
    margin: 1px 4px 1px 2px;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #464646;
    border-radius: 3px;
}

.boutonUserSoft {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    border: 1px solid #666666;
    background-color: #FFF;
}

.comboUser {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #s;
    font-weight: bolder;
    border: 1px solid #CCCCCC;
}

.divForList {
    overflow: auto;
    height: 204px;
}

.authMultiChoice {
    font-size: 18px;
    width: 100%;
    /*background-color: cadetblue;*/
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: #000;*/
    /*color: #fff;*/
}

/* formcheck.css */
/* FormCheck tipbox */

/* tipbox :
	table :
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components :
		a.close	: close button
		err		: errors div
		p		: error line
*/
.fc-tbx * {
	position: relative;
	z-Index: 100000;
}

.fc-tbx table {
	margin: 0 0 0 0;
}

.fc-tbx .tl {
	background: url('img_fc/tl.png') no-repeat;
}

.fc-tbx .t {
	background: url('img_fc/t.png') repeat-x;
	height: 16px;
}

.fc-tbx .tr {
	background: url('img_fc/tr.png') no-repeat;
}

.fc-tbx .l {
	background: url('img_fc/l.png') repeat-y;
	width: 16px;
}

.fc-tbx .r {
	background: url('img_fc/r.png') repeat-y;
	width: 16px;
}

.fc-tbx .bl {
	background: url('img_fc/bl.png') no-repeat;
}

.fc-tbx .b {
	background: url('img_fc/b.png') no-repeat;
	height: 25px;
}

.fc-tbx .br {
	background: url('img_fc/br.png') no-repeat;
}

.fc-tbx .c {
	background: url('img_fc/c.png') repeat;
}

.fc-tbx a.close {
	float: right;
	background: url('img_fc/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.fc-tbx .err {
	float: left;
}

.fc-tbx p {
	width: auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFF;
}

.ajax_loader {
	background: url('img_fc/ajax-loader.gif') no-repeat center;
	width: 200px;
	height: 150px;
}

/* FormCheck validation div */
.fc-error {
	border: 1px solid #888;
	margin-top: 5px;
	background-color: #EAEAEA;
}

.fc-error p {
	margin: 5px;
	color: #A00;
}

/* fqrb.css */
.fqrbMain {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #666;
    margin: 2px;
    width: 98%;
    position: relative;
    float: left;
}

.fqrbFormEleBasic {
    /*font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #FFB3B3;
    padding: 2px;
    font-weight: bold;*/
    width: 800px;
    max-size: 90%;
}

.fqrbFormEleButton {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #FFF;
    background-color: #800000;
    border: 1px solid #FFB3B3;
    padding: 2px;
    font-weight: bold;
    width: 298px;
}

.fqrbFormEleBasicDissabled {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #666;
    background-color: #E2E2E2;
    border: 1px solid #FFB3B3;
    padding: 2px;
    font-weight: bold;
    width: 800px;
}

.fqrbFormTd {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #666;
    border: 0px solid #D3D3D3;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    width: 150px;
    white-space: nowrap;
}

.fqrbHtmlElementContour {
    border: 0px solid #efefef;
    padding: 2px;
    width: 99%;
    left: 0px;
    float: none;
    /*display: inline-block;*/
}

.fqrbCenter {
    text-align: center;
}

.fqrbCloseBg {
    background-color: #F5F5F5;
}

.fqrbSousRub {
    background-color: #FFFFFF;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    border-style: solid;
    border-color: #F5F5F5;
    border-width: 1px;

}

.fqrbTools {
    margin-top: 10px;
    display: inline-block;
}

.fqrRedText {
    color: #800000;
}

.fqrbStats {
    padding: 10px;
}

.andrsvFloatLeft {
    float: left;
}

.fqrbClear {
    clear: both;
}

.andrsvFormDivElement {
    height: 100px;
    padding: 3px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D4D4D4;
    border-right-color: #D4D4D4;
    border-bottom-color: #D4D4D4;
    border-left-color: #D4D4D4;
    margin: 3px;
}

.andrsvPagination {
    height: 20px;
    text-align: center;
}

.andrsvDegrade {
    /* Anciens navigateurs */
    background: #FFFFFF url("gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #FFFFFF;
    background: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
    startColorstr=#FFDCDCDC, endColorstr=#FFFFFFFF);
    /* Navigateurs récents */
    background-image: -webkit-gradient(linear, left top, left bottom, from(gainsboro),
    to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, gainsboro, #FFFFFF);
    background-image: -moz-linear-gradient(top, gainsboro, #FFFFFF);
    background-image: -o-linear-gradient(top, gainsboro, #FFFFFF);
    background-image: linear-gradient(top, gainsboro, #FFFFFF);
}

.newspaper {
    -moz-column-count: 5; /* Firefox */
    -webkit-column-count: 5; /* Safari and Chrome */
    column-count: 5;
}

.andrsvMoteurOpen {
    height: auto;
    animation-duration: 1s;

}

.andrsvMoteurClose {
    overflow: hidden;
    height: 0px;
    animation-duration: 1s;

}

.andRsvPhotoDiv {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.andRsvPhotoDiv:hover {
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
}

/*
Tableau des data
*/
.fqrbTxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #666;
    vertical-align: text-top;
    text-align: left;
}

.fqrbBigTxt {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #666;
}

.fqrbDataTableTd {
    border: 1px solid #F5F5F5;
    color: #666;
    padding: 2px;
    padding-left: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

.fqrbDataTableTdAlt {
    border: 1px solid #F5F5F5;
    color: #666;
    padding: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    background-color: #fcfcfc;
}

.fqrbDataTableTrAlt {
    background-color: #fcfcfc;
}

.fqrbDataTableTrSelected {
    background-color: #f7f7fb;
    font-weight: bold;
}

.fqrbDataTableTr {
    background-color: #ffffff;
}

.fqrbDataTableTd2 {
    /*border: 1px solid black;*/
    color: #666;
    padding: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    /*background-repeat: repeat-x;*/
    /*background-image: url(img/band_rub_cons_bg.jpg);*/
    background-color: #FFFFFF;
    /*-moz-box-shadow: inset 0px 0px 5px 0px #cfcfcf;
    -webkit-box-shadow: inset 0px 0px 5px 0px #cfcfcf;
    -o-box-shadow: inset 2px 2px 5px 2px #cfcfcf;
    box-shadow: inset 2px 2px 5px 2px #cfcfcf;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);*/
}

#fqrbData table {
    /*border-collapse: collapse;
    margin: 5px;*/
}

#fqrbData table, #andrsvData th {
    border: 0px solid;
    border-color: #999;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

#fqrbData tr:hover {
    /*background-color: #f8f8f8;
    border: 3px solid red;*/
}

#andrsvData td {
    border: 1px solid black;
    color: #666;
    padding: 2px;
}

#fqrbData th0 {
    border: 1px solid #F5F5F5;
    background-color: #EEE;
    padding: 2px;
    font-weight: bold;
    color: #000;
    text-align: center;
}


/* menu fonction utilisateurs */
#andrsvNavigBar {
    margin: 5;
    padding: 5;
}

#andrsvNavigBar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#andrsvNavigBar li {
    float: left;
    margin: 4;
    padding: 4;
}

#andrsvNavigBar a {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    /*background-color:#A30C10;*/
    background-color: #A30C10;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

#andrsvNavigBar a:hover, #andrsvNavigBar a:active {
    background-color: #EE2025;
}

.andrsvTxtrotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.demo-stream {
    list-style: none;
    margin: 0;
}

.demo-stream li {
    float: left;
    padding: 5px;
    width: 100px;
    height: 100px;
    text-align: center;
}

.bgColorLightGrey {
    background: rgb(193, 193, 193); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(193, 193, 193, 1) 0%,
    rgba(219, 219, 219, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(193,
    193, 193, 1)), color-stop(100%, rgba(219, 219, 219, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(193, 193, 193, 1) 0%,
    rgba(219, 219, 219, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(193, 193, 193, 1) 0%,
    rgba(219, 219, 219, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(193, 193, 193, 1) 0%,
    rgba(219, 219, 219, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(193, 193, 193, 1) 0%,
    rgba(219, 219, 219, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1',
    endColorstr='#dbdbdb', GradientType=1); /* IE6-8 */
}

.bgColorBlue {
    background-color: #06C;
    font-weight: bold;
    color: #FFF;
}

.bgColorOrange {
    background-color: #F90;
    font-weight: bold;
    color: #FFF;
}

.bgColorWhite {
    background-color: #FFF;
    color: #000;
}

.bgColorLightGrey2 {
    background-color: #E2E2E2;
    color: #000;
}

.largeur50 {
    width: 150px;
    overflow: visible;
}

.largeur25 {
    width: 50px;
    overflow: visible;
}

.largeurMed {
    width: 50%;
    overflow: visible;
    padding-right: 5px;
}

.bordered {
    padding: 10px;
    border: 1px solid #666;
    margin: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.borderedLight {
    padding: 10px;
    border: 1px solid #CCC;
    margin: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.fader {
    -webkit-transition: all linear 0.5s;
    transition: 0.5s linear all;
    opacity: 1;
}

.fader.ng-hide {
    height: 1px;
    opacity: 0;
}

.primary-bg {
    background: #4177ba; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNzdiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODhkZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4177ba 0%, #188de0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4177ba),
    color-stop(100%, #188de0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4177ba 0%, #188de0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4177ba 0%, #188de0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4177ba 0%, #188de0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4177ba 0%, #188de0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4177ba',
    endColorstr='#188de0', GradientType=0); /* IE6-8 */
}

form .ng-invalid.ng-dirty {
    border: 1px solid #C00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover {
    background-color: #286090;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.label {
    border: 1px solid #000;
}

.form-control {
    /*display: block;*/
    /*width: 100%;*/
    /* height: 30px;*/
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    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;
}

.form-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);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.fqrbBouton {
    border: 1px solid #09F;
    margin: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.maxHeight {
    /* height: 200px; */
    overflow: auto;
}

.fqrbSeparator {
    padding: 5px;
    background-color: #F5F5F5;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    border-color: #c0c0c0;
    border-style: solid;
    border-width: 1px 0px 1px 0px;

}

.fqrbHeaders {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    height: 25px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: #F5F5F5;
}

.fqrbHeadersTh {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    /*height: 20px;*/
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #F5F5F5;
}

.fqrbHeadersThResponsesFirst {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: left;
    font-weight: bold;
    /*height: 20px;*/
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #F5F5F5;
}

.fqrbFicheSeparator {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #c0c0c0;
}

.fqrbReponsesTd {
    color: #2e0000;
    background-color: #fffbe7;
    line-height: 22px;

}

.fqrbFicheTd {
    line-height: 22px;

}

.fqrbReponsesHead {
    background-color: #F8F8F8;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    border-style: dashed;
    border-color: #CECECE;
    border-width: 1px;
}

.fqrbDestRadioBoth {
    padding: 5px;
    display: inline-block;

}

.fqrbInsertFormHighlight {
    background-color: #F5F5F5;
}

.fqrbDestRadioHead {
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    border-width: 1px;
    border-color: #F5F5F5;
    border-style: solid;
}

.fqrbDestRadioList {
    padding: 5px;
    display: inline-block;
    border: 0px, 1px, 0px, 0px;
    border-style: solid;
    border-color: #F5F5F5;
}

.fqrbColapse {
    max-height: 300px;
    overflow: auto;
}

.fqrbColapseButton {
    color: #316e77;
    font-size: 10px;
    font-weight: bold;
    transition-duration: 0.3s;
    transition-property: transform;
}

/* gestion.css */
.gst_menu {
    border-style: solid;
    border-color: #B5B5B5;
    border-width: 1px;

    margin: 3px;
}

.gst_menu tr:hover {
    background-color: #d4d4d4;
}

.gst_menu td {
    padding: 5px;
}

/* htmlTableHideShow.css */

.htmlTableHideShow {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    margin: 4px;
    border: 1px;
}

.htmlTableHideShow th {
    width: auto;
    border: 1px solid #bbbbbb;
    font-weight: bold;
    font-size: 10px;
    padding: 4px;
}

.htmlTableHideShow tbody tr:hover {
    background-color: #a2dce0;
}

.htmlTableHideShow thead td {
    /*background-color: #F5F5F5;*/
    vertical-align: top;
    font-weight: bold;
    border: 1px solid #bbbbbb;
    padding: 2px;
}

.htmlTableHideShow td {
    display: table-cell;
    opacity: 1;
    width: 100px;
    max-width: 150px;
    overflow: hidden;
    transition: all 200ms ease-in-out;
    border: 1px solid #bbbbbb;
    padding: 2px;
}

.htmlTableHideShow td.is-hidden {
    max-width: 1px;
    width: 1px;
    overflow: hidden;
    opacity: 0;
}

.htmlTableHideShow td.hidden, .htmlTableHideShow tr.hidden {
    display: none;
}

.htmlTableHideShow div.toggleExpandElement {
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    cursor: pointer;
}

.bgcolorCollapsedCol {
    /*background-color: rgba(176, 224, 230, 0.3);*/
    border-block-style: solid;
    border-block-width: 2px;
    border-block-color: #00ad9c;
}

.hideColumnIcon::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: bold;
    content: '\f056';
}

.showColumnIcon::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: bold;
    content: "\f055";
}

.hideLinesIcon::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: bold;
    content: '\f13a';
}

.showLinesIcon::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: bold;
    content: "\f138";
}

.classificationKey {
    /*background-color: rgba(187, 187, 187, 0.3);*/
    font-weight: bold;
    white-space: nowrap;
}

#htmlTableHideShowTotal {
    font-weight: bold;
}

/*.categoryRow0, .categoryRow0 .classificationKey {*/
/*    background-color: rgba(0, 173, 156, 0.3);*/
/*}*/

/*#visasStats th, #columnHead > td {*/
/*    font-weight: bold;*/
/*}*/

/*#transmittersRef :nth-child(2n) {*/
/*    background-color: whitesmoke;*/
/*}*/



/* jquery.contextMenu.css */
@charset "UTF-8";
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.6.3
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2017 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2017-10-30T19:03:13.936Z
 */
@-webkit-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@-o-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}

@font-face {
  font-family: "context-menu-icons";
  font-style: normal; 
  font-weight: normal;

  src: url("font/context-menu-icons.eot?2wp27");
  src: url("font/context-menu-icons.eot?2wp27#iefix") format("embedded-opentype"), url("font/context-menu-icons.woff2?2wp27") format("woff2"), url("font/context-menu-icons.woff?2wp27") format("woff"), url("font/context-menu-icons.ttf?2wp27") format("truetype");
}

.context-menu-icon-add:before {
  content: "\EA01";
}

.context-menu-icon-copy:before {
  content: "\EA02";
}

.context-menu-icon-cut:before {
  content: "\EA03";
}

.context-menu-icon-delete:before {
  content: "\EA04";
}

.context-menu-icon-edit:before {
  content: "\EA05";
}

.context-menu-icon-loading:before {
  content: "\EA06";
}

.context-menu-icon-paste:before {
  content: "\EA07";
}

.context-menu-icon-quit:before {
  content: "\EA08";
}

.context-menu-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: "context-menu-icons";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #c48e1c;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.context-menu-icon.context-menu-hover:before {
  color: #fff;
}

.context-menu-icon.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-icon.context-menu-icon-loading:before {
  -webkit-animation: cm-spin 2s infinite;
       -o-animation: cm-spin 2s infinite;
          animation: cm-spin 2s infinite;
}

.context-menu-icon.context-menu-icon--fa {
  display: list-item;
  font-family: inherit;
}
.context-menu-icon.context-menu-icon--fa::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #2980b9;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  color: #fff;
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-list {
  position: absolute; 
  display: inline-block;
  min-width: 13em;
  max-width: 26em;
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.context-menu-item {
  position: relative;
  padding: .2em 2em;
  color: #2f2f2f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; 
  background-color: #fff;
}

.context-menu-separator {
  padding: 0; 
  margin: .35em 0;
  border-bottom: 1px solid #e6e6e6;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.context-menu-item.context-menu-hover {
  color: #fff;
  cursor: pointer; 
  background-color: #2980b9;
}

.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default; 
  background-color: #fff;
}

.context-menu-input.context-menu-hover {
  color: #2f2f2f; 
  cursor: default;
}

.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1; 
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #2f2f2f;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Inputs
 */
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}

/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em; 
  margin-right: .4em;
}

.context-menu-input > label {
  margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.context-menu-input > label > textarea {
  height: 7em;
}

.context-menu-item > .context-menu-list {
  top: .3em; 
  /* re-positioned by js */
  right: -.3em;
  display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}

.context-menu-accesskey {
  text-decoration: underline;
}


/* jquery.contextMenuBtw.css */
@charset "UTF-8";

@font-face {
    font-family: "Font Awesome";
    src: url("font/fa-solid-900.woff") format("woff"),
    url("font/fa-solid-900.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome regular";
    src: url("font/fa-regular-400.woff") format("woff"),
    url("font/fa-regular-400.woff2") format("woff2");
}

.context-menu-list {

}

.context-menu-item {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.context-menu-item:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    background-color: #89b499;
}

.context-menu-icon-newFolder::before {
    font-family: "Font Awesome";
    content: "\f07b";
}

.context-menu-icon-newPage::before {
    font-family: "Font Awesome regular";
    content: "\f07b";
}

.context-menu-icon-admin::before {
    font-family: "Font Awesome";
    content: "\f023";
}

.context-menu-icon-echap::before {
    font-family: "Font Awesome";
    content: "\f068";
}

.context-menu-icon-extlink::before {
    font-family: "Font Awesome";
    content: "\f35d";
}

.context-menu-icon-defineRight::before {
    content: "\f023";
}

.context-menu-icon::before {
    color: #355344 !important;
}

.context-menu-icon::before:hover {
    color: #e0e9e5 !important;
}


/* light.css */
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow{border-top:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow{border-bottom:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow{border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow{border-right:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.tippy-tooltip.light-theme{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-tooltip.light-theme .tippy-backdrop{background-color:#fff}.tippy-tooltip.light-theme .tippy-roundarrow{fill:#fff}.tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}

/* lightbox.css */
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightboxCaption {
	float: left;
}

#keyboardMsg {
	float: right;
}

#closeButton {
	top: 5px;
	right: 5px;
}

#lightbox img {
	border: none;
	clear: both;
}

#overlay img {
	border: none;
}

#overlay {
	background-image: url(img/overlay.png);
}

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img\overlay.png",
		sizingMethod="scale");
}

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

#fancy-list .file-invalid {
	cursor: pointer;
	color: #514721;
	padding-left: 48px;
	line-height: 24px;
	background: url(assets/error.png) no-repeat 24px 5px;
	margin-bottom: 1px;
}

#fancy-list .file-invalid span {
	background-color: #fff6bf;
	padding: 1px;
}

#fancy-list .file {
	line-height: 2em;
	padding-left: 22px;
	background: url(assets/attach.png) no-repeat 1px 50%;
}

#fancy-list .file span, #fancy-list .file a {
	padding: 0 4px;
}

#fancy-list .file .file-size {
	color: #666;
}

#fancy-list .file .file-error {
	color: #8a1f11;
}

#fancy-list .file .file-progress {
	width: 125px;
	height: 12px;
	vertical-align: middle;
	background-image: url(assets/progress-bar/progress.gif);
}

/* login.css */
.authLogin {
    border-style: solid;
    border-width: 0px;
    border-color: #e3dce5;
    width: 50%;
    align-self: center;
    margin: auto;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}

.authLoginDivLabel {
    font-size: 16px;
    /*width: 120px;*/
    text-align: left;
    /*padding-left: 12px;*/
    /*padding: 10px;*/
    padding: 10px 10px 10px 0px;
    display: inline-block;
    color: #316e77;
    text-shadow: 3px 3px 3px rgba(220, 220, 220, 1);
    /*background: #000000;*/
    /*margin: 6px;*/
    /*border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #7a7a7a;*/
}

.authLoginDivLabel0 {
    text-align: left;
    display: inline-block;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #e3dce5;
    width: 100%;
}

.authLoginDivLabelText2 .red {
    font-size: 14px;
}

.authLoginDivLabelCnx {
    font-size: 20px;
    width: 100%;
    border-left-color: #e3dce5;
    border-right-color: #cdcdcd;
    border-top-color: #e3dce5;
    border-bottom-color: #cdcdcd;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    padding: 6px;
    color: #585858;
    background: #B7C9CE;
    transition: all 0.4s;
    cursor: pointer;
}

.authLoginDivLabelCnx:hover {
    background: #d6d6d6;
    /*color: #FFFFFF;*/
    transition: all 0.4s;
    border-left-color: #454545;
    border-right-color: #272727;
    border-top-color: #454545;
    border-bottom-color: #272727;

}

.authLoginDivLabelCnxAlt {
    font-size: 20px;
    width: 100%;
    border-color: #1c5f67;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    padding: 6px;
    color: #4f4f4f;
    background: #ffffff;
    transition: all 0.4s;
    cursor: pointer;
}

.authLoginDivLabelCnxAlt:hover {
    background: #d6d6d6;
    /*color: #FFFFFF;*/
    transition: all 0.4s;
    border-left-color: #454545;
    border-right-color: #272727;
    border-top-color: #454545;
    border-bottom-color: #272727;

}

.authLoginBigText {
    color: #000;
    font-size: 16px;
}

.authLoginDivLabelAll {
    opacity: 0.97;
    width: 550px;
    border-style: solid;
    border-width: 0px;
    border-color: #e2e2e2;
    margin: auto;
    margin-top: 75px;
    padding: 0px;
    padding-left: 0px;
    /*background: #383838;*/
    color: #585858;
    /*-moz-box-shadow: -2px 2px 5px 0px #ebebeb;
    -webkit-box-shadow: -2px 2px 5px 0px #ebebeb;
    -o-box-shadow: -2px 2px 5px 0px #ebebeb;
    box-shadow: -2px 2px 5px 0px #ebebeb;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ebebeb, Direction=224, Strength=5);*/
    /*border-radius: 5px;*/
    transition: all 0.5s;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f3f3f+0,353535+100&0.89+0,0.97+100 */
    /*background: -moz-linear-gradient(top,  rgba(63,63,63,0.89) 0%, rgba(53,53,53,0.97) 100%);
    background: -webkit-linear-gradient(top,  rgba(63,63,63,0.89) 0%,rgba(53,53,53,0.97) 100%);
    background: linear-gradient(to bottom,  rgba(63,63,63,0.89) 0%,rgba(53,53,53,0.97) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33f3f3f', endColorstr='#f7353535',GradientType=0 ); */

}

.authLoginDivLabelAll:hover {
    opacity: 1;
    transition: all 0.5s;
    /*width:505px;*/
}

.authLoginDivLabelAll a {
    font-size: 10px;
}

.authLoginInput {
    border-width: 0px;
    /*border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #7a7a7a;*/
    /*background: #383838;*/
    background-color: #fff;
    /*color: #585858;*/
    color: #B7C9CE;
    font-size: 19px;
    height: 25px;
}

.authLoginDivLabelText2 {
    /*font-size: 12px;*/
    border-style: solid;
    border-width: 0px;
    border-color: #e2e2e2;
    padding: 10px;
    /*background-color: #5f5f5f;*/
    /*border-radius: 5px;*/
    text-align: left;
    color: #585858;
    /*width: 200px;*/
    /*-moz-box-shadow: inset 2px 2px 5px 0px #e2e2e2;
    -webkit-box-shadow: inset 1px 1px 5px 0px #e2e2e2;
    -o-box-shadow: inset 1px 1px 5px 0px #e2e2e2;
    box-shadow: inset 1px 1px 5px 0px #e2e2e2;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=134, Strength=5);*/
}

.authLoginTableHead {

    width: auto;
    text-align: center;
    /*background-color: #3b3b3b;*/
    padding: 9px;
    font-size: 18px;
    font-variant: small-caps;
    font-weight: bold;
    color: #585858;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #d4d4d4;
    margin-bottom: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+0,d3d3d3+24,bcbcbc+54,eaeaea+100 */
    /*background: rgb(216,216,216);
    background: -moz-linear-gradient(top,  rgba(216,216,216,1) 0%, rgba(211,211,211,1) 24%, rgba(188,188,188,1) 54%, rgba(234,234,234,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(211,211,211,1) 24%,rgba(188,188,188,1) 54%,rgba(234,234,234,1) 100%);
    background: linear-gradient(to bottom,  rgba(216,216,216,1) 0%,rgba(211,211,211,1) 24%,rgba(188,188,188,1) 54%,rgba(234,234,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#eaeaea',GradientType=0 ); */


}

.authLoginDivError {
    color: #ff8000;
    font-size: 20px;
    text-align: center;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1.0;
    }
}


/* matriceVisa.css */
#matriceVisaScript table {
    border-style: solid;
    border-width: 1px;
    border-color: #3f3f3f;
    /*padding: 3px;*/
    border-spacing: 0px;
    border-color: #FFFFFF;
    background-color: #e0e0e0;
    color: #000000;
    width: 100%;
}

#matriceVisaScript tr:hover {
    background-color: #bed3dc;
}

#matriceVisaScript tr {
    /*background-color: #585858;*/
    color: #000000;
    background-color: #ffffff;
}

#matriceVisaScript td {
    width: auto;
    padding: 6px;
    transition: all 0.5s ease-out;
    white-space: nowrap;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    /*border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;*/
}

#matriceVisaScript tr {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.matriceVisaScriptTd {
    background-color: #FFFFFF;
}

.matriceSelectorobli {
    background-color: #00d76b;
    color: #000000;
    border-style: solid;
    border-width: 0px;
    border-color: #008040;
}
.matriceSelectoravis {
    background-color: #3d7961;
    color: #000000;
    border-style: solid;
    border-width: 0px;
    border-color: #008040;
}
.matriceSelectornoObl {
    background-color: #599adb;
    color: #000000;
    border-style: solid;
    border-width: 0px;
    border-color: #1c4f82;
}

.matriceSelectorfinal {
    background-color: #eedb0a;
    color: #000000;
    border-style: solid;
    border-width: 0px;
    border-color: #1c4f82;
}

.matriceSelectornoVis {
    background-color: #ff7979;
    color: #000000;
    border-style: solid;
    border-width: 0px;
    border-color: #800000;
}

.matriceLot {
    background-color: #7e7e7e;
    color: #FFFFFF;
    font-weight: bold;
}

.matriceColorPicker {
    width: 150px;
    padding: 5px;
}

.matriceColorPickerSelected {
    width: 150px;
    height: 50px;
}

.matriceSelectorreadwrite {
    background-color: #008040;
    color: #000;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #008040;
}

.matriceSelectorread {
    background-color: #1c4f82;
    color: #000;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #1c4f82;
}

.matriceSelectorno {
    background-color: #c10000;
    color: #000;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #c10000;
}

.matriceSelectoroui {
    background-color: #fff;
    color: #008040;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #008040;
}

.matriceSelectornon {
    background-color: #fff;
    color: #c10000;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #c10000;
}

.nodeButtonOpen {
    background-image: url(img/Collapse.png);
    background-repeat: no-repeat;
    width: 15px;
    display: inline-block;
    height: 15px;
    cursor: pointer;
}

.nodeButtonClose {
    background-image: url(img/Expand.png);
    background-repeat: no-repeat;
    width: 15px;
    display: inline-block;
    height: 15px;
    cursor: pointer;
}

.nodeButtonLeaf {
    width: 15px;
    display: inline-block;
    height: 15px;
}

.matrixTableFixedCell {

}

#matriceVisaScript {
    overflow-y: auto;
    height: 90vh;
}

#matriceVisaScript table tr:nth-child(1) td {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    border: none;
    white-space: nowrap;
}

#matriceVisaScript table tr:nth-child(1) td div {
    position: absolute;
    background: transparent;
    color: #000;
    padding: 9px 7px;
    top: 0;
    margin-left: -7px;
    line-height: normal;
    border-left: 1px solid #c0c0c0;

}

#matriceVisaScriptContainer {
    position: relative;
    border: 1px solid #d4d4d4;
    padding-top: 35px;
    background-color: #F5F5F5;
}

#matriceVisaScript table tr td:nth-child(1) {
/ / background-color: #FF0000;
}

/*
#matriceVisaScript {
	height: 50%;
	border: solid 1px red;
	overflow-x: none;
	overflow-y: scroll;
	padding: 30px 0px 0px 0px;
} */

/* menu-bar-ps-gray.css */
/************************************************************************************************************

	DHTML Suite for Applications
	(C) www.dhtmlgoodies.com, August 2006

	CSS for the DHTMLsuite_tableWidget class.
	
	Terms of use:
	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland

************************************************************************************************************/
.DHTMLSuite_menuBar_top { /* The bar that is parent of the menu strip */
	height: 26px;
	width: 100%;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	z-index: 100000;
	padding-left: 10px;
}

.DHTMLSuite_menuBar_sub {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000000;
	background-image: url('menu-bar/menu-bar-gradient-gray.gif');
	/* Background image for sub menu items */
	background-repeat: repeat-y;
	background-position: left center;
}

/* menu-bar-ps.css */
/************************************************************************************************************

	DHTML Suite for Applications
	(C) www.dhtmlgoodies.com, August 2006

	CSS for the DHTMLsuite_tableWidget class.
	
	Terms of use:
	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland

************************************************************************************************************/
.DHTMLSuite_menuBar_top { /* The bar that is parent of the menu strip */
	height: 36px;
	width: 100%;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	z-index: 100000;
	padding-left: 10px;
	background-color: #FFFFFF;
}

.DHTMLSuite_menuBar_sub {
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #002d96;
	background-image: url('menu-bar/menu-bar-gradient.jpg');
	/* Background image for sub menu items */
	background-repeat: repeat-y;
	background-position: left center;
}

/* menu-bar.css */
/************************************************************************************************************

	DHTML Suite for Applications
	(C) www.dhtmlgoodies.com, August 2006

	CSS for the DHTMLSuite_tableWidget class.
	
	Terms of use:
	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland

************************************************************************************************************/
.DHTMLSuite_menuBar_top { /* The bar that is parent of the menu strip */
	height: 35px;
	width: 100%;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	z-index: 100000;
	padding-left: 10px;
	background-image: url('../demo-images/menu_strip_bg_gray.gif');
}

.DHTMLSuite_menuBar_sub {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000;
	background-image: url('../demo-images/menu-bar-gradient-gray.gif');
	/* Background image for sub menu items */
	background-repeat: repeat-y;
	background-position: left center;
	display: inline;
}

/* menu-item-ps-gray.css */
/* CSS FOR MENU ITEM OF TYPE "top" */
.DHTMLSuite_menuItem_top_regular, .DHTMLSuite_menuItem_top_over,
	.DHTMLSuite_menuItem_top_click, .DHTMLSuite_menuItem_top_disabled,
	.DHTMLSuite_menuItem_top_active {
	height: 29px;
}

.DHTMLSuite_menuItem_top_regular div, .DHTMLSuite_menuItem_top_over div,
	.DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_disabled div,
	.DHTMLSuite_menuItem_top_active div {
	padding-top: 2px;
	padding-bottom: 2px;
}

.DHTMLSuite_menuItem_top_regular {
	/* Top level menu item - Regular state */
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_over {
	/* Top level menu item - Mouse over state */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #000000;
	background-color: #F5F5F5;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_active {
	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #000000;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_click {
	/* Top level menu item - Mouse click state */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #000000;
	background-color: #87A452;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
	z-index: 20000;
}

.DHTMLSuite_menuItem_top_disabled { /* Disabled menu item */
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: default;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_disabled img, .DHTMLSuite_menuItem_top_disabled div
	{
	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
	filter: alpha(opacity = 40); /* Transparency */
	opacity: 0.4; /* Transparency */
	-moz-opacity: 0.4; /* Transparency */
	-khtml-opacity: .4; /* Transparency */
}

.DHTMLSuite_menuItem_top_disabled div, .DHTMLSuite_menuItem_top_active div,
	.DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,
	.DHTMLSuite_menuItem_top_over div {
	/* divs for the text,icon and arrow of a menu item */
	float: left;
	padding-left: 1px;
	padding-right: 1px;
}

/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
.DHTMLSuite_menuItem_top_arrowShowSub {
	/* This is the arrow for top level elements */
	width: 12px; /* Width of item */
	background-repeat: no-repeat; /* No background repeat for the arrow */
	background-position: center center;
	/* Position of the arrow. at the center of this div */
	background-image: url('menu-item/menu_strip_down_arrow.png');
	/* Relative path to the arrow */
	margin: 0px;
	margin-right: -1px;
	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
	padding: 0px;
	height: 16px;
	margin-left: 2px;
	float: right;
}

.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
	.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub {
	/* Sub menu arrows */
	margin-left: 1px;
	border-left: 1px solid #000000;
}

/* CSS FOR SEPARATOR */
.DHTMLSuite_menuItem_separator_top { /* Separator of type "top" */
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 4px;
	padding-left: 3px;
	padding-right: 3px;
	background-repeat: repeat-y;
	background-image: url('../demo-images/menu_strip_separator_gray.gif');
}

/* CSS FOR MENU ITEM OF TYPE "sub" */
.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,
	.DHTMLSuite_menuItem_sub_click, .DHTMLSuite_menuItem_sub_disabled,
	.DHTMLSuite_menuItem_sub_active {
	/* Commom css for regular, mouse over and mouse click items */
	clear: both;
	line-height: 18px; /* Height of menu item */
	height: 18px; /* Height of menu item */
	padding-left: 25px;
	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
	padding-right: 4px; /* Space inside the menu item */
	padding-top: 2px; /* Space inside the menu item */
	padding-bottom: 2px; /* Space inside the menu item */
	cursor: pointer; /* Mouse cursor set to a "hand" */
	margin: 1px; /* A little space around the item */
	background-repeat: no-repeat; /* No background repeat */
}

.DHTMLSuite_menuItem_sub_disabled { /* Disabled sub menu item */
	cursor: default; /* Arrow as cursor instead of hand */
}

.DHTMLSuite_menuItem_sub_disabled div, .DHTMLSuite_menuItem_sub_disabled
	{
	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
	filter: alpha(opacity = 40); /* Transparency */
	opacity: 0.4; /* Transparency */
	-moz-opacity: 0.4; /* Transparency */
	-khtml-opacity: .4; /* Transparency */
}

.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_disabled {
	/* Regular menu item */
	margin-left: 2px; /* size of margin above + 1 pixel */
	padding-top: 3px; /* Size of padding-top above + 1 pixel */
	padding-bottom: 3px; /* Size of padding-bottom above + 1 pixel */
}

.DHTMLSuite_menuItem_sub_over, .DHTMLSuite_menuItem_sub_click,
	.DHTMLSuite_menuItem_sub_active {
	border: 1px solid #006;
	/* Border around mouse over items, click items and active items */
}

.DHTMLSuite_menuItem_sub_over, .DHTMLSuite_menuItem_sub_active {
	/* Mouse over effect */
	background-color: #F5F5F5;
	/* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */
}

.DHTMLSuite_menuItem_sub_click { /* Mouse click effect */
	background-color: #87A452;
	/* Background color when the mouse button is pressed down on a menu item */
}

.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,
	.DHTMLSuite_menuItem_sub_over div, .DHTMLSuite_menuItem_sub_active div,
	.DHTMLSuite_menuItem_sub_disabled div {
	/* divs for the text,icon and arrow of a menu item */
	float: left;
	/* To get the icons and text of sub elements side by side */
	padding-left: 1px;
	padding-right: 1px;
}

.DHTMLSuite_menuItem_sub_arrowShowSub {
	/* Arrow div for sub elements (Right pointing arrow ) */
	position: absolute; /* Never change this one */
	background-image: url('menu-item/menu-bar-right-arrow.png');
	/* Path relative to the css file */
	width: 18px;
	height: 18px;
	text-align: right;
	right: 0px;
	background-repeat: no-repeat; /* No background repeat */
	background-position: center right; /* Position of arrow */
}

.DHTMLSuite_menuItem_separator_sub { /* Separator of type "sub" */
	height: 1px; /* Height of separator */
	margin-top: 1px; /* Space above the separator */
	margin-bottom: 1px; /* Space below the separator */
	margin-left: 24px;
	/* left margin because we don't want the separator to cover the gradient */
	padding-right: 3px; /* space at the right of the separator */
	background-color: #8A8A8A;
	/* background color for the separator - blue */
}

/* menu-item-ps.css */
/* CSS FOR MENU ITEM OF TYPE "top" */
.DHTMLSuite_menuItem_top_regular, .DHTMLSuite_menuItem_top_over,
	.DHTMLSuite_menuItem_top_click, .DHTMLSuite_menuItem_top_disabled,
	.DHTMLSuite_menuItem_top_active {
	height: 19px;
}

.DHTMLSuite_menuItem_top_regular div, .DHTMLSuite_menuItem_top_over div,
	.DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_disabled div,
	.DHTMLSuite_menuItem_top_active div {
	padding-top: 2px;
	padding-bottom: 2px;
}

.DHTMLSuite_menuItem_top_regular {
	/* Top level menu item - Regular state */
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_over {
	/* Top level menu item - Mouse over state */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #002d96;
	background-color: #FFEEC2;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_active {
	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #002d96;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_click {
	/* Top level menu item - Mouse click state */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #002d96;
	background-color: #FFB25C;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
	z-index: 20000;
}

.DHTMLSuite_menuItem_top_disabled { /* Disabled menu item */
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: default;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_disabled img, .DHTMLSuite_menuItem_top_disabled div
	{
	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
	filter: alpha(opacity = 40); /* Transparency */
	opacity: 0.4; /* Transparency */
	-moz-opacity: 0.4; /* Transparency */
	-khtml-opacity: .4; /* Transparency */
}

.DHTMLSuite_menuItem_top_disabled div, .DHTMLSuite_menuItem_top_active div,
	.DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,
	.DHTMLSuite_menuItem_top_over div {
	/* divs for the text,icon and arrow of a menu item */
	float: left;
	padding-left: 1px;
	padding-right: 1px;
}

/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
.DHTMLSuite_menuItem_top_arrowShowSub {
	/* This is the arrow for top level elements */
	width: 12px; /* Width of item */
	background-repeat: no-repeat; /* No background repeat for the arrow */
	background-position: center center;
	/* Position of the arrow. at the center of this div */
	background-image:
		url('../../images_dhtmlsuite/theme-blue/menu-item/menu_strip_down_arrow.png');
	/* Relative path to the arrow */
	margin: 0px;
	margin-right: -1px;
	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
	padding: 0px;
	height: 16px;
	margin-left: 2px;
	float: right;
}

.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
	.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub {
	/* Sub menu arrows */
	margin-left: 1px;
	border-left: 1px solid #002d96;
}

/* CSS FOR SEPARATOR */
.DHTMLSuite_menuItem_separator_top { /* Separator of type "top" */
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 4px;
	padding-left: 3px;
	padding-right: 3px;
	background-repeat: repeat-y;
	background-image:
		url('../../images_dhtmlsuite/theme-blue/menu-item/menu_strip_separator.gif');
}

/* CSS FOR MENU ITEM OF TYPE "sub" */
.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,
	.DHTMLSuite_menuItem_sub_click, .DHTMLSuite_menuItem_sub_disabled,
	.DHTMLSuite_menuItem_sub_active {
	/* Commom css for regular, mouse over and mouse click items */
	clear: both;
	line-height: 18px; /* Height of menu item */
	height: 18px; /* Height of menu item */
	padding-left: 25px;
	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
	padding-right: 4px; /* Space inside the menu item */
	padding-top: 2px; /* Space inside the menu item */
	padding-bottom: 2px; /* Space inside the menu item */
	cursor: pointer; /* Mouse cursor set to a "hand" */
	margin: 1px; /* A little space around the item */
	background-repeat: no-repeat; /* No background repeat */
}

.DHTMLSuite_menuItem_sub_disabled { /* Disabled sub menu item */
	cursor: default; /* Arrow as cursor instead of hand */
}

.DHTMLSuite_menuItem_sub_disabled div, .DHTMLSuite_menuItem_sub_disabled
	{
	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
	filter: alpha(opacity = 40); /* Transparency */
	opacity: 0.4; /* Transparency */
	-moz-opacity: 0.4; /* Transparency */
	-khtml-opacity: .4; /* Transparency */
}

.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_disabled {
	/* Regular menu item */
	margin-left: 2px; /* size of margin above + 1 pixel */
	padding-top: 3px; /* Size of padding-top above + 1 pixel */
	padding-bottom: 3px; /* Size of padding-bottom above + 1 pixel */
}

.DHTMLSuite_menuItem_sub_over, .DHTMLSuite_menuItem_sub_click,
	.DHTMLSuite_menuItem_sub_active {
	border: 1px solid #006;
	/* Border around mouse over items, click items and active items */
}

.DHTMLSuite_menuItem_sub_over, .DHTMLSuite_menuItem_sub_active {
	/* Mouse over effect */
	background-color: #FFEEC2;
	/* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */
}

.DHTMLSuite_menuItem_sub_click { /* Mouse click effect */
	background-color: #FFB25C;
	/* Background color when the mouse button is pressed down on a menu item */
}

.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,
	.DHTMLSuite_menuItem_sub_over div, .DHTMLSuite_menuItem_sub_active div,
	.DHTMLSuite_menuItem_sub_disabled div {
	/* divs for the text,icon and arrow of a menu item */
	float: left;
	/* To get the icons and text of sub elements side by side */
	padding-left: 1px;
	padding-right: 1px;
}

.DHTMLSuite_menuItem_sub_arrowShowSub {
	/* Arrow div for sub elements (Right pointing arrow ) */
	position: absolute; /* Never change this one */
	background-image:
		url('../../images_dhtmlsuite/theme-blue/menu-item/menu-bar-right-arrow.png');
	/* Path relative to the css file */
	width: 18px;
	height: 18px;
	text-align: right;
	right: 0px;
	background-repeat: no-repeat; /* No background repeat */
	background-position: center right; /* Position of arrow */
}

.DHTMLSuite_menuItem_separator_sub { /* Separator of type "sub" */
	height: 1px; /* Height of separator */
	margin-top: 1px; /* Space above the separator */
	margin-bottom: 1px; /* Space below the separator */
	margin-left: 24px;
	/* left margin because we don't want the separator to cover the gradient */
	padding-right: 3px; /* space at the right of the separator */
	background-color: #6A8CCB;
	/* background color for the separator - blue */
}

/* menu-item.css */
/* CSS FOR MENU ITEM OF TYPE "top" */
.DHTMLSuite_menuItem_top_regular, .DHTMLSuite_menuItem_top_over,
	.DHTMLSuite_menuItem_top_click, .DHTMLSuite_menuItem_top_disabled,
	.DHTMLSuite_menuItem_top_active {
	height: 19px;
}

.DHTMLSuite_menuItem_top_regular div, .DHTMLSuite_menuItem_top_over div,
	.DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_disabled div,
	.DHTMLSuite_menuItem_top_active div {
	padding-top: 2px;
	padding-bottom: 2px;
}

.DHTMLSuite_menuItem_top_regular {
	/* Top level menu item - Regular state */
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_over {
	/* Top level menu item - Mouse over state */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #000;
	background-color: #98BF4C;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_active {
	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #000;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_click {
	/* Top level menu item - Mouse click state */
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	border: 1px solid #000;
	background-color: #94B94A;
	cursor: pointer;
	line-height: 16px;
	margin-top: 2px;
	z-index: 20000;
}

.DHTMLSuite_menuItem_top_disabled { /* Disabled menu item */
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: default;
	line-height: 16px;
	margin-top: 2px;
}

.DHTMLSuite_menuItem_top_disabled img, .DHTMLSuite_menuItem_top_disabled div
	{
	filter: alpha(opacity = 30);
	opacity: 0.3;
}

.DHTMLSuite_menuItem_top_disabled div, .DHTMLSuite_menuItem_top_active div,
	.DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,
	.DHTMLSuite_menuItem_top_over div {
	/* divs for the text,icon and arrow of a menu item */
	float: left;
	padding-left: 1px;
	padding-right: 1px;
}

/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
.DHTMLSuite_menuItem_top_arrowShowSub {
	width: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:
		url('../../images_dhtmlsuite/menu_strip_down_arrow.png');
	margin: 0px;
	margin-right: -1px;
	/* ma\rgin-right:-3px;	/* Size of padding-right of top menu items - used to get the arrow to apear at the right of the menu item */
	padding: 0px;
	height: 16px;
	margin-left: 2px;
	float: right;
}

.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
	.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub {
	/* Sub menu arrows */
	margin-left: 1px;
	border-left: 1px solid #000;
}

/* CSS FOR SEPARATOR */
.DHTMLSuite_menuItem_separator_top { /* Separator of type "top" */
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 4px;
	padding-left: 3px;
	padding-right: 3px;
	background-repeat: repeat-y;
	background-image: url('../demo-images/menu_strip_separator-gray.gif');
}

/* CSS FOR MENU ITEM OF TYPE "sub" */
.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,
	.DHTMLSuite_menuItem_sub_click, .DHTMLSuite_menuItem_sub_disabled,
	.DHTMLSuite_menuItem_sub_active {
	/* Commom css for regular, mouse over and mouse click items */
	clear: both;
	line-height: 18px;
	height: 18px;
	padding-left: 25px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
	margin: 1px;
	background-repeat: no-repeat;
}

.DHTMLSuite_menuItem_sub_disabled {
	cursor: default;
}

.DHTMLSuite_menuItem_sub_disabled div, .DHTMLSuite_menuItem_sub_disabled
	{
	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
	filter: alpha(opacity = 30);
	opacity: 0.3;
}

.DHTMLSuite_menuItem_sub_regular { /* Regular menu item */
	margin-left: 2px; /* size of margin above + 1 pixel */
	padding-top: 3px; /* Size of padding-top above + 1 pixel */
	padding-bottom: 3px; /* Size of padding-bottom above + 1 pixel */
}

.DHTMLSuite_menuItem_sub_over, .DHTMLSuite_menuItem_sub_click,
	.DHTMLSuite_menuItem_sub_active {
	border: 1px solid #006;
}

.DHTMLSuite_menuItem_sub_regular div, .DHTMLSuite_menuItem_sub_over div,
	.DHTMLSuite_menuItem_sub_click div {
	float: left;
	/* To get the icons and text of sub elements side by side */
}

.DHTMLSuite_menuItem_sub_over, .DHTMLSuite_menuItem_sub_active {
	/* Mouse over effect */
	background-color: #98BF4C;
}

.DHTMLSuite_menuItem_sub_click { /* Mouse click effect */
	background-color: #94B94A;
}

.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,
	.DHTMLSuite_menuItem_sub_over div, .DHTMLSuite_menuItem_sub_active div,
	.DHTMLSuite_menuItem_sub_disabled div {
	/* divs for the text,icon and arrow of a menu item */
	float: left;
	padding-left: 1px;
	padding-right: 1px;
}

.DHTMLSuite_menuItem_sub_arrowShowSub {
	/* Arrow div for sub elements (Right pointing arrow ) */
	background-image:
		url('../../images_dhtmlsuite/menu-bar-right-arrow.png');
	/* Path relative to the css file */
	width: 18px;
	height: 18px;
	text-align: right;
	position: absolute;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center right;
}

.DHTMLSuite_menuItem_separator_sub { /* Separator of type "sub" */
	height: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 24px;
	padding-right: 3px;
	background-color: #aeaeae;
}

/* menu-strip-pane-splitter.css */
/************************************************************************************************************

	DHTML Suite for Applications
	(C) www.dhtmlgoodies.com, August 2006

	CSS for the DHTMLsuite_tableWidget class.
	
	Terms of use:
	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland

************************************************************************************************************/
.DHTMLSuite_menuStrip_topBar {
	/* The bar that is parent of the menu strip */
	height: 26px;
	width: 100%;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	z-index: 100000;
}

.DHTMLSuite_menuStrip_menuItem_1, .DHTMLSuite_menuStrip_menuItem_over_1
	{ /* common css for all menu items on level 1 */
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 3px;
}

.DHTMLSuite_menuStrip_menuItem_1 { /* Level 1 menu items */
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.DHTMLSuite_menuStrip_menuItem_over_1 { /* Level 1 roll over */
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #000;
	background-color: #eda83b;
}

.DHTMLSuite_menuStrip_separator_1 { /* Level 1 separator */
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 4px;
	padding-left: 3px;
	padding-right: 3px;
}

.DHTMLSuite_menuStrip_menuArrow1 {
	line-height: 26px;
	padding-left: 5px;
	padding-right: 1px;
}

body {
	margin-top: 0px;
	margin-left: 0px;
}

/* modAddon.css */
.maoCode {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #CC0000;
}

.maoTitre {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.maoTxt {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
}

/* modal.css */
/**************************\
  Basic Modal Styles
\**************************/

.modal {
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 500px;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
    background: transparent;
    border: 0;
}

.modal__header .modal__close:before {
    content: "\2715";
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, .8);
}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}


/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10%);
    }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}

.modal-fullscreen {
    padding: 20px !important;
}

.modal-fullscreen .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    min-height: 100%;
    height: auto;
}





/* multiVisa.css */
.mvCadre01 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #e3dfe7;
    margin: 15px;
    padding: 5px;
}

.mvBody {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    border: 0px solid #f3f2f5;
    margin: 15px;
    padding: 5px;
}

.mvDebug {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #C90;
    margin: 15px;
    padding: 5px;
}

.mvDebugFct {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    padding: 2px;
    width: 300px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 10px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #06C;
    border-right-color: #06C;
    border-bottom-color: #06C;
    border-left-color: #06C;
}

.mvTable {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #e3dfe7;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
    width: 100%;
}

.mvRegTdNoBorder {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    background-color: #FFF;
    padding: 5px;
    border: 0;
    vertical-align: top;
}

.mvRegTd {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    background-color: #FFF;
    padding: 5px;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e3dfe7;
    border-right-color: #e3dfe7;
    border-bottom-color: #e3dfe7;
    border-left-color: #e3dfe7;
}

.mvCenterTd {
    text-align: center;
}

.mvLeftTd {
    width: 20%;
    align-content: right;
    text-align: right;

}

.mvHeadTd {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #867798;
    background-image: url(img/bg_barre.png);
    font-weight: bold;
    padding: 5px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e3dfe7;
    border-right-color: #e3dfe7;
    border-bottom-color: #e3dfe7;
    border-left-color: #e3dfe7;
    text-align: center;
}

.mvTxtArea {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    height: 100px;
    width: 80%;
    border: 1px solid #999;
    background-color: #fcfcfc;
    margin: 5px;
    padding: 5px;
}

.mvCombo {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #999;
    /*width: 80%;*/
    height: 25%;
}

.mvRetourOk {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #06C;
}

.mvRetourError {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #C33;
}


.mvTxtCenter {
    text-align: center;
}

#additionalVisaForm td {
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    white-space: nowrap;
    color: #333;
    background-color: #FFF;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #e9e9e9;
}

#additionalVisaForm {
    /*width: 20 px;*/
}

.mvSubmit {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    background-color: #49b500;
    border: 1px solid #333;
    height: 25%;
}

.writeVisaFieldHead {
    font-size: 10px;
    font-weight: bold;
    color: #6a6a6a;
    padding: 5px 5px 5px 0;
}

/* navbar.css */
.navbar {
    width: 100%;
    padding: 0px !important;
    background-color: #fff;
}

.navbar a {
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    /*font-weight: bold;*/
}

.navbar ul {
    /*width: 100%;*/
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar .dropdown-item,
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar .dropdown-item:active,
.navbar .dropdown-item:visited {
    color: #1d314b;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    background-color: #f5f5f5;
}

.navbar .dropdown-item:active {
    background-color: #eaeaea;
}



/* notifications.css */
.notification-container-bottom-center, .notification-container-bottom-left, .notification-container-bottom-right, .notification-container-mobile-bottom, .notification-container-mobile-top, .notification-container-top-center, .notification-container-top-left, .notification-container-top-right {
    position: fixed;
    z-index: 8000
}

.notification-container-bottom-center, .notification-container-bottom-left, .notification-container-bottom-right, .notification-container-top-center, .notification-container-top-right {
    width: 325px
}

.notification-container-top-center {
    transform: translateX(-50%);
    top: 20px;
    left: 50%
}

.notification-container-bottom-center {
    transform: translateX(-50%);
    bottom: 20px;
    left: 50%
}

.notification-container-top-left {
    left: 20px;
    top: 20px
}

.notification-container-top-right {
    right: 20px;
    top: 20px
}

.notification-container-bottom-left {
    left: 20px;
    bottom: 20px
}

.notification-container-bottom-right {
    bottom: 20px;
    right: 20px
}

.notification-container-mobile-top {
    right: 20px;
    left: 20px;
    top: 20px
}

.notification-container-mobile-bottom {
    right: 20px;
    left: 20px;
    bottom: 20px;
    margin-bottom: -15px
}

.notification-default {
    border-left: 8px solid #0562c7
}

.notification-default, .notification-default .timer {
    background-color: #007bff
}

.notification-default .timer-filler {
    background-color: #fff
}

.notification-default .notification-close {
    background-color: #007bff
}

.notification-success {
    border-left: 8px solid #1f8838
}

.notification-success, .notification-success .timer {
    background-color: #28a745
}

.notification-success .timer-filler {
    background-color: #fff
}

.notification-success .notification-close {
    background-color: #28a745
}

.notification-danger {
    border-left: 8px solid #bd1120
}

.notification-danger, .notification-danger .timer {
    background-color: #dc3545
}

.notification-danger .timer-filler {
    background-color: #fff
}

.notification-danger .notification-close {
    background-color: #dc3545
}

.notification-info {
    border-left: 8px solid #138b9e
}

.notification-info, .notification-info .timer {
    background-color: #17a2b8
}

.notification-info .timer-filler {
    background-color: #fff
}

.notification-info .notification-close {
    background-color: #17a2b8
}

.notification-warning {
    border-left: 8px solid #ce9c09
}

.notification-warning, .notification-warning .timer {
    background-color: #eab000
}

.notification-warning .timer-filler {
    background-color: #fff
}

.notification-warning .notification-close {
    background-color: #eab000
}

.notification-awesome {
    border-left: 8px solid #4c3fb1
}

.notification-awesome, .notification-awesome .timer {
    background-color: #685dc3
}

.notification-awesome .timer-filler {
    background-color: #fff
}

.notification-awesome .notification-close {
    background-color: #685dc3
}

@keyframes timer {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.notification-item {
    display: flex;
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, .2);
    cursor: pointer
}

.notification-item .timer {
    width: 100%;
    margin-top: 10px
}

.notification-item .timer, .notification-item .timer .timer-filler {
    height: 3px;
    border-radius: 5px
}

.notification-item .notification-title {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px
}

.notification-item .notification-message {
    color: #fff;
    max-width: calc(100% - 15px);
    font-size: 14px;
    line-height: 150%;
    word-wrap: break-word;
    margin-bottom: 0;
    margin-top: 0
}

.notification-item .notification-content {
    padding: 8px 15px;
    display: inline-block;
    width: 100%
}

.notification-item .notification-close {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px
}

.notification-item .notification-close:after {
    content: "\D7";
    position: absolute;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    left: 50%;
    top: 50%
}

.n-parent {
    width: 275px
}

.notification-container-mobile-bottom .n-parent, .notification-container-mobile-bottom .notification-item, .notification-container-mobile-top .n-parent, .notification-container-mobile-top .notification-item {
    max-width: 100%;
    width: 100%
}

.notification-container-bottom-right .n-parent, .notification-container-top-right .n-parent {
    margin-left: auto
}

.notification-container-bottom-left .n-parent, .notification-container-top-left .n-parent {
    margin-right: auto
}

.notification-container-mobile-bottom .n-parent, .notification-container-mobile-top .n-parent {
    margin-left: auto;
    margin-right: auto
}

/* openSans.css */
/* Open Sans - Self-hosted (sans dependance Google Fonts) */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('font/open-sans-v44-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('font/open-sans-v44-latin-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('font/open-sans-v44-latin-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('font/open-sans-v44-latin-700.woff2') format('woff2');
}

/* opr.css */
.opr_table {
	background-color: #FFFFFF;
	border: 1px solid #666666;
}

.opr_formHead {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #E4E1DE;
}

.opr_formTxt {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #FFFFFF;
}

.opr_formElement {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #993300;
}

.opr_fileTxtTd {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
}

.opr_regTxtTd {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.opr_resHead {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #688897;
}

/* pfb.css */
.droppable {
    border: #ccc 1px solid;
    border-radius: 8px;
    background: #eee;
    color: #666;
    padding: 20px;
    margin: 10px;
    clear: both;
    text-align: center;
    width: 80%;
}

.droppable:hover {
    background: #d6d6d6;
}

.droppable.hover {
    background: #8080c0;
}

.uploadList {
    margin: 5;
    padding: 5;
    list-style: none;
}

.uploadItem {
    overflow: hidden;
    border: #BCBCBC 1px solid;
    /*margin: 20px;*/
    padding: 3px;
    height: 30px;
    line-height: 30px;
    background: #efefef;
    width: 400px;
    margin: 5px;
}

.uploadItem:hover {
    background: #c7c7e2;
}

.uploadItem span {
    font-size: 10px;
    overflow: hidden;
    width: 350px;
    float: left;
    display: block;

}

a.addInputRow,
a.delInputRow,
.uploadItem a {
    display: inline-block;
    background: url(filesBox/add.png) no-repeat;
    height: 30px;
    width: 16px;
    text-indent: -999px;
}

.uploadItem a {
    float: left;
    display: block;
    padding-left: 20px;
    background-image: url(filesBox/delete.jpg);
}

a.delInputRow {
    background-image: url(filesBox/delete.jpg);
}

.progress {
    margin: 5px 0;
    height: 15px;
    border-radius: 3px;
    background: #545A74;
}

.btwDropBox {
    margin: 5px 0;
    border: #ccc 1px solid;
}

.formRowSubmit {
    text-align: center;
}

.dropBoxButton {
    margin: 3px;
    padding: 5px;
    text-align: center;
    border: #ccc 1px solid;
    border-radius: 5px;

    background: linear-gradient(to bottom, #8d98bd, #545A74);
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

.dropBoxButton:hover {
    background: #ba7c98;
    color: #FFF;
}

.dropBoxInput {
    margin: 3px;
    padding: 2px;
    text-align: left;
    border: #848eb1e6 1px solid;
    border-radius: 7px;
    font-family: 'Open Sans', sans-serif;
    background: linear-gradient(to bottom, #C9D4D74D, #E9EEEF80);
    color: #686e83;
    font-weight: bold;
    font-size: 10px;
}

.dropBoxInput:focus {
    border: #848eb1e6 2px solid;
    border-radius: 7px;
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}

.dropBoxInputPlan {
    margin: 3px;
    padding: 2px;
    text-align: left;
    border: #e4e5e4 1px solid;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    color: #686e83;
    font-weight: bold;
    font-size: 10px;
    width: 200px;
    background-color: #f3f3f3;
}

.dropBoxInputPlanDatePicker {
    /*margin: 3px 0 3px 3px;*/
    padding: 2px;
    text-align: left;
    border: #848eb1 1px solid;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    font-family: 'Open Sans', sans-serif;
    color: #686e83;
    font-weight: bold;
    font-size: 10px;
    width: 200px;
    background-color: #f4f4f4;
}

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

.dropBoxInputPlan:focus {
    border: #848eb1 1px solid;
    border-radius: 7px;
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}

.formRow {
    align: left;
}

.justCenter {
    text-align: center;
    width: 99%;
}

/* photoMod.css */
#photoModTable {
    border-block-style: solid;
    border-block-width: 1px;
    border-color: #999;
    border-collapse: separate;
    border-spacing: 1px;
}

#photoModTable td {
    padding: 3px;
}

/* planPane.css */
.plan-activities {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

.plan-activities div {
    padding: 5px;
}

.plan-attached-files {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

.plan-attached-files div {
    padding: 3px;
}

.plan-attached-files_visa_highlight {
    font-weight: bold;
}

.plan-attached-files-dl-section {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    padding: 3px;
    border-style: dashed;
    border-color: #999;
    border-width: 1px;
    padding: 3px;
    margin: 5px;
    font-weight: unset;
}

.plan-actions-response-message {
    font-size: 12px;
    background-color: #f2cd12;
    padding: 5px;
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #979898;
    text-align: left;
    color: #080808;
    /*font-weight: bold;*/
}

.plan-pane-buttons {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    border-width: 0px;
    border-color: #3e6067;
    border-style: solid;
    /*background: #bbc8cc;*/
    /*padding: 4px;*/
    font-family: 'Open Sans', sans-serif;
    /*font-size: 16px;*/
    color: #333333;
    /*width: 25px;*/
    text-align: center;
}

.plan-pane-buttons:hover {
    border-color: #6c6c6c;
    transition: all 0.2s;
    background: #fdf9e6;
}

.plan-pane-buttons-icon {
    font-size: 16px;
    width: 25px !important;
}

.plan-pane-active-tab {
    font-weight: bold;
    background: #FDF9E6 !important;
    color: #000000 !important;
}

.plan-pane-tabs-card {
    background: #ffffff;
}

.plan-pane-number-selected {
    background-color: #bbc8ccff;
    color: #333333;
    padding: 2px 2px 2px 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.highlightLine {
    background-color: rgba(239, 207, 45, 0.13);
}

.simpleHighlight {
    background-color: #e7eced;
}

.newColors {

    background-color: #496d79;
    background-color: #bec9cc;
    background-color: #3e6067;
    background-color: #00ad9a;
    background-color: #f2cd12;
    background-color: #c73b3d;
    background-color: #17a4cc;
}

.plan-pane-no-selection-message {
    font-size: 12px;
    padding-left: 3px;
    line-height: 40px;
    border-style: solid;
    border-color: #000000;
    border-width: 2px;
}

/* pnotify.brighttheme.css */
.brighttheme{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.brighttheme.ui-pnotify-container{padding:18px}.brighttheme .ui-pnotify-title{margin-bottom:12px}.brighttheme-notice{background-color:#ffffa2;border:0 solid #ff0;color:#4f4f00}.brighttheme-info{background-color:#8fcedd;border:0 solid #0286a5;color:#012831}.brighttheme-success{background-color:#aff29a;border:0 solid #35db00;color:#104300}.brighttheme-error{background-color:#ffaba2;background-image:repeating-linear-gradient(135deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px);border:0 solid #ff1800;color:#4f0800}.brighttheme-icon-closer,.brighttheme-icon-info,.brighttheme-icon-notice,.brighttheme-icon-sticker,.brighttheme-icon-success{position:relative;width:16px;height:16px;font-size:12px;font-weight:700;line-height:16px;font-family:"Courier New",Courier,monospace;border-radius:50%}.brighttheme-icon-closer:after,.brighttheme-icon-info:after,.brighttheme-icon-notice:after,.brighttheme-icon-sticker:after,.brighttheme-icon-success:after{position:absolute;top:0;left:4px}.brighttheme-icon-notice{background-color:#2e2e00;color:#ffffa2;margin-top:2px}.brighttheme-icon-notice:after{content:"!"}.brighttheme-icon-info{background-color:#012831;color:#8fcedd;margin-top:2px}.brighttheme-icon-info:after{content:"i"}.brighttheme-icon-success{background-color:#104300;color:#aff29a;margin-top:2px}.brighttheme-icon-success:after{content:"\002713"}.brighttheme-icon-error{position:relative;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid #2e0400;font-size:0;line-height:0;color:#ffaba2;margin-top:1px}.brighttheme-icon-error:after{position:absolute;top:1px;left:-4px;font-size:12px;font-weight:700;line-height:16px;font-family:"Courier New",Courier,monospace;content:"!"}.brighttheme-icon-closer,.brighttheme-icon-sticker{display:inline-block}.brighttheme-icon-closer:after{top:-4px;content:"\002715"}.brighttheme-icon-sticker:after{top:-5px;content:"\002016"}.brighttheme-icon-sticker.brighttheme-icon-stuck:after{content:"\00003E"}.brighttheme .ui-pnotify-action-bar{padding-top:12px}.brighttheme .ui-pnotify-action-bar input,.brighttheme .ui-pnotify-action-bar textarea{display:block;width:100%;margin-bottom:12px!important}.brighttheme .ui-pnotify-action-button{text-transform:uppercase;font-weight:700;padding:4px 8px;border:none;background:0 0}.brighttheme .ui-pnotify-action-button.btn-primary{border:none;border-radius:0}.brighttheme-notice .ui-pnotify-action-button.btn-primary{background-color:#ff0;color:#4f4f00}.brighttheme-info .ui-pnotify-action-button.btn-primary{background-color:#0286a5;color:#012831}.brighttheme-success .ui-pnotify-action-button.btn-primary{background-color:#35db00;color:#104300}.brighttheme-error .ui-pnotify-action-button.btn-primary{background-color:#ff1800;color:#4f0800}

/* pnotify.buttons.css */
.ui-pnotify-closer,.ui-pnotify-sticker{float:right;margin-left:.2em}

/* pnotify.css */
/*!
Author  : Hunter Perrin
Version : 3.2.0
Link    : http://sciactive.com/pnotify/
*/.ui-pnotify{top:36px;right:36px;position:absolute;height:auto;z-index:2}body>.ui-pnotify{position:fixed;z-index:100040}.ui-pnotify-modal-overlay{background-color:rgba(0,0,0,.4);top:0;left:0;position:absolute;height:100%;width:100%;z-index:1}body>.ui-pnotify-modal-overlay{position:fixed;z-index:100039}.ui-pnotify.ui-pnotify-in{display:block!important}.ui-pnotify.ui-pnotify-move{transition:left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-slow{transition:opacity .4s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move{transition:opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-normal{transition:opacity .25s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move{transition:opacity .25s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-fast{transition:opacity .1s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move{transition:opacity .1s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-in{opacity:1}.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);box-shadow:0 6px 28px 0 rgba(0,0,0,.1)}.ui-pnotify-container{background-position:0 0;padding:.8em;height:100%;margin:0}.ui-pnotify-container:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.ui-pnotify-container.ui-pnotify-sharp{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-pnotify-title{display:block;margin-bottom:.4em;margin-top:0}.ui-pnotify-text{display:block}.ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left;margin-right:.2em}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-topleft{left:25px;right:auto}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-bottomright{bottom:25px;top:auto}.ui-pnotify.stack-modal{left:50%;right:auto;margin-left:-150px}

.ui-pnotify.stack-bar-bottom {
    margin-left: 25%;
    right: auto;
    bottom: 0;
    top: auto;
    left: auto;
}
.ui-pnotify-container{
    background-color:#F9F9F9;
    font-size: 14px;
    border: 1px;
}
.brighttheme-success{
    border: 1px solid;
}
.brighttheme-error{
    border: 1px solid;
}
.brighttheme-notice{
    border: 1px solid;
}
.brighttheme-info{
    border: 1px solid;
}

/* print.css */
.printTdTable {
    border: 4px groove #333333;
    width: 1000px;
}

.printTdSt {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #EEEEEE;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

.printEt {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: center;
    margin: 5px;
    border: 0px solid #000000;
}

.printTab01 {
    margin: 5px;
    border: 1px solid #000000;
}

.printTd {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #E1E1E1;
    border-bottom-color: #8A8A8A;
    border-left-color: #999999;
}

.printTdSeparat {
    font-family: 'Open Sans', sans-serif;
    font-size: 2px;
    color: #666666;
    background-color: #666666;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

.ficheVisaFamilleTitre {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    background-color: #b0c7d0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e3dfe7;
    border-right-color: #e3dfe7;
    border-bottom-color: #e3dfe7;
    border-left-color: #e3dfe7;
    text-align: center;
    padding: 5px;
}

.printTd2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    text-align: center;
}

.printTdHead {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #333333;
    background-color: #EEEEEE;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    font-weight: bold;
}

.printTdFld {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000000;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #E1E1E1;
    border-bottom-color: #8A8A8A;
    border-left-color: #999999;
    font-weight: bold;
}

.printTdHead2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #000000;
    background-color: #EEEEEE;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    font-weight: bold;
}

.printTdFldPlus {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000000;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #E1E1E1;
    border-bottom-color: #8A8A8A;
    border-left-color: #999999;
    font-weight: bold;
}

.flvPrtSyHead {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000000;
    text-align: center;
    background-color: #EEEEEE;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 2px;
    font-weight: bold;
}

.flvPrtSyTdData {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000000;
    border-bottom-width: 2px;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 2px;
}

.flvPrtSyTdNumber {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: #e8d0d0;
    border-bottom-width: 2px;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 2px;
}

.flvPrtSyTable {
    font-family: 'Open Sans', sans-serif;
    border: 2px solid #000000;
}

.printTd3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    padding: 3px;
}

.printTd4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    border: 1px solid #000000;
    text-align: center;
}

.printTd2C {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    text-align: center;
}

.printTd4C {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    border: 1px solid #000000;
    text-align: center;
}

.printTdFQ {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #E1E1E1;
    border-bottom-color: #8A8A8A;
    border-left-color: #999999;
}

/* pvs.css */
@charset "utf-8";
/* CSS Document */
.pvsCadre {
    -webkit-box-shadow: 3px 3px 4px 4px #E0E0E0;
    box-shadow: 3px 3px 4px 4px #E0E0E0;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 1.00) 0%,
    rgba(98, 98, 98, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 1.00) 0%,
    rgba(98, 98, 98, 1.00) 100%);
}

.pvsCellReg {
    color: #353535;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Open Sans", sans-serif;
    font-size: 10px;
    padding-right: 3px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    text-align: right;
}

.pvsCellHead {
    color: #353535;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-right: 3px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}

.pvsBgColorWhite {
    background-color: #FDFDFD;
}

.pvsBgColorYellow {
    background-color: #f0fdaf;
}

.pvsBgColorRed {
    background-color: #fdbcaf;
}

.pvsBgColorPink {
    background-color: #fdafc9;
}

.pvsBgColorGreen {
    background-color: #c9fdaf;
}

.pvsBgColorBlue {
    background-color: #afc9fd;
}

.pvsBgColorAqua {
    background-color: #aff0fd;
}

.pvsBgColorOrange {
    background-color: #afc9fd;
}


.pvsBgColorStripe {
    color: white;
    background: repeating-linear-gradient(
            45deg,
            #FFFFFF,
            #FFFFFF 10px,
            #fad9e4 10px,
            #fad9e4 20px
    );
}


.pvsBgColorGreyLight {
    background-color: #E1E1E1;
    background-image: -webkit-linear-gradient(270deg, rgba(227, 227, 227, 1.00) 0%, rgba(196, 196, 196, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(227, 227, 227, 1.00) 0%,
    rgba(196, 196, 196, 1.00) 100%);
    text-align: left;
    font-weight: bold;
}

.pvsBgColorBlueRad {
    background-color: #C11806;
    background-image: -webkit-linear-gradient(270deg, rgba(173, 191, 238, 1.00) 0%, rgba(35, 100, 178, 1.00) 65.80%);
    background-image: linear-gradient(180deg, rgba(173, 191, 238, 1.00) 0%,
    rgba(35, 100, 178, 1.00) 65.80%);
    color: #FFFFFF;
}

.pvsBandeau {
    width: 98%;
    /*height: 100px;*/
    margin-top: 10px;
    margin-bottom: 20px;
    color: #212121;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Open Sans", sans-serif;
    font-size: 25px;
    background-image: -webkit-linear-gradient(270deg, rgba(229, 229, 229, 1.00) 0%, rgba(208, 208, 208, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(229, 229, 229, 1.00) 0%,
    rgba(208, 208, 208, 1.00) 100%);
    border: 1px solid #020202;
    border-radius: 0px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 5px 5px #E5E5E5;
    box-shadow: 0px 5px 5px 5px #E5E5E5;
    left: 1%;
    right: 1%;
    clear: both;
}

.pvsBigButton {
    list-style: none; /* pour enlever les puces sur IE7 */
    display: inline;
    width: 200px;
    height: 50px;
    margin-top: 10px;
    padding-top: 10px;
    float: left;
    color: #000000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Open Sans", sans-serif;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #3B3B3B;
    border-top-right-radius: 3px;
    background-image: -webkit-linear-gradient(270deg, rgba(76, 146, 243, 1.00) 0%, rgba(8, 58, 126, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(76, 146, 243, 1.00) 0%,
    rgba(8, 58, 126, 1.00) 100%);
}

.pvsCadreVide {
    width: 100%;
    text-align: center;
}

pvs li a {
    display: inline-block;
    width: 100px;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    background-color: #3A3A3A;
    border-radius: 3px;
    width: 300px;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Open Sans", sans-serif;
    vertical-align: middle;
    font-size: 25px;
}

pvs li {
    display: inline;
    list-style: none; /* pour enlever les puces sur IE7 */
    margin: 10px;
    width: 200px;
    height: 50px;
    color: #000000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Open Sans", sans-serif;
    border-radius: 3px;
}

.z:link {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    margin: 1px;
    font-style: normal;
    text-decoration: none;
}

.z:visited {
    color: #000000;
    text-decoration: none;
}

.z:hover {
    color: #F5F5F5;
    text-decoration: none;
    background-color: #999;
}

.modalDialog {
    /*position: fixed;*/
    position: absolute;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Open Sans", sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background: rgba(0,0,0,0.8);*/
    z-index: 99999;
    opacity: 0;
    /*-webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;*/
    /*transition: opacity 400ms ease-in;*/
    pointer-events: none;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.modalDialog:target {
    opacity: 1;
    pointer-events: auto;
}

.modalDialog > div {
    width: 95%;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #000;
    background: -moz-linear-gradient(#000, #999);
    background: -webkit-linear-gradient(#000, #999);
    background: -o-linear-gradient(#000, #999);
}

/*.close {*/
/*    background: #606061;*/
/*    color: #FFFFFF;*/
/*    line-height: 25px;*/
/*    position: absolute;*/
/*    right: -12px;*/
/*    text-align: center;*/
/*    top: -10px;*/
/*    width: 24px;*/
/*    text-decoration: none;*/
/*    font-weight: bold;*/
/*    -webkit-border-radius: 12px;*/
/*    -moz-border-radius: 12px;*/
/*    border-radius: 12px;*/
/*    -moz-box-shadow: 1px 1px 3px #000;*/
/*    -webkit-box-shadow: 1px 1px 3px #000;*/
/*    box-shadow: 1px 1px 3px #000;*/
/*}*/

/*.close:hover {*/
/*    background: #00d9ff;*/
/*}*/

.modalGraph {
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    /*padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    background-color: #000000;*/
    display: inline;
}

.pvsTot01 {
    font-weight: bold;
}

.pvsThead {
    height: 50px;
    /*overflow: auto;*/
}

.pvsTbody {
    height: 50px;
    overflow: auto;
}

/* questrep.css */
.tableborder {
	border: thin solid #000000;
}

.inputbg {
	background-color: #b3aaa5;
	background-image: url(img/formbg.jpg);
}

.boutonsAd {
	background-color: #FFFFFF;
}

.formulaire {
	background-color: #5e5e5e;
	background-image: url(img/bgform.jpg);
}

.formbg {
	background-color: #b3aaa5;
	background-image: url(img/formbg.jpg);
}

.enteteqr {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	background-color: #F0F0F0;
}

.lign1 {
	background-color: #EBF0F3;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: left;
	vertical-align: top;
	margin: 1px;
	padding: 1px;
}

.lign2 {
	background-color: #C1D2DB;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: left;
	vertical-align: top;
	padding: 1px;
}

.slign0 {
	background-color: #D3D6EB;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.slign1 {
	background-color: #fbdca7;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	padding: 3px;
}

.slign2 {
	background-color: #f9fe7c;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
}

.contour {
	border-left-width: thin;
	border-left-style: groove;
	border-left-color: #333333;
}

.quesrep {
	background-color: #DBDBDB;
	border: thin none #333333;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
}

.qrTitres {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.qrEnTete {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #FFF;
	background-image: url(img/qrEnTeteBg.jpg);
}

.qrData {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-position: left top;
	text-align: left;
	vertical-align: top;
}

.lign1Rep {
	background-color: #D9BFAE;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: left;
	vertical-align: top;
	margin: 1px;
	padding: 1px;
}

.qrReg {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #999999;
	text-align: left;
	vertical-align: top;
}

.qrAdding {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EFEFEF;
	border: 1px solid #CC0000;
	margin: 3px;
	padding: 3px;
}

.qrAddingTitre {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: 0px solid #CC0000;
	margin: 3px;
	padding: 3px;
	font-weight: bold;
	background-image: url(img/qrAddQuestTitre.jpg);
}

.qrQuestRecap {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px dashed #999999;
}

.qrNewQuest {
	display: block;
	background-image: url(img/transparent_bg.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	z-index: 444499;
	background-position: center center;
	position: fixed;
	_position: absolute;
	visibility: visible;
	left: 0px;
	top: 0px;
	_top: expression(documentElement.scrollTop + body.scrollTop + 20 + "px");
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border: 0px solid #CC0000;
	overflow: hidden;
}

.qrNewQuest0 {
	background-image: url(img/transparent_bg.png);
	top: expression(documentElement.scrollTop + body.scrollTop + 20 + "px");
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99;
}

.qrDetail {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #F5F5F5;
	padding-left: 10px;
}

.qrReponseHead {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333;
	padding: 7px;
}

.qrDataColor {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #E8D0D0;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-position: left top;
	text-align: left;
	vertical-align: top;
}

.qrAddTable {
	height: 50%;
	width: 50%;
	top: 25%;
}

/* recordPLansSearch.css */
#recordPlansSearchBox{
	display: inline;
	
}

#recordPlansSearchBoxMessageBox{
	display: inline;
}

/* repro.css */
.reproListTd {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #CCCCCC;
    background-color: #FFFFFF;
    padding: 2px;
}

.reproInputQte {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #990000;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    text-align: right;
}

.textAlignCenter {
    text-align: center;
}

/* codes couleurs idc */
/* #ba7c98 */
/* #cea3b7 */
/* #8d98bd */
/* #5c6da1 */
:root {
    --idcColor01: #ba7c98;
    --idcColor02: #cea3b7;
    --idcColor03: #8d98bd;
    --idcColor04: #5c6da1;
}

.reproCmdCadre {
    /*border: solid 1px #CCCCCC;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 99%;
    margin: 5px;
    background-color: #FFF;
}

.reproCmdSearchCadre {
    border: solid 1px #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 99%;
    margin: 5px;
    background-color: #E7ECED;
    padding: 5px;
}

.reproCmdHeadLine {
    background-color: #496d79;
    font-weight: bold;
    color: #FFF;
    padding: 5px;
    font-size: 14px;
    vertical-align: top;
}

.reproBgColor01 {
    background-color: #ba7c98;
}

.reproBgColor02 {
    background-color: #cea3b7;
}

.reproBgColor03 {
    background-color: #8d98bd;
}

.reproBgColor04 {
    background-color: #5c6da1;
}

.reproBoldHeadTxt {

}

.reproLogsBox {
    border: solid 1px #CCCCCC;
    margin: 1px;
    /*background-color: #8d98bd;*/
    background-color: #F5F5F5;
    font-size: 10px;
    color: #666;
    width: 312px;
    min-width: 312px;
    height: 99%;
    opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-filter: "alpha(opacity=10)"; /* IE 8 */
    filter: alpha(opacity=10); /* IE < 8 */
    float: left;
    text-align: left;
    padding: 4px;
}

.reproButton {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #CCCCCC;
    margin: 2px;
    background-color: #cdd2e2;
    height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    text-align: center;
    color: #3e3e3e;
    font-weight: bold;
    cursor: Pointer;
}

.reproInput {
    border: solid 1px #496d79;
    margin: 2px;
    background-color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.reproCombo {
    border: solid 1px #496d79;
    margin: 2px;
    background-color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #414141;
    padding: 3px;
    /*font-weight: bold;*/
}

.reproInputNum {
    width: 4em;
}

.reproListTable {
    background-color: #d6dee0;
    border-collapse: initial;
    border-spacing: 1px;
}

.reproListTableTr {

}

.reproListTableTdCmd {
    vertical-align: top;
    background-color: #f7f3f8;
    padding: 5px;
    text-align: left;
}

.reproListTableTdQte {
    vertical-align: top;
    background-color: #d6c7de;
    padding: 5px;
    text-align: left;
}

.reproListTableTdCmdTot {
    vertical-align: top;
    background-color: #8d98bd;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
}

.reproListTableTdQteTot {
    vertical-align: top;
    background-color: #5c6da1;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
}

.reproListTableTd {
    vertical-align: top;
    background-color: #FFF;
    padding: 5px;
}

.reproListTableTdHead {
    vertical-align: top;
    background-color: #f4f4f4;
    padding: 5px;
}

.reproTxtCenter {
    text-align: center;
}

.reproTxtRight {
    text-align: right;
}

.reproTxtBold {
    font-weight: bold;
}

.reproAddBoxDiv {
    float: left;
    width: 300px;
}

.reproHistoriqueBoxDiv {
    float: left;
    width: 150px;
}

.reproLogCommentBoxDiv {
    float: left;
    width: 300px;
}

.reproAddedBoxDiv {
    float: left;
    width: 50px;
}

.reproAddBoxDivGlob {
    float: left;
    border: solid 1px #CCC;
    padding: 5px;
}

.reproAddBoxDivClose {
    height: 1px;
    overflow: hidden;
}

.reproAddBoxDivCloseAction {
    float: right;
    width: 100px;
    cursor: Pointer;
    /*padding-bottom: 20px;*/
}

.reproTextAreaDef {
    /*background-color: #e7dfec;*/
    width: 250px;
    height: 4.5em;
    resize: none;
    overflow: auto;
    vertical-align: middle;
}

.reproTextAreaOpen {
    /*background-color: #e7dfec;*/
    width: 250px;
    height: 4.5em;
    resize: none;
    overflow: auto;
    vertical-align: middle;
}

.reproFullMess {

    border: solid 1px #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 99%;
    margin: 1px 1px 1px 5px;;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    background-color: #f2cd12;
    color: #000000;
    text-align: center;
    font-size: 16px;
}

.reproAddManualFormClose {
    height: 1px;
    overflow: hidden;
}

.reproAddManualFormOpen {

    border: solid 1px #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
    background-color: #fbfbfb;
    font-size: 10px;
    color: #666;
    opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-filter: "alpha(opacity=10)"; /* IE 8 */
    filter: alpha(opacity=10); /* IE < 8 */
    padding: 4px;
}

.reproAddManualFormTd {
    /*border-top: solid 1px #ffffff;*/
    padding: 4px;
    font-size: 11px;
    font-weight: bold;
}

.reproAddManualFormTdHead {
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
}

.reproAddManualFormInput {
    border: solid 1px #496d79;
    margin: 2px;
    background-color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: bold;
}


@keyframes reproFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes reproFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyFrames reproClose {
    /*from{max-height;}
    to {height: 1px;}*/
    0% {
        height: 100px;
    }
    100% {
        height: 1px;
    }
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.reproFadeIn {
    animation-name: reproFadeIn;
    animation-duration: 3s;
}


.reproFadeOut {
    animation-name: reproFadeOut;
    animation-duration: 3s;
}

.reproClose {
    animation-name: reproClose;
    animation-duration: 1s;
}

.reproAddManualFormClose {
    height: 1px;
    overflow: hidden;
}

.reproAddManualFormOpen {
    border: solid 1px #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
    background-color: #fbfbfb;
    font-size: 10px;
    color: #666;
    opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-filter: "alpha(opacity=10)"; /* IE 8 */
    filter: alpha(opacity=10); /* IE < 8 */
    padding: 4px;
}

.reproAddManualFormTd {
    /*border-top: solid 1px #ffffff;*/
    padding: 4px;
    font-size: 11px;
    font-weight: bold;
}

.reproAddManualFormTdHead {
    padding: 4px;
    font-size: 13px;
    font-weight: bold;
}

.reproAddManualFormInput {
    border: solid 1px #ba7c98;
    margin: 2px;
    background-color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: bold;
}

.reproDatePickerInput {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-color: #f8f9fa;
    border-style: solid;
    background: #f8f9fa;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #4a5052;
}

/* resizable.css */
.leftPanel {
    /*width: 50px;*/
    position: relative;
    height: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    overflow: auto;
}

.handler {
    width: 8px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: col-resize;
    /*background: linear-gradient(to right, #6e9794, #48625f);*/
    background: #e8ebed url('img/grippie.png') no-repeat scroll center;
    border-left-style: solid;
    border-left-color: #e3e9eb;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-color: #bcbcbc;
    border-right-width: 1px;
    /*opacity: 0.9;*/
    transition: all 0.3s;
    writing-mode: sideways-lr;
    text-orientation: mixed;
    color: #6f8a94;
    font-size: 8px;
    text-align: right;
    /*padding-top: 50px;*/
    vertical-align: center;
    visibility: hidden;
}

.handler:hover {
    /*opacity: 1;*/
    transition: all 0.3s;
    background-color: #c6d1d5;
}

.handlerRight {
    width: 8px;
    height: 100%;
    position: relative;
    /*right: 0;*/
    bottom: 0;
    cursor: col-resize;
    /*background: linear-gradient(to right, #6e9794, #48625f);*/
    background: #e8ebed url('img/grippie.png') no-repeat scroll center;
    border-left-style: solid;
    border-left-color: #e3e9eb;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-color: #bcbcbc;
    border-right-width: 1px;
    /*opacity: 0.9;*/
    transition: all 0.3s;
    writing-mode: sideways-lr;
    text-orientation: mixed;
    color: #6f8a94;
    font-size: 8px;
    text-align: right;
    /*padding-top: 50px;*/
    vertical-align: center;
    visibility: hidden;
}

.handlerRight:hover {
    /*opacity: 1;*/
    transition: all 0.3s;
    background-color: #c6d1d5;
}

/* rightPanel.css */
body {
  margin: 0;
  padding: 0;
}

.main-holder {
  flex-direction: column;
  display: flex;
  height: 100%;
}
.main-holder .top-pane {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  height: 100%;
}
.main-holder .top-pane .box-1 {
  background: #ffffff;
  flex: 0 0 80%;
  overflow: auto;
}
.main-holder .top-pane .box-2 {
  background: #f1f1f1;
  flex: 1;
  font-size: 30px;
  overflow: auto;
}
.main-holder .drag-x {
  background: #444c5c;
  cursor: col-resize;
  flex: 0 0 10px;
}

.title {
  background: rgba(68, 76, 92, 0.5);
  border-radius: 7px;
  bottom: 10px;
  color: #eee;
  font-family: verdana, serif;
  font-size: 14px;
  padding: 15px;
  position: absolute;
  right: 10px;
}

/*# sourceMappingURL=rightPanel.css.map */


/* roundedcorners.css */
/**************************************************************

	Rounded Corners
	v 1.1

**************************************************************/
.boxFloat, .imageFloat {
	float: left;
}

/***********************************/
.boxTopLeft {
	background: url(images/topLeft.gif) top left no-repeat;
}

.boxTop {
	border-top: 1px solid #ccc;
	background-color: #FFFFFF;
}

.boxTopRight {
	background: url(images/topRight.gif) top right no-repeat;
}

.boxMiddleLeft {
	background-color: #FFFFFF;
	border-left: 1px solid #ccc;
}

.boxMiddle {
	background-color: #FFFFFF;
}

.boxMiddleRight {
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
}

.boxBottomLeft {
	background: url(images/bottomLeft.gif) bottom left no-repeat;
}

.boxBottom {
	border-bottom: 1px solid #ccc;
	background-color: #FFFFFF;
}

.boxBottomRight {
	background: url(images/bottomRight.gif) bottom right no-repeat;
}

/***********************************/
.imageTopLeft {
	background: url(images/topLeft.png) top left no-repeat;
}

.imageTopRight {
	background: url(images/topRight.png) top right no-repeat;
}

.imageBottomLeft {
	background: url(images/bottomLeft.png) bottom left no-repeat;
}

.imageBottomRight {
	background: url(images/bottomRight.png) bottom right no-repeat;
}

.imageTop, .imageMiddleLeft, .imageMiddle, .imageMiddleRight,
	.imageBottom {
	border: 0;
}

/***********************************/
.roundedContent {
	padding: 30px;
	margin: 0px;
	width: 440px;
	border: 1px solid #ccc;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

/*************************************************************/

/* rsrv_coteba.css */
.rsrvCotSynthGraphDiv {
	background-color: #FFF;
	margin: 5px;
}

/* shadowbox.css */
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	font-weight: 200;
	color: #fff;
}

#sb-container {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: left;
	visibility: hidden;
	display: none;
}

#sb-overlay {
	position: relative;
	height: 100%;
	width: 100%;
}

#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
}

#sb-wrapper-inner {
	position: relative;
	border: 1px solid #303030;
	overflow: hidden;
	height: 100px;
}

#sb-body {
	position: relative;
	height: 100%;
}

#sb-body-inner {
	position: absolute;
	height: 100%;
	width: 100%;
}

#sb-player.html {
	height: 100%;
	overflow: auto;
}

#sb-body img {
	border: none;
}

#sb-loading {
	position: relative;
	height: 100%;
}

#sb-loading-inner {
	position: absolute;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	width: 100%;
	text-align: center;
}

#sb-loading-inner span {
	background: url(loading.gif) no-repeat;
	padding-left: 34px;
	display: inline-block;
}

#sb-body, #sb-loading {
	background-color: #060606;
}

#sb-title, #sb-info {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sb-title, #sb-title-inner {
	height: 26px;
	line-height: 26px;
}

#sb-title-inner {
	font-size: 16px;
}

#sb-info, #sb-info-inner {
	height: 20px;
	line-height: 20px;
}

#sb-info-inner {
	font-size: 12px;
}

#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}

#sb-nav a {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	cursor: pointer;
	background-repeat: no-repeat;
}

#sb-nav-close {
	background-image: url(images/close.png);
}

#sb-nav-next {
	background-image: url(images/next.png);
}

#sb-nav-previous {
	background-image: url(images/previous.png);
}

#sb-nav-play {
	background-image: url(images/play.png);
}

#sb-nav-pause {
	background-image: url(images/pause.png);
}

#sb-counter {
	float: left;
	width: 45%;
}

#sb-counter a {
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

#sb-counter a.sb-counter-current {
	text-decoration: underline;
}

div.sb-message {
	font-size: 12px;
	padding: 10px;
	text-align: center;
}

div.sb-message a:link, div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}

/* siteDeactivation.css */
.deactivateMenu {
    float: left;
    /*padding: 5px;*/
    /*border: 1px solid #e2e2e2;*/
    margin: 3px;
}

.deactivateMenu div {
    padding: 2px;
    border: 1px solid #e2e2e2;
    background-color: #f1f1f1;
}

.deactivateMenu div:hover {
    background-color: #e8e8e8;
}

.deactivateMainFrame {
    float: left;
    padding: 5px 5px 5px 15px;
    border: 1px solid #e2e2e2;
    border-width: 0 0 0 1px;
    margin: 3px;
    width: 500px;
    font-size: 14px;
}

.deactivatePanel {
    /*width: 50%;*/
    /*height: 100%;*/
    /*position: fixed;*/
    /*border: 1px solid #e2e2e2;*/
}

.deactivateFormDiv {
    text-align: left;
    font-size: 10px;
}

.deactivateFormDiv textarea {
    width: 200px;
    height: 100px;
    resize: both;
}

.deactivateMessage {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #069;
    background-color: #F3F3F3;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}

/* snf_spc.css */
.snfAccMainTd {
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	background-color: #FFFFFF;
}

.ch:link {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}

.ch:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}

.ch:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}

/* split.css */
.split {
    height: 500px;
}

.split > div {
    float: left;
    height: 100%;
}

.gutter {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
}

.gutter.gutter-horizontal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: col-resize;
}

.paneHighlight {
    background-color: #316e77;
}

/* statPrlCss.css */
.TitreModule {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #444444;
	background-color: #BBBBBB;
	border: 1px solid #333;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 5px;
}

.CadreStat {
	background-color: #F2F2F2;
	border: 1px solid #333;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 5px;
}

.PeriodeStat {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #595959;
}

.InfoStat {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #595959;
}

/* suivieMail.css */
.svmMessInfos {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #333333;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #CCCCCC;
}

.svmMessTitre {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #D7D5C8;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #EEEEEA;
    border-right-color: #F1F0ED;
    border-bottom-color: #333333;
    border-left-color: #000000;
    font-weight: bold;
}

.svmMessHead {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #333333;
    border-left-color: #CCCCCC;
}

.svmMessHeadBold {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #333333;
    border-left-color: #CCCCCC;
    font-weight: bold;
}

#svmHeads {
    width: 100%;
    height: 179px;
    z-index: 1;
    overflow-y: auto;
}

#svmMess {
    width: 100%;
    height: 350px;
    z-index: 1;
    overflow: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
}

.svmMessTools {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #F9F9F9;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #000000;
}

.svmMessAttach {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
}

.svmMessHead2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    width: 100%;
    font-weight: bold;
    color: #000000;
    background-image: url(img/tiuserTle.jpg);
}

.svmMessContent {
    border: 0px solid #000000;
}

.svmMessCadre {
    width: 100%;
    border: 1px solid #000000;
}

.svmNeutral {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
    background-position: left top;
    text-align: left;
    vertical-align: top;
}

.svmRedirectListHead {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #F5F5F5;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
}

.svmRedirectListRegular {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
}

.svmSuivieHead {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #D7D5C8;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #EEEEEA;
    border-right-color: #F1F0ED;
    border-bottom-color: #333333;
    border-left-color: #000000;
    font-weight: bold;
}

.svmSuivieFlags0 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    background-position: center center;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.svmSuivieFlags1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #333333;
    background-image: url(img/svmFwd_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.svmHigthLigth {
    background-color: #F5F5F5;
}

.svmSelected {
    background-color: #B9C6F7;
}

.svmBoldMe {
    font-weight: bold;
}

.svmMessHeadRep {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #0033CC;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #333333;
    border-left-color: #CCCCCC;
}

.svmCombo {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #333333;
    border: 1px solid #0066CC;
}

.svmLoading {

}

.svmLh {
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    background-color: #FFFFFF;
}

.svmLb {
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    background-color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #000000;
    vertical-align: top;
}

/* swfLoader.css */
/*!* -----------------------------------------------*/
/*	www.swfupload.org*/
/*	Description: Common Screen Stylesheet for SWFUpload Demos*/
/*	Updated on:  May 1, 2008*/
/*----------------------------------------------- *!*/

/*!* ----------------------------------------------- */
/*	GLOBAL RESET */
/*   ----------------------------------------------- *!*/

/*!* remember to define focus styles! *!*/
/*:focus {*/
/*	outline: 0;*/
/*}*/

/*caption, th {*/
/*	text-align: left;*/
/*	font-weight: normal;*/
/*}*/

/*blockquote:before, blockquote:after, q:before, q:after {*/
/*	content: "";*/
/*}*/

/*blockquote, q {*/
/*	quotes: "" "";*/
/*}*/

/*!* ----------------------------------------------- */
/*	BASIC ELEMENTS*/
/*   ----------------------------------------------- *!*/

/*!* -- Text Styles ------------------------------- *!*/
/*h1 {*/
/*	font: 28px/1em Arial, Helvetica, sans-serif;*/
/*	padding: 60px 20px 20px;*/
/*	margin-bottom: 15px;*/
/*	color: #333;*/
/*	text-decoration: none;*/
/*}*/

/*h1 a {*/
/*	color: #fff;*/
/*	text-decoration: none;*/
/*}*/

/*h2 {*/
/*	font-size: 22px;*/
/*	font-weight: 300;*/
/*	padding-top: 1em;*/
/*	padding-bottom: .25em;*/
/*}*/

/*code {*/
/*	display: block;*/
/*	background: #edffb8 none repeat scroll 0%;*/
/*	border-color: #b2da3a;*/
/*	border-style: solid;*/
/*	border-width: 1px 0;*/
/*	font-size: 1em;*/
/*	margin: 1em 0pt;*/
/*	overflow: auto;*/
/*	padding: 0.3em 0.4em;*/
/*	white-space: pre;*/
/*}*/

/*!* -- Layout ------------------------------- *!*/
/*#header {*/
/*	background: #313131 url(img/header-bg.jpg) repeat-x top left;*/
/*	height: 125px;*/
/*	position: relative;*/
/*}*/

/*#logo {*/
/*	padding: 0;*/
/*	margin: 0;*/
/*	background: url(img/logo.gif) no-repeat 20px 20px;*/
/*	height: 106px;*/
/*	width: 272px;*/
/*	text-indent: -5000px;*/
/*	overflow: hidden;*/
/*}*/
/*!* hide link text *!*/
/*#logo a {*/
/*	display: block;*/
/*	color: #fff;*/
/*	text-indent: -5000px;*/
/*	overflow: hidden;*/
/*	height: 106px;*/
/*	width: 272px;*/
/*}*/

/*#version {*/
/*	color: #fff;*/
/*	position: absolute;*/
/*	right: 20px;*/
/*	top: 85px;*/
/*}*/

/*#content {*/
/*	width: 680px;*/
/*}*/

/*#content {*/
/*	margin: 20px 90px;*/
/*}*/

/*!* -- Form Styles ------------------------------- *!*/
/*div.fieldset {*/
/*	border: 1px solid #afe14c;*/
/*	margin: 10px 0;*/
/*	padding: 20px 10px;*/
/*}*/

/*div.fieldset span.legend {*/
/*	position: relative;*/
/*	background-color: #FFF;*/
/*	padding: 3px;*/
/*	top: -30px;*/
/*	font: 700 14px Arial, Helvetica, sans-serif;*/
/*	color: #73b304;*/
/*}*/

/*div.flash {*/
/*	width: 375px;*/
/*	margin: 10px 5px;*/
/*	border-color: #D9E4FF;*/
/*	-moz-border-radius-topleft: 5px;*/
/*	-webkit-border-top-left-radius: 5px;*/
/*	-moz-border-radius-topright: 5px;*/
/*	-webkit-border-top-right-radius: 5px;*/
/*	-moz-border-radius-bottomleft: 5px;*/
/*	-webkit-border-bottom-left-radius: 5px;*/
/*	-moz-border-radius-bottomright: 5px;*/
/*	-webkit-border-bottom-right-radius: 5px;*/
/*}*/

/*label {*/
/*	width: 150px;*/
/*	text-align: right;*/
/*	display: block;*/
/*	margin-right: 5px;*/
/*}*/

/*#btnSubmit {*/
/*	margin: 0 0 0 155px;*/
/*}*/

/*!* -- Table Styles ------------------------------- *!*/
/*.progressWrapper {*/
/*	width: 357px;*/
/*	overflow: hidden;*/
/*}*/

/*.progressContainer {*/
/*	margin: 5px;*/
/*	padding: 4px;*/
/*	border: solid 1px #E8E8E8;*/
/*	background-color: #F7F7F7;*/
/*	overflow: hidden;*/
/*}*/

/*.progressName {*/
/*	font-size: 8pt;*/
/*	font-weight: 700;*/
/*	color: #555;*/
/*	width: 323px;*/
/*	height: 14px;*/
/*	text-align: left;*/
/*	white-space: nowrap;*/
/*	overflow: hidden;*/
/*}*/

/*.progressBarInProgress, .progressBarComplete, .progressBarError {*/
/*	font-size: 0;*/
/*	width: 0%;*/
/*	height: 2px;*/
/*	background-color: blue;*/
/*	margin-top: 2px;*/
/*}*/

/*.progressBarComplete {*/
/*	width: 100%;*/
/*	background-color: green;*/
/*	visibility: hidden;*/
/*}*/

/*.progressBarError {*/
/*	width: 100%;*/
/*	background-color: red;*/
/*	visibility: hidden;*/
/*}*/

/*.progressBarStatus {*/
/*	margin-top: 2px;*/
/*	width: 337px;*/
/*	font-size: 7pt;*/
/*	font-family: Arial;*/
/*	text-align: left;*/
/*	white-space: nowrap;*/
/*}*/

/*a.progressCancel {*/
/*	font-size: 0;*/
/*	display: block;*/
/*	height: 14px;*/
/*	width: 14px;*/
/*	background-image: url(img/cancelbutton.gif);*/
/*	background-repeat: no-repeat;*/
/*	background-position: -14px 0px;*/
/*	float: right;*/
/*}*/

/*a.progressCancel:hover {*/
/*	background-position: 0px 0px;*/
/*}*/

/*!* -- SWFUpload Object Styles ------------------------------- *!*/
/*.swfupload {*/
/*	vertical-align: top;*/
/*}*/

/* tippyBatiwork.css */
/* Thème custom "batiwork" - basé sur light avec fond gris et ombre légère */
.tippy-box[data-theme~='batiwork'] {
    background-color: #ffffff;
    color: #333333;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    border: none;
    font-size: 10px;
}

.tippy-box[data-theme~='batiwork'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #c4c4c4;
}

.tippy-box[data-theme~='batiwork'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #c4c4c4;
}

.tippy-box[data-theme~='batiwork'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #c4c4c4;
}

.tippy-box[data-theme~='batiwork'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #c4c4c4;
}

.tippy-box[data-theme~='batiwork'] > .tippy-backdrop {
    background-color: #f0f0f0;
}

/* SVG arrow : premier SVG = bordure, second SVG = remplissage */
.tippy-box[data-theme~='batiwork'] > .tippy-svg-arrow > svg:first-child {
    fill: #c4c4c4;
}

.tippy-box[data-theme~='batiwork'] > .tippy-svg-arrow > svg:last-child {
    fill: #ffffff;
}

.tippy-box[data-theme~='batiwork'] .tippy-content {
    padding: 6px 10px;
    font-size: 10px;
}

/* Popover Bootstrap-Vue compact */
.popover-sm {
    border: none;
}

.popover-sm .popover-body {
    font-size: 10px;
    padding: 6px 10px;
}

/* ui.fancytree.css */
/*!
 * Fancytree "Win8" skin.
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */
/*******************************************************************************
 * Common Styles for Fancytree Skins.
 *
 * This section is automatically generated from the `skin-common.less` template.
 ******************************************************************************/
/*------------------------------------------------------------------------------
 * Helpers
 *----------------------------------------------------------------------------*/
.ui-helper-hidden {
    display: none;
}

/*------------------------------------------------------------------------------
 * Container and UL / LI
 *----------------------------------------------------------------------------*/
ul.fancytree-container {
    font-family: tahoma, arial, helvetica;
    font-size: 10pt;
    white-space: nowrap;
    padding: 3px;
    margin: 0;
    background-color: #f4f8f9;
    border: 1px dotted gray;
    min-height: 0%;
    position: relative;
}

ul.fancytree-container ul {
    padding: 0 0 0 16px;
    margin: 0;
}

ul.fancytree-container ul > li:before {
    content: none;
}

ul.fancytree-container li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-attachment: scroll;
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: repeat-y;
    background-image: none;
    margin: 0;
}

ul.fancytree-container li.fancytree-lastsib {
    background-image: none;
}

.ui-fancytree-disabled ul.fancytree-container {
    opacity: 0.5;
    background-color: silver;
}

ul.fancytree-connectors.fancytree-container li {
    background-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAAAAANPT0wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAQABAAAAgxAP8JHPgvAMGDCA0iXFiQ4UKFDglCjChwIkWLETE61MiQ40OKEkEO9JhQZEWTDRcGBAA7");
    background-position: 0 0;
}

ul.fancytree-container li.fancytree-lastsib,
ul.fancytree-no-connector > li {
    background-image: none;
}

li.fancytree-animating {
    position: relative;
}

/*------------------------------------------------------------------------------
 * Common icon definitions
 *----------------------------------------------------------------------------*/
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-drag-helper-img,
#fancytree-drop-marker {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url("icons.gif");
    background-position: 0px 0px;
}

span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-expander,
span.fancytree-custom-icon {
    margin-top: 2px;
}

/* Used by icon option: */
span.fancytree-custom-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 3px;
    background-position: 0px 0px;
}

/* Used by 'icon' node option: */
img.fancytree-icon {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    margin-top: 2px;
    vertical-align: top;
    border-style: none;
}

/*------------------------------------------------------------------------------
 * Expander icon
 *
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-exp-
 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 *----------------------------------------------------------------------------*/
span.fancytree-expander {
    cursor: pointer;
}

.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
    background-image: none;
    cursor: default;
}

.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
    background-image: url("icons.gif");
    margin-top: 0;
}

.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover {
    background-position: 0px -64px;
}

.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover {
    background-position: -16px -64px;
}

.fancytree-exp-c span.fancytree-expander {
    background-position: 0px -80px;
}

.fancytree-exp-c span.fancytree-expander:hover {
    background-position: -16px -80px;
}

.fancytree-exp-cl span.fancytree-expander {
    background-position: 0px -96px;
}

.fancytree-exp-cl span.fancytree-expander:hover {
    background-position: -16px -96px;
}

.fancytree-exp-cd span.fancytree-expander {
    background-position: -64px -80px;
}

.fancytree-exp-cd span.fancytree-expander:hover {
    background-position: -80px -80px;
}

.fancytree-exp-cdl span.fancytree-expander {
    background-position: -64px -96px;
}

.fancytree-exp-cdl span.fancytree-expander:hover {
    background-position: -80px -96px;
}

.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander {
    background-position: -32px -80px;
}

.fancytree-exp-e span.fancytree-expander:hover,
.fancytree-exp-ed span.fancytree-expander:hover {
    background-position: -48px -80px;
}

.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander {
    background-position: -32px -96px;
}

.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-edl span.fancytree-expander:hover {
    background-position: -48px -96px;
}

/* Fade out expanders, when container is not hovered or active */
.fancytree-fade-expander span.fancytree-expander {
    transition: opacity 1.5s;
    opacity: 0;
}

.fancytree-fade-expander:hover span.fancytree-expander,
.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,
.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,
.fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander {
    transition: opacity 0.6s;
    opacity: 1;
}

/*------------------------------------------------------------------------------
 * Checkbox icon
 *----------------------------------------------------------------------------*/
span.fancytree-checkbox {
    margin-left: 3px;
    background-position: 0px -32px;
}

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

span.fancytree-checkbox.fancytree-radio {
    background-position: 0px -48px;
}

span.fancytree-checkbox.fancytree-radio:hover {
    background-position: -16px -48px;
}

.fancytree-partsel span.fancytree-checkbox {
    background-position: -64px -32px;
}

.fancytree-partsel span.fancytree-checkbox:hover {
    background-position: -80px -32px;
}

.fancytree-partsel span.fancytree-checkbox.fancytree-radio {
    background-position: -64px -48px;
}

.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover {
    background-position: -80px -48px;
}

.fancytree-selected span.fancytree-checkbox {
    background-position: -32px -32px;
}

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

.fancytree-selected span.fancytree-checkbox.fancytree-radio {
    background-position: -32px -48px;
}

.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
    background-position: -48px -48px;
}

.fancytree-unselectable span.fancytree-checkbox {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.fancytree-unselectable span.fancytree-checkbox:hover {
    background-position: 0px -32px;
}

.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
    background-position: -64px -32px;
}

.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
    background-position: -32px -32px;
}

/*------------------------------------------------------------------------------
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 *----------------------------------------------------------------------------*/
span.fancytree-icon {
    margin-left: 3px;
    background-position: 0px 0px;
}

/* Documents */
.fancytree-ico-c span.fancytree-icon:hover {
    background-position: -16px 0px;
}

.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
    background-position: -32px 0px;
}

.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
    background-position: -48px 0px;
}

.fancytree-ico-e span.fancytree-icon {
    background-position: -64px 0px;
}

.fancytree-ico-e span.fancytree-icon:hover {
    background-position: -80px 0px;
}

/* Folders */
.fancytree-ico-cf span.fancytree-icon {
    background-position: 0px -16px;
}

.fancytree-ico-cf span.fancytree-icon:hover {
    background-position: -16px -16px;
}

.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
    background-position: -32px -16px;
}

.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
    background-position: -48px -16px;
}

.fancytree-ico-ef span.fancytree-icon {
    background-position: -64px -16px;
}

.fancytree-ico-ef span.fancytree-icon:hover {
    background-position: -80px -16px;
}

.fancytree-loading span.fancytree-expander,
.fancytree-loading span.fancytree-expander:hover,
.fancytree-statusnode-loading span.fancytree-icon,
.fancytree-statusnode-loading span.fancytree-icon:hover {
    background-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAEai/0+m/1is/12u/2Oy/2u1/3C3/3G4/3W6/3q8/3+//4HA/4XC/4nE/4/H/5LI/5XK/5vN/57O/6DP/6HQ/6TS/6/X/7DX/7HY/7bb/7rd/7ze/8Hg/8fj/8rl/83m/9Dn/9Lp/9bq/9jr/9rt/9/v/+Dv/+Hw/+Xy/+v1/+32//D3//L5//f7//j7//v9/0qk/06m/1Ko/1er/2Cw/2m0/2y2/3u9/32+/4jD/5bK/5jL/5/P/6HP/6PS/6fS/6nU/67X/7Ta/7nc/7zd/8Ph/8bj/8jk/8vl/9Pp/9fr/9rs/9zu/+j0/+72//T6/0ij/1Op/1uu/1yu/2Wy/2q0/2+3/3C4/3m8/3y9/4PB/4vE/4/G/6XS/6jU/67W/7HZ/7Xa/7vd/73e/8Lh/8nk/87m/9Hn/9Ho/9vt/97u/+Lx/+bz/+n0//H4//X6/1Gn/1Go/2Gx/36+/5PJ/5TJ/5nL/57P/7PZ/7TZ/8Xi/9Tq/9zt/+by/+r0/+73//P5//n8/0uk/1Wq/3K4/3e7/4bC/4vF/47G/5fK/77f/9Do/9ns/+Tx/+/3//L4//b6//r9/2Wx/2q1/4bD/6DQ/6fT/9Tp/+Lw/+jz//D4//j8/1qt/2mz/5rM/6bS/8Lg/8jj/97v/+r1/1Cn/1ar/2Cv/3O5/3++/53O/8Th/9Lo/9Xq/+z2/2Kw/2Sx/8Ti/4rF/7DY/1+v/4TB/7fb/+Ty/1+u/2Ox/4zG/6vU/7/f//r8/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAQoAMAAsAAAAABAAEAAABptAmFCI6mAsnNNwCUthGomDoYCQoJinyELRgDwUhAFCNFRJGg8P6/VSaQyCgxK2cURMTJioEIA0Jw8geUIZAQMkIhEVLIMwKgMAFx4SGS+NLwwCFR8UGo1CKSgsJBUYLZ9sMCsZF3iDLy2nMCEXGyp5bSqyLBwaHSguQi8sKigqlkIqHb4hJc4lJsdMLSQeHyEhIyXSgy2hxsFLQQAh+QQBCgAAACwAAAAAEAAQAAAHp4AAgoIoH0NCSCiDiwBORDo5Czg3C0BNjCg/Dw46PjwOBwcLS4MrQTs9ICwvL05FODU4igBGPECzi0s4NDyNQT5KjINDAzZMTEBCLMKCTQczQ0lBRcyDODI8SojVAC84MTxMQkVP1SgDMEJPRkS4jB8xM6RKRR/Lwi9HQYJPIB9KTV4MeuHiicBSSkAoYYKiiRMnKw4ucnFiyRKGKJyUq/aChUaDjAIBACH5BAEKAAAALAAAAAAQABAAAAeogACCgm1KZGRmbYOLAG5GXjoPXFsPYIqLbWE7XV1fXjtaWQ9qg25iXmBKby8AKmVcWFyXaBdil4tqWldejWNhpIyCZFZZa2tjZG/BgipYVWRpY2bLg1s0XWpGaNQAL1pTXW1maMrLbVZSYm9oZyrUYVFUpGxoaeWLZzQBOoJvamkm3OCSAsWKiUH+1rBp48bFCxVWaGxb9LBNGxVvVqUBFuzFizculgUCACH5BAEKAAEALAAAAAAQABAAAAi4AAMIFPiHxJEjJPwMXBgAEIg8XijcsUNhzB+GfzjkwYNnSB4KdRzcWTPwzZEhY/i8EfgmhJ0GdhQGIDFGz0WGJuoswBPgzQc9fRgOPDKnQR8/H0K4EErQQQKgIPgwFRioTgE8ffZInRqIztWCfAJN/TOnAAcXJvgAmjpEDgKSf9b4Ectwz5UBd6j68fNnaYBAfvIUEIAgKNU/gN4E+sNgAJw4BvYIfeMiUB8BAAbUMTz1TYU8YRcGBAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBT4qJGIRY0cDVwIAJIIMnnyWABiwYjChY8WGVFExgjELjwsNBroQgSSD40gCXQIJFGXi41AiHjEEECjLg8UNWS06GLND4gSNXrEqESkmgQTGfrgqMRIpAAidVkwpKDPmpF44MgDqVGTo0gdHbqBJJIjR2BrkiG0YCSkRyprMsJBCMhASJEioczbZEihGoaeCtQrgwYOujRoLGBU08IgQYJkzKjBQ/DCSIzy8OgypATDgAAh+QQBCgAAACwAAAAAEAAQAAAIswABCBQIKRMfPmw0DVwIYBObEEiKjBEzJoTChZD4XArB0UyRMBfGtBm4CdOSJW02EeQjxkuYi38wYYLEEEAmDJWMNGyTsKbAS5Us/YHU5o9PgZos7QixSdPFo18eFNkESeXRTV+4FGlo1aemHVvM7ORzFMmCByOXHJgSoiafLTgwCOQjCYqkMCk3/SlCCQvagSEmBRh0gBLcAwe4kF2IaYekKVNoTMLiZWTNTSwtWRqDiWFAACH5BAEKAAIALAAAAAAQABAAAAi5AAUIFOhCBRs2o94MXCjghQpRI/YkQYJkj8KFL0atEcVRVJIOY0KtWKhi1Cg3LwS+YdNhCCg3Kt2oSMlQxZg8IGLSZChA1IU8Khru5PkmjxdRbtgE5TlwCAUknzgxGIoxDw8kQgAMGMVUgJtPnvaQGBAgT1cQDyhwhRCnUxKeazw5GCNwTQFOBsbMfLECyYMGPJYK2INgAAEFDyA0ULDA0xqGbHggKFDgQIIGF7jyfLGmw4ULHdgwDAgAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcqElTK00uBioUuKlVEzYnlixhk3BhC4MO2SxhtIrVCoWbNrnYNLAhKzMgWggMgqTiwhVIiiwBsKQUKTMLB7IhoqpVHhimmuQU2KJInhOpYtxwmdNMHlapZKAiORRAkSCshpQ61arqijxAJNoYMKTqEh95uvagUWjmQjZAUqkSyAZVDVRFWoXUBKLHjiAfBS5hcOqUg1Q+djh44IPNwiZAFtxAtSCHDiJdh55AkmeIGaEKAwIAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcGMgFJEiBBioEUEIJAINuRo36k1AhGldXVhSMyAaTCUgDMVWBMiWNQjeY0pRwIVBHAFdoFgKAxOgMG4avooSRKfCPmTOQNEi5MornwzNIRnWZQqkiTyVFSnRxtYWlUTMa0hSpkuWPUUgcNGDClMVKEaMmwohxA6CLFUolZI7ScCEmgFFcsnBB4nVmCTBeNLAVWCKvlh1dvnjRUSlMUYWjwDzYwuWBji6wBss1U6QImscDAwIAIfkEAQoAAQAsAAAAABAAEAAACLMAAwgUyEfWJxYDEw5sBGEAAAGNXkCCpDAAKwNw4AxgoEIii44LCwnolMfPC4EvVPgxKfDOgCusKr7ws0ZFABOF5IipKJAFHz4vOBSYY5NnAD4jVMgqAOGkUT5J/CxtajRAmiRr9CSIVbQiJFZI/DRyMAeJ0awfKMqaQ2dNRRV6xqQR6MdOLDusEAaAtGbMGCR6A6y54wDCpzxiZCnm0FWgijF3INyhcDhJYIV+wH5I0zhAQAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBRYYkiqVLUYuRjIkE2qGjNkxBA0IwhDgYwU0JhVg1YCGjLMLBzYxFCNBEM0uXDBxkyLlQOBEFLA6CKAlZpaAGBjiBAZmwP//HFhJMGhP0AF/mHjopaCVCOBsmGjqZahLlFtsinxx4yhHZqSurDFaGkiREmS/rnESOeQB6nY2NR0CYRcAH+67AByaWSLlkj6DmQTJFWXWmSMkCFCBkRYhn+MBAESpBbitmpLJLlU4vHAgAAh+QQBCgAAACwAAAAAEAAQAAAIvQABCBS4ZpclS0PWDFwIoI0uHFVu3ZIiiY7ChWpyHTiAowGDK4MCVEEzsA0dLAw4OOHFq00YXFBwqREIBkeumQzN3DqQBkCmOgvKMByYpg0vAGZy7XAydCCvFgA45NLVdGCLFrw40PlytCoLJy0u7bAEtSkvJ21aOLF055JXNkYBwKoEJtPQFmvWMAWwIoyuIWrKunCSJo2Jrg2HXAjDwcwlNCDQpCk7kAWIXUN2wTKDZo2Lqk7YpFGTibLAgAA7");
    background-position: 0px 0px;
}

/* Status node icons */
.fancytree-statusnode-error span.fancytree-icon,
.fancytree-statusnode-error span.fancytree-icon:hover {
    background-position: 0px -112px;
}

/*------------------------------------------------------------------------------
 * Node titles and highlighting
 *----------------------------------------------------------------------------*/
span.fancytree-node {
    /* See #117 */
    display: inherit;
    width: 100%;
    margin-top: 0px;
    min-height: 20px;
}

span.fancytree-title {
    color: black;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    min-height: 20px;
    padding: 0 3px 0 3px;
    margin: 0px 0 0 3px;
    border: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

span.fancytree-node.fancytree-error span.fancytree-title {
    color: red;
}

/*------------------------------------------------------------------------------
 * Drag'n'drop support
 *----------------------------------------------------------------------------*/
div.fancytree-drag-helper span.fancytree-childcounter,
div.fancytree-drag-helper span.fancytree-dnd-modifier {
    display: inline-block;
    color: #fff;
    background: #337ab7;
    border: 1px solid gray;
    min-width: 10px;
    height: 10px;
    line-height: 1;
    vertical-align: baseline;
    border-radius: 10px;
    padding: 2px;
    text-align: center;
    font-size: 9px;
}

div.fancytree-drag-helper span.fancytree-childcounter {
    position: absolute;
    top: -6px;
    right: -6px;
}

div.fancytree-drag-helper span.fancytree-dnd-modifier {
    background: #5cb85c;
    border: none;
    font-weight: bolder;
}

div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img {
    background-position: -32px -112px;
}

div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img {
    background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/
#fancytree-drop-marker {
    width: 32px;
    position: absolute;
    background-position: 0px -128px;
    margin: 0;
}

#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
    width: 64px;
    background-position: 0px -144px;
}

#fancytree-drop-marker.fancytree-drop-copy {
    background-position: -64px -128px;
}

#fancytree-drop-marker.fancytree-drop-move {
    background-position: -32px -128px;
}

/*** Source node while dragging ***********************************************/
span.fancytree-drag-source.fancytree-drag-remove {
    opacity: 0.15;
}

/*** Target node while dragging cursor is over it *****************************/
/*------------------------------------------------------------------------------
 * 'rtl' option
 *----------------------------------------------------------------------------*/
.fancytree-container.fancytree-rtl .fancytree-title {
    /*unicode-bidi: bidi-override;*/
    /* optional: reverse title letters */
}

.fancytree-container.fancytree-rtl span.fancytree-connector,
.fancytree-container.fancytree-rtl span.fancytree-expander,
.fancytree-container.fancytree-rtl span.fancytree-icon,
.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,
.fancytree-container.fancytree-rtl #fancytree-drop-marker {
    background-image: url("icons-rtl.gif");
}

.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,
.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
    background-image: none;
}

.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
    background-image: url("icons-rtl.gif");
}

ul.fancytree-container.fancytree-rtl ul {
    padding: 0 16px 0 0;
}

ul.fancytree-container.fancytree-rtl.fancytree-connectors li {
    background-position: right 0;
    background-image: url("vline-rtl.gif");
}

ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
    background-image: none;
}

/*------------------------------------------------------------------------------
 * 'table' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-table {
    border-collapse: collapse;
}

table.fancytree-ext-table span.fancytree-node {
    display: inline-block;
    box-sizing: border-box;
}

/*------------------------------------------------------------------------------
 * 'columnview' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-columnview tbody tr td {
    position: relative;
    border: 1px solid gray;
    vertical-align: top;
    overflow: auto;
}

table.fancytree-ext-columnview tbody tr td > ul {
    padding: 0;
}

table.fancytree-ext-columnview tbody tr td > ul li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-attachment: scroll;
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: repeat-y;
    background-image: none;
    /* no v-lines */
    margin: 0;
}

table.fancytree-ext-columnview span.fancytree-node {
    position: relative;
    /* allow positioning of embedded spans */
    display: inline-block;
}

table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
    background-color: #CBE8F6;
}

table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
    position: absolute;
    right: 3px;
    background-position: 0px -80px;
}

table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
    background-position: -16px -80px;
}

/*------------------------------------------------------------------------------
 * 'filter' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
    color: silver;
    font-weight: lighter;
}

.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
    color: black;
    font-weight: normal;
}

.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
    color: black;
    font-weight: bold;
}

.fancytree-ext-filter-hide tr.fancytree-hide,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
    display: none;
}

.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
    color: silver;
    font-weight: lighter;
}

.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
    color: black;
    font-weight: normal;
}

/* Hide expanders if all child nodes are hidden by filter */
.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander {
    visibility: hidden;
}

.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander {
    visibility: visible;
}

.fancytree-ext-childcounter span.fancytree-icon,
.fancytree-ext-filter span.fancytree-icon {
    position: relative;
}

.fancytree-ext-childcounter span.fancytree-childcounter,
.fancytree-ext-filter span.fancytree-childcounter {
    color: #fff;
    background: #777;
    border: 1px solid gray;
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 10px;
    height: 10px;
    line-height: 1;
    vertical-align: baseline;
    border-radius: 10px;
    padding: 2px;
    text-align: center;
    font-size: 9px;
}

/*------------------------------------------------------------------------------
 * 'wide' extension
 *----------------------------------------------------------------------------*/
ul.fancytree-ext-wide {
    position: relative;
    min-width: 100%;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.fancytree-ext-wide span.fancytree-node > span {
    position: relative;
    z-index: 2;
}

ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
    position: absolute;
    z-index: 1;
    left: 0px;
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*------------------------------------------------------------------------------
 * 'fixed' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-fixed-wrapper .fancytree-fixed-hidden {
    display: none;
}

.fancytree-ext-fixed-wrapper div.scrollBorderBottom {
    border-bottom: 3px solid rgba(0, 0, 0, 0.75);
}

.fancytree-ext-fixed-wrapper div.scrollBorderRight {
    border-right: 3px solid rgba(0, 0, 0, 0.75);
}

.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-tl {
    position: absolute;
    overflow: hidden;
    z-index: 3;
    top: 0px;
    left: 0px;
}

.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-tr {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    top: 0px;
}

.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-bl {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    left: 0px;
}

.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-br {
    position: absolute;
    overflow: scroll;
    z-index: 1;
}

/*******************************************************************************
 * Styles specific to this skin.
 *
 * This section is automatically generated from the `ui-fancytree.less` template.
 ******************************************************************************/
/*******************************************************************************
 * Node titles
 */
.fancytree-plain span.fancytree-title {
    border: 1px solid transparent;
}

.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
    border-color: #3399ff;
}

.fancytree-plain span.fancytree-active span.fancytree-title,
.fancytree-plain span.fancytree-selected span.fancytree-title {
    background-color: #f7f7f7;
    border-color: #dedede;
}

.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title {
    font-style: italic;
}

.fancytree-plain span.fancytree-node:hover span.fancytree-title {
    background-color: #eff9fe;
    border-color: #70c0e7;
}

.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
    background-color: #cbe8f6;
    border-color: #26a0da;
}

/*******************************************************************************
 * 'table' extension
 */
table.fancytree-ext-table tbody tr td {
    border: 1px solid #EDEDED;
}

table.fancytree-ext-table tbody span.fancytree-node,
table.fancytree-ext-table tbody span.fancytree-node:hover {
    border: none;
    background: none;
}

table.fancytree-ext-table tbody tr:hover {
    background-color: #E5F3FB;
    outline: 1px solid #70C0E7;
}

table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
    outline: 1px dotted black;
}

table.fancytree-ext-table tbody tr.fancytree-active:hover,
table.fancytree-ext-table tbody tr.fancytree-selected:hover {
    background-color: #CBE8F6;
    outline: 1px solid #26A0DA;
}

table.fancytree-ext-table tbody tr.fancytree-active {
    background-color: #F7F7F7;
    outline: 1px solid #DEDEDE;
}

table.fancytree-ext-table tbody tr.fancytree-selected {
    background-color: #F7F7F7;
}

table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
    background-color: #CBE8F6;
    outline: 1px solid #26A0DA;
}

table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
    background-color: #CBE8F6;
}


/* ui.fancytreebtw.css */
ul:focus-visible {
    outline: 0px dashed darkorange;
}

/*!
 * Fancytree "Win8" skin.
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */
/*******************************************************************************
 * Common Styles for Fancytree Skins.
 *
 * This section is automatically generated from the `skin-common.less` template.
 ******************************************************************************/
/*------------------------------------------------------------------------------
 * Helpers
 *----------------------------------------------------------------------------*/
.ui-helper-hidden {
    display: none;
}

/*------------------------------------------------------------------------------
 * Container and UL / LI
 *----------------------------------------------------------------------------*/
ul.fancytree-container {
    font-family: verdana, arial, helvetica;
    font-size: 10px;
    white-space: nowrap;
    padding: 3px;
    margin: 0;
    background-color: #f4f8f9;
    border: 1px dotted white;
    min-height: 0%;
    position: relative;
}

ul.fancytree-container ul {
    padding: 0 0 0 16px;
    margin: 0;
}

ul.fancytree-container ul > li:before {
    content: none;
}

ul.fancytree-container li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-attachment: scroll;
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: repeat-y;
    background-image: none;
    margin: 0;
}

ul.fancytree-container li.fancytree-lastsib {
    background-image: none;
}

.ui-fancytree-disabled ul.fancytree-container {
    opacity: 0.5;
    background-color: silver;
}

ul.fancytree-connectors.fancytree-container li {
    background-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAAAAANPT0wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAQABAAAAgxAP8JHPgvAMGDCA0iXFiQ4UKFDglCjChwIkWLETE61MiQ40OKEkEO9JhQZEWTDRcGBAA7");
    background-position: 0 0;
}

ul.fancytree-container li.fancytree-lastsib,
ul.fancytree-no-connector > li {
    background-image: none;
}

li.fancytree-animating {
    position: relative;
}

/*------------------------------------------------------------------------------
 * Common icon definitions
 *----------------------------------------------------------------------------*/
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-drag-helper-img,
#fancytree-drop-marker {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url("icons.gif");
    background-position: 0px 0px;
}

span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-expander,
span.fancytree-custom-icon {
    margin-top: 2px;
}

/* Used by icon option: */
span.fancytree-custom-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 3px;
    background-position: 0px 0px;
}

/* Used by 'icon' node option: */
img.fancytree-icon {
    width: 20px;
    height: 20px;
    margin-left: 3px;
    margin-top: 2px;
    vertical-align: top;
    border-style: none;
    background-image: url("img/leftpanel_folder.png");
}

/*------------------------------------------------------------------------------
 * Expander icon
 *
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-exp-
 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 *----------------------------------------------------------------------------*/
span.fancytree-expander {
    cursor: pointer;
}

.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
    background-image: none;
    cursor: default;
}

.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
    background-image: url("icons.gif");
    margin-top: 0;
}

.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover {
    background-position: 0px -64px;
}

.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover {
    background-position: -16px -64px;
}

.fancytree-exp-c span.fancytree-expander {
    background-position: 0px -80px;
}

.fancytree-exp-c span.fancytree-expander:hover {
    background-position: -16px -80px;
}

.fancytree-exp-cl span.fancytree-expander {
    background-position: 0px -96px;
}

.fancytree-exp-cl span.fancytree-expander:hover {
    background-position: -16px -96px;
}

.fancytree-exp-cd span.fancytree-expander {
    background-position: -64px -80px;
}

.fancytree-exp-cd span.fancytree-expander:hover {
    background-position: -80px -80px;
}

.fancytree-exp-cdl span.fancytree-expander {
    background-position: -64px -96px;
}

.fancytree-exp-cdl span.fancytree-expander:hover {
    background-position: -80px -96px;
}

.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander {
    background-position: -32px -80px;
}

.fancytree-exp-e span.fancytree-expander:hover,
.fancytree-exp-ed span.fancytree-expander:hover {
    background-position: -48px -80px;
}

.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander {
    background-position: -32px -96px;
}

.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-edl span.fancytree-expander:hover {
    background-position: -48px -96px;
}

/* Fade out expanders, when container is not hovered or active */
.fancytree-fade-expander span.fancytree-expander {
    transition: opacity 1.5s;
    opacity: 0;
}

.fancytree-fade-expander:hover span.fancytree-expander,
.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,
.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,
.fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander {
    transition: opacity 0.6s;
    opacity: 1;
}

/*------------------------------------------------------------------------------
 * Checkbox icon
 *----------------------------------------------------------------------------*/
span.fancytree-checkbox {
    margin-left: 3px;
    background-position: 0px -32px;
}

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

span.fancytree-checkbox.fancytree-radio {
    background-position: 0px -48px;
}

span.fancytree-checkbox.fancytree-radio:hover {
    background-position: -16px -48px;
}

.fancytree-partsel span.fancytree-checkbox {
    background-position: -64px -32px;
}

.fancytree-partsel span.fancytree-checkbox:hover {
    background-position: -80px -32px;
}

.fancytree-partsel span.fancytree-checkbox.fancytree-radio {
    background-position: -64px -48px;
}

.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover {
    background-position: -80px -48px;
}

.fancytree-selected span.fancytree-checkbox {
    background-position: -32px -32px;
}

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

.fancytree-selected span.fancytree-checkbox.fancytree-radio {
    background-position: -32px -48px;
}

.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
    background-position: -48px -48px;
}

.fancytree-unselectable span.fancytree-checkbox {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.fancytree-unselectable span.fancytree-checkbox:hover {
    background-position: 0px -32px;
}

.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
    background-position: -64px -32px;
}

.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
    background-position: -32px -32px;
}

/*------------------------------------------------------------------------------
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 *----------------------------------------------------------------------------*/
span.fancytree-icon {
    margin-left: 3px;
    background-position: 0px 0px;
}

/* Documents */
.fancytree-ico-c span.fancytree-icon:hover {
    background-position: -16px 0px;
}

.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
    background-position: -32px 0px;
}

.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
    background-position: -48px 0px;
}

.fancytree-ico-e span.fancytree-icon {
    background-position: -64px 0px;
}

.fancytree-ico-e span.fancytree-icon:hover {
    background-position: -80px 0px;
}

/* Folders */
.fancytree-ico-cf span.fancytree-icon {
    background-position: 0px -16px;
}

.fancytree-ico-cf span.fancytree-icon:hover {
    background-position: -16px -16px;
}

.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
    background-position: -32px -16px;
}

.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
    background-position: -48px -16px;
}

.fancytree-ico-ef span.fancytree-icon {
    background-position: -64px -16px;
}

.fancytree-ico-ef span.fancytree-icon:hover {
    background-position: -80px -16px;
}

.fancytree-loading span.fancytree-expander,
.fancytree-loading span.fancytree-expander:hover,
.fancytree-statusnode-loading span.fancytree-icon,
.fancytree-statusnode-loading span.fancytree-icon:hover {
    background-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAEai/0+m/1is/12u/2Oy/2u1/3C3/3G4/3W6/3q8/3+//4HA/4XC/4nE/4/H/5LI/5XK/5vN/57O/6DP/6HQ/6TS/6/X/7DX/7HY/7bb/7rd/7ze/8Hg/8fj/8rl/83m/9Dn/9Lp/9bq/9jr/9rt/9/v/+Dv/+Hw/+Xy/+v1/+32//D3//L5//f7//j7//v9/0qk/06m/1Ko/1er/2Cw/2m0/2y2/3u9/32+/4jD/5bK/5jL/5/P/6HP/6PS/6fS/6nU/67X/7Ta/7nc/7zd/8Ph/8bj/8jk/8vl/9Pp/9fr/9rs/9zu/+j0/+72//T6/0ij/1Op/1uu/1yu/2Wy/2q0/2+3/3C4/3m8/3y9/4PB/4vE/4/G/6XS/6jU/67W/7HZ/7Xa/7vd/73e/8Lh/8nk/87m/9Hn/9Ho/9vt/97u/+Lx/+bz/+n0//H4//X6/1Gn/1Go/2Gx/36+/5PJ/5TJ/5nL/57P/7PZ/7TZ/8Xi/9Tq/9zt/+by/+r0/+73//P5//n8/0uk/1Wq/3K4/3e7/4bC/4vF/47G/5fK/77f/9Do/9ns/+Tx/+/3//L4//b6//r9/2Wx/2q1/4bD/6DQ/6fT/9Tp/+Lw/+jz//D4//j8/1qt/2mz/5rM/6bS/8Lg/8jj/97v/+r1/1Cn/1ar/2Cv/3O5/3++/53O/8Th/9Lo/9Xq/+z2/2Kw/2Sx/8Ti/4rF/7DY/1+v/4TB/7fb/+Ty/1+u/2Ox/4zG/6vU/7/f//r8/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAQoAMAAsAAAAABAAEAAABptAmFCI6mAsnNNwCUthGomDoYCQoJinyELRgDwUhAFCNFRJGg8P6/VSaQyCgxK2cURMTJioEIA0Jw8geUIZAQMkIhEVLIMwKgMAFx4SGS+NLwwCFR8UGo1CKSgsJBUYLZ9sMCsZF3iDLy2nMCEXGyp5bSqyLBwaHSguQi8sKigqlkIqHb4hJc4lJsdMLSQeHyEhIyXSgy2hxsFLQQAh+QQBCgAAACwAAAAAEAAQAAAHp4AAgoIoH0NCSCiDiwBORDo5Czg3C0BNjCg/Dw46PjwOBwcLS4MrQTs9ICwvL05FODU4igBGPECzi0s4NDyNQT5KjINDAzZMTEBCLMKCTQczQ0lBRcyDODI8SojVAC84MTxMQkVP1SgDMEJPRkS4jB8xM6RKRR/Lwi9HQYJPIB9KTV4MeuHiicBSSkAoYYKiiRMnKw4ucnFiyRKGKJyUq/aChUaDjAIBACH5BAEKAAAALAAAAAAQABAAAAeogACCgm1KZGRmbYOLAG5GXjoPXFsPYIqLbWE7XV1fXjtaWQ9qg25iXmBKby8AKmVcWFyXaBdil4tqWldejWNhpIyCZFZZa2tjZG/BgipYVWRpY2bLg1s0XWpGaNQAL1pTXW1maMrLbVZSYm9oZyrUYVFUpGxoaeWLZzQBOoJvamkm3OCSAsWKiUH+1rBp48bFCxVWaGxb9LBNGxVvVqUBFuzFizculgUCACH5BAEKAAEALAAAAAAQABAAAAi4AAMIFPiHxJEjJPwMXBgAEIg8XijcsUNhzB+GfzjkwYNnSB4KdRzcWTPwzZEhY/i8EfgmhJ0GdhQGIDFGz0WGJuoswBPgzQc9fRgOPDKnQR8/H0K4EErQQQKgIPgwFRioTgE8ffZInRqIztWCfAJN/TOnAAcXJvgAmjpEDgKSf9b4Ectwz5UBd6j68fNnaYBAfvIUEIAgKNU/gN4E+sNgAJw4BvYIfeMiUB8BAAbUMTz1TYU8YRcGBAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBT4qJGIRY0cDVwIAJIIMnnyWABiwYjChY8WGVFExgjELjwsNBroQgSSD40gCXQIJFGXi41AiHjEEECjLg8UNWS06GLND4gSNXrEqESkmgQTGfrgqMRIpAAidVkwpKDPmpF44MgDqVGTo0gdHbqBJJIjR2BrkiG0YCSkRyprMsJBCMhASJEioczbZEihGoaeCtQrgwYOujRoLGBU08IgQYJkzKjBQ/DCSIzy8OgypATDgAAh+QQBCgAAACwAAAAAEAAQAAAIswABCBQIKRMfPmw0DVwIYBObEEiKjBEzJoTChZD4XArB0UyRMBfGtBm4CdOSJW02EeQjxkuYi38wYYLEEEAmDJWMNGyTsKbAS5Us/YHU5o9PgZos7QixSdPFo18eFNkESeXRTV+4FGlo1aemHVvM7ORzFMmCByOXHJgSoiafLTgwCOQjCYqkMCk3/SlCCQvagSEmBRh0gBLcAwe4kF2IaYekKVNoTMLiZWTNTSwtWRqDiWFAACH5BAEKAAIALAAAAAAQABAAAAi5AAUIFOhCBRs2o94MXCjghQpRI/YkQYJkj8KFL0atEcVRVJIOY0KtWKhi1Cg3LwS+YdNhCCg3Kt2oSMlQxZg8IGLSZChA1IU8Khru5PkmjxdRbtgE5TlwCAUknzgxGIoxDw8kQgAMGMVUgJtPnvaQGBAgT1cQDyhwhRCnUxKeazw5GCNwTQFOBsbMfLECyYMGPJYK2INgAAEFDyA0ULDA0xqGbHggKFDgQIIGF7jyfLGmw4ULHdgwDAgAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcqElTK00uBioUuKlVEzYnlixhk3BhC4MO2SxhtIrVCoWbNrnYNLAhKzMgWggMgqTiwhVIiiwBsKQUKTMLB7IhoqpVHhimmuQU2KJInhOpYtxwmdNMHlapZKAiORRAkSCshpQ61arqijxAJNoYMKTqEh95uvagUWjmQjZAUqkSyAZVDVRFWoXUBKLHjiAfBS5hcOqUg1Q+djh44IPNwiZAFtxAtSCHDiJdh55AkmeIGaEKAwIAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcGMgFJEiBBioEUEIJAINuRo36k1AhGldXVhSMyAaTCUgDMVWBMiWNQjeY0pRwIVBHAFdoFgKAxOgMG4avooSRKfCPmTOQNEi5MornwzNIRnWZQqkiTyVFSnRxtYWlUTMa0hSpkuWPUUgcNGDClMVKEaMmwohxA6CLFUolZI7ScCEmgFFcsnBB4nVmCTBeNLAVWCKvlh1dvnjRUSlMUYWjwDzYwuWBji6wBss1U6QImscDAwIAIfkEAQoAAQAsAAAAABAAEAAACLMAAwgUyEfWJxYDEw5sBGEAAAGNXkCCpDAAKwNw4AxgoEIii44LCwnolMfPC4EvVPgxKfDOgCusKr7ws0ZFABOF5IipKJAFHz4vOBSYY5NnAD4jVMgqAOGkUT5J/CxtajRAmiRr9CSIVbQiJFZI/DRyMAeJ0awfKMqaQ2dNRRV6xqQR6MdOLDusEAaAtGbMGCR6A6y54wDCpzxiZCnm0FWgijF3INyhcDhJYIV+wH5I0zhAQAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBRYYkiqVLUYuRjIkE2qGjNkxBA0IwhDgYwU0JhVg1YCGjLMLBzYxFCNBEM0uXDBxkyLlQOBEFLA6CKAlZpaAGBjiBAZmwP//HFhJMGhP0AF/mHjopaCVCOBsmGjqZahLlFtsinxx4yhHZqSurDFaGkiREmS/rnESOeQB6nY2NR0CYRcAH+67AByaWSLlkj6DmQTJFWXWmSMkCFCBkRYhn+MBAESpBbitmpLJLlU4vHAgAAh+QQBCgAAACwAAAAAEAAQAAAIvQABCBS4ZpclS0PWDFwIoI0uHFVu3ZIiiY7ChWpyHTiAowGDK4MCVEEzsA0dLAw4OOHFq00YXFBwqREIBkeumQzN3DqQBkCmOgvKMByYpg0vAGZy7XAydCCvFgA45NLVdGCLFrw40PlytCoLJy0u7bAEtSkvJ21aOLF055JXNkYBwKoEJtPQFmvWMAWwIoyuIWrKunCSJo2Jrg2HXAjDwcwlNCDQpCk7kAWIXUN2wTKDZo2Lqk7YpFGTibLAgAA7");
    background-position: 0px 0px;
}

/* Status node icons */
.fancytree-statusnode-error span.fancytree-icon,
.fancytree-statusnode-error span.fancytree-icon:hover {
    background-position: 0px -112px;
}

/*------------------------------------------------------------------------------
 * Node titles and highlighting
 *----------------------------------------------------------------------------*/
span.fancytree-node {
    /* See #117 */
    display: inherit;
    width: 100%;
    margin-top: 0px;
    min-height: 20px;
}

span.fancytree-title {

    color: black;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    min-height: 15px;
    padding: 0 3px 0 3px;
    margin: 0px 0 0 3px;
    border: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

span.fancytree-node.fancytree-error span.fancytree-title {
    color: red;
}

/*------------------------------------------------------------------------------
 * Drag'n'drop support
 *----------------------------------------------------------------------------*/
div.fancytree-drag-helper span.fancytree-childcounter,
div.fancytree-drag-helper span.fancytree-dnd-modifier {
    display: inline-block;
    color: #fff;
    background: #b7337c;
    border: 1px solid gray;
    min-width: 10px;
    height: 10px;
    line-height: 1;
    vertical-align: baseline;
    border-radius: 10px;
    padding: 2px;
    text-align: center;
    font-size: 9px;
}

div.fancytree-drag-helper span.fancytree-childcounter {
    position: absolute;
    top: -6px;
    right: -6px;
}

div.fancytree-drag-helper span.fancytree-dnd-modifier {
    background: #5cb85c;
    border: none;
    font-weight: bolder;
}

div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img {
    background-position: -32px -112px;
}

div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img {
    background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/
#fancytree-drop-marker {
    width: 32px;
    position: absolute;
    background-position: 0px -128px;
    margin: 0;
}

#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
    width: 64px;
    background-position: 0px -144px;
}

#fancytree-drop-marker.fancytree-drop-copy {
    background-position: -64px -128px;
}

#fancytree-drop-marker.fancytree-drop-move {
    background-position: -32px -128px;
}

/*** Source node while dragging ***********************************************/
span.fancytree-drag-source.fancytree-drag-remove {
    opacity: 0.15;
}

/*** Target node while dragging cursor is over it *****************************/
/*------------------------------------------------------------------------------
 * 'rtl' option
 *----------------------------------------------------------------------------*/
.fancytree-container.fancytree-rtl .fancytree-title {
    /*unicode-bidi: bidi-override;*/
    /* optional: reverse title letters */
}

.fancytree-container.fancytree-rtl span.fancytree-connector,
.fancytree-container.fancytree-rtl span.fancytree-expander,
.fancytree-container.fancytree-rtl span.fancytree-icon,
.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,
.fancytree-container.fancytree-rtl #fancytree-drop-marker {
    background-image: url("icons-rtl.gif");
}

.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,
.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
    background-image: none;
}

.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
    background-image: url("icons-rtl.gif");
}

ul.fancytree-container.fancytree-rtl ul {
    padding: 0 16px 0 0;
}

ul.fancytree-container.fancytree-rtl.fancytree-connectors li {
    background-position: right 0;
    background-image: url("vline-rtl.gif");
}

ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
    background-image: none;
}

/*------------------------------------------------------------------------------
 * 'table' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-table {
    border-collapse: collapse;
}

table.fancytree-ext-table span.fancytree-node {
    display: inline-block;
    box-sizing: border-box;
}

/*------------------------------------------------------------------------------
 * 'columnview' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-columnview tbody tr td {
    position: relative;
    border: 1px solid gray;
    vertical-align: top;
    overflow: auto;
}

table.fancytree-ext-columnview tbody tr td > ul {
    padding: 0;
}

table.fancytree-ext-columnview tbody tr td > ul li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-attachment: scroll;
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: repeat-y;
    background-image: none;
    /* no v-lines */
    margin: 0;
}

table.fancytree-ext-columnview span.fancytree-node {
    position: relative;
    /* allow positioning of embedded spans */
    display: inline-block;
}

table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
    background-color: #e8e8e8;
}

table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
    position: absolute;
    right: 3px;
    background-position: 0px -80px;
}

table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
    background-position: -16px -80px;
}

/*------------------------------------------------------------------------------
 * 'filter' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
    color: silver;
    font-weight: lighter;
}

.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
    color: black;
    font-weight: normal;
}

.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
    color: black;
    font-weight: bold;
}

.fancytree-ext-filter-hide tr.fancytree-hide,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
    display: none;
}

.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
    color: silver;
    font-weight: lighter;
}

.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
    color: black;
    font-weight: normal;
}

/* Hide expanders if all child nodes are hidden by filter */
.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander {
    visibility: hidden;
}

.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander {
    visibility: visible;
}

.fancytree-ext-childcounter span.fancytree-icon,
.fancytree-ext-filter span.fancytree-icon {
    position: relative;
}

.fancytree-ext-childcounter span.fancytree-childcounter,
.fancytree-ext-filter span.fancytree-childcounter {
    color: #fff;
    background: #777;
    border: 1px solid gray;
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 10px;
    height: 10px;
    line-height: 1;
    vertical-align: baseline;
    border-radius: 10px;
    padding: 2px;
    text-align: center;
    font-size: 9px;
}

/*------------------------------------------------------------------------------
 * 'wide' extension
 *----------------------------------------------------------------------------*/
ul.fancytree-ext-wide {
    position: relative;
    min-width: 100%;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.fancytree-ext-wide span.fancytree-node > span {
    position: relative;
    z-index: 2;
}

ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
    position: absolute;
    z-index: 1;
    left: 0px;
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*------------------------------------------------------------------------------
 * 'fixed' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-fixed-wrapper .fancytree-fixed-hidden {
    display: none;
}

.fancytree-ext-fixed-wrapper div.scrollBorderBottom {
    border-bottom: 3px solid rgba(0, 0, 0, 0.75);
}

.fancytree-ext-fixed-wrapper div.scrollBorderRight {
    border-right: 3px solid rgba(0, 0, 0, 0.75);
}

.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-tl {
    position: absolute;
    overflow: hidden;
    z-index: 3;
    top: 0px;
    left: 0px;
}

.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-tr {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    top: 0px;
}

.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-bl {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    left: 0px;
}

.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-br {
    position: absolute;
    overflow: scroll;
    z-index: 1;
}

/*******************************************************************************
 * Styles specific to this skin.
 *
 * This section is automatically generated from the `ui-fancytree.less` template.
 ******************************************************************************/
/*******************************************************************************
 * Node titles
 */
.fancytree-plain span.fancytree-title {
    border: 1px solid transparent;
}

.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
    border-color: #e8e8e8;
}

.fancytree-plain span.fancytree-active span.fancytree-title,
.fancytree-plain span.fancytree-selected span.fancytree-title {
    background-color: #FDF9E6;
    border-color: #FDF9E6;
    color: #BD6C0D;
}

.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title {
    font-style: italic;
}

.fancytree-plain span.fancytree-node:not(.fancytree-active):hover span.fancytree-title {
    background-color: #FDF9E6;
    border-color: #FDF9E6;
    border-radius: 5px;
    color: #2e2e2e;
    transition: all 0.2s;

}

.fancytree-node {
    transition: all 0.2s;
}

.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
    background-color: #FDF9E6;
    border-color: #FDF9E6;
    border-radius: 5px;
    color: #BD6C0D;
    transition: all 0.2s;

}

.fancytree-plain span.fancytree-title {
    /* padding: 2px 2px 2px 0px; */
}

/*******************************************************************************
 * 'table' extension
 */
table.fancytree-ext-table tbody tr td {
    border: 1px solid #EDEDED;
}

table.fancytree-ext-table tbody span.fancytree-node,
table.fancytree-ext-table tbody span.fancytree-node:hover {
    border: none;
    background: none;
}

table.fancytree-ext-table tbody tr:not(.fancytree-active):hover {
    background-color: #FDF9E6;
    outline: 1px solid #FDF9E6;
}

table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
    /* outline: 1px dotted black; */
}

table.fancytree-ext-table tbody tr.fancytree-active:hover,
table.fancytree-ext-table tbody tr.fancytree-selected:hover {
    background-color: #FDF9E6;
    outline: 1px solid #FDF9E6;
}

table.fancytree-ext-table tbody tr.fancytree-active {
    background-color: #FDF9E6;
    outline: 1px solid #FDF9E6;
    color: #BD6C0D;
}

table.fancytree-ext-table tbody tr.fancytree-selected {
    background-color: #F7F7F7;
}

table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
    background-color: #FDF9E6;
    outline: 1px solid #FDF9E6;
    color: #BD6C0D;
}

table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
    background-color: #CBE8F6;
}

.hideFilterTreeNode,
.hideFilterTagTreeNode {
    display: none !important;
}

.fancytree-container .cut {
    opacity: 0.4;
}

.fancytree-container .copy {
    font-style: italic;
    opacity: 0.8;
}

.fancytree-node {
    /* padding: 4px 1px 1px 1px; */
}

.fancytree-node input {
    animation-duration: 0.2s;
    border: 1px solid #2f5f4d;
    padding: 3px;
    -moz-box-shadow: 5px 5px 5px 0px #cfcfcf;
    -webkit-box-shadow: 5px 5px 5px 0px #cfcfcf;
    -o-box-shadow: 5px 5px 5px 0px #cfcfcf;
    box-shadow: 5px 5px 5px 0px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);
}

.treeFilterInput {
    margin: 2px;
    padding: 1px;
    text-align: center;
    border: #ccc 1px solid;
    border-radius: 2px;
    /*background: linear-gradient(to bottom, #F1F1F1, #F9F9F9);*/
    color: #333333;
    font-size: 10px;
    width: 100px
}

/* ultimateTable.css */
.utTable {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

.utThead {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #464646;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CEDFEA;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #CEDFEA;
	font-weight: normal;
	text-transform: capitalize;
	background-image: url(img/ut_head_bg.png);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.utTbody {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #FFF;
	padding: 2px;
}

.utTbodyTd {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #666;
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

.utZebra {
	background-color: #F0F0F0;
}

.utOver {
	background-color: #CCC;
}

.utSelect {
	background-color: #FC0;
}

.utSort {
	background-color: #36C;
}

.utNoSort {
	background-color: #0CF;
}

.utSortable {
	background-color: #0C6;
}

.utHeadSort {
	background-color: #333;
	color: #FFF;
}

.utSortSpan {
	cursor: hand;
}

.utSortSpanDown {
	background-image: url(img/ut_arrow_down.jpg);
	background-color: #666;
	color: #FC0;
	float: left;
	margin-right: 5px;
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}

.utSortSpanUp {
	background-image: url(img/ut_arrow_up.jpg);
	background-color: #666;
	color: #FC0;
	float: left;
	margin-right: 5px;
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}

.utLoading {
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
}

.utPaginationTd {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #FFF;
	text-align: center;
	padding: 5px;
}

.utOrderShow {
	background-color: #FFC;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
}

.utMoteurDiv {
	background-color: #00CC99;
	height: 20px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.utMoteurTable {
	background-color: #999999;
	margin: 0px;
	padding: 2px;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.utMoteurTd {
	background-color: #F5F5F5;
}

.utMoteurInput {
	background-color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	border: 1px solid #E1E1E1;
}

/* visasHistoric.css */

#visasHistoric {
    width: 99%;
    font-size: 10px;
}

.vhMainTable {
    background-color: #b6b6b6;
    border-collapse: collapse;
    margin: 10px;
    width: 99%;
    font-size: 10px;
}

.vhMainTable td {
    background-color: #ffffff;
    vertical-align: top;
    /*padding: 5px;*/
    border-style: solid;
    border-color: #578076;
    border-width: 1px;
}

.vhIndiceSectionDatatable {
    background-color: #b6b6b6;
    border-collapse: collapse;
    width: 100%;
    padding: 5px;
}

.vhIndiceSectionDatatable th {
    /*background-color: #ffffff;*/
    vertical-align: top;
    padding: 5px;
    border-style: solid;
    border-color: #578076;
    border-width: 1px;
}

.vhIndiceSectionDatatable td {
    background-color: #ffffff;
    vertical-align: top;
    padding: 5px;
    border-style: solid;
    border-color: #578076;
    border-width: 1px;
    font-size: 10px;
}

.vhVisaTableContainer {
    /*max-width: 100%;*/
    /*overflow: auto;*/
}

.vhVisaTable {
    border-style: solid;
    border-color: #dedede;
    border-width: 1px;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}

.vhVisaTable td {
    border-width: 0;
    background-color: #ffffff;
    font-size: 10px;
}

.vhVisaTable td.hidden, .vhVisaTable tr.hidden {
    display: none;
}

.vhMainTable .vhTransmitterGroupHead {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a0c1bb+0,afd3cd+100 */
    background: #dee6e0; /* Old browsers */
    background: -moz-linear-gradient(top, #dee6e0 0%, #e8efea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dee6e0 0%, #e8efea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dee6e0 0%, #e8efea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c1bb', endColorstr='#afd3cd', GradientType=0); /* IE6-9 */
    font-weight: bold;
    text-align: center;
    border-color: #578076;
}

.vhMainTable .vhTransmitterHead {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#afd3cd+0,bee5de+100 */
    background: #dee6e0; /* Old browsers */
    background: -moz-linear-gradient(top, #dee6e0 0%, #e8efea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dee6e0 0%, #e8efea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dee6e0 0%, #e8efea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afd3cd', endColorstr='#bee5de', GradientType=0); /* IE6-9 */

    font-weight: bold;
    text-align: center;
    border-color: #578076;
    min-width: 350px;
    transition: max-width 0.3s ease-out;
    transition: min-width 0.3s ease-out;
}

.vhMainTable .vhIndiceSection {
    font-weight: bold;
    text-align: left;
    color: #ffffff;
    background-color: #9aa69c;
    height: 25px;
    line-height: 25px;
}

.vhMainTable .vhVisaGeneralInfo {

}

.vhVisaSheetHeader {
    border-collapse: collapse;
    color: #386359;
    margin: 10px 10px 25px 10px;
    width: 100%;
    border-color: #bbbbbb;
    border-width: 0px;
    border-style: solid;
    font-size: 12px;
}

.vhVisaSheetHeader td {
    vertical-align: top;
    padding: 10px;
    font-size: 10px;
}

.vhVisaSheetFooter {
    border-collapse: collapse;
    color: #1f3430;
    margin: 10px 10px 25px 10px;
    width: 100%;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
}

.vhVisaSheetFooter td {
    vertical-align: top;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
}

.vhPlanNomenclature {
    border-collapse: collapse;
    color: #386359;
    margin: 10px 10px 25px 10px;
    width: 100%;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
}

.vhPlanNomenclature td {
    vertical-align: top;
    padding: 10px;
}

.vhVisaGeneralInfoContainer {
    max-height: 400px;
    overflow: hidden;
    transition: max-height 0.3s ease-in;
}

.vhVisaGeneralInfoContainerHide {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.vhVisaExchangeContainer {
    max-height: 400px;
    overflow: hidden;
    transition: max-height 0.3s ease-in;
}

.vhVisaExchangeInfoContainerHide {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.vhVisaContainer {
    max-height: 400px;
    overflow: auto;
    transition: max-height 0.3s ease-in;
}

.vhVisaHeadSection {
    font-weight: bold;
    padding: 5px;
}

.vhVisaContainerHide {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.vhIndiceSectionDataContainer {
    overflow: auto;
    transition: max-height 0.3s ease-in;
}

.vhIndiceSectionDataContainerHide {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.vhTemporary {
    padding-left: 5px;
}

.vhColumnClose {
    max-width: 0 !important;
    min-width: 0 !important;
    width: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    margin: 0;
    transition: max-width 0.3s ease-out;
    transition: min-width 0.3s ease-out;
}

.vhOpenTransmitterButton {
    padding: 3px;
    background-color: #606060;
    color: #fff;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin: 2px;
}

.vhOpenTransmitterButton:hover {
    background-color: #1c1c1c;
}

.vhVisaComment {
    /*height: 300px;*/
    /*overflow: auto;*/
}

.vhVisaTableDiv {
    overflow: auto;
}

.vhAttacheExchange {
    background-color: #F5F5F5;
    margin-top: 6px;
}

.vhAttacheExchangeButton {
    background-color: #F5F5F5;
    border-color: #969696;
    border-width: 1px;
    border-style: solid;
    margin-top: 3px;
}

.vhExchangeBlock {
    border-style: dashed;
    border-width: 0 0 1px 0;
    border-color: #969696;
    padding: 1px 0 3px 0;
    margin: 0 0 3px 0;
}

.vhLinkAsButton:link, .vhLinkAsButton:visited, .vhLinkAsButton:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #969696;
    background-color: #F5F5F5;
    padding: 3px;
    text-decoration: none;
}

/* visasStats.css */
#visasStatsExportAll {
    margin: 10px 10px 10px 10px;
    color: #00ad9c;
    font-weight: bold;
}

.visasStatsExportXlsxHidden {
    opacity: 0;
    width: 10px;
    /*padding: 10px;*/
    /*transition: all 200ms ease-in-out;*/
}

.visasStatsExportXlsxPending {
    opacity: 100;
    background-color: #FFFFFF;
    transition: all 200ms ease-in-out;
    display: inline-block;
    color: #000000;
    width: 300px;
    padding: 10px;
    padding-left: 180px;
    background-image: url('./img/loader-tree.gif');
    background-repeat: no-repeat;
    background-position: left;
    border-style: solid;
    border-color: #00ad9c;
    border-width: 2px;
    font-weight: bold;

}

.visasStatsCategoryTodo {
    /*background-color: #323abe;*/
    /*border-left: 2px solid #323abe;*/
    color: #323abe;
}

.visasStatsCategoryDone {
    /*background-color: #d7ffe3;*/
    /*border-left: 2px solid #31b439;*/
    color: #31b439;
}

.visasStatsCategoryPending {
    /*border-left: 2px solid #FF0000;*/
    color: #ff0000;
}

.visasStatsCategoryRegular {
    /*background-color: #ffffff;*/
    color: #161616;
    /*border: 1px solid #bbbbbb;*/
}

/* welcomeMessage.css */
.welcomeMessageGreen {
    color: #fff;
    background-color: #316e77;
    font-size: 18px;
}

/* zconfig.css */
@charset "utf-8";
/* CSS Document */
.divHead {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #6A0000;
	height: 35px;
	width: 100%;
	position: relative;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #CCC;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}

.divCadre {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0px;
	border: 1px solid #666;
	position: relative;
	text-align: center;
	position: relative;
	float: left;
	background-color: #E0E0E0;
	padding: 1px;
	width: 100%;
}

textarea {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #333;
	background-color: #EBEBEB;
	font-size: 10px;
	border: 1px solid #000;
	position: relative;
}

.divElement {
	background-color: #666;
	width: 400px;
	position: relative;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #CCC;
	padding: 0px;
	text-align: center;
}

.divElementHead {
	background-color: #494949;
	width: 100%;
	position: relative;
	font-weight: bold;
	color: #FC0;
}

/* webpack styles.css */
(function(window){
                    window.Batiwork = window.Batiwork || {};
                    var existingBatiwork = Object.assign({}, window.Batiwork);
                    window.__restoreGlobals = function() {
                        window.Batiwork = Object.assign(window.Batiwork || {}, existingBatiwork || {});
                        if (window.Batiwork.default && window.Batiwork.default.WebBootStrap) {
                            window.Batiwork.WebBootStrap = window.Batiwork.default.WebBootStrap;
                            window.WebBootStrap = window.Batiwork.WebBootStrap;
                        }
                        if (window.WebBootStrap && window.WebBootStrap.prototype && window.WebBootStrap.prototype.launch) {
                            window.WebBootStrap.launch = window.WebBootStrap.prototype.launch;
                        }
                    };
                })(typeof window !== "undefined" ? window : this);
/*! jQuery UI - v1.12.1 - 2017-03-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../../3580b1faf02c1cd7994c.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../../3580b1faf02c1cd7994c.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(../../c58c5719d8be44d69fc2.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(../../df59c902592bb5f10f8b.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(../../e73f5131bb90fcc736a6.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../../bb549ea947a7a69e5c0c.png);
}
.ui-button .ui-icon {
	background-image: url(../../f0ad30c87d846b34a0a6.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
.tippy-box{border:1px transparent}.tippy-box[data-placement^=top]>.tippy-arrow:after{border-top-color:inherit;border-width:8px 8px 0;bottom:-8px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:inherit;border-width:0 8px 8px;top:-8px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow:after{border-left-color:inherit;border-width:8px 0 8px 8px;right:-8px;top:0}.tippy-box[data-placement^=right]>.tippy-arrow:after{border-width:8px 8px 8px 0;left:-8px;top:0;border-right-color:inherit}.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child){top:17px}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child){bottom:17px}.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child){left:12px}.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child){right:12px}.tippy-arrow{border-color:inherit}.tippy-arrow:after{content:"";z-index:-1;position:absolute;border-color:transparent;border-style:solid}
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
.tippy-box[data-theme~=material]{background-color:#505355;font-weight:600}.tippy-box[data-theme~=material][data-placement^=top]>.tippy-arrow:before{border-top-color:#505355}.tippy-box[data-theme~=material][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#505355}.tippy-box[data-theme~=material][data-placement^=left]>.tippy-arrow:before{border-left-color:#505355}.tippy-box[data-theme~=material][data-placement^=right]>.tippy-arrow:before{border-right-color:#505355}.tippy-box[data-theme~=material]>.tippy-backdrop{background-color:#505355}.tippy-box[data-theme~=material]>.tippy-svg-arrow{fill:#505355}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
.tippy-box[data-animation=scale-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-extreme][data-state=hidden]{transform:scale(0);opacity:.25}

window.__restoreGlobals && window.__restoreGlobals();