/* 2018.css */
/* ../2018/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);
}
/* ../2018/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
}
/* ../2018/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: 'Verdana';
	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: 'Lucida Grande', Tahoma, Verdana, Arial, 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: 'Lucida Grande', Tahoma, Verdana, Arial, 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;
}
/* ../2018/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: Verdana, Arial, Helvetica, 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;
}
/* ../2018/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;
    background: linear-gradient(to bottom, #F5F5F5, #FFFFFF);
}

.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%;*/
}
/* ../2018/admin.css */
body, td0, th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
}

.txtRed {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.txtGreen {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #009966;
}

.txtBlue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0066CC;
}

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

.userAdmSearchTdUp {
    font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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;
}
/* ../2018/alinks.css */
a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    margin: 1px;
    font-style: normal;
}

a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
}

a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: underline overline;
}

.b:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.b:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.b:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.c:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.c:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.c:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.e:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.e:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.e:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

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

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

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

.gold:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.gold:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.gold:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.orange:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.orange:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.orange:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.green:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #007500;
    text-decoration: none;
}

.green:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #007500;
    text-decoration: none;
}

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

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

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

.blue:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #06F;
    text-decoration: none;
}

.blue:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #06F;
    text-decoration: none;
}

.m:hover {
    cursor: pointer;
}
/* ../2018/animate.css */
/*!
 * 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;
}
/* ../2018/arboGetView.css */
.arboGetView {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}
/* ../2018/atextes.css */
.rubTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	background-color: #FFFFFF;
}

.regBlTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
}

.regBlTxt2016 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.pgInactif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	color: #CCCCCC;
}

.menuDossierTxt {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}

.pgRestric {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.regBlancTxt {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.titreAccueilRub {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #00CC99;
}

.messagesTitre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FF6600;
}

.messages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}

.pdstxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	/* white-space: nowrap white-space: pre; */
}

.pdsrestTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	/* white-space: nowrap white-space: pre; */
	width: 700px;
}

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

.pdsrubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px none #666666;
}

.txtRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.txtGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009966;
}

.txtBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
}

.txtWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.txtBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


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

.mouseLink {
	cursor: pointer;
}
/* ../2018/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;
}
/* ../2018/attachPlan.css */
.attachplanFilesDisplayBigDiv {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}

.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: 11;
}

.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;
}
/* ../2018/avis_prms.css */
.lotsDiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	display: none;
	border: 1px solid #0033FF;
	margin: 3px;
	padding: 3px;
}
/* ../2018/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;
}

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

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

/* ../all/modules.dist.css */
.bv-no-focus-ring:focus{outline:0}@media (max-width:575.98px){.bv-d-xs-down-none{display:none!important}}.form-control.focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control.focus.is-valid{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.focus.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.b-avatar{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;width:2.5rem;height:2.5rem;font-size:inherit;font-weight:400;line-height:1;max-width:100%;max-height:auto;text-align:center;overflow:visible;position:relative;transition:color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out}.b-avatar:focus{outline:0}.b-avatar.btn,.b-avatar[href]{padding:0;border:0}.b-avatar.btn .b-avatar-img img,.b-avatar[href] .b-avatar-img img{transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.b-avatar.btn:not(:disabled):not(.disabled),.b-avatar[href]:not(:disabled):not(.disabled){cursor:pointer}.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img{-webkit-transform:scale(1.15);transform:scale(1.15)}.b-avatar.disabled,.b-avatar:disabled,.b-avatar[disabled]{opacity:.65;pointer-events:none}.b-avatar .b-avatar-custom,.b-avatar .b-avatar-img,.b-avatar .b-avatar-text{border-radius:inherit;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-mask-image:radial-gradient(white,#000);mask-image:radial-gradient(white,#000)}.b-avatar .b-avatar-text{text-transform:uppercase;white-space:nowrap}.b-avatar[href]{text-decoration:none}.b-avatar>.b-icon{width:60%;height:auto;max-width:100%}.b-avatar .b-avatar-img img{width:100%;height:100%;max-height:auto;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.b-avatar .b-avatar-badge{position:absolute;min-height:1.5em;min-width:1.5em;padding:.25em;line-height:1;border-radius:10em;font-size:70%;font-weight:700;z-index:1}.b-avatar-sm{width:1.5rem;height:1.5rem}.b-avatar-sm .b-avatar-text{font-size:calc(.6rem)}.b-avatar-sm .b-avatar-badge{font-size:calc(.42rem)}.b-avatar-lg{width:3.5rem;height:3.5rem}.b-avatar-lg .b-avatar-text{font-size:calc(1.4rem)}.b-avatar-lg .b-avatar-badge{font-size:calc(.98rem)}.b-avatar-group .b-avatar-group-inner{display:flex;flex-wrap:wrap}.b-avatar-group .b-avatar{border:1px solid #dee2e6}.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled),.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled){z-index:1}.b-calendar{display:inline-flex}.b-calendar .b-calendar-inner{min-width:250px}.b-calendar .b-calendar-header,.b-calendar .b-calendar-nav{margin-bottom:.25rem}.b-calendar .b-calendar-nav .btn{padding:.25rem}.b-calendar output{padding:.25rem;font-size:80%}.b-calendar output.readonly{background-color:#e9ecef;opacity:1}.b-calendar .b-calendar-footer{margin-top:.5rem}.b-calendar .b-calendar-grid{padding:0;margin:0;overflow:hidden}.b-calendar .b-calendar-grid .row{flex-wrap:nowrap}.b-calendar .b-calendar-grid-caption{padding:.25rem}.b-calendar .b-calendar-grid-body .col[data-date] .btn{width:32px;height:32px;font-size:14px;line-height:1;margin:3px auto;padding:9px 0}.b-calendar .btn.disabled,.b-calendar .btn:disabled,.b-calendar .btn[aria-disabled=true]{cursor:default;pointer-events:none}.card-img-left{border-top-left-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-img-right{border-top-right-radius:calc(.25rem - 1px);border-bottom-right-radius:calc(.25rem - 1px)}.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after{display:none!important}.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before{display:none!important}.dropdown .dropdown-menu:focus{outline:0}.b-dropdown-form{display:inline-block;padding:.25rem 1.5rem;width:100%;clear:both;font-weight:400}.b-dropdown-form:focus{outline:1px dotted!important;outline:5px auto -webkit-focus-ring-color!important}.b-dropdown-form.disabled,.b-dropdown-form:disabled{outline:0!important;color:#6c757d;pointer-events:none}.b-dropdown-text{display:inline-block;padding:.25rem 1.5rem;margin-bottom:0;width:100%;clear:both;font-weight:lighter}.custom-checkbox.b-custom-control-lg,.input-group-lg .custom-checkbox{font-size:1.25rem;line-height:1.5;padding-left:1.875rem}.custom-checkbox.b-custom-control-lg .custom-control-label::before,.input-group-lg .custom-checkbox .custom-control-label::before{top:.3125rem;left:-1.875rem;width:1.25rem;height:1.25rem;border-radius:.3rem}.custom-checkbox.b-custom-control-lg .custom-control-label::after,.input-group-lg .custom-checkbox .custom-control-label::after{top:.3125rem;left:-1.875rem;width:1.25rem;height:1.25rem;background-size:50% 50%}.custom-checkbox.b-custom-control-sm{font-size:.875rem;line-height:1.5;padding-left:1.3125rem}.custom-checkbox.b-custom-control-sm .custom-control-label::before{top:.21875rem;left:-1.3125rem;width:.875rem;height:.875rem;border-radius:.2rem}.custom-checkbox.b-custom-control-sm .custom-control-label::after{top:.21875rem;left:-1.3125rem;width:.875rem;height:.875rem;background-size:50% 50%}.custom-switch.b-custom-control-lg,.input-group-lg .custom-switch{padding-left:2.8125rem}.custom-switch.b-custom-control-lg .custom-control-label,.input-group-lg .custom-switch .custom-control-label{font-size:1.25rem;line-height:1.5}.custom-switch.b-custom-control-lg .custom-control-label::before,.input-group-lg .custom-switch .custom-control-label::before{top:.3125rem;height:1.25rem;left:-2.8125rem;width:2.1875rem;border-radius:.625rem}.custom-switch.b-custom-control-lg .custom-control-label::after,.input-group-lg .custom-switch .custom-control-label::after{top:calc(.3125rem + 2px);left:calc(-2.8125rem + 2px);width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);border-radius:.625rem;background-size:50% 50%}.custom-switch.b-custom-control-lg .custom-control-input:checked~.custom-control-label::after,.input-group-lg .custom-switch .custom-control-input:checked~.custom-control-label::after{-webkit-transform:translateX(.9375rem);transform:translateX(.9375rem)}.custom-switch.b-custom-control-sm{padding-left:1.96875rem}.custom-switch.b-custom-control-sm .custom-control-label{font-size:.875rem;line-height:1.5}.custom-switch.b-custom-control-sm .custom-control-label::before{top:.21875rem;left:-1.96875rem;width:1.53125rem;height:.875rem;border-radius:.4375rem}.custom-switch.b-custom-control-sm .custom-control-label::after{top:calc(.21875rem + 2px);left:calc(-1.96875rem + 2px);width:calc(.875rem - 4px);height:calc(.875rem - 4px);border-radius:.4375rem;background-size:50% 50%}.custom-switch.b-custom-control-sm .custom-control-input:checked~.custom-control-label::after{-webkit-transform:translateX(.65625rem);transform:translateX(.65625rem)}.input-group>.input-group-append:last-child>.btn-group:not(:last-child):not(.dropdown-toggle)>.btn,.input-group>.input-group-append:not(:last-child)>.btn-group>.btn,.input-group>.input-group-prepend>.btn-group>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn-group>.btn,.input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.btn-group>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.b-form-btn-label-control.form-control{display:flex;align-items:stretch;height:auto;padding:0;background-image:none}.input-group .b-form-btn-label-control.form-control{padding:0}.b-form-btn-label-control.form-control[dir=rtl],[dir=rtl] .b-form-btn-label-control.form-control{flex-direction:row-reverse}.b-form-btn-label-control.form-control[dir=rtl]>label,[dir=rtl] .b-form-btn-label-control.form-control>label{text-align:right}.b-form-btn-label-control.form-control>.btn{line-height:1;font-size:inherit;box-shadow:none!important;border:0}.b-form-btn-label-control.form-control>.btn:disabled{pointer-events:none}.b-form-btn-label-control.form-control.is-valid>.btn{color:#28a745}.b-form-btn-label-control.form-control.is-invalid>.btn{color:#dc3545}.b-form-btn-label-control.form-control>.dropdown-menu{padding:.5rem}.b-form-btn-label-control.form-control>.form-control{height:auto;min-height:calc(calc(1.5em + .75rem + 2px) - 2px);padding-left:.25rem;margin:0;border:0;outline:0;background:0 0;word-break:break-word;font-size:inherit;white-space:normal;cursor:pointer}.b-form-btn-label-control.form-control>.form-control.form-control-sm{min-height:calc(calc(1.5em + .5rem + 2px) - 2px)}.b-form-btn-label-control.form-control>.form-control.form-control-lg{min-height:calc(calc(1.5em + 1rem + 2px) - 2px)}.input-group.input-group-sm .b-form-btn-label-control.form-control>.form-control{min-height:calc(calc(1.5em + .5rem + 2px) - 2px);padding-top:.25rem;padding-bottom:.25rem}.input-group.input-group-lg .b-form-btn-label-control.form-control>.form-control{min-height:calc(calc(1.5em + 1rem + 2px) - 2px);padding-top:.5rem;padding-bottom:.5rem}.b-form-btn-label-control.form-control[aria-disabled=true],.b-form-btn-label-control.form-control[aria-readonly=true]{background-color:#e9ecef;opacity:1}.b-form-btn-label-control.form-control[aria-disabled=true]{pointer-events:none}.b-form-btn-label-control.form-control[aria-disabled=true]>label{cursor:default}.b-form-btn-label-control.btn-group>.dropdown-menu{padding:.5rem}.custom-file-label{white-space:nowrap;overflow-x:hidden}.b-custom-control-lg .custom-file-input,.b-custom-control-lg .custom-file-label,.b-custom-control-lg.custom-file,.input-group-lg .custom-file-input,.input-group-lg .custom-file-label,.input-group-lg.custom-file{font-size:1.25rem;height:calc(1.5em + 1rem + 2px)}.b-custom-control-lg .custom-file-label,.b-custom-control-lg .custom-file-label:after,.input-group-lg .custom-file-label,.input-group-lg .custom-file-label:after{padding:.5rem 1rem;line-height:1.5}.b-custom-control-lg .custom-file-label,.input-group-lg .custom-file-label{border-radius:.3rem}.b-custom-control-lg .custom-file-label::after,.input-group-lg .custom-file-label::after{font-size:inherit;height:calc(1.5em + 1rem);border-radius:0 .3rem .3rem 0}.b-custom-control-sm .custom-file-input,.b-custom-control-sm .custom-file-label,.b-custom-control-sm.custom-file{font-size:.875rem;height:calc(1.5em + .5rem + 2px)}.b-custom-control-sm .custom-file-label,.b-custom-control-sm .custom-file-label:after{padding:.25rem .5rem;line-height:1.5}.b-custom-control-sm .custom-file-label{border-radius:.2rem}.b-custom-control-sm .custom-file-label::after{font-size:inherit;height:calc(1.5em + .5rem);border-radius:0 .2rem .2rem 0}.form-control.is-invalid,.form-control.is-valid,.was-validated .form-control:invalid,.was-validated .form-control:valid{background-position:right calc(.375em + .1875rem) center}input[type=color].form-control{height:calc(1.5em + .75rem + 2px);padding:.125rem .25rem}input[type=color].form-control.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.125rem .25rem}.input-group-lg input[type=color].form-control,input[type=color].form-control.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.125rem .25rem}input[type=color].form-control:disabled{background-color:#adb5bd;opacity:.65}.input-group>.custom-range{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-range+.custom-file,.input-group>.custom-range+.custom-range,.input-group>.custom-range+.custom-select,.input-group>.custom-range+.form-control,.input-group>.custom-range+.form-control-plaintext{margin-left:-1px}.input-group>.custom-file+.custom-range,.input-group>.custom-range+.custom-range,.input-group>.custom-select+.custom-range,.input-group>.form-control+.custom-range,.input-group>.form-control-plaintext+.custom-range{margin-left:-1px}.input-group>.custom-range:focus{z-index:3}.input-group>.custom-range:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-range:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-range{height:calc(1.5em + .75rem + 2px);padding:0 .75rem;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;height:calc(1.5em + .75rem + 2px);border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.input-group>.custom-range{transition:none}}.input-group>.custom-range:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.input-group>.custom-range:disabled,.input-group>.custom-range[readonly]{background-color:#e9ecef}.input-group-lg>.custom-range{height:calc(1.5em + 1rem + 2px);padding:0 1rem;border-radius:.3rem}.input-group .custom-range.is-valid,.was-validated .input-group .custom-range:valid{border-color:#28a745}.input-group .custom-range.is-valid:focus,.was-validated .input-group .custom-range:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-range.is-valid:focus::-webkit-slider-thumb,.was-validated .custom-range:valid:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #9be7ac}.custom-range.is-valid:focus::-moz-range-thumb,.was-validated .custom-range:valid:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #9be7ac}.custom-range.is-valid:focus::-ms-thumb,.was-validated .custom-range:valid:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #9be7ac}.custom-range.is-valid::-webkit-slider-thumb,.was-validated .custom-range:valid::-webkit-slider-thumb{background-color:#28a745;background-image:none}.custom-range.is-valid::-webkit-slider-thumb:active,.was-validated .custom-range:valid::-webkit-slider-thumb:active{background-color:#9be7ac;background-image:none}.custom-range.is-valid::-webkit-slider-runnable-track,.was-validated .custom-range:valid::-webkit-slider-runnable-track{background-color:rgba(40,167,69,.35)}.custom-range.is-valid::-moz-range-thumb,.was-validated .custom-range:valid::-moz-range-thumb{background-color:#28a745;background-image:none}.custom-range.is-valid::-moz-range-thumb:active,.was-validated .custom-range:valid::-moz-range-thumb:active{background-color:#9be7ac;background-image:none}.custom-range.is-valid::-moz-range-track,.was-validated .custom-range:valid::-moz-range-track{background:rgba(40,167,69,.35)}.custom-range.is-valid~.valid-feedback,.custom-range.is-valid~.valid-tooltip,.was-validated .custom-range:valid~.valid-feedback,.was-validated .custom-range:valid~.valid-tooltip{display:block}.custom-range.is-valid::-ms-thumb,.was-validated .custom-range:valid::-ms-thumb{background-color:#28a745;background-image:none}.custom-range.is-valid::-ms-thumb:active,.was-validated .custom-range:valid::-ms-thumb:active{background-color:#9be7ac;background-image:none}.custom-range.is-valid::-ms-track-lower,.was-validated .custom-range:valid::-ms-track-lower{background:rgba(40,167,69,.35)}.custom-range.is-valid::-ms-track-upper,.was-validated .custom-range:valid::-ms-track-upper{background:rgba(40,167,69,.35)}.input-group .custom-range.is-invalid,.was-validated .input-group .custom-range:invalid{border-color:#dc3545}.input-group .custom-range.is-invalid:focus,.was-validated .input-group .custom-range:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-range.is-invalid:focus::-webkit-slider-thumb,.was-validated .custom-range:invalid:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #f6cdd1}.custom-range.is-invalid:focus::-moz-range-thumb,.was-validated .custom-range:invalid:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #f6cdd1}.custom-range.is-invalid:focus::-ms-thumb,.was-validated .custom-range:invalid:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #f6cdd1}.custom-range.is-invalid::-webkit-slider-thumb,.was-validated .custom-range:invalid::-webkit-slider-thumb{background-color:#dc3545;background-image:none}.custom-range.is-invalid::-webkit-slider-thumb:active,.was-validated .custom-range:invalid::-webkit-slider-thumb:active{background-color:#f6cdd1;background-image:none}.custom-range.is-invalid::-webkit-slider-runnable-track,.was-validated .custom-range:invalid::-webkit-slider-runnable-track{background-color:rgba(220,53,69,.35)}.custom-range.is-invalid::-moz-range-thumb,.was-validated .custom-range:invalid::-moz-range-thumb{background-color:#dc3545;background-image:none}.custom-range.is-invalid::-moz-range-thumb:active,.was-validated .custom-range:invalid::-moz-range-thumb:active{background-color:#f6cdd1;background-image:none}.custom-range.is-invalid::-moz-range-track,.was-validated .custom-range:invalid::-moz-range-track{background:rgba(220,53,69,.35)}.custom-range.is-invalid~.invalid-feedback,.custom-range.is-invalid~.invalid-tooltip,.was-validated .custom-range:invalid~.invalid-feedback,.was-validated .custom-range:invalid~.invalid-tooltip{display:block}.custom-range.is-invalid::-ms-thumb,.was-validated .custom-range:invalid::-ms-thumb{background-color:#dc3545;background-image:none}.custom-range.is-invalid::-ms-thumb:active,.was-validated .custom-range:invalid::-ms-thumb:active{background-color:#f6cdd1;background-image:none}.custom-range.is-invalid::-ms-track-lower,.was-validated .custom-range:invalid::-ms-track-lower{background:rgba(220,53,69,.35)}.custom-range.is-invalid::-ms-track-upper,.was-validated .custom-range:invalid::-ms-track-upper{background:rgba(220,53,69,.35)}.custom-radio.b-custom-control-lg,.input-group-lg .custom-radio{font-size:1.25rem;line-height:1.5;padding-left:1.875rem}.custom-radio.b-custom-control-lg .custom-control-label::before,.input-group-lg .custom-radio .custom-control-label::before{top:.3125rem;left:-1.875rem;width:1.25rem;height:1.25rem;border-radius:50%}.custom-radio.b-custom-control-lg .custom-control-label::after,.input-group-lg .custom-radio .custom-control-label::after{top:.3125rem;left:-1.875rem;width:1.25rem;height:1.25rem;background:no-repeat 50%/50% 50%}.custom-radio.b-custom-control-sm{font-size:.875rem;line-height:1.5;padding-left:1.3125rem}.custom-radio.b-custom-control-sm .custom-control-label::before{top:.21875rem;left:-1.3125rem;width:.875rem;height:.875rem;border-radius:50%}.custom-radio.b-custom-control-sm .custom-control-label::after{top:.21875rem;left:-1.3125rem;width:.875rem;height:.875rem;background:no-repeat 50%/50% 50%}.b-rating{text-align:center}.b-rating.d-inline-flex{width:auto}.b-rating .b-rating-star,.b-rating .b-rating-value{padding:0 .25em}.b-rating .b-rating-value{min-width:2.5em}.b-rating .b-rating-star{display:inline-flex;justify-content:center;outline:0}.b-rating .b-rating-star .b-rating-icon{display:inline-flex;transition:all .15s ease-in-out}.b-rating.disabled,.b-rating:disabled{background-color:#e9ecef;color:#6c757d}.b-rating:not(.disabled):not(.readonly) .b-rating-star{cursor:pointer}.b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon,.b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon{-webkit-transform:scale(1.5);transform:scale(1.5)}.b-rating[dir=rtl] .b-rating-star-half{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.b-form-spinbutton{text-align:center;overflow:hidden;background-image:none;padding:0}.b-form-spinbutton[dir=rtl]:not(.flex-column),[dir=rtl] .b-form-spinbutton:not(.flex-column){flex-direction:row-reverse}.b-form-spinbutton output{font-size:inherit;outline:0;border:0;background-color:transparent;width:auto;margin:0;padding:0 .25rem}.b-form-spinbutton output>bdi,.b-form-spinbutton output>div{display:block;min-width:2.25em;height:1.5em}.b-form-spinbutton.flex-column{height:auto;width:auto}.b-form-spinbutton.flex-column output{margin:0 .25rem;padding:.25rem 0}.b-form-spinbutton:not(.d-inline-flex):not(.flex-column){output-width:100%}.b-form-spinbutton.d-inline-flex:not(.flex-column){width:auto}.b-form-spinbutton .btn{line-height:1;box-shadow:none!important}.b-form-spinbutton .btn:disabled{pointer-events:none}.b-form-spinbutton .btn:hover:not(:disabled)>div>.b-icon{-webkit-transform:scale(1.25);transform:scale(1.25)}.b-form-spinbutton.disabled,.b-form-spinbutton.readonly{background-color:#e9ecef}.b-form-spinbutton.disabled{pointer-events:none}.b-form-tags .b-form-tags-list{margin-top:-.25rem}.b-form-tags .b-form-tags-list .b-form-tag,.b-form-tags .b-form-tags-list .b-from-tags-field{margin-top:.25rem}.b-form-tags.focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.b-form-tags.focus.is-valid{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.b-form-tags.focus.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.b-form-tags.disabled{background-color:#e9ecef}.b-form-tag{font-size:75%;font-weight:400;line-height:1.5;margin-right:.25rem}.b-form-tag.disabled{opacity:.75}.b-form-tag>button.b-form-tag-remove{color:inherit;font-size:125%;line-height:1;float:none;margin-left:.25rem}.form-control-sm .b-form-tag{line-height:1.5}.form-control-lg .b-form-tag{line-height:1.5}.media-aside{display:flex;margin-right:1rem}.media-aside-right{margin-right:0;margin-left:1rem}.modal-backdrop{opacity:.5}.b-pagination-pills .page-item .page-link{border-radius:50rem!important;margin-left:.25rem;line-height:1}.b-pagination-pills .page-item:first-child .page-link{margin-left:0}.popover.b-popover{display:block;opacity:1;outline:0}.popover.b-popover.fade:not(.show){opacity:0}.popover.b-popover.show{opacity:1}.b-popover-primary.popover{background-color:#cce5ff;border-color:#b8daff}.b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow::before,.b-popover-primary.bs-popover-top>.arrow::before{border-top-color:#b8daff}.b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow::after,.b-popover-primary.bs-popover-top>.arrow::after{border-top-color:#cce5ff}.b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow::before,.b-popover-primary.bs-popover-right>.arrow::before{border-right-color:#b8daff}.b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow::after,.b-popover-primary.bs-popover-right>.arrow::after{border-right-color:#cce5ff}.b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow::before,.b-popover-primary.bs-popover-bottom>.arrow::before{border-bottom-color:#b8daff}.b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow::after,.b-popover-primary.bs-popover-bottom>.arrow::after{border-bottom-color:#bdddff}.b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header::before,.b-popover-primary.bs-popover-bottom .popover-header::before{border-bottom-color:#bdddff}.b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow::before,.b-popover-primary.bs-popover-left>.arrow::before{border-left-color:#b8daff}.b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow::after,.b-popover-primary.bs-popover-left>.arrow::after{border-left-color:#cce5ff}.b-popover-primary .popover-header{color:#212529;background-color:#bdddff;border-bottom-color:#a3d0ff}.b-popover-primary .popover-body{color:#004085}.b-popover-secondary.popover{background-color:#e2e3e5;border-color:#d6d8db}.b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow::before,.b-popover-secondary.bs-popover-top>.arrow::before{border-top-color:#d6d8db}.b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow::after,.b-popover-secondary.bs-popover-top>.arrow::after{border-top-color:#e2e3e5}.b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow::before,.b-popover-secondary.bs-popover-right>.arrow::before{border-right-color:#d6d8db}.b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow::after,.b-popover-secondary.bs-popover-right>.arrow::after{border-right-color:#e2e3e5}.b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow::before,.b-popover-secondary.bs-popover-bottom>.arrow::before{border-bottom-color:#d6d8db}.b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow::after,.b-popover-secondary.bs-popover-bottom>.arrow::after{border-bottom-color:#dadbde}.b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header::before,.b-popover-secondary.bs-popover-bottom .popover-header::before{border-bottom-color:#dadbde}.b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow::before,.b-popover-secondary.bs-popover-left>.arrow::before{border-left-color:#d6d8db}.b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow::after,.b-popover-secondary.bs-popover-left>.arrow::after{border-left-color:#e2e3e5}.b-popover-secondary .popover-header{color:#212529;background-color:#dadbde;border-bottom-color:#ccced2}.b-popover-secondary .popover-body{color:#383d41}.b-popover-success.popover{background-color:#d4edda;border-color:#c3e6cb}.b-popover-success.bs-popover-auto[x-placement^=top]>.arrow::before,.b-popover-success.bs-popover-top>.arrow::before{border-top-color:#c3e6cb}.b-popover-success.bs-popover-auto[x-placement^=top]>.arrow::after,.b-popover-success.bs-popover-top>.arrow::after{border-top-color:#d4edda}.b-popover-success.bs-popover-auto[x-placement^=right]>.arrow::before,.b-popover-success.bs-popover-right>.arrow::before{border-right-color:#c3e6cb}.b-popover-success.bs-popover-auto[x-placement^=right]>.arrow::after,.b-popover-success.bs-popover-right>.arrow::after{border-right-color:#d4edda}.b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow::before,.b-popover-success.bs-popover-bottom>.arrow::before{border-bottom-color:#c3e6cb}.b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow::after,.b-popover-success.bs-popover-bottom>.arrow::after{border-bottom-color:#c9e8d1}.b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header::before,.b-popover-success.bs-popover-bottom .popover-header::before{border-bottom-color:#c9e8d1}.b-popover-success.bs-popover-auto[x-placement^=left]>.arrow::before,.b-popover-success.bs-popover-left>.arrow::before{border-left-color:#c3e6cb}.b-popover-success.bs-popover-auto[x-placement^=left]>.arrow::after,.b-popover-success.bs-popover-left>.arrow::after{border-left-color:#d4edda}.b-popover-success .popover-header{color:#212529;background-color:#c9e8d1;border-bottom-color:#b7e1c1}.b-popover-success .popover-body{color:#155724}.b-popover-info.popover{background-color:#d1ecf1;border-color:#bee5eb}.b-popover-info.bs-popover-auto[x-placement^=top]>.arrow::before,.b-popover-info.bs-popover-top>.arrow::before{border-top-color:#bee5eb}.b-popover-info.bs-popover-auto[x-placement^=top]>.arrow::after,.b-popover-info.bs-popover-top>.arrow::after{border-top-color:#d1ecf1}.b-popover-info.bs-popover-auto[x-placement^=right]>.arrow::before,.b-popover-info.bs-popover-right>.arrow::before{border-right-color:#bee5eb}.b-popover-info.bs-popover-auto[x-placement^=right]>.arrow::after,.b-popover-info.bs-popover-right>.arrow::after{border-right-color:#d1ecf1}.b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow::before,.b-popover-info.bs-popover-bottom>.arrow::before{border-bottom-color:#bee5eb}.b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow::after,.b-popover-info.bs-popover-bottom>.arrow::after{border-bottom-color:#c5e7ed}.b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header::before,.b-popover-info.bs-popover-bottom .popover-header::before{border-bottom-color:#c5e7ed}.b-popover-info.bs-popover-auto[x-placement^=left]>.arrow::before,.b-popover-info.bs-popover-left>.arrow::before{border-left-color:#bee5eb}.b-popover-info.bs-popover-auto[x-placement^=left]>.arrow::after,.b-popover-info.bs-popover-left>.arrow::after{border-left-color:#d1ecf1}.b-popover-info .popover-header{color:#212529;background-color:#c5e7ed;border-bottom-color:#b2dfe7}.b-popover-info .popover-body{color:#0c5460}.b-popover-warning.popover{background-color:#fff3cd;border-color:#ffeeba}.b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow::before,.b-popover-warning.bs-popover-top>.arrow::before{border-top-color:#ffeeba}.b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow::after,.b-popover-warning.bs-popover-top>.arrow::after{border-top-color:#fff3cd}.b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow::before,.b-popover-warning.bs-popover-right>.arrow::before{border-right-color:#ffeeba}.b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow::after,.b-popover-warning.bs-popover-right>.arrow::after{border-right-color:#fff3cd}.b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow::before,.b-popover-warning.bs-popover-bottom>.arrow::before{border-bottom-color:#ffeeba}.b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow::after,.b-popover-warning.bs-popover-bottom>.arrow::after{border-bottom-color:#ffefbe}.b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header::before,.b-popover-warning.bs-popover-bottom .popover-header::before{border-bottom-color:#ffefbe}.b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow::before,.b-popover-warning.bs-popover-left>.arrow::before{border-left-color:#ffeeba}.b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow::after,.b-popover-warning.bs-popover-left>.arrow::after{border-left-color:#fff3cd}.b-popover-warning .popover-header{color:#212529;background-color:#ffefbe;border-bottom-color:#ffe9a4}.b-popover-warning .popover-body{color:#856404}.b-popover-danger.popover{background-color:#f8d7da;border-color:#f5c6cb}.b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow::before,.b-popover-danger.bs-popover-top>.arrow::before{border-top-color:#f5c6cb}.b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow::after,.b-popover-danger.bs-popover-top>.arrow::after{border-top-color:#f8d7da}.b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow::before,.b-popover-danger.bs-popover-right>.arrow::before{border-right-color:#f5c6cb}.b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow::after,.b-popover-danger.bs-popover-right>.arrow::after{border-right-color:#f8d7da}.b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow::before,.b-popover-danger.bs-popover-bottom>.arrow::before{border-bottom-color:#f5c6cb}.b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow::after,.b-popover-danger.bs-popover-bottom>.arrow::after{border-bottom-color:#f6cace}.b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header::before,.b-popover-danger.bs-popover-bottom .popover-header::before{border-bottom-color:#f6cace}.b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow::before,.b-popover-danger.bs-popover-left>.arrow::before{border-left-color:#f5c6cb}.b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow::after,.b-popover-danger.bs-popover-left>.arrow::after{border-left-color:#f8d7da}.b-popover-danger .popover-header{color:#212529;background-color:#f6cace;border-bottom-color:#f2b4ba}.b-popover-danger .popover-body{color:#721c24}.b-popover-light.popover{background-color:#fefefe;border-color:#fdfdfe}.b-popover-light.bs-popover-auto[x-placement^=top]>.arrow::before,.b-popover-light.bs-popover-top>.arrow::before{border-top-color:#fdfdfe}.b-popover-light.bs-popover-auto[x-placement^=top]>.arrow::after,.b-popover-light.bs-popover-top>.arrow::after{border-top-color:#fefefe}.b-popover-light.bs-popover-auto[x-placement^=right]>.arrow::before,.b-popover-light.bs-popover-right>.arrow::before{border-right-color:#fdfdfe}.b-popover-light.bs-popover-auto[x-placement^=right]>.arrow::after,.b-popover-light.bs-popover-right>.arrow::after{border-right-color:#fefefe}.b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow::before,.b-popover-light.bs-popover-bottom>.arrow::before{border-bottom-color:#fdfdfe}.b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow::after,.b-popover-light.bs-popover-bottom>.arrow::after{border-bottom-color:#f6f6f6}.b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header::before,.b-popover-light.bs-popover-bottom .popover-header::before{border-bottom-color:#f6f6f6}.b-popover-light.bs-popover-auto[x-placement^=left]>.arrow::before,.b-popover-light.bs-popover-left>.arrow::before{border-left-color:#fdfdfe}.b-popover-light.bs-popover-auto[x-placement^=left]>.arrow::after,.b-popover-light.bs-popover-left>.arrow::after{border-left-color:#fefefe}.b-popover-light .popover-header{color:#212529;background-color:#f6f6f6;border-bottom-color:#eaeaea}.b-popover-light .popover-body{color:#818182}.b-popover-dark.popover{background-color:#d6d8d9;border-color:#c6c8ca}.b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow::before,.b-popover-dark.bs-popover-top>.arrow::before{border-top-color:#c6c8ca}.b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow::after,.b-popover-dark.bs-popover-top>.arrow::after{border-top-color:#d6d8d9}.b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow::before,.b-popover-dark.bs-popover-right>.arrow::before{border-right-color:#c6c8ca}.b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow::after,.b-popover-dark.bs-popover-right>.arrow::after{border-right-color:#d6d8d9}.b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow::before,.b-popover-dark.bs-popover-bottom>.arrow::before{border-bottom-color:#c6c8ca}.b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow::after,.b-popover-dark.bs-popover-bottom>.arrow::after{border-bottom-color:#ced0d2}.b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header::before,.b-popover-dark.bs-popover-bottom .popover-header::before{border-bottom-color:#ced0d2}.b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow::before,.b-popover-dark.bs-popover-left>.arrow::before{border-left-color:#c6c8ca}.b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow::after,.b-popover-dark.bs-popover-left>.arrow::after{border-left-color:#d6d8d9}.b-popover-dark .popover-header{color:#212529;background-color:#ced0d2;border-bottom-color:#c1c4c5}.b-popover-dark .popover-body{color:#1b1e21}.b-sidebar-outer{position:fixed;top:0;left:0;right:0;height:0;overflow:visible;z-index:calc(1030 + 5)}.b-sidebar-backdrop{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;opacity:.6}.b-sidebar{display:flex;flex-direction:column;position:fixed;top:0;width:320px;max-width:100%;height:100vh;max-height:100%;margin:0;outline:0;-webkit-transform:translateX(0);transform:translateX(0)}.b-sidebar.slide{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.b-sidebar.slide{transition:none}}.b-sidebar:not(.b-sidebar-right){left:0;right:auto}.b-sidebar:not(.b-sidebar-right).slide:not(.show){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.b-sidebar:not(.b-sidebar-right)>.b-sidebar-header .close{margin-left:auto}.b-sidebar.b-sidebar-right{left:auto;right:0}.b-sidebar.b-sidebar-right.slide:not(.show){-webkit-transform:translateX(100%);transform:translateX(100%)}.b-sidebar.b-sidebar-right>.b-sidebar-header .close{margin-right:auto}.b-sidebar>.b-sidebar-header{font-size:1.5rem;padding:.5rem 1rem;display:flex;flex-direction:row;flex-grow:0;align-items:center}[dir=rtl] .b-sidebar>.b-sidebar-header{flex-direction:row-reverse}.b-sidebar>.b-sidebar-header .close{float:none;font-size:1.5rem}.b-sidebar>.b-sidebar-body{flex-grow:1;height:100%;overflow-y:auto}.b-sidebar>.b-sidebar-footer{flex-grow:0}.b-skeleton-wrapper{cursor:wait}.b-skeleton{position:relative;overflow:hidden;background-color:rgba(0,0,0,.12);cursor:wait;-webkit-mask-image:radial-gradient(white,#000);mask-image:radial-gradient(white,#000)}.b-skeleton::before{content:" "}.b-skeleton-text{height:1rem;margin-bottom:.25rem;border-radius:.25rem}.b-skeleton-button{width:75px;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}.b-skeleton-avatar{width:2.5em;height:2.5em;border-radius:50%}.b-skeleton-input{height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;line-height:1.5;border:#ced4da solid 1px;border-radius:.25rem}.b-skeleton-icon-wrapper svg{color:rgba(0,0,0,.12)}.b-skeleton-img{height:100%;width:100%}.b-skeleton-animate-wave::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);-webkit-animation:b-skeleton-animate-wave 1.75s linear infinite;animation:b-skeleton-animate-wave 1.75s linear infinite}@media (prefers-reduced-motion:reduce){.b-skeleton-animate-wave::after{background:0 0;-webkit-animation:none;animation:none}}@-webkit-keyframes b-skeleton-animate-wave{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes b-skeleton-animate-wave{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.b-skeleton-animate-fade{-webkit-animation:b-skeleton-animate-fade 875ms ease-in-out alternate infinite;animation:b-skeleton-animate-fade 875ms ease-in-out alternate infinite}@media (prefers-reduced-motion:reduce){.b-skeleton-animate-fade{-webkit-animation:none;animation:none}}@-webkit-keyframes b-skeleton-animate-fade{0%{opacity:1}100%{opacity:.4}}@keyframes b-skeleton-animate-fade{0%{opacity:1}100%{opacity:.4}}.b-skeleton-animate-throb{-webkit-animation:b-skeleton-animate-throb 875ms ease-in alternate infinite;animation:b-skeleton-animate-throb 875ms ease-in alternate infinite}@media (prefers-reduced-motion:reduce){.b-skeleton-animate-throb{-webkit-animation:none;animation:none}}@-webkit-keyframes b-skeleton-animate-throb{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.975);transform:scale(.975)}}@keyframes b-skeleton-animate-throb{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.975);transform:scale(.975)}}.table.b-table.b-table-fixed{table-layout:fixed}.table.b-table.b-table-no-border-collapse{border-collapse:separate;border-spacing:0}.table.b-table[aria-busy=true]{opacity:.55}.table.b-table>tbody>tr.b-table-details>td{border-top:none!important}.table.b-table>caption{caption-side:bottom}.table.b-table.b-table-caption-top>caption{caption-side:top!important}.table.b-table>tbody>.table-active,.table.b-table>tbody>.table-active>td,.table.b-table>tbody>.table-active>th{background-color:rgba(0,0,0,.075)}.table.b-table.table-hover>tbody>tr.table-active:hover td,.table.b-table.table-hover>tbody>tr.table-active:hover th{color:#212529;background-image:linear-gradient(rgba(0,0,0,.075),rgba(0,0,0,.075));background-repeat:no-repeat}.table.b-table>tbody>.bg-active,.table.b-table>tbody>.bg-active>td,.table.b-table>tbody>.bg-active>th{background-color:rgba(255,255,255,.075)!important}.table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover td,.table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover th{color:#fff;background-image:linear-gradient(rgba(255,255,255,.075),rgba(255,255,255,.075));background-repeat:no-repeat}.b-table-sticky-header,.table-responsive,[class*=table-responsive-]{margin-bottom:1rem}.b-table-sticky-header>.table,.table-responsive>.table,[class*=table-responsive-]>.table{margin-bottom:0}.b-table-sticky-header{overflow-y:auto;max-height:300px}@media print{.b-table-sticky-header{overflow-y:visible!important;max-height:none!important}}@supports ((position:-webkit-sticky) or (position:sticky)){.b-table-sticky-header>.table.b-table>thead>tr>th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,.table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column{position:-webkit-sticky;position:sticky;left:0}.b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,.table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column{z-index:5}.b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column{z-index:2}.table.b-table>tbody>tr>.table-b-table-default,.table.b-table>tfoot>tr>.table-b-table-default,.table.b-table>thead>tr>.table-b-table-default{color:#212529;background-color:#fff}.table.b-table.table-dark>tbody>tr>.bg-b-table-default,.table.b-table.table-dark>tfoot>tr>.bg-b-table-default,.table.b-table.table-dark>thead>tr>.bg-b-table-default{color:#fff;background-color:#343a40}.table.b-table.table-striped>tbody>tr:nth-of-type(odd)>.table-b-table-default{background-image:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05));background-repeat:no-repeat}.table.b-table.table-striped.table-dark>tbody>tr:nth-of-type(odd)>.bg-b-table-default{background-image:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05));background-repeat:no-repeat}.table.b-table.table-hover>tbody>tr:hover>.table-b-table-default{color:#212529;background-image:linear-gradient(rgba(0,0,0,.075),rgba(0,0,0,.075));background-repeat:no-repeat}.table.b-table.table-hover.table-dark>tbody>tr:hover>.bg-b-table-default{color:#fff;background-image:linear-gradient(rgba(255,255,255,.075),rgba(255,255,255,.075));background-repeat:no-repeat}}.table.b-table>tfoot>tr>[aria-sort],.table.b-table>thead>tr>[aria-sort]{cursor:pointer;background-image:none;background-repeat:no-repeat;background-size:.65em 1em}.table.b-table>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left),.table.b-table>thead>tr>[aria-sort]:not(.b-table-sort-icon-left){background-position:right calc(.75rem / 2) center;padding-right:calc(.75rem + .65em)}.table.b-table>tfoot>tr>[aria-sort].b-table-sort-icon-left,.table.b-table>thead>tr>[aria-sort].b-table-sort-icon-left{background-position:left calc(.75rem / 2) center;padding-left:calc(.75rem + .65em)}.table.b-table>tfoot>tr>[aria-sort=none],.table.b-table>thead>tr>[aria-sort=none]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table>tfoot>tr>[aria-sort=ascending],.table.b-table>thead>tr>[aria-sort=ascending]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table>tfoot>tr>[aria-sort=descending],.table.b-table>thead>tr>[aria-sort=descending]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table.table-dark>tfoot>tr>[aria-sort=none],.table.b-table.table-dark>thead>tr>[aria-sort=none],.table.b-table>.thead-dark>tr>[aria-sort=none]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table.table-dark>tfoot>tr>[aria-sort=ascending],.table.b-table.table-dark>thead>tr>[aria-sort=ascending],.table.b-table>.thead-dark>tr>[aria-sort=ascending]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table.table-dark>tfoot>tr>[aria-sort=descending],.table.b-table.table-dark>thead>tr>[aria-sort=descending],.table.b-table>.thead-dark>tr>[aria-sort=descending]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table>tfoot>tr>.table-dark[aria-sort=none],.table.b-table>thead>tr>.table-dark[aria-sort=none]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table>tfoot>tr>.table-dark[aria-sort=ascending],.table.b-table>thead>tr>.table-dark[aria-sort=ascending]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table>tfoot>tr>.table-dark[aria-sort=descending],.table.b-table>thead>tr>.table-dark[aria-sort=descending]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e")}.table.b-table.table-sm>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left),.table.b-table.table-sm>thead>tr>[aria-sort]:not(.b-table-sort-icon-left){background-position:right calc(.3rem / 2) center;padding-right:calc(.3rem + .65em)}.table.b-table.table-sm>tfoot>tr>[aria-sort].b-table-sort-icon-left,.table.b-table.table-sm>thead>tr>[aria-sort].b-table-sort-icon-left{background-position:left calc(.3rem / 2) center;padding-left:calc(.3rem + .65em)}.table.b-table.b-table-selectable:not(.b-table-selectable-no-click)>tbody>tr{cursor:pointer}.table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range>tbody>tr{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:575.98px){.table.b-table.b-table-stacked-sm{display:block;width:100%}.table.b-table.b-table-stacked-sm>caption,.table.b-table.b-table-stacked-sm>tbody,.table.b-table.b-table-stacked-sm>tbody>tr,.table.b-table.b-table-stacked-sm>tbody>tr>td,.table.b-table.b-table-stacked-sm>tbody>tr>th{display:block}.table.b-table.b-table-stacked-sm>tfoot,.table.b-table.b-table-stacked-sm>thead{display:none}.table.b-table.b-table-stacked-sm>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-sm>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-sm>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-sm>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-sm>caption{caption-side:top!important}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]::before{content:attr(data-label);width:40%;float:left;text-align:right;overflow-wrap:break-word;font-weight:700;font-style:normal;padding:0 calc(1rem / 2) 0 0;margin:0}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]::after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]>div{display:inline-block;width:calc(100% - 40%);padding:0 0 0 calc(1rem / 2);margin:0}.table.b-table.b-table-stacked-sm>tbody>tr.bottom-row,.table.b-table.b-table-stacked-sm>tbody>tr.top-row{display:none}.table.b-table.b-table-stacked-sm>tbody>tr>:first-child{border-top-width:3px}.table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+th{border-top-width:3px}}@media (max-width:767.98px){.table.b-table.b-table-stacked-md{display:block;width:100%}.table.b-table.b-table-stacked-md>caption,.table.b-table.b-table-stacked-md>tbody,.table.b-table.b-table-stacked-md>tbody>tr,.table.b-table.b-table-stacked-md>tbody>tr>td,.table.b-table.b-table-stacked-md>tbody>tr>th{display:block}.table.b-table.b-table-stacked-md>tfoot,.table.b-table.b-table-stacked-md>thead{display:none}.table.b-table.b-table-stacked-md>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-md>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-md>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-md>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-md>caption{caption-side:top!important}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]::before{content:attr(data-label);width:40%;float:left;text-align:right;overflow-wrap:break-word;font-weight:700;font-style:normal;padding:0 calc(1rem / 2) 0 0;margin:0}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]::after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]>div{display:inline-block;width:calc(100% - 40%);padding:0 0 0 calc(1rem / 2);margin:0}.table.b-table.b-table-stacked-md>tbody>tr.bottom-row,.table.b-table.b-table-stacked-md>tbody>tr.top-row{display:none}.table.b-table.b-table-stacked-md>tbody>tr>:first-child{border-top-width:3px}.table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+th{border-top-width:3px}}@media (max-width:991.98px){.table.b-table.b-table-stacked-lg{display:block;width:100%}.table.b-table.b-table-stacked-lg>caption,.table.b-table.b-table-stacked-lg>tbody,.table.b-table.b-table-stacked-lg>tbody>tr,.table.b-table.b-table-stacked-lg>tbody>tr>td,.table.b-table.b-table-stacked-lg>tbody>tr>th{display:block}.table.b-table.b-table-stacked-lg>tfoot,.table.b-table.b-table-stacked-lg>thead{display:none}.table.b-table.b-table-stacked-lg>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-lg>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-lg>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-lg>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-lg>caption{caption-side:top!important}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]::before{content:attr(data-label);width:40%;float:left;text-align:right;overflow-wrap:break-word;font-weight:700;font-style:normal;padding:0 calc(1rem / 2) 0 0;margin:0}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]::after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]>div{display:inline-block;width:calc(100% - 40%);padding:0 0 0 calc(1rem / 2);margin:0}.table.b-table.b-table-stacked-lg>tbody>tr.bottom-row,.table.b-table.b-table-stacked-lg>tbody>tr.top-row{display:none}.table.b-table.b-table-stacked-lg>tbody>tr>:first-child{border-top-width:3px}.table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+th{border-top-width:3px}}@media (max-width:1199.98px){.table.b-table.b-table-stacked-xl{display:block;width:100%}.table.b-table.b-table-stacked-xl>caption,.table.b-table.b-table-stacked-xl>tbody,.table.b-table.b-table-stacked-xl>tbody>tr,.table.b-table.b-table-stacked-xl>tbody>tr>td,.table.b-table.b-table-stacked-xl>tbody>tr>th{display:block}.table.b-table.b-table-stacked-xl>tfoot,.table.b-table.b-table-stacked-xl>thead{display:none}.table.b-table.b-table-stacked-xl>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xl>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-xl>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xl>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-xl>caption{caption-side:top!important}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]::before{content:attr(data-label);width:40%;float:left;text-align:right;overflow-wrap:break-word;font-weight:700;font-style:normal;padding:0 calc(1rem / 2) 0 0;margin:0}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]::after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]>div{display:inline-block;width:calc(100% - 40%);padding:0 0 0 calc(1rem / 2);margin:0}.table.b-table.b-table-stacked-xl>tbody>tr.bottom-row,.table.b-table.b-table-stacked-xl>tbody>tr.top-row{display:none}.table.b-table.b-table-stacked-xl>tbody>tr>:first-child{border-top-width:3px}.table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+th{border-top-width:3px}}.table.b-table.b-table-stacked{display:block;width:100%}.table.b-table.b-table-stacked>caption,.table.b-table.b-table-stacked>tbody,.table.b-table.b-table-stacked>tbody>tr,.table.b-table.b-table-stacked>tbody>tr>td,.table.b-table.b-table-stacked>tbody>tr>th{display:block}.table.b-table.b-table-stacked>tfoot,.table.b-table.b-table-stacked>thead{display:none}.table.b-table.b-table-stacked>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked>caption{caption-side:top!important}.table.b-table.b-table-stacked>tbody>tr>[data-label]::before{content:attr(data-label);width:40%;float:left;text-align:right;overflow-wrap:break-word;font-weight:700;font-style:normal;padding:0 calc(1rem / 2) 0 0;margin:0}.table.b-table.b-table-stacked>tbody>tr>[data-label]::after{display:block;clear:both;content:""}.table.b-table.b-table-stacked>tbody>tr>[data-label]>div{display:inline-block;width:calc(100% - 40%);padding:0 0 0 calc(1rem / 2);margin:0}.table.b-table.b-table-stacked>tbody>tr.bottom-row,.table.b-table.b-table-stacked>tbody>tr.top-row{display:none}.table.b-table.b-table-stacked>tbody>tr>:first-child{border-top-width:3px}.table.b-table.b-table-stacked>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked>tbody>tr>[rowspan]+th{border-top-width:3px}.b-time{min-width:150px}.b-time output.disabled,.b-time[aria-disabled=true] output,.b-time[aria-readonly=true] output{background-color:#e9ecef;opacity:1}.b-time[aria-disabled=true] output{pointer-events:none}[dir=rtl] .b-time>.d-flex:not(.flex-column){flex-direction:row-reverse}.b-time .b-time-header{margin-bottom:.5rem}.b-time .b-time-header output{padding:.25rem;font-size:80%}.b-time .b-time-footer{margin-top:.5rem}.b-time .b-time-ampm{margin-left:.5rem}.b-toast{display:block;position:relative;max-width:350px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-clip:padding-box;z-index:1;border-radius:.25rem}.b-toast .toast{background-color:rgba(255,255,255,.85)}.b-toast:not(:last-child){margin-bottom:.75rem}.b-toast.b-toast-solid .toast{background-color:#fff}.b-toast .toast{opacity:1}.b-toast .toast.fade:not(.show){opacity:0}.b-toast .toast .toast-body{display:block}.b-toast-primary .toast{background-color:rgba(230,242,255,.85);border-color:rgba(184,218,255,.85);color:#004085}.b-toast-primary .toast .toast-header{color:#004085;background-color:rgba(204,229,255,.85);border-bottom-color:rgba(184,218,255,.85)}.b-toast-primary.b-toast-solid .toast{background-color:#e6f2ff}.b-toast-secondary .toast{background-color:rgba(239,240,241,.85);border-color:rgba(214,216,219,.85);color:#383d41}.b-toast-secondary .toast .toast-header{color:#383d41;background-color:rgba(226,227,229,.85);border-bottom-color:rgba(214,216,219,.85)}.b-toast-secondary.b-toast-solid .toast{background-color:#eff0f1}.b-toast-success .toast{background-color:rgba(230,245,233,.85);border-color:rgba(195,230,203,.85);color:#155724}.b-toast-success .toast .toast-header{color:#155724;background-color:rgba(212,237,218,.85);border-bottom-color:rgba(195,230,203,.85)}.b-toast-success.b-toast-solid .toast{background-color:#e6f5e9}.b-toast-info .toast{background-color:rgba(229,244,247,.85);border-color:rgba(190,229,235,.85);color:#0c5460}.b-toast-info .toast .toast-header{color:#0c5460;background-color:rgba(209,236,241,.85);border-bottom-color:rgba(190,229,235,.85)}.b-toast-info.b-toast-solid .toast{background-color:#e5f4f7}.b-toast-warning .toast{background-color:rgba(255,249,231,.85);border-color:rgba(255,238,186,.85);color:#856404}.b-toast-warning .toast .toast-header{color:#856404;background-color:rgba(255,243,205,.85);border-bottom-color:rgba(255,238,186,.85)}.b-toast-warning.b-toast-solid .toast{background-color:#fff9e7}.b-toast-danger .toast{background-color:rgba(252,237,238,.85);border-color:rgba(245,198,203,.85);color:#721c24}.b-toast-danger .toast .toast-header{color:#721c24;background-color:rgba(248,215,218,.85);border-bottom-color:rgba(245,198,203,.85)}.b-toast-danger.b-toast-solid .toast{background-color:#fcedee}.b-toast-light .toast{background-color:rgba(255,255,255,.85);border-color:rgba(253,253,254,.85);color:#818182}.b-toast-light .toast .toast-header{color:#818182;background-color:rgba(254,254,254,.85);border-bottom-color:rgba(253,253,254,.85)}.b-toast-light.b-toast-solid .toast{background-color:#fff}.b-toast-dark .toast{background-color:rgba(227,229,229,.85);border-color:rgba(198,200,202,.85);color:#1b1e21}.b-toast-dark .toast .toast-header{color:#1b1e21;background-color:rgba(214,216,217,.85);border-bottom-color:rgba(198,200,202,.85)}.b-toast-dark.b-toast-solid .toast{background-color:#e3e5e5}.b-toaster{z-index:1100}.b-toaster .b-toaster-slot{position:relative;display:block}.b-toaster .b-toaster-slot:empty{display:none!important}.b-toaster.b-toaster-bottom-center,.b-toaster.b-toaster-bottom-full,.b-toaster.b-toaster-bottom-left,.b-toaster.b-toaster-bottom-right,.b-toaster.b-toaster-top-center,.b-toaster.b-toaster-top-full,.b-toaster.b-toaster-top-left,.b-toaster.b-toaster-top-right{position:fixed;left:.5rem;right:.5rem;margin:0;padding:0;height:0;overflow:visible}.b-toaster.b-toaster-bottom-center .b-toaster-slot,.b-toaster.b-toaster-bottom-full .b-toaster-slot,.b-toaster.b-toaster-bottom-left .b-toaster-slot,.b-toaster.b-toaster-bottom-right .b-toaster-slot,.b-toaster.b-toaster-top-center .b-toaster-slot,.b-toaster.b-toaster-top-full .b-toaster-slot,.b-toaster.b-toaster-top-left .b-toaster-slot,.b-toaster.b-toaster-top-right .b-toaster-slot{position:absolute;max-width:350px;width:100%;left:0;right:0;padding:0;margin:0}.b-toaster.b-toaster-bottom-full .b-toaster-slot,.b-toaster.b-toaster-top-full .b-toaster-slot{width:100%;max-width:100%}.b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast,.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,.b-toaster.b-toaster-top-full .b-toaster-slot .toast{width:100%;max-width:100%}.b-toaster.b-toaster-top-center,.b-toaster.b-toaster-top-full,.b-toaster.b-toaster-top-left,.b-toaster.b-toaster-top-right{top:0}.b-toaster.b-toaster-top-center .b-toaster-slot,.b-toaster.b-toaster-top-full .b-toaster-slot,.b-toaster.b-toaster-top-left .b-toaster-slot,.b-toaster.b-toaster-top-right .b-toaster-slot{top:.5rem}.b-toaster.b-toaster-bottom-center,.b-toaster.b-toaster-bottom-full,.b-toaster.b-toaster-bottom-left,.b-toaster.b-toaster-bottom-right{bottom:0}.b-toaster.b-toaster-bottom-center .b-toaster-slot,.b-toaster.b-toaster-bottom-full .b-toaster-slot,.b-toaster.b-toaster-bottom-left .b-toaster-slot,.b-toaster.b-toaster-bottom-right .b-toaster-slot{bottom:.5rem}.b-toaster.b-toaster-bottom-center .b-toaster-slot,.b-toaster.b-toaster-bottom-right .b-toaster-slot,.b-toaster.b-toaster-top-center .b-toaster-slot,.b-toaster.b-toaster-top-right .b-toaster-slot{margin-left:auto}.b-toaster.b-toaster-bottom-center .b-toaster-slot,.b-toaster.b-toaster-bottom-left .b-toaster-slot,.b-toaster.b-toaster-top-center .b-toaster-slot,.b-toaster.b-toaster-top-left .b-toaster-slot{margin-right:auto}.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active,.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move,.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active,.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-top-left .b-toast.b-toaster-move,.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-top-right .b-toast.b-toaster-move{transition:-webkit-transform 175ms;transition:transform 175ms;transition:transform 175ms,-webkit-transform 175ms}.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade,.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade,.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade,.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade,.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade,.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade{transition-delay:175ms}.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active{position:absolute;transition-delay:175ms}.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade,.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade,.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade,.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade{transition-delay:0s}.tooltip.b-tooltip{display:block;opacity:.9;outline:0}.tooltip.b-tooltip.fade:not(.show){opacity:0}.tooltip.b-tooltip.show{opacity:.9}.tooltip.b-tooltip.noninteractive{pointer-events:none}.tooltip.b-tooltip .arrow{margin:0 .25rem}.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.b-tooltip.bs-tooltip-left .arrow,.tooltip.b-tooltip.bs-tooltip-right .arrow{margin:.25rem 0}.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.b-tooltip-primary.bs-tooltip-top .arrow::before{border-top-color:#007bff}.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.b-tooltip-primary.bs-tooltip-right .arrow::before{border-right-color:#007bff}.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow::before{border-bottom-color:#007bff}.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.b-tooltip-primary.bs-tooltip-left .arrow::before{border-left-color:#007bff}.tooltip.b-tooltip-primary .tooltip-inner{color:#fff;background-color:#007bff}.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.b-tooltip-secondary.bs-tooltip-top .arrow::before{border-top-color:#6c757d}.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.b-tooltip-secondary.bs-tooltip-right .arrow::before{border-right-color:#6c757d}.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow::before{border-bottom-color:#6c757d}.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.b-tooltip-secondary.bs-tooltip-left .arrow::before{border-left-color:#6c757d}.tooltip.b-tooltip-secondary .tooltip-inner{color:#fff;background-color:#6c757d}.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.b-tooltip-success.bs-tooltip-top .arrow::before{border-top-color:#28a745}.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.b-tooltip-success.bs-tooltip-right .arrow::before{border-right-color:#28a745}.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.b-tooltip-success.bs-tooltip-bottom .arrow::before{border-bottom-color:#28a745}.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.b-tooltip-success.bs-tooltip-left .arrow::before{border-left-color:#28a745}.tooltip.b-tooltip-success .tooltip-inner{color:#fff;background-color:#28a745}.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.b-tooltip-info.bs-tooltip-top .arrow::before{border-top-color:#17a2b8}.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.b-tooltip-info.bs-tooltip-right .arrow::before{border-right-color:#17a2b8}.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.b-tooltip-info.bs-tooltip-bottom .arrow::before{border-bottom-color:#17a2b8}.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.b-tooltip-info.bs-tooltip-left .arrow::before{border-left-color:#17a2b8}.tooltip.b-tooltip-info .tooltip-inner{color:#fff;background-color:#17a2b8}.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.b-tooltip-warning.bs-tooltip-top .arrow::before{border-top-color:#ffc107}.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.b-tooltip-warning.bs-tooltip-right .arrow::before{border-right-color:#ffc107}.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow::before{border-bottom-color:#ffc107}.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.b-tooltip-warning.bs-tooltip-left .arrow::before{border-left-color:#ffc107}.tooltip.b-tooltip-warning .tooltip-inner{color:#212529;background-color:#ffc107}.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.b-tooltip-danger.bs-tooltip-top .arrow::before{border-top-color:#dc3545}.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.b-tooltip-danger.bs-tooltip-right .arrow::before{border-right-color:#dc3545}.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow::before{border-bottom-color:#dc3545}.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.b-tooltip-danger.bs-tooltip-left .arrow::before{border-left-color:#dc3545}.tooltip.b-tooltip-danger .tooltip-inner{color:#fff;background-color:#dc3545}.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.b-tooltip-light.bs-tooltip-top .arrow::before{border-top-color:#f8f9fa}.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.b-tooltip-light.bs-tooltip-right .arrow::before{border-right-color:#f8f9fa}.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.b-tooltip-light.bs-tooltip-bottom .arrow::before{border-bottom-color:#f8f9fa}.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.b-tooltip-light.bs-tooltip-left .arrow::before{border-left-color:#f8f9fa}.tooltip.b-tooltip-light .tooltip-inner{color:#212529;background-color:#f8f9fa}.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.b-tooltip-dark.bs-tooltip-top .arrow::before{border-top-color:#343a40}.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.b-tooltip-dark.bs-tooltip-right .arrow::before{border-right-color:#343a40}.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow::before{border-bottom-color:#343a40}.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.b-tooltip-dark.bs-tooltip-left .arrow::before{border-left-color:#343a40}.tooltip.b-tooltip-dark .tooltip-inner{color:#fff;background-color:#343a40}.b-icon.bi{display:inline-block;overflow:visible;vertical-align:-.15em}.b-icon.b-icon-animation-cylon,.b-icon.b-iconstack .b-icon-animation-cylon>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.75s infinite ease-in-out alternate b-icon-animation-cylon;animation:.75s infinite ease-in-out alternate b-icon-animation-cylon}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-cylon,.b-icon.b-iconstack .b-icon-animation-cylon>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-cylon-vertical,.b-icon.b-iconstack .b-icon-animation-cylon-vertical>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;animation:.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-cylon-vertical,.b-icon.b-iconstack .b-icon-animation-cylon-vertical>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-fade,.b-icon.b-iconstack .b-icon-animation-fade>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.75s infinite ease-in-out alternate b-icon-animation-fade;animation:.75s infinite ease-in-out alternate b-icon-animation-fade}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-fade,.b-icon.b-iconstack .b-icon-animation-fade>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-spin,.b-icon.b-iconstack .b-icon-animation-spin>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:2s infinite linear normal b-icon-animation-spin;animation:2s infinite linear normal b-icon-animation-spin}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-spin,.b-icon.b-iconstack .b-icon-animation-spin>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-spin-reverse,.b-icon.b-iconstack .b-icon-animation-spin-reverse>g{-webkit-transform-origin:center;transform-origin:center;animation:2s infinite linear reverse b-icon-animation-spin}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-spin-reverse,.b-icon.b-iconstack .b-icon-animation-spin-reverse>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-spin-pulse,.b-icon.b-iconstack .b-icon-animation-spin-pulse>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:1s infinite steps(8) normal b-icon-animation-spin;animation:1s infinite steps(8) normal b-icon-animation-spin}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-spin-pulse,.b-icon.b-iconstack .b-icon-animation-spin-pulse>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-spin-reverse-pulse,.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse>g{-webkit-transform-origin:center;transform-origin:center;animation:1s infinite steps(8) reverse b-icon-animation-spin}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-spin-reverse-pulse,.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-throb,.b-icon.b-iconstack .b-icon-animation-throb>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.75s infinite ease-in-out alternate b-icon-animation-throb;animation:.75s infinite ease-in-out alternate b-icon-animation-throb}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-throb,.b-icon.b-iconstack .b-icon-animation-throb>g{-webkit-animation:none;animation:none}}@-webkit-keyframes b-icon-animation-cylon{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}100%{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes b-icon-animation-cylon{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}100%{-webkit-transform:translateX(25%);transform:translateX(25%)}}@-webkit-keyframes b-icon-animation-cylon-vertical{0%{-webkit-transform:translateY(25%);transform:translateY(25%)}100%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@keyframes b-icon-animation-cylon-vertical{0%{-webkit-transform:translateY(25%);transform:translateY(25%)}100%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@-webkit-keyframes b-icon-animation-fade{0%{opacity:.1}100%{opacity:1}}@keyframes b-icon-animation-fade{0%{opacity:.1}100%{opacity:1}}@-webkit-keyframes b-icon-animation-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes b-icon-animation-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes b-icon-animation-throb{0%{opacity:.5;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes b-icon-animation-throb{0%{opacity:.5;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.btn .b-icon.bi,.dropdown-item .b-icon.bi,.dropdown-toggle .b-icon.bi,.input-group-text .b-icon.bi,.nav-link .b-icon.bi{font-size:125%;vertical-align:text-bottom};.bv-no-focus-ring:focus{outline:0}@media (max-width:575.98px){.bv-d-xs-down-none{display:none!important}}.b-icon.bi{display:inline-block;overflow:visible;vertical-align:-.15em}.b-icon.b-icon-animation-cylon,.b-icon.b-iconstack .b-icon-animation-cylon>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.75s infinite ease-in-out alternate b-icon-animation-cylon;animation:.75s infinite ease-in-out alternate b-icon-animation-cylon}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-cylon,.b-icon.b-iconstack .b-icon-animation-cylon>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-cylon-vertical,.b-icon.b-iconstack .b-icon-animation-cylon-vertical>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;animation:.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-cylon-vertical,.b-icon.b-iconstack .b-icon-animation-cylon-vertical>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-fade,.b-icon.b-iconstack .b-icon-animation-fade>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.75s infinite ease-in-out alternate b-icon-animation-fade;animation:.75s infinite ease-in-out alternate b-icon-animation-fade}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-fade,.b-icon.b-iconstack .b-icon-animation-fade>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-spin,.b-icon.b-iconstack .b-icon-animation-spin>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:2s infinite linear normal b-icon-animation-spin;animation:2s infinite linear normal b-icon-animation-spin}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-spin,.b-icon.b-iconstack .b-icon-animation-spin>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-spin-reverse,.b-icon.b-iconstack .b-icon-animation-spin-reverse>g{-webkit-transform-origin:center;transform-origin:center;animation:2s infinite linear reverse b-icon-animation-spin}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-spin-reverse,.b-icon.b-iconstack .b-icon-animation-spin-reverse>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-spin-pulse,.b-icon.b-iconstack .b-icon-animation-spin-pulse>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:1s infinite steps(8) normal b-icon-animation-spin;animation:1s infinite steps(8) normal b-icon-animation-spin}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-spin-pulse,.b-icon.b-iconstack .b-icon-animation-spin-pulse>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-spin-reverse-pulse,.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse>g{-webkit-transform-origin:center;transform-origin:center;animation:1s infinite steps(8) reverse b-icon-animation-spin}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-spin-reverse-pulse,.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse>g{-webkit-animation:none;animation:none}}.b-icon.b-icon-animation-throb,.b-icon.b-iconstack .b-icon-animation-throb>g{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.75s infinite ease-in-out alternate b-icon-animation-throb;animation:.75s infinite ease-in-out alternate b-icon-animation-throb}@media (prefers-reduced-motion:reduce){.b-icon.b-icon-animation-throb,.b-icon.b-iconstack .b-icon-animation-throb>g{-webkit-animation:none;animation:none}}@-webkit-keyframes b-icon-animation-cylon{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}100%{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes b-icon-animation-cylon{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}100%{-webkit-transform:translateX(25%);transform:translateX(25%)}}@-webkit-keyframes b-icon-animation-cylon-vertical{0%{-webkit-transform:translateY(25%);transform:translateY(25%)}100%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@keyframes b-icon-animation-cylon-vertical{0%{-webkit-transform:translateY(25%);transform:translateY(25%)}100%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@-webkit-keyframes b-icon-animation-fade{0%{opacity:.1}100%{opacity:1}}@keyframes b-icon-animation-fade{0%{opacity:.1}100%{opacity:1}}@-webkit-keyframes b-icon-animation-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes b-icon-animation-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes b-icon-animation-throb{0%{opacity:.5;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes b-icon-animation-throb{0%{opacity:.5;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.btn .b-icon.bi,.dropdown-item .b-icon.bi,.dropdown-toggle .b-icon.bi,.input-group-text .b-icon.bi,.nav-link .b-icon.bi{font-size:125%;vertical-align:text-bottom};.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-a:before{content:"\41"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-anchor:before{content:"\f13d"}.fa-anchor-circle-check:before{content:"\e4aa"}.fa-anchor-circle-exclamation:before{content:"\e4ab"}.fa-anchor-circle-xmark:before{content:"\e4ac"}.fa-anchor-lock:before{content:"\e4ad"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}.fa-ankh:before{content:"\f644"}.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}.fa-archway:before{content:"\f557"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}.fa-arrow-down-up-across-line:before{content:"\e4af"}.fa-arrow-down-up-lock:before{content:"\e4b0"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-arrow-right-to-city:before{content:"\e4b3"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-arrow-trend-down:before{content:"\e097"}.fa-arrow-trend-up:before{content:"\e098"}.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-arrow-up-from-ground-water:before{content:"\e4b5"}.fa-arrow-up-from-water-pump:before{content:"\e4b6"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-arrow-up-right-dots:before{content:"\e4b7"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-arrows-down-to-line:before{content:"\e4b8"}.fa-arrows-down-to-people:before{content:"\e4b9"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-arrows-left-right-to-line:before{content:"\e4ba"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-arrows-spin:before{content:"\e4bb"}.fa-arrows-split-up-and-left:before{content:"\e4bc"}.fa-arrows-to-circle:before{content:"\e4bd"}.fa-arrows-to-dot:before{content:"\e4be"}.fa-arrows-to-eye:before{content:"\e4bf"}.fa-arrows-turn-right:before{content:"\e4c0"}.fa-arrows-turn-to-dots:before{content:"\e4c1"}.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}.fa-arrows-up-to-line:before{content:"\e4c2"}.fa-asterisk:before{content:"\2a"}.fa-at:before{content:"\40"}.fa-atom:before{content:"\f5d2"}.fa-audio-description:before{content:"\f29e"}.fa-austral-sign:before{content:"\e0a9"}.fa-award:before{content:"\f559"}.fa-b:before{content:"\42"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}.fa-backward:before{content:"\f04a"}.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-bahai:before,.fa-haykal:before{content:"\f666"}.fa-baht-sign:before{content:"\e0ac"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}.fa-band-aid:before,.fa-bandage:before{content:"\f462"}.fa-barcode:before{content:"\f02a"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}.fa-baseball-bat-ball:before{content:"\f432"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-bell:before{content:"\f0f3"}.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bicycle:before{content:"\f206"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-bitcoin-sign:before{content:"\e0b4"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blog:before{content:"\f781"}.fa-bold:before{content:"\f032"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-bible:before,.fa-book-bible:before{content:"\f647"}.fa-book-bookmark:before{content:"\e0bb"}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-book-quran:before,.fa-quran:before{content:"\f687"}.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}.fa-book-tanakh:before,.fa-tanakh:before{content:"\f827"}.fa-bookmark:before{content:"\f02e"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}.fa-bore-hole:before{content:"\e4c3"}.fa-bottle-droplet:before{content:"\e4c4"}.fa-bottle-water:before{content:"\e4c5"}.fa-bowl-food:before{content:"\e4c6"}.fa-bowl-rice:before{content:"\e2eb"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes-packing:before{content:"\e4c7"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-brazilian-real-sign:before{content:"\e46c"}.fa-bread-slice:before{content:"\f7ec"}.fa-bridge:before{content:"\e4c8"}.fa-bridge-circle-check:before{content:"\e4c9"}.fa-bridge-circle-exclamation:before{content:"\e4ca"}.fa-bridge-circle-xmark:before{content:"\e4cb"}.fa-bridge-lock:before{content:"\e4cc"}.fa-bridge-water:before{content:"\e4ce"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broom:before{content:"\f51a"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-brush:before{content:"\f55d"}.fa-bucket:before{content:"\e4cf"}.fa-bug:before{content:"\f188"}.fa-bug-slash:before{content:"\e490"}.fa-bugs:before{content:"\e4d0"}.fa-building:before{content:"\f1ad"}.fa-building-circle-arrow-right:before{content:"\e4d1"}.fa-building-circle-check:before{content:"\e4d2"}.fa-building-circle-exclamation:before{content:"\e4d3"}.fa-building-circle-xmark:before{content:"\e4d4"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-building-flag:before{content:"\e4d5"}.fa-building-lock:before{content:"\e4d6"}.fa-building-ngo:before{content:"\e4d7"}.fa-building-shield:before{content:"\e4d8"}.fa-building-un:before{content:"\e4d9"}.fa-building-user:before{content:"\e4da"}.fa-building-wheat:before{content:"\e4db"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burger:before,.fa-hamburger:before{content:"\f805"}.fa-burst:before{content:"\e4dc"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-c:before{content:"\43"}.fa-cable-car:before,.fa-tram:before{content:"\f7da"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-week:before{content:"\f784"}.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-camera-rotate:before{content:"\e0d8"}.fa-campground:before{content:"\f6bb"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}.fa-car-burst:before,.fa-car-crash:before{content:"\f5e1"}.fa-car-on:before{content:"\e4dd"}.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}.fa-car-side:before{content:"\f5e4"}.fa-car-tunnel:before{content:"\e4de"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}.fa-cart-plus:before{content:"\f217"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cedi-sign:before{content:"\e0df"}.fa-cent-sign:before{content:"\e3f5"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}.fa-charging-station:before{content:"\f5e7"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-chart-column:before{content:"\e0e3"}.fa-chart-gantt:before{content:"\e0e4"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-chart-simple:before{content:"\e473"}.fa-check:before{content:"\f00c"}.fa-check-double:before{content:"\f560"}.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-child-dress:before{content:"\e59c"}.fa-child-reaching:before{content:"\e59d"}.fa-child-rifle:before{content:"\e4e0"}.fa-children:before{content:"\e4e1"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-circle-nodes:before{content:"\e4e2"}.fa-circle-notch:before{content:"\f1ce"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-city:before{content:"\f64f"}.fa-clapperboard:before{content:"\e131"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-question:before{content:"\e4e3"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-bolt:before,.fa-thunderstorm:before{content:"\f76c"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-showers-water:before{content:"\e4e4"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-clover:before{content:"\e139"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-compare:before{content:"\e13a"}.fa-code-fork:before{content:"\e13b"}.fa-code-merge:before{content:"\f387"}.fa-code-pull-request:before{content:"\e13c"}.fa-coins:before{content:"\f51e"}.fa-colon-sign:before{content:"\e140"}.fa-comment:before{content:"\f075"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-compress:before{content:"\f066"}.fa-computer:before{content:"\e4e5"}.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-cruzeiro-sign:before{content:"\e152"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cubes-stacked:before{content:"\e4e6"}.fa-d:before{content:"\44"}.fa-database:before{content:"\f1c0"}.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}.fa-democrat:before{content:"\f747"}.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-dharmachakra:before{content:"\f655"}.fa-diagram-next:before{content:"\e476"}.fa-diagram-predecessor:before{content:"\e477"}.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}.fa-diagram-successor:before{content:"\e47a"}.fa-diamond:before{content:"\f219"}.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-disease:before{content:"\f7fa"}.fa-display:before{content:"\e163"}.fa-divide:before{content:"\f529"}.fa-dna:before{content:"\f471"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}.fa-dong-sign:before{content:"\e169"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dove:before{content:"\f4ba"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}.fa-download:before{content:"\f019"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-e:before{content:"\45"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elevator:before{content:"\e16d"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-circle-check:before{content:"\e4e8"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-equals:before{content:"\3d"}.fa-eraser:before{content:"\f12d"}.fa-ethernet:before{content:"\f796"}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}.fa-exclamation:before{content:"\21"}.fa-expand:before{content:"\f065"}.fa-explosion:before{content:"\e4e9"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}.fa-eye-slash:before{content:"\f070"}.fa-f:before{content:"\46"}.fa-angry:before,.fa-face-angry:before{content:"\f556"}.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}.fa-face-frown:before,.fa-frown:before{content:"\f119"}.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}.fa-face-grin:before,.fa-grin:before{content:"\f580"}.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}.fa-face-meh:before,.fa-meh:before{content:"\f11a"}.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}.fa-fan:before{content:"\f863"}.fa-faucet:before{content:"\e005"}.fa-faucet-drip:before{content:"\e006"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}.fa-ferry:before{content:"\e4ea"}.fa-file:before{content:"\f15b"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}.fa-file-audio:before{content:"\f1c7"}.fa-file-circle-check:before{content:"\e5a0"}.fa-file-circle-exclamation:before{content:"\e4eb"}.fa-file-circle-minus:before{content:"\e4ed"}.fa-file-circle-plus:before{content:"\e494"}.fa-file-circle-question:before{content:"\e4ef"}.fa-file-circle-xmark:before{content:"\e5a1"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-excel:before{content:"\f1c3"}.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-file-medical:before{content:"\f477"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-edit:before,.fa-file-pen:before{content:"\f31c"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-shield:before{content:"\e4f0"}.fa-file-signature:before{content:"\f573"}.fa-file-video:before{content:"\f1c8"}.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}.fa-file-word:before{content:"\f1c2"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}.fa-filter-circle-xmark:before{content:"\e17b"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-burner:before{content:"\e4f1"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-fish:before{content:"\f578"}.fa-fish-fins:before{content:"\e4f2"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flask-vial:before{content:"\e4f3"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-florin-sign:before{content:"\e184"}.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}.fa-folder-closed:before{content:"\e185"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-tree:before{content:"\f802"}.fa-font:before{content:"\f031"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-franc-sign:before{content:"\e18f"}.fa-frog:before{content:"\f52e"}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}.fa-g:before{content:"\47"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-glass-water:before{content:"\e4f4"}.fa-glass-water-droplet:before{content:"\e4f5"}.fa-glasses:before{content:"\f530"}.fa-globe:before{content:"\f0ac"}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-greater-than:before{content:"\3e"}.fa-greater-than-equal:before{content:"\f532"}.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-group-arrows-rotate:before{content:"\e4f6"}.fa-guarani-sign:before{content:"\e19a"}.fa-guitar:before{content:"\f7a6"}.fa-gun:before{content:"\e19b"}.fa-h:before{content:"\48"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-paper:before,.fa-hand:before{content:"\f256"}.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-holding-hand:before{content:"\e4f7"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-handcuffs:before{content:"\e4f8"}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}.fa-hands-bound:before{content:"\e4f9"}.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}.fa-hands-clapping:before{content:"\e1a8"}.fa-hands-holding:before{content:"\f4c2"}.fa-hands-holding-child:before{content:"\e4fa"}.fa-hands-holding-circle:before{content:"\e4fb"}.fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}.fa-handshake:before{content:"\f2b5"}.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}.fa-handshake-alt:before,.fa-handshake-simple:before{content:"\f4c6"}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}.fa-hashtag:before{content:"\23"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-circle-bolt:before{content:"\e4fc"}.fa-heart-circle-check:before{content:"\e4fd"}.fa-heart-circle-exclamation:before{content:"\e4fe"}.fa-heart-circle-minus:before{content:"\e4ff"}.fa-heart-circle-plus:before{content:"\e500"}.fa-heart-circle-xmark:before{content:"\e501"}.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helicopter-symbol:before{content:"\e502"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-helmet-un:before{content:"\e503"}.fa-highlighter:before{content:"\f591"}.fa-hill-avalanche:before{content:"\e507"}.fa-hill-rockslide:before{content:"\e508"}.fa-hippo:before{content:"\f6ed"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hourglass-empty:before,.fa-hourglass:before{content:"\f254"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}.fa-house-chimney-user:before{content:"\e065"}.fa-house-chimney-window:before{content:"\e00d"}.fa-house-circle-check:before{content:"\e509"}.fa-house-circle-exclamation:before{content:"\e50a"}.fa-house-circle-xmark:before{content:"\e50b"}.fa-house-crack:before{content:"\e3b1"}.fa-house-fire:before{content:"\e50c"}.fa-house-flag:before{content:"\e50d"}.fa-house-flood-water:before{content:"\e50e"}.fa-house-flood-water-circle-arrow-right:before{content:"\e50f"}.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}.fa-house-lock:before{content:"\e510"}.fa-house-medical:before{content:"\e3b2"}.fa-house-medical-circle-check:before{content:"\e511"}.fa-house-medical-circle-exclamation:before{content:"\e512"}.fa-house-medical-circle-xmark:before{content:"\e513"}.fa-house-medical-flag:before{content:"\e514"}.fa-house-signal:before{content:"\e012"}.fa-house-tsunami:before{content:"\e515"}.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}.fa-hurricane:before{content:"\f751"}.fa-i:before{content:"\49"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}.fa-images:before{content:"\f302"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-italic:before{content:"\f033"}.fa-j:before{content:"\4a"}.fa-jar:before{content:"\e516"}.fa-jar-wheat:before{content:"\e517"}.fa-jedi:before{content:"\f669"}.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}.fa-jet-fighter-up:before{content:"\e518"}.fa-joint:before{content:"\f595"}.fa-jug-detergent:before{content:"\e519"}.fa-k:before{content:"\4b"}.fa-kaaba:before{content:"\f66b"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-khanda:before{content:"\f66d"}.fa-kip-sign:before{content:"\e1c4"}.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}.fa-kitchen-set:before{content:"\e51a"}.fa-kiwi-bird:before{content:"\f535"}.fa-l:before{content:"\4c"}.fa-land-mine-on:before{content:"\e51b"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before,.fa-landmark-dome:before{content:"\f752"}.fa-landmark-flag:before{content:"\e51c"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-file:before{content:"\e51d"}.fa-laptop-medical:before{content:"\f812"}.fa-lari-sign:before{content:"\e1c8"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-lemon:before{content:"\f094"}.fa-less-than:before{content:"\3c"}.fa-less-than-equal:before{content:"\f537"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lines-leaning:before{content:"\e51e"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-lira-sign:before{content:"\f195"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-litecoin-sign:before{content:"\e1d3"}.fa-location-arrow:before{content:"\f124"}.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-location-pin-lock:before{content:"\e51f"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-locust:before{content:"\e520"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-m:before{content:"\4d"}.fa-magnet:before{content:"\f076"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-magnifying-glass-arrow-right:before{content:"\e521"}.fa-magnifying-glass-chart:before{content:"\e522"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-manat-sign:before{content:"\e1d5"}.fa-map:before{content:"\f279"}.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-pin:before{content:"\f276"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-and-venus:before{content:"\f224"}.fa-mars-and-venus-burst:before{content:"\e523"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}.fa-mask:before{content:"\f6fa"}.fa-mask-face:before{content:"\e1d7"}.fa-mask-ventilator:before{content:"\e524"}.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}.fa-mattress-pillow:before{content:"\e525"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-medal:before{content:"\f5a2"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-mill-sign:before{content:"\e1ed"}.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-mitten:before{content:"\f7b5"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-mobile-button:before{content:"\f10b"}.fa-mobile-retro:before{content:"\e527"}.fa-mobile-android-alt:before,.fa-mobile-screen:before{content:"\f3cf"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-bill-transfer:before{content:"\e528"}.fa-money-bill-trend-up:before{content:"\e529"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wheat:before{content:"\e52a"}.fa-money-bills:before{content:"\e1f3"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-mosquito:before{content:"\e52b"}.fa-mosquito-net:before{content:"\e52c"}.fa-motorcycle:before{content:"\f21c"}.fa-mound:before{content:"\e52d"}.fa-mountain:before{content:"\f6fc"}.fa-mountain-city:before{content:"\e52e"}.fa-mountain-sun:before{content:"\e52f"}.fa-mug-hot:before{content:"\f7b6"}.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}.fa-music:before{content:"\f001"}.fa-n:before{content:"\4e"}.fa-naira-sign:before{content:"\e1f6"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-not-equal:before{content:"\f53e"}.fa-notdef:before{content:"\e1fe"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-notes-medical:before{content:"\f481"}.fa-o:before{content:"\4f"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-oil-can:before{content:"\f613"}.fa-oil-well:before{content:"\e532"}.fa-om:before{content:"\f679"}.fa-otter:before{content:"\f700"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-p:before{content:"\50"}.fa-pager:before{content:"\f815"}.fa-paint-roller:before{content:"\f5aa"}.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}.fa-palette:before{content:"\f53f"}.fa-pallet:before{content:"\f482"}.fa-panorama:before{content:"\e209"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-passport:before{content:"\f5ab"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-pause:before{content:"\f04c"}.fa-paw:before{content:"\f1b0"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"}.fa-people-group:before{content:"\e533"}.fa-people-line:before{content:"\e534"}.fa-people-pulling:before{content:"\e535"}.fa-people-robbery:before{content:"\e536"}.fa-people-roof:before{content:"\e537"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-person-arrow-down-to-line:before{content:"\e538"}.fa-person-arrow-up-from-line:before{content:"\e539"}.fa-biking:before,.fa-person-biking:before{content:"\f84a"}.fa-person-booth:before{content:"\f756"}.fa-person-breastfeeding:before{content:"\e53a"}.fa-person-burst:before{content:"\e53b"}.fa-person-cane:before{content:"\e53c"}.fa-person-chalkboard:before{content:"\e53d"}.fa-person-circle-check:before{content:"\e53e"}.fa-person-circle-exclamation:before{content:"\e53f"}.fa-person-circle-minus:before{content:"\e540"}.fa-person-circle-plus:before{content:"\e541"}.fa-person-circle-question:before{content:"\e542"}.fa-person-circle-xmark:before{content:"\e543"}.fa-digging:before,.fa-person-digging:before{content:"\f85e"}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}.fa-female:before,.fa-person-dress:before{content:"\f182"}.fa-person-dress-burst:before{content:"\e544"}.fa-person-drowning:before{content:"\e545"}.fa-person-falling:before{content:"\e546"}.fa-person-falling-burst:before{content:"\e547"}.fa-person-half-dress:before{content:"\e548"}.fa-person-harassing:before{content:"\e549"}.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}.fa-person-military-pointing:before{content:"\e54a"}.fa-person-military-rifle:before{content:"\e54b"}.fa-person-military-to-person:before{content:"\e54c"}.fa-person-praying:before,.fa-pray:before{content:"\f683"}.fa-person-pregnant:before{content:"\e31e"}.fa-person-rays:before{content:"\e54d"}.fa-person-rifle:before{content:"\e54e"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-person-shelter:before{content:"\e54f"}.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}.fa-person-through-window:before{content:"\e5a9"}.fa-person-walking:before,.fa-walking:before{content:"\f554"}.fa-person-walking-arrow-loop-left:before{content:"\e551"}.fa-person-walking-arrow-right:before{content:"\e552"}.fa-person-walking-dashed-line-arrow-right:before{content:"\e553"}.fa-person-walking-luggage:before{content:"\e554"}.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}.fa-peseta-sign:before{content:"\e221"}.fa-peso-sign:before{content:"\e222"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-circle-check:before{content:"\e555"}.fa-plane-circle-exclamation:before{content:"\e556"}.fa-plane-circle-xmark:before{content:"\e557"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-lock:before{content:"\e558"}.fa-plane-slash:before{content:"\e069"}.fa-plane-up:before{content:"\e22d"}.fa-plant-wilt:before{content:"\e5aa"}.fa-plate-wheat:before{content:"\e55a"}.fa-play:before{content:"\f04b"}.fa-plug:before{content:"\f1e6"}.fa-plug-circle-bolt:before{content:"\e55b"}.fa-plug-circle-check:before{content:"\e55c"}.fa-plug-circle-exclamation:before{content:"\e55d"}.fa-plug-circle-minus:before{content:"\e55e"}.fa-plug-circle-plus:before{content:"\e55f"}.fa-plug-circle-xmark:before{content:"\e560"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-plus-minus:before{content:"\e43c"}.fa-podcast:before{content:"\f2ce"}.fa-poo:before{content:"\f2fe"}.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-power-off:before{content:"\f011"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-puzzle-piece:before{content:"\f12e"}.fa-q:before{content:"\51"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\3f"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}.fa-r:before{content:"\52"}.fa-radiation:before{content:"\f7b9"}.fa-radio:before{content:"\f8d7"}.fa-rainbow:before{content:"\f75b"}.fa-ranking-star:before{content:"\e561"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}.fa-recycle:before{content:"\f1b8"}.fa-registered:before{content:"\f25d"}.fa-repeat:before{content:"\f363"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-republican:before{content:"\f75e"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-ribbon:before{content:"\f4d6"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-road-barrier:before{content:"\e562"}.fa-road-bridge:before{content:"\e563"}.fa-road-circle-check:before{content:"\e564"}.fa-road-circle-exclamation:before{content:"\e565"}.fa-road-circle-xmark:before{content:"\e566"}.fa-road-lock:before{content:"\e567"}.fa-road-spikes:before{content:"\e568"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}.fa-route:before{content:"\f4d7"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:"\f158"}.fa-rug:before{content:"\e569"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}.fa-rupiah-sign:before{content:"\e23d"}.fa-s:before{content:"\53"}.fa-sack-dollar:before{content:"\f81d"}.fa-sack-xmark:before{content:"\e56a"}.fa-sailboat:before{content:"\e445"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}.fa-school:before{content:"\f549"}.fa-school-circle-check:before{content:"\e56b"}.fa-school-circle-exclamation:before{content:"\e56c"}.fa-school-circle-xmark:before{content:"\e56d"}.fa-school-flag:before{content:"\e56e"}.fa-school-lock:before{content:"\e56f"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-screwdriver:before{content:"\f54a"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-scroll:before{content:"\f70e"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-sd-card:before{content:"\f7c2"}.fa-section:before{content:"\e447"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-server:before{content:"\f233"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-sheet-plastic:before{content:"\e571"}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}.fa-shield-blank:before,.fa-shield:before{content:"\f132"}.fa-shield-cat:before{content:"\e572"}.fa-shield-dog:before{content:"\e573"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-shield-heart:before{content:"\e574"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}.fa-shoe-prints:before{content:"\f54b"}.fa-shop:before,.fa-store-alt:before{content:"\f54f"}.fa-shop-lock:before{content:"\e4a5"}.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}.fa-shower:before{content:"\f2cc"}.fa-shrimp:before{content:"\e448"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}.fa-sim-card:before{content:"\f7c4"}.fa-sink:before{content:"\e06d"}.fa-sitemap:before{content:"\f0e8"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-spa:before{content:"\f5bb"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-spray-can:before{content:"\f5bd"}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}.fa-square:before{content:"\f0c8"}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}.fa-square-full:before{content:"\f45c"}.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}.fa-square-nfi:before{content:"\e576"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-square-person-confined:before{content:"\e577"}.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}.fa-square-virus:before{content:"\e578"}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before{content:"\e579"}.fa-stairs:before{content:"\e289"}.fa-stamp:before{content:"\f5bf"}.fa-stapler:before{content:"\e5af"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}.fa-stethoscope:before{content:"\f0f1"}.fa-stop:before{content:"\f04d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-slash:before{content:"\e071"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stroopwafel:before{content:"\f551"}.fa-subscript:before{content:"\f12c"}.fa-suitcase:before{content:"\f0f2"}.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-plant-wilt:before{content:"\e57a"}.fa-superscript:before{content:"\f12b"}.fa-swatchbook:before{content:"\f5c3"}.fa-synagogue:before{content:"\f69b"}.fa-syringe:before{content:"\f48e"}.fa-t:before{content:"\54"}.fa-table:before{content:"\f0ce"}.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}.fa-tablet-button:before{content:"\f10a"}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tarp:before{content:"\e57b"}.fa-tarp-droplet:before{content:"\e57c"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-temperature-arrow-down:before,.fa-temperature-down:before{content:"\e03f"}.fa-temperature-arrow-up:before,.fa-temperature-up:before{content:"\e040"}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}.fa-tent:before{content:"\e57d"}.fa-tent-arrow-down-to-line:before{content:"\e57e"}.fa-tent-arrow-left-right:before{content:"\e57f"}.fa-tent-arrow-turn-left:before{content:"\e580"}.fa-tent-arrows-down:before{content:"\e581"}.fa-tents:before{content:"\e582"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}.fa-text-width:before{content:"\f035"}.fa-thermometer:before{content:"\f491"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-timeline:before{content:"\e29c"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toilet-portable:before{content:"\e583"}.fa-toilets-portable:before{content:"\e584"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}.fa-tower-cell:before{content:"\e585"}.fa-tower-observation:before{content:"\e586"}.fa-tractor:before{content:"\f722"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-subway:before,.fa-train-subway:before{content:"\f239"}.fa-train-tram:before{content:"\e5b4"}.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-tree-city:before{content:"\e587"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-trophy:before{content:"\f091"}.fa-trowel:before{content:"\e589"}.fa-trowel-bricks:before{content:"\e58a"}.fa-truck:before{content:"\f0d1"}.fa-truck-arrow-right:before{content:"\e58b"}.fa-truck-droplet:before{content:"\e58c"}.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}.fa-truck-field:before{content:"\e58d"}.fa-truck-field-un:before{content:"\e58e"}.fa-truck-front:before{content:"\e2b7"}.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plane:before{content:"\e58f"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-teletype:before,.fa-tty:before{content:"\f1e4"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-u:before{content:"\55"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-universal-access:before{content:"\f29a"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-upload:before{content:"\f093"}.fa-user:before{content:"\f007"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-clock:before{content:"\f4fd"}.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-user-graduate:before{content:"\f501"}.fa-user-friends:before,.fa-user-group:before{content:"\f500"}.fa-user-injured:before{content:"\f728"}.fa-user-alt:before,.fa-user-large:before{content:"\f406"}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}.fa-user-lock:before{content:"\f502"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-between-lines:before{content:"\e591"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-users-line:before{content:"\e592"}.fa-users-rays:before{content:"\e593"}.fa-users-rectangle:before{content:"\e594"}.fa-users-slash:before{content:"\e073"}.fa-users-viewfinder:before{content:"\e595"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-v:before{content:"\56"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}.fa-vault:before{content:"\e2c5"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-vial:before{content:"\f492"}.fa-vial-circle-check:before{content:"\e596"}.fa-vial-virus:before{content:"\e597"}.fa-vials:before{content:"\f493"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-virus:before{content:"\e074"}.fa-virus-covid:before{content:"\e4a8"}.fa-virus-covid-slash:before{content:"\e4a9"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-voicemail:before{content:"\f897"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-vr-cardboard:before{content:"\f729"}.fa-w:before{content:"\57"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-wallet:before{content:"\f555"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-wand-sparkles:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}.fa-wave-square:before{content:"\f83e"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-wheat-alt:before,.fa-wheat-awn:before{content:"\e2cd"}.fa-wheat-awn-circle-exclamation:before{content:"\e598"}.fa-wheelchair:before{content:"\f193"}.fa-wheelchair-alt:before,.fa-wheelchair-move:before{content:"\e2ce"}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}.fa-wind:before{content:"\f72e"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-worm:before{content:"\e599"}.fa-wrench:before{content:"\f0ad"}.fa-x:before{content:"\58"}.fa-x-ray:before{content:"\f497"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-xmarks-lines:before{content:"\e59a"}.fa-y:before{content:"\59"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-z:before{content:"\5a"}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-alipay:before{content:"\f642"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-amilia:before{content:"\f36d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-artstation:before{content:"\f77a"}.fa-asymmetrik:before{content:"\f372"}.fa-atlassian:before{content:"\f77b"}.fa-audible:before{content:"\f373"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-bandcamp:before{content:"\f2d5"}.fa-battle-net:before{content:"\f835"}.fa-behance:before{content:"\f1b4"}.fa-bilibili:before{content:"\e3d9"}.fa-bimobject:before{content:"\f378"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bootstrap:before{content:"\f836"}.fa-bots:before{content:"\e340"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-buromobelexperte:before{content:"\f37f"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cmplid:before{content:"\e360"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cotton-bureau:before{content:"\f89e"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-critical-role:before{content:"\f6c9"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dhl:before{content:"\f790"}.fa-diaspora:before{content:"\f791"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-elementor:before{content:"\f430"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-evernote:before{content:"\f839"}.fa-expeditedssl:before{content:"\f23e"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-figma:before{content:"\f799"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-fulcrum:before{content:"\f50b"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-gofore:before{content:"\f3a7"}.fa-golang:before{content:"\e40f"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-wallet:before{content:"\f1ee"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-gulp:before{content:"\f3ae"}.fa-hacker-news:before{content:"\f1d4"}.fa-hackerrank:before{content:"\f5f7"}.fa-hashnode:before{content:"\e499"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-hive:before{content:"\e07f"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hotjar:before{content:"\f3b1"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-ideal:before{content:"\e013"}.fa-imdb:before{content:"\f2d8"}.fa-instagram:before{content:"\f16d"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaggle:before{content:"\f5fa"}.fa-keybase:before{content:"\f4f5"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-leanpub:before{content:"\f212"}.fa-less:before{content:"\f41d"}.fa-line:before{content:"\f3c0"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-mailchimp:before{content:"\f59e"}.fa-mandalorian:before{content:"\f50f"}.fa-markdown:before{content:"\f60f"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medapps:before{content:"\f3c6"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-mendeley:before{content:"\f7b3"}.fa-meta:before{content:"\e49b"}.fa-microblog:before{content:"\e01a"}.fa-microsoft:before{content:"\f3ca"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-nfc-directional:before{content:"\e530"}.fa-nfc-symbol:before{content:"\e531"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-old-republic:before{content:"\f510"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-padlet:before{content:"\e4a0"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-palfed:before{content:"\f3d8"}.fa-patreon:before{content:"\f3d9"}.fa-paypal:before{content:"\f1ed"}.fa-perbyte:before{content:"\e083"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pix:before{content:"\e43a"}.fa-playstation:before{content:"\f3df"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-r-project:before{content:"\f4f7"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-redhat:before{content:"\f7bc"}.fa-renren:before{content:"\f18b"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-rev:before{content:"\f5b2"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rust:before{content:"\e07a"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-schlix:before{content:"\f3ea"}.fa-screenpal:before{content:"\e570"}.fa-scribd:before{content:"\f28a"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-servicestack:before{content:"\f3ec"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopify:before{content:"\e057"}.fa-shopware:before{content:"\f5b5"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sith:before{content:"\f512"}.fa-sitrox:before{content:"\e44a"}.fa-sketch:before{content:"\f7c6"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-slideshare:before{content:"\f1e7"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-space-awesome:before{content:"\e5ac"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spotify:before{content:"\f1bc"}.fa-behance-square:before,.fa-square-behance:before{content:"\f1b5"}.fa-dribbble-square:before,.fa-square-dribbble:before{content:"\f397"}.fa-facebook-square:before,.fa-square-facebook:before{content:"\f082"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-git-square:before,.fa-square-git:before{content:"\f1d2"}.fa-github-square:before,.fa-square-github:before{content:"\f092"}.fa-gitlab-square:before,.fa-square-gitlab:before{content:"\e5ae"}.fa-google-plus-square:before,.fa-square-google-plus:before{content:"\f0d4"}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}.fa-lastfm-square:before,.fa-square-lastfm:before{content:"\f203"}.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before{content:"\f264"}.fa-pied-piper-square:before,.fa-square-pied-piper:before{content:"\e01e"}.fa-pinterest-square:before,.fa-square-pinterest:before{content:"\f0d3"}.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}.fa-square-steam:before,.fa-steam-square:before{content:"\f1b7"}.fa-square-tumblr:before,.fa-tumblr-square:before{content:"\f174"}.fa-square-twitter:before,.fa-twitter-square:before{content:"\f081"}.fa-square-viadeo:before,.fa-viadeo-square:before{content:"\f2aa"}.fa-square-vimeo:before,.fa-vimeo-square:before{content:"\f194"}.fa-square-whatsapp:before,.fa-whatsapp-square:before{content:"\f40c"}.fa-square-xing:before,.fa-xing-square:before{content:"\f169"}.fa-square-youtube:before,.fa-youtube-square:before{content:"\f431"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-symbol:before{content:"\f3f6"}.fa-sticker-mule:before{content:"\f3f7"}.fa-strava:before{content:"\f428"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-superpowers:before{content:"\f2dd"}.fa-supple:before{content:"\f3f9"}.fa-suse:before{content:"\f7d6"}.fa-swift:before{content:"\f8e1"}.fa-symfony:before{content:"\f83d"}.fa-teamspeak:before{content:"\f4f9"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-the-red-yeti:before{content:"\f69d"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-think-peaks:before{content:"\f731"}.fa-tiktok:before{content:"\e07b"}.fa-trade-federation:before{content:"\f513"}.fa-trello:before{content:"\f181"}.fa-tumblr:before{content:"\f173"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-uncharted:before{content:"\e084"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-vaadin:before{content:"\f408"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viber:before{content:"\f409"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-vuejs:before{content:"\f41f"}.fa-watchman-monitoring:before{content:"\e087"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whmcs:before{content:"\f40d"}.fa-wikipedia-w:before{content:"\f266"}.fa-windows:before{content:"\f17a"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-rendact:before,.fa-wpressr:before{content:"\f3e4"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-zhihu:before{content:"\f63f"}:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-family:"Font Awesome 6 Free";font-weight:400}:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}.vue-file-agent,.vue-file-agent *{-webkit-box-sizing:border-box;box-sizing:border-box}.is-drag-over *{pointer-events:none!important}.is-drag-over:before{content:" "}.is-disabled .vue-file-agent{opacity:.65;pointer-events:none}.grid-box-item{-webkit-transition-duration:.6s;transition-duration:.6s}.is-readonly .vue-file-agent.file-input-wrapper{border:0}.vue-file-agent .file-preview-wrapper{display:inline-block;margin:5px;position:relative;vertical-align:top;margin:16px;margin:8px}.vue-file-agent .file-preview-wrapper:before{content:" ";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.25)}.vue-file-agent .file-preview-wrapper-image .file-preview .file-preview-overlay{content:" ";background:rgba(0,0,0,.25);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.vue-file-agent .file-preview-wrapper-image .file-preview:before{-webkit-box-shadow:inset 0 40px 20px -25px rgba(0,0,0,.5);box-shadow:inset 0 40px 20px -25px rgba(0,0,0,.5);height:40px}.vue-file-agent .file-preview-wrapper-image .file-preview:after{-webkit-box-shadow:inset 0 -40px 20px -25px rgba(0,0,0,.5);box-shadow:inset 0 -40px 20px -25px rgba(0,0,0,.5);height:40px}.vue-file-agent .file-preview-wrapper-image .file-preview .file-icon{display:none}.vue-file-agent .file-preview-wrapper-image .file-preview.dark-content .file-preview-overlay{background:hsla(0,0%,100%,.25)}.vue-file-agent .file-preview{position:relative;z-index:1;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9}.vue-file-agent .file-preview:after,.vue-file-agent .file-preview:before{content:" ";position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;top:auto;height:25px}.vue-file-agent .file-preview:before{height:28px;top:0;bottom:auto}.vue-file-agent .file-preview .file-preview-img{max-width:100%;max-height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="16" height="16" viewBox="0 0 16 16"><rect x="0" y="0" width="100%" height="100%" fill="rgba(255, 255, 255, 0.1)" /><rect x="50%" y="0" width="50%" height="50%" fill="rgba(0, 0, 0, 0.075)" /><rect x="0" y="50%" width="50%" height="50%" fill="rgba(0, 0, 0, 0.075)" /></svg>');background-repeat:repeat;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vue-file-agent .file-preview .file-name{position:absolute;top:0;left:0;right:0;padding:0 5px;z-index:4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:28px;height:28px;font-size:16px}.vue-file-agent .file-preview .file-delete{cursor:pointer;position:absolute;right:0;top:0;padding:0;font-size:16px;background:0 0;height:28px;width:22px;display:block;color:#fff;color:hsla(0,0%,100%,.75);z-index:500}.vue-file-agent .file-preview .file-delete svg{width:1em;height:1em;fill:currentColor;vertical-align:middle}.vue-file-agent .file-preview .file-icon{z-index:455;position:absolute;top:50%;height:72px;width:72px;margin-top:-36px;left:50%;margin-left:-36px}.vue-file-agent .file-preview .file-icon svg{width:72px;height:72px;fill:#fff}.vue-file-agent .file-preview .file-ext{text-align:left;left:0;z-index:3}.vue-file-agent .file-preview .file-ext,.vue-file-agent .file-preview .file-size{position:absolute;font-size:16px;text-transform:uppercase;display:block;right:0;bottom:0;line-height:25px;padding:0 5px}.vue-file-agent .file-preview .file-size{text-align:right;z-index:4}.vue-file-agent .file-preview .image-dimension .image-dimension-height,.vue-file-agent .file-preview .image-dimension .image-dimension-width{display:inline-block}.vue-file-agent .file-preview .image-dimension .image-dimension-width:after{content:"x"}.vue-file-agent .file-preview .image-dimension{position:absolute;font-size:12px;text-align:center;display:block;width:100%;right:0;bottom:0;line-height:25px;padding:0 5px;z-index:4}.vue-file-agent .file-preview .file-ext,.vue-file-agent .file-preview .file-name,.vue-file-agent .file-preview .file-size,.vue-file-agent .file-preview .image-dimension,.vue-file-agent .file-preview .image-dimension .image-dimension-width:after{color:#fff}.vue-file-agent.has-multiple .file-preview,.vue-file-agent.is-single .is-deletable .file-preview{z-index:11}.vue-file-agent .is-deletable .file-preview .file-name{padding-right:20px}.vue-file-agent.no-meta .file-preview .file-ext,.vue-file-agent.no-meta .file-preview .file-name,.vue-file-agent.no-meta .file-preview .file-size,.vue-file-agent.no-meta .file-preview .image-dimension,.vue-file-agent.no-meta .file-preview:after,.vue-file-agent.no-meta .file-preview:before{display:none}.vue-file-agent .file-preview-new{text-align:center;padding:8px;z-index:1}.vue-file-agent .file-preview-new:before{background:rgba(0,0,0,.05)}.vue-file-agent .file-preview-new svg{fill:#aaa;margin-top:16%;height:36%}.vue-file-agent .file-preview-new .help-text{color:#aaa;text-align:center;font-size:16px;line-height:20px;height:20px;display:block}.vue-file-agent .file-preview-new .file-preview{z-index:8}.vue-file-agent .file-preview-new .file-preview:after,.vue-file-agent .file-preview-new .file-preview:before{display:none}.vue-file-agent .file-av-wrapper .file-av-action{width:60px;height:60px;left:50%;position:absolute;top:50%;margin-top:-30px;margin-left:-30px;background:0 0;border-radius:50%;z-index:800;cursor:pointer}.vue-file-agent .file-av-wrapper .file-av-play,.vue-file-agent .file-av-wrapper .file-av-stop{width:50%;height:50%;position:absolute;left:25%;top:25%;display:none}.vue-file-agent .file-av-wrapper .file-av-play{height:60%;width:60%;left:20%;top:20%;display:block}.vue-file-agent .file-av-wrapper .file-av-play svg,.vue-file-agent .file-av-wrapper .file-av-stop svg{fill:#fff;width:100%;height:100%}.vue-file-agent .file-av-wrapper audio,.vue-file-agent .file-av-wrapper video{position:absolute;left:0;right:0;z-index:799;top:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.75)}.vue-file-agent .file-is-playing-av .file-av-wrapper .file-av-stop{display:block}.vue-file-agent .file-is-playing-av .file-av-wrapper .file-av-play{display:none}.vue-file-agent .file-progress{display:block;height:3px;z-index:3;position:absolute;left:0;right:0;overflow:hidden;top:32px;top:1px;top:0;height:28px;height:4px;margin-top:1px;margin-left:1px;margin-right:1px}.vue-file-agent .file-progress .file-progress-bar{background:#fac525;display:block;height:100%;-webkit-transition:all .1s;transition:all .1s;width:0}.vue-file-agent .file-progress.has-file-progress{background:hsla(0,0%,100%,.5);-webkit-box-shadow:0 2px 10px -1px rgba(0,0,0,.75);box-shadow:0 2px 10px -1px rgba(0,0,0,.75)}.vue-file-agent .file-progress.file-progress-full .file-progress-bar{background:#54d500}.vue-file-agent .file-progress.file-progress-done{width:5px!important;height:5px!important;right:0!important;left:auto!important;border-radius:50%;-webkit-box-shadow:-1px 1px 2px 0 rgba(0,0,0,.75);box-shadow:-1px 1px 2px 0 rgba(0,0,0,.75)}.vue-file-agent .file-progress.file-progress-done .file-progress-bar{background:#54d500}.vue-file-agent .file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;z-index:10;cursor:pointer}.vue-file-agent.file-input-wrapper{position:relative;border:2px dashed #aaa;text-align:center;-webkit-transition:all .6s;transition:all .6s}.is-drag-over .vue-file-agent.file-input-wrapper,.vue-file-agent.file-input-wrapper.is-drag-over{border-color:#f61a1a;-webkit-box-shadow:inset 0 0 20px 1px #f61a1a;box-shadow:inset 0 0 20px 1px #f61a1a}.is-drag-valid.is-drag-over .vue-file-agent.file-input-wrapper,.vue-file-agent.file-input-wrapper.is-drag-valid.is-drag-over{border-color:#54d500;-webkit-box-shadow:inset 0 0 20px 1px #54d500;box-shadow:inset 0 0 20px 1px #54d500}.vue-file-agent .file-error-wrapper{position:absolute;left:0;right:0;color:#fff;bottom:25px;z-index:499;padding:10px;top:28px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vue-file-agent .file-error-wrapper .file-error-message{background:#ea2626;width:100%;height:auto;color:#fff;padding:0 5px;display:block}.vue-file-agent .is-editable .file-name{cursor:pointer}.vue-file-agent .is-editable .file-name .file-name-input{color:inherit;background:0 0;font-weight:inherit;padding:inherit;margin:inherit;border:0;outline:0;position:absolute;left:0;width:100%;text-align:inherit;opacity:0;z-index:-5}.vue-file-agent .is-editable .file-name .file-name-edit-icon svg{height:1em;width:1em;margin-right:2px;opacity:.5;fill:currentColor;vertical-align:middle;margin-top:-2px}.vue-file-agent .is-editable.is-edit-input-focused .file-name{border-bottom:1px solid currentColor}.vue-file-agent .is-editable.is-edit-input-focused .file-name .file-name-edit-icon,.vue-file-agent .is-editable.is-edit-input-focused .file-name .file-name-text{display:none}.vue-file-agent .is-editable.is-edit-input-focused .file-name .file-name-input{opacity:1;z-index:2}.is-sorting .vue-file-agent .active-sorting-item,.is-sorting .vue-file-agent .file-preview-wrapper{-webkit-transition-duration:0s;transition-duration:0s}.is-sorting-active .vue-file-agent .file-preview-wrapper{opacity:.75}.is-sorting-active .vue-file-agent .active-sorting-item{opacity:1}.is-sortable-immediately .vue-file-agent .file-preview-wrapper,.is-sortable-immediately .vue-file-agent .file-preview-wrapper *{cursor:move}.vue-file-agent .file-preview-wrapper .file-sortable-handle{position:absolute;z-index:900;cursor:move;border-radius:50%;background:hsla(0,0%,100%,.95);color:#222;margin:0;width:33px;height:33px;left:5px;top:5px;padding:4px}.vue-file-agent .file-preview-wrapper .file-sortable-handle svg{fill:currentColor;width:100%;height:100%;vertical-align:top}.grid-block-wrapper .grid-block{width:50%;border:1px solid transparent;margin:0!important;min-width:156px}.grid-block-wrapper{padding:2px}.grid-block-wrapper .grid-block .file-preview{width:100%;height:0;padding-bottom:75%;padding-bottom:100%}.is-readonly .grid-block-wrapper{padding:0;margin:-1px}@media (min-width:576px){.grid-block-wrapper .grid-block{width:33.3333%;border-width:2px}.grid-block-wrapper{padding:2px}.is-readonly .grid-block-wrapper{padding:0;margin:-2px}}@media (min-width:768px){.grid-block-wrapper .grid-block{width:25%}}@media (min-width:992px){.grid-block-wrapper .grid-block{width:20%}}@media (min-width:1200px){.grid-block-wrapper .grid-block{width:16.6666%}}@media (min-width:1440px){.grid-block-wrapper .grid-block{width:16.6666%}}.grid-block-wrapper.is-compact .grid-block,.theme-list .vue-file-agent .file-preview-wrapper{width:100%}.theme-list .vue-file-agent .file-preview-wrapper .file-preview{height:53px;padding:0}.theme-list .vue-file-agent .file-preview-wrapper .file-preview:after,.theme-list .vue-file-agent .file-preview-wrapper .file-preview:before{-webkit-box-shadow:none;box-shadow:none}.theme-list .vue-file-agent .file-preview-wrapper .file-preview:before{background:#dcdcdf;left:53px;right:0;top:0;bottom:0;height:100%}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-icon,.theme-list .vue-file-agent .file-preview-wrapper .file-preview .thumbnail{width:100%;left:0;margin:0;top:0;bottom:0;height:100%;width:53px}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .thumbnail{z-index:12}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-icon svg{height:46px;width:46px;margin-top:4px}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-progress{z-index:2;top:0;right:0;bottom:0;-webkit-box-shadow:none;box-shadow:none}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-ext,.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-name{background:0 0}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-ext,.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-name,.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-progress{left:53px;text-align:left;color:#333}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-size{color:#333}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-name{font-weight:700}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-delete{color:#e55353;color:#777;background:0 0}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .image-dimension{left:53px;text-align:left;margin-left:53px;right:auto;width:auto}.theme-list .vue-file-agent .file-preview-wrapper .file-preview .image-dimension,.theme-list .vue-file-agent .file-preview-wrapper .file-preview .image-dimension .image-dimension-width:after{color:#666}.theme-list .vue-file-agent .file-preview-wrapper .file-error-wrapper{top:0;left:0;bottom:0;padding:5px;left:53px;text-align:left;height:100%;color:#ea2626;font-weight:700;background:0 0;display:block}.theme-list .vue-file-agent .file-preview-wrapper.is-deletable .file-error-wrapper{right:17px}.theme-list .vue-file-agent .file-preview-wrapper .file-sortable-handle{margin:0;left:10px;top:10px}.theme-list .vue-file-agent .file-preview-new{padding:0}.theme-list .vue-file-agent .file-preview-new svg{height:36px;width:36px;margin:0;position:absolute;left:10px;top:8px}.theme-list .vue-file-agent .file-preview-new .help-text{padding:5px;text-align:left;position:absolute;top:0;left:53px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:0;bottom:0;height:100%}.theme-list .vue-file-agent .file-av-wrapper .file-av-action{width:53px;height:53px;margin:0;left:0;top:0}.theme-list .vue-file-agent .file-av-wrapper .file-av-play,.theme-list .vue-file-agent .file-av-wrapper .file-av-stop{width:50%;height:50%;position:absolute;left:25%;top:25%}.theme-list .grid-block-wrapper .grid-block{border-width:2px}.theme-list.is-readonly .grid-block-wrapper{padding:0;margin:-2px}

/* ../2018/bim.css */
#bim-viewer-container {
    position: relative;
    font-family: Verdana;
    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: Verdana;
    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: Verdana;
    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: Verdana, serif;
    padding: 5px;
    top: 50%;
    cursor: pointer;
}

.bimPanelsToggleRight {
    position: absolute;
    display: inline-flex;
    font-family: Verdana, 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: Verdana, 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: Verdana;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.bimInputform {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    border-color: #6a806e;
    border-style: solid;
    border-width: 1px;
    background: #f1ffee;
}
/* ../2018/cadres.css */
@import url(cadresSup.css);

.alertBox {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    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: 0px none;
    border-left: 0px solid #000000;
    /*width: 98%;*/
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1%;
    background-color: #316e77;
}

.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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    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: Verdana, 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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    height: 10px;
    padding-bottom: 7px;
}

.rubCont {
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

.adPageRet {
    font-family: Verdana, 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 {
    text-align: center;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsUserAdmin {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsUserAnnu {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsUserJournal {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsUserJournal2 {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

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

.sqlDisplayTdTitreUserBold {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
    margin: 0px;
    padding: 2px;
    font-weight: bold;
}

.sqlDisplayCadreUser {
    padding: 0px;
    border: 1px solid #EEEEEE;
    margin: 1px;
    background-color: #FFFFFF;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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;
}

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

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

.filesUserTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    color: #000000;
    font-weight: bold;
    height: 25px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #f1f4f5;
    text-align: center;
    background-image: url(img/bg_barre.png);

}

.filesUserTitreLigne {
    background-color: #6699CC;
    font-family: Verdana, 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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    background-color: #e8e4f5;
}

.aoTitreSection {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}

.UserForm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    width: 100%;
}

.userFormTr {
    background-color: #FFFFFF;
    padding: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    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: #F5F5F5;
    border-right-color: #F5F5F5;
    border-bottom-color: #F5F5F5;
    border-left-color: #F5F5F5;
}

.messUserTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #000000;
    padding: 3px;
}

.commonTdTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
    background-color: #EBEBEB;
}

.commonTd {
    font-family: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 5pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #00CCFF;
    background-image: url(img/band_rub_cons_bg.jpg);
    background-repeat: repeat-x;
}

.avisTd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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,
.avisTdTs3,
.avisTdTs5,
.avisTdTs7,
.avisTdTs9,
.avisTdTs11,
.avisTdTs13,
.avisTdTs15,
.avisTdTs17,
.avisTdTs19 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    color: #000000;
    background-color: #d6dee1;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #c7c7c7;
    white-space: nowrap;
}

.avisTdTs2,
.avisTdTs4,
.avisTdTs6,
.avisTdTs8,
.avisTdTs10,
.avisTdTs12,
.avisTdTs14,
.avisTdTs16,
.avisTdTs18,
.avisTdTs20 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    color: #000000;
    background-color: #e3e9eb;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #c7c7c7;
    white-space: nowrap;
}

.avisTdDp1,
.avisTdDp3,
.avisTdDp5,
.avisTdDp7,
.avisTdDp9,
.avisTdDp11,
.avisTdDp13,
.avisTdDp15,
.avisTdDp17,
.avisTdDp19,
.avisTdDp21 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    color: #000000;
    background-color: #f5f5f5;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #c7c7c7;
    white-space: nowrap;
}

.avisTdDp2,
.avisTdDp4,
.avisTdDp6,
.avisTdDp8,
.avisTdDp10,
.avisTdDp12,
.avisTdDp14,
.avisTdDp16,
.avisTdDp18,
.avisTdDp20,
.avisTdDp22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    color: #000000;
    background-color: #eaeef0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #c7c7c7;
}

.avisTd2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    margin: 1px 0px 0px;
    border: 0px none #F5F5F5;
}

.menuUpl {

    background-color: #FFFFFF;

}

.printBg {
    background-color: #FFFFFF;

}

.obsInsert {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    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: 1px;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #000000;
    margin: 1px 0px 0px;
}

.sqlDisplayTdFieldsUserAo {
    background-color: #F5F5F5;
    text-align: center;
    padding-left: 3px;
    font-family: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    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: Verdana, 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: Verdana, Arial;
    font-size: 10px;
    color: #000000;
    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: #efefef !important;
}

.sqlDisplayTrFieldsUser {
    background-color: #FFFFFF;
    text-align: left;
    padding-left: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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;
}

.sqlDisplayTrFieldsUser2 {
    background-color: #FFFFFF;
    text-align: left;
    padding-left: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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;
}

.avisLegendeFlag {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #000000;
    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: Verdana, Geneva, sans-serif;
    color: #333;
    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: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    padding: 5px;
}

.snfDocRubTxt {
    font-family: Verdana, 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: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    font-weight: bold;
    padding: 5px;
    width: 350px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.snfBasicCadre {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #333;
    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: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.plansShowHideFormClose {
    border: 0px solid #eaeaea;
    height: 40px;
    overflow: hidden;
}

.avisTdObsCbc {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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;
}

.simpleBold {
    font-weight: bold;
    /*background-color: #cc96c4;*/
}

.treeHighlight {
    font-weight: bold;
    /*font-size: 8px;*/
    color: #ffffff !important;
    background-color: #316e77;
    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: Verdana, 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: #0f0f0f;
    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;
}

.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: #333333;
    font-weight: bold;
    padding: 3px;
}

.usersFormSelectorUserLine {
    padding: 3px;
}
/* ../2018/cadresMore.css */

.sqlDisplayDivListOpen {
    font-family: Verdana, Geneva, 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-width: 1px;
    border-color: #c0c0c0;
    border-style: solid;
    background: #f8f9fa;
    padding: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4a5052;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
}

/*.modernFormGlobInlay:focus-visible {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    border-width: 1px;*/
/*    border-color: #fc0084;*/
/*    border-style: solid;*/
/*    background: #f8f9fa;*/
/*    padding: 4px;*/
/*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*    font-size: 10px;*/
/*    color: #4a5052;*/
/*    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);*/
/*    -moz-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);*/
/*    box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);*/
/*}*/

input.middle:focus {
    outline-width: 0;
}

.modernFormGlobInlayCombo {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-color: #c0c0c0;
    border-style: solid;
    background: #f8f9fa;
    padding: 5.5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4a5052;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
}

.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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #464646;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+16,bababa+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%, #ffffff 70%, #f1f1f1 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); !* IE6-9 *!*/
}

.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;
    /*min-height: 20px;*/
    /*height: 100%;*/
    font-family: Verdana, Arial, Helvetica, 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: 1px;
    border-color: #c0c0c0;
    border-style: solid;
    background: #FFFFFF;
    padding: 4px;
    /*min-height: 20px;*/
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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;
}

.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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: #54c8e0;
    color: #398999;
}

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;
}
/* ../2018/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;
}
/* ../2018/cal_css.css */
.jours {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

.heure {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    border-color: #d6e6e0;
    border-style: solid;
    border-width: 1px;
    height: 30px;
}

.flatFields {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: left;
}

.flatFieldsFree {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #FFFFFF;
    cursor: pointer;
    width: 98%;
    height: 98%;
}

.flatFieldsReserver {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
}

.flatFieldsOccuper {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #FBDDB5;
}

.flatFieldsClose {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #999999;
}

.flatFieldsOccuperObli {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #F3C876;
}

.bouton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #E2DBD3;
}

.combo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 1px solid #666666;
    text-align: left;
    background: #E2DBD3;
}

.texte {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.titremois {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    background: #FFFFFF
}

.titremois:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FF0000;
    background: #1C2D67;
    text-decoration: none
}

.titremois:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FDFC65;
    background: #1C2D67;
    text-decoration: none
}

.titremois:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: #9CC4C4;
    text-decoration: underline
}

.titrejours {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    background: #FFFFFF
}

.titrenum {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background: #FFFFFF
}

.titrenum2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    background: #FFFFFF
}

.titreweek {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    background: #FFFFFF
}

.titreweek2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background: #383872
}

.titrewend {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background: #E2DBD3
}

.titrewend2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #AAAAAA;
    background: #E2DBD3
}

.titrenow {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
    background: #FFFF00;
    font-weight: bold;
}

.ferie {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #E2DBD3;
    border-color: #c3d3cd;
    border-style: dashed;
    border-width: 1px;
}

.calendarTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    background: #D1CFC0;
    height: 35px;
}

.reserver {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    background: #F5F5F5
}

.titrejours3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    background: #D8B498
}

.libre {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.flatFieldsReserver2 {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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;
}
/* ../2018/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;
}
/* ../2018/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%);
}

.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 */
}
/* ../2018/courrier.css */
.crrTable {
	background-color: #FFFFFF;
	border: 0px solid #333333;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.crrTd {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #CCCCCC;
}

.crrAddressIn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	overflow: auto;
	height: 350px;
}

.crrAddTdTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
}

.crrAddTdShow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFCC33;
	font-weight: bold;
}

.crrTdHead {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
}

.crrBoxHead {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0066CC;
	font-weight: normal;
}

.crrBoxMessHeadTr {
	background-color: #F5F5F5;
}

.crrMessList {
	height: 150px;
	overflow: auto;
}

.crrBoxMessDetTab {
	
}

.crrBoxMessDetHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4A5E71;
}

.crrBoxMessDetTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #FFFFFF;
}

.crrBoxMessDetSep {
	background-color: #666666;
}
/* ../2018/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;
}
/* ../2018/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 Verdana, 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 Verdana, 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 Verdana, 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 Verdana, 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;
}
/* ../2018/doc_visa.css */
.docVisaRegDiv {
	font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	background-color: #F8F8F8;
	border: 1px solid #999;
	margin-bottom: 12px;
}

.docVisaObs {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #F7F7F7;
	padding: 3px;
	border: 1px solid #CCC;
}
/* ../2018/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;
}
/* ../2018/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;
}

.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;
}

/* ../2018/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;
}

/* ../2018/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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #707070;
    font-style: italic;
    background-color: #F5F5F5;
    /*z-index: 9999;*/
}
/* ../2018/form.css */
.comboAd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #0074e8;
    text-decoration: none;
    background-color: #f9f9f9;
    font-weight: bold;
    border: 1px solid #808080;
}

.textFieldAd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #0074e8;
    text-decoration: none;
    background-color: #f9f9f9;
    border: 1px solid #808080;
}

.textFieldAdTxt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #666666;
}

.boutonsAd {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: #CCCCCC;
    text-decoration: none;
    background-color: #666666;
}

.textFieldUser {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #464646;
    border-radius: 3px;
}

.boutonUserSoft {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    border: 1px solid #666666;
    background-color: #FFF;
}

.comboUser {
    font-family: Verdana, Arial, Helvetica, 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;*/
}
/* ../2018/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;
}
/* ../2018/fqrb.css */
.fqrbMain {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #666;
    margin: 2px;
    width: 98%;
    position: relative;
    float: left;
}

.fqrbFormEleBasic {
    /*font-family: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFF;
    background-color: #800000;
    border: 1px solid #FFB3B3;
    padding: 2px;
    font-weight: bold;
    width: 298px;
}

.fqrbFormEleBasicDissabled {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #666;
    background-color: #E2E2E2;
    border: 1px solid #FFB3B3;
    padding: 2px;
    font-weight: bold;
    width: 800px;
}

.fqrbFormTd {
    font-family: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #666;
    vertical-align: text-top;
    text-align: left;
}

.fqrbBigTxt {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    color: #666;
}

.fqrbDataTableTd {
    border: 1px solid #F5F5F5;
    color: #666;
    padding: 2px;
    padding-left: 6px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
}

.fqrbDataTableTdAlt {
    border: 1px solid #F5F5F5;
    color: #666;
    padding: 2px;
    font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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;
}
/* ../2018/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;
}
/* ../2018/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;*/
/*}*/


/* ../2018/jquery.contextMenu.css */

/*!
 * 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;
}

/* ../2018/jquery.contextMenuBtw.css */


@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: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
}

.context-menu-item:hover {
    font-family: Verdana, Geneva, Tahoma, 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;
}

/* ../2018/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}
/* ../2018/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);
}
/* ../2018/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;
    }
}

/* ../2018/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;
} */
/* ../2018/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;
}
/* ../2018/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;
}
/* ../2018/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;
}
/* ../2018/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 */
}
/* ../2018/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 */
}
/* ../2018/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;
}
/* ../2018/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;
}
/* ../2018/modAddon.css */
.maoCode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #CC0000;
}

.maoTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.maoTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
}
/* ../2018/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;
}




/* ../2018/multiVisa.css */
.mvCadre01 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #e3dfe7;
    margin: 15px;
    padding: 5px;
}

.mvBody {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 0px solid #f3f2f5;
    margin: 15px;
    padding: 5px;
}

.mvDebug {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #C90;
    margin: 15px;
    padding: 5px;
}

.mvDebugFct {
    font-family: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #e3dfe7;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
    width: 100%;
}

.mvRegTdNoBorder {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    background-color: #FFF;
    padding: 5px;
    border: 0;
    vertical-align: top;
}

.mvRegTd {
    font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    height: 100px;
    width: 80%;
    border: 1px solid #999;
    background-color: #fcfcfc;
    margin: 5px;
    padding: 5px;
}

.mvCombo {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #999;
    /*width: 80%;*/
    height: 25%;
}

.mvRetourOk {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #06C;
}

.mvRetourError {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #C33;
}


.mvTxtCenter {
    text-align: center;
}

#additionalVisaForm td {
    border: 0px;
    font-family: Verdana, Geneva, 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: Verdana, Geneva, 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;
}
/* ../2018/navbar.css */
.navbar {
    width: 100%;
    padding: 0px !important;
}

.navbar a {
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    /*font-weight: bold;*/
}

.navbar ul {
    /*width: 100%;*/
}
/* ../2018/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
}
/* ../2018/opr.css */
.opr_table {
	background-color: #FFFFFF;
	border: 1px solid #666666;
}

.opr_formHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #E4E1DE;
}

.opr_formTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #FFFFFF;
}

.opr_formElement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #993300;
}

.opr_fileTxtTd {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #688897;
}
/* ../2018/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: Verdana, Arial, Helvetica, 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: #848eb1 1px solid;
    border-radius: 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*background: linear-gradient(to bottom, #C9D4D74D, #E9EEEF80);*/
    color: #686e83;
    font-weight: bold;
    font-size: 10px;
    width: 200px;
    background-color: #f4f4f4;
}

.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: Verdana, Arial, Helvetica, 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%;
}
/* ../2018/photoMod.css */
#photoModTable {
    border-block-style: solid;
    border-block-width: 1px;
    border-color: #999;
    border-collapse: separate;
    border-spacing: 1px;
}

#photoModTable td {
    padding: 3px;
}
/* ../2018/planPane.css */
.plan-activities {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.plan-activities div {
    padding: 5px;
}

.plan-attached-files {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 16px;*/
    color: #333333;
    /*width: 25px;*/
    text-align: center;
}

.plan-pane-buttons:hover {
    border-color: #6c6c6c;
    transition: all 0.2s;
    color: #ffffff;
    background: #496d79;
}

.plan-pane-buttons-icon {
    font-size: 16px;
    width: 25px !important;
}

.plan-pane-active-tab {
    font-weight: bold;
    background: #bbc8ccff;
}

.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: #e5e5e5;
}

.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 {
    background-color: #17a4cc;
    color: #ffffff;
    padding: 2px 2px 2px 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    border-style: solid;
    border-color: #000000;
    border-width: 2px;
}
/* ../2018/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}
/* ../2018/pnotify.buttons.css */
.ui-pnotify-closer,.ui-pnotify-sticker{float:right;margin-left:.2em}
/* ../2018/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;
}
/* ../2018/print.css */
.printTdTable {
    border: 4px groove #333333;
    width: 1000px;
}

.printTdSt {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    border: 2px solid #000000;
}

.printTd3 {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    border: 1px solid #000000;
    text-align: center;
}

.printTd2C {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    border: 1px solid #000000;
    text-align: center;
}

.printTdFQ {
    font-family: Verdana, Arial, Helvetica, 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;
}
/* ../2018/pvs.css */

/* 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, sans-serif;
    border-radius: 3px;
}

.z:link {
    font-family: Verdana, Arial, Helvetica, 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",
    "DejaVu Sans", Verdana, 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;
}
/* ../2018/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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	background-color: #F0F0F0;
}

.lign1 {
	background-color: #EBF0F3;
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
}

.qrTitres {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-image: url(img/qrEnTeteBg.jpg);
}

.qrData {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #999999;
	text-align: left;
	vertical-align: top;
}

.qrAdding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EFEFEF;
	border: 1px solid #CC0000;
	margin: 3px;
	padding: 3px;
}

.qrAddingTitre {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #F5F5F5;
	padding-left: 10px;
}

.qrReponseHead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 7px;
}

.qrDataColor {
	font-family: Verdana, Arial, Helvetica, 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%;
}
/* ../2018/recordPLansSearch.css */
#recordPlansSearchBox{
	display: inline;
	
}

#recordPlansSearchBoxMessageBox{
	display: inline;
}
/* ../2018/repro.css */
.reproListTd {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4a5052;
}
/* ../2018/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;
}
/* ../2018/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 */

/* ../2018/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;
}

/*************************************************************/
/* ../2018/rsrv_coteba.css */
.rsrvCotSynthGraphDiv {
	background-color: #FFF;
	margin: 5px;
}
/* ../2018/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;
}
/* ../2018/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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #069;
    background-color: #F3F3F3;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}
/* ../2018/snf_spc.css */
.snfAccMainTd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	background-color: #FFFFFF;
}

.ch:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}

.ch:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}

.ch:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}
/* ../2018/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;
}
/* ../2018/statPrlCss.css */
.TitreModule {
	font-family: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #595959;
}

.InfoStat {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #595959;
}
/* ../2018/suivieMail.css */
.svmMessInfos {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
}

.svmMessHead2 {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
    background-position: left top;
    text-align: left;
    vertical-align: top;
}

.svmRedirectListHead {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
}

.svmSuivieHead {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    vertical-align: top;
}
/* ../2018/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;*/
/*}*/
/* ../2018/tippy.css */
.tippy-iOS {
    cursor: pointer !important
}

.tippy-notransition {
    transition: none !important
}

.tippy-popper {
    -webkit-perspective: 700px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none;
    line-height: 1.4
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -8px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -7px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 25%;
    transform-origin: 0 25%
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -55%);
    transform: scale(1) translate(-50%, -55%);
    opacity: 1
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-50%, -45%);
    transform: scale(.2) translate(-50%, -45%);
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(60deg);
    transform: translateY(0) rotateX(60deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(.5);
    transform: translateY(0) scale(.5)
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    top: -8px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -7px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -50%;
    transform-origin: 0 -50%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -45%);
    transform: scale(1) translate(-50%, -45%);
    opacity: 1
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-50%);
    transform: scale(.2) translate(-50%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-60deg);
    transform: translateY(0) rotateX(-60deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(.5);
    transform: translateY(0) scale(.5)
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 50% 0 0 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -16px;
    -webkit-transform-origin: 33.33333333% 50%;
    transform-origin: 33.33333333% 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 8px solid #333;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-75%, -50%);
    transform: scale(.2) translate(-75%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-60deg);
    transform: translateX(0) rotateY(-60deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(.5);
    transform: translateX(0) scale(.5)
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 50% 50% 0
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -16px;
    -webkit-transform-origin: 66.66666666% 50%;
    transform-origin: 66.66666666% 50%
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 8px solid #333;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    left: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -50% 0;
    transform-origin: -50% 0
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-25%, -50%);
    transform: scale(.2) translate(-25%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(60deg);
    transform: translateX(0) rotateY(60deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(.5);
    transform: translateX(0) scale(.5)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    max-width: 350px;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem
}

.tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease
}

.tippy-arrow, .tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 24px;
    height: 8px;
    fill: #333;
    pointer-events: none
}

.tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: calc(110% + 2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop + .tippy-content {
    transition-property: opacity
}

.tippy-backdrop + .tippy-content[data-state=visible] {
    opacity: 1
}

.tippy-backdrop + .tippy-content[data-state=hidden] {
    opacity: 0
}

@media (max-width: 360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}
/* ../2018/tippyBatiwork.css */
.tippy-tooltip.regularLight-theme .tippy-backdrop {
    background-color: #ffffff;
    /*font-weight: bold;*/
    color: #333;
}

/* If `animateFill: false` */
.tippy-tooltip.regularLight-theme {
    background-color: #ffffff;
    border: 2px solid #d4d4d4;
    border-radius: 3px;
    /*font-weight: bold;*/
    color: #333;
    width: auto;
    /*overflow: hidden;*/
}

.tippy-content.regularLight-theme {
    border-radius: 3px;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
}

.tippy-popper.regularLight-theme {
    border-radius: 3px;
    width: 500px;
}
/* ../2018/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: white;
    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;
}

/* ../2018/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: white;
    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: #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: #bcdfe5f3;*/
    background-color: #bbc8ccff;
    /*border-color: #bcdfe5f3;*/
    border-color: #bbc8ccff;
    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: #e8e8e8; */
    /* border-color: #e8e8e8; */
    /*background-color: #385b62;*/
    /*border-color: #385b62;*/
    background-color: #bbc8ccff;
    border-color: #bbc8ccff;
    border-radius: 5px;
    color: #151515;
    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:hover {
    background-color: #e8e8e8;
    outline: 1px solid #e8e8e8;
}

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 #e8e8e8;
}

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: #e8e8e8;
    outline: 1px solid #e8e8e8;
}

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
}
/* ../2018/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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #FFF;
	padding: 2px;
}

.utTbodyTd {
	font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #E1E1E1;
}
/* ../2018/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;
}
/* ../2018/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;*/
}
/* ../2018/welcomeMessage.css */
.welcomeMessageGreen {
    color: #fff;
    background-color: #316e77;
    font-size: 18px;
}
/* ../2018/zconfig.css */

/* CSS Document */
.divHead {
	font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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;
}


/* 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: 'Verdana';
	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: 'Lucida Grande', Tahoma, Verdana, Arial, 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: 'Lucida Grande', Tahoma, Verdana, Arial, 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: Verdana, Arial, Helvetica, 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;
    background: linear-gradient(to bottom, #F5F5F5, #FFFFFF);
}

.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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
}

.txtRed {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.txtGreen {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #009966;
}

.txtBlue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0066CC;
}

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

.userAdmSearchTdUp {
    font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    margin: 1px;
    font-style: normal;
}

a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
}

a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: underline overline;
}

.b:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.b:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.b:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.c:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.c:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.c:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #486c7a;
    text-decoration: none;
}

.e:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.e:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.e:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

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

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

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

.gold:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.gold:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.gold:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c4a752;
    text-decoration: none;
}

.orange:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.orange:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.orange:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #F60;
    text-decoration: none;
}

.green:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #007500;
    text-decoration: none;
}

.green:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #007500;
    text-decoration: none;
}

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

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

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

.blue:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #06F;
    text-decoration: none;
}

.blue:visited {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}

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

.regBlTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
}

.regBlTxt2016 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.pgInactif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	color: #CCCCCC;
}

.menuDossierTxt {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}

.pgRestric {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.regBlancTxt {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.titreAccueilRub {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #00CC99;
}

.messagesTitre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FF6600;
}

.messages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}

.pdstxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	white-space: nowrap white-space: pre;
}

.pdsrestTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	white-space: nowrap white-space: pre;
	width: 700px;
}

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

.pdsrubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px none #666666;
}

.txtRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.txtGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009966;
}

.txtBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
}

.txtWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.txtBlack {
	font-family: Verdana, Arial, Helvetica, 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: 10;
}

.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: 11;
}

.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: Verdana, Arial, Helvetica, 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: Verdana;
    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: Verdana;
    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: Verdana;
    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: Verdana, serif;
    padding: 5px;
    top: 50%;
    cursor: pointer;
}

.bimPanelsToggleRight {
    position: absolute;
    display: inline-flex;
    font-family: Verdana, 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: Verdana, 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: Verdana;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.bimInputform {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    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: 0px none;
    border-left: 0px solid #000000;
    /*width: 98%;*/
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1%;
    background-color: #316e77;
}

.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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    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: Verdana, 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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    height: 10px;
    padding-bottom: 7px;
}

.rubCont {
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

.adPageRet {
    font-family: Verdana, 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 {
    text-align: center;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsUserAdmin {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsUserAnnu {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsUserJournal {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

.sqlDisplayTdFieldsUserJournal2 {
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    margin: 3px;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
}

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

.sqlDisplayTdTitreUserBold {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    border-top: 1px none #f1f4f5;
    border-right: 1px none #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    border-left: 1px solid #f1f4f5;
    margin: 0px;
    padding: 2px;
    font-weight: bold;
}

.sqlDisplayCadreUser {
    padding: 0px;
    border: 1px solid #EEEEEE;
    margin: 1px;
    background-color: #FFFFFF;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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;
}

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

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

.filesUserTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    color: #000000;
    font-weight: bold;
    height: 25px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #f1f4f5;
    text-align: center;
    background-image: url(img/bg_barre.png);

}

.filesUserTitreLigne {
    background-color: #6699CC;
    font-family: Verdana, 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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    background-color: #e8e4f5;
}

.aoTitreSection {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}

.UserForm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    width: 100%;
}

.userFormTr {
    background-color: #FFFFFF;
    padding: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    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: #F5F5F5;
    border-right-color: #F5F5F5;
    border-bottom-color: #F5F5F5;
    border-left-color: #F5F5F5;
}

.messUserTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #000000;
    padding: 3px;
}

.commonTdTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
    background-color: #EBEBEB;
}

.commonTd {
    font-family: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 5pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #00CCFF;
    background-image: url(img/band_rub_cons_bg.jpg);
    background-repeat: repeat-x;
}

.avisTd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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,
.avisTdTs3,
.avisTdTs5,
.avisTdTs7,
.avisTdTs9,
.avisTdTs11,
.avisTdTs13,
.avisTdTs15,
.avisTdTs17,
.avisTdTs19 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    color: #000000;
    background-color: #d6dee1;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #c7c7c7;
    white-space: nowrap;
}

.avisTdTs2,
.avisTdTs4,
.avisTdTs6,
.avisTdTs8,
.avisTdTs10,
.avisTdTs12,
.avisTdTs14,
.avisTdTs16,
.avisTdTs18,
.avisTdTs20 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    color: #000000;
    background-color: #e3e9eb;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #c7c7c7;
    white-space: nowrap;
}

.avisTdDp1,
.avisTdDp3,
.avisTdDp5,
.avisTdDp7,
.avisTdDp9,
.avisTdDp11,
.avisTdDp13,
.avisTdDp15,
.avisTdDp17,
.avisTdDp19,
.avisTdDp21 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    color: #000000;
    background-color: #f5f5f5;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #c7c7c7;
    white-space: nowrap;
}

.avisTdDp2,
.avisTdDp4,
.avisTdDp6,
.avisTdDp8,
.avisTdDp10,
.avisTdDp12,
.avisTdDp14,
.avisTdDp16,
.avisTdDp18,
.avisTdDp20,
.avisTdDp22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
    color: #000000;
    background-color: #eaeef0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #c7c7c7;
    white-space: nowrap;
}

.avisTd2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    margin: 1px 0px 0px;
    border: 0px none #F5F5F5;
}

.menuUpl {

    background-color: #FFFFFF;

}

.printBg {
    background-color: #FFFFFF;

}

.obsInsert {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    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: 1px;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #000000;
    margin: 1px 0px 0px;
}

.sqlDisplayTdFieldsUserAo {
    background-color: #F5F5F5;
    text-align: center;
    padding-left: 3px;
    font-family: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    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: Verdana, 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: Verdana, Arial;
    font-size: 10px;
    color: #000000;
    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: #efefef !important;
}

.sqlDisplayTrFieldsUser {
    background-color: #FFFFFF;
    text-align: left;
    padding-left: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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;
}

.sqlDisplayTrFieldsUser2 {
    background-color: #FFFFFF;
    text-align: left;
    padding-left: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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;
}

.avisLegendeFlag {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #000000;
    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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #000000;
    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: Verdana, Geneva, sans-serif;
    color: #333;
    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: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    padding: 5px;
}

.snfDocRubTxt {
    font-family: Verdana, 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: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    font-weight: bold;
    padding: 5px;
    width: 350px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.snfBasicCadre {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #333;
    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: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.plansShowHideFormClose {
    border: 0px solid #eaeaea;
    height: 40px;
    overflow: hidden;
}

.avisTdObsCbc {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    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;
}

.simpleBold {
    font-weight: bold;
    /*background-color: #cc96c4;*/
}

.treeHighlight {
    font-weight: bold;
    /*font-size: 8px;*/
    color: #ffffff !important;
    background-color: #316e77;
    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: Verdana, 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: #0f0f0f;
    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: #333333;
    font-weight: bold;
    padding: 3px;
}

.usersFormSelectorUserLine {
    padding: 3px;
}

/* cadresMore.css */

.sqlDisplayDivListOpen {
    font-family: Verdana, Geneva, 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-width: 1px;
    border-color: #c0c0c0;
    border-style: solid;
    background: #f8f9fa;
    padding: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4a5052;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
}

/*.modernFormGlobInlay:focus-visible {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    border-width: 1px;*/
/*    border-color: #fc0084;*/
/*    border-style: solid;*/
/*    background: #f8f9fa;*/
/*    padding: 4px;*/
/*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*    font-size: 10px;*/
/*    color: #4a5052;*/
/*    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);*/
/*    -moz-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);*/
/*    box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);*/
/*}*/

input.middle:focus {
    outline-width: 0;
}

.modernFormGlobInlayCombo {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-color: #c0c0c0;
    border-style: solid;
    background: #f8f9fa;
    padding: 5.5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4a5052;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    box-shadow: inset 1px 1px 3px 0px rgba(219, 219, 219, 1);
    margin: 3px;
}

.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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #464646;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+16,bababa+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%, #ffffff 70%, #f1f1f1 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); !* IE6-9 *!*/
}

.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;
    /*min-height: 20px;*/
    /*height: 100%;*/
    font-family: Verdana, Arial, Helvetica, 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: 1px;
    border-color: #c0c0c0;
    border-style: solid;
    background: #FFFFFF;
    padding: 4px;
    /*min-height: 20px;*/
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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;
}

.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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: #54c8e0;
    color: #398999;
}

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;
}

/* 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

.heure {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    border-color: #d6e6e0;
    border-style: solid;
    border-width: 1px;
    height: 30px;
}

.flatFields {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: left;
}

.flatFieldsFree {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #FFFFFF;
    cursor: pointer;
    width: 98%;
    height: 98%;
}

.flatFieldsReserver {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
}

.flatFieldsOccuper {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #FBDDB5;
}

.flatFieldsClose {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #999999;
}

.flatFieldsOccuperObli {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #F3C876;
}

.bouton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 0px none;
    text-align: center;
    background: #E2DBD3;
}

.combo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: 1px solid #666666;
    text-align: left;
    background: #E2DBD3;
}

.texte {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.titremois {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    background: #FFFFFF
}

.titremois:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FF0000;
    background: #1C2D67;
    text-decoration: none
}

.titremois:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FDFC65;
    background: #1C2D67;
    text-decoration: none
}

.titremois:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: #9CC4C4;
    text-decoration: underline
}

.titrejours {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    background: #FFFFFF
}

.titrenum {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background: #FFFFFF
}

.titrenum2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    background: #FFFFFF
}

.titreweek {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    background: #FFFFFF
}

.titreweek2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background: #383872
}

.titrewend {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background: #E2DBD3
}

.titrewend2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #AAAAAA;
    background: #E2DBD3
}

.titrenow {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
    background: #FFFF00;
    font-weight: bold;
}

.ferie {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #E2DBD3;
    border-color: #c3d3cd;
    border-style: dashed;
    border-width: 1px;
}

.calendarTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    background: #D1CFC0;
    height: 35px;
}

.reserver {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    background: #F5F5F5
}

.titrejours3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    background: #D8B498
}

.libre {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.flatFieldsReserver2 {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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%);
}

.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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #CCCCCC;
}

.crrAddressIn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	overflow: auto;
	height: 350px;
}

.crrAddTdTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
}

.crrAddTdShow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFCC33;
	font-weight: bold;
}

.crrTdHead {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
}

.crrBoxHead {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0066CC;
	font-weight: normal;
}

.crrBoxMessHeadTr {
	background-color: #F5F5F5;
}

.crrMessList {
	height: 150px;
	overflow: auto;
}

.crrBoxMessDetTab {
	
}

.crrBoxMessDetHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4A5E71;
}

.crrBoxMessDetTxt {
	font-family: Verdana, Arial, Helvetica, 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 Verdana, 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 Verdana, 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 Verdana, 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 Verdana, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	background-color: #F8F8F8;
	border: 1px solid #999;
	margin-bottom: 12px;
}

.docVisaObs {
	font-family: Verdana, Geneva, 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;
}

.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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #707070;
    font-style: italic;
    background-color: #F5F5F5;
    /*z-index: 9999;*/
}

/* form.css */
.comboAd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #0074e8;
    text-decoration: none;
    background-color: #f9f9f9;
    font-weight: bold;
    border: 1px solid #808080;
}

.textFieldAd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #0074e8;
    text-decoration: none;
    background-color: #f9f9f9;
    border: 1px solid #808080;
}

.textFieldAdTxt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #666666;
}

.boutonsAd {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: #CCCCCC;
    text-decoration: none;
    background-color: #666666;
}

.textFieldUser {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #464646;
    border-radius: 3px;
}

.boutonUserSoft {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    border: 1px solid #666666;
    background-color: #FFF;
}

.comboUser {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #666;
    margin: 2px;
    width: 98%;
    position: relative;
    float: left;
}

.fqrbFormEleBasic {
    /*font-family: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFF;
    background-color: #800000;
    border: 1px solid #FFB3B3;
    padding: 2px;
    font-weight: bold;
    width: 298px;
}

.fqrbFormEleBasicDissabled {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #666;
    background-color: #E2E2E2;
    border: 1px solid #FFB3B3;
    padding: 2px;
    font-weight: bold;
    width: 800px;
}

.fqrbFormTd {
    font-family: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #666;
    vertical-align: text-top;
    text-align: left;
}

.fqrbBigTxt {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    color: #666;
}

.fqrbDataTableTd {
    border: 1px solid #F5F5F5;
    color: #666;
    padding: 2px;
    padding-left: 6px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
}

.fqrbDataTableTdAlt {
    border: 1px solid #F5F5F5;
    color: #666;
    padding: 2px;
    font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
}

.context-menu-item:hover {
    font-family: Verdana, Geneva, Tahoma, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #CC0000;
}

.maoTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.maoTxt {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #e3dfe7;
    margin: 15px;
    padding: 5px;
}

.mvBody {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 0px solid #f3f2f5;
    margin: 15px;
    padding: 5px;
}

.mvDebug {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #C90;
    margin: 15px;
    padding: 5px;
}

.mvDebugFct {
    font-family: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #e3dfe7;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
    width: 100%;
}

.mvRegTdNoBorder {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    background-color: #FFF;
    padding: 5px;
    border: 0;
    vertical-align: top;
}

.mvRegTd {
    font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
    font-size: 10px;
    height: 100px;
    width: 80%;
    border: 1px solid #999;
    background-color: #fcfcfc;
    margin: 5px;
    padding: 5px;
}

.mvCombo {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    border: 1px solid #999;
    /*width: 80%;*/
    height: 25%;
}

.mvRetourOk {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #06C;
}

.mvRetourError {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #C33;
}


.mvTxtCenter {
    text-align: center;
}

#additionalVisaForm td {
    border: 0px;
    font-family: Verdana, Geneva, 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: Verdana, Geneva, 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;
}

.navbar a {
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    /*font-weight: bold;*/
}

.navbar ul {
    /*width: 100%;*/
}

/* 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
}

/* opr.css */
.opr_table {
	background-color: #FFFFFF;
	border: 1px solid #666666;
}

.opr_formHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #E4E1DE;
}

.opr_formTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #FFFFFF;
}

.opr_formElement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #993300;
}

.opr_fileTxtTd {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: #848eb1 1px solid;
    border-radius: 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*background: linear-gradient(to bottom, #C9D4D74D, #E9EEEF80);*/
    color: #686e83;
    font-weight: bold;
    font-size: 10px;
    width: 200px;
    background-color: #f4f4f4;
}

.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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.plan-activities div {
    padding: 5px;
}

.plan-attached-files {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 16px;*/
    color: #333333;
    /*width: 25px;*/
    text-align: center;
}

.plan-pane-buttons:hover {
    border-color: #6c6c6c;
    transition: all 0.2s;
    color: #ffffff;
    background: #496d79;
}

.plan-pane-buttons-icon {
    font-size: 16px;
    width: 25px !important;
}

.plan-pane-active-tab {
    font-weight: bold;
    background: #bbc8ccff;
}

.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: #e5e5e5;
}

.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 {
    background-color: #17a4cc;
    color: #ffffff;
    padding: 2px 2px 2px 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    border: 2px solid #000000;
}

.printTd3 {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    border: 1px solid #000000;
    text-align: center;
}

.printTd2C {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    border: 1px solid #000000;
    text-align: center;
}

.printTdFQ {
    font-family: Verdana, Arial, Helvetica, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, 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",
    "DejaVu Sans", Verdana, sans-serif;
    border-radius: 3px;
}

.z:link {
    font-family: Verdana, Arial, Helvetica, 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",
    "DejaVu Sans", Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	background-color: #F0F0F0;
}

.lign1 {
	background-color: #EBF0F3;
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
}

.qrTitres {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-image: url(img/qrEnTeteBg.jpg);
}

.qrData {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #999999;
	text-align: left;
	vertical-align: top;
}

.qrAdding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EFEFEF;
	border: 1px solid #CC0000;
	margin: 3px;
	padding: 3px;
}

.qrAddingTitre {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #F5F5F5;
	padding-left: 10px;
}

.qrReponseHead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 7px;
}

.qrDataColor {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	background-color: #FFFFFF;
}

.ch:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}

.ch:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}

.ch:hover {
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #595959;
}

.InfoStat {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #595959;
}

/* suivieMail.css */
.svmMessInfos {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
}

.svmMessHead2 {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
    background-position: left top;
    text-align: left;
    vertical-align: top;
}

.svmRedirectListHead {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #FFFFFF;
}

.svmSuivieHead {
    font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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;*/
/*}*/

/* tippy.css */
.tippy-iOS {
    cursor: pointer !important
}

.tippy-notransition {
    transition: none !important
}

.tippy-popper {
    -webkit-perspective: 700px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none;
    line-height: 1.4
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -8px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -7px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 25%;
    transform-origin: 0 25%
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -55%);
    transform: scale(1) translate(-50%, -55%);
    opacity: 1
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-50%, -45%);
    transform: scale(.2) translate(-50%, -45%);
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(60deg);
    transform: translateY(0) rotateX(60deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(.5);
    transform: translateY(0) scale(.5)
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    top: -8px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -7px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -50%;
    transform-origin: 0 -50%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -45%);
    transform: scale(1) translate(-50%, -45%);
    opacity: 1
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-50%);
    transform: scale(.2) translate(-50%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-60deg);
    transform: translateY(0) rotateX(-60deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(.5);
    transform: translateY(0) scale(.5)
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 50% 0 0 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -16px;
    -webkit-transform-origin: 33.33333333% 50%;
    transform-origin: 33.33333333% 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 8px solid #333;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-75%, -50%);
    transform: scale(.2) translate(-75%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-60deg);
    transform: translateX(0) rotateY(-60deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(.5);
    transform: translateX(0) scale(.5)
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 50% 50% 0
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -16px;
    -webkit-transform-origin: 66.66666666% 50%;
    transform-origin: 66.66666666% 50%
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 8px solid #333;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    left: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -50% 0;
    transform-origin: -50% 0
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(.2) translate(-25%, -50%);
    transform: scale(.2) translate(-25%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(60deg);
    transform: translateX(0) rotateY(60deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(.5);
    transform: translateX(0) scale(.5)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    max-width: 350px;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem
}

.tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease
}

.tippy-arrow, .tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 24px;
    height: 8px;
    fill: #333;
    pointer-events: none
}

.tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: calc(110% + 2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop + .tippy-content {
    transition-property: opacity
}

.tippy-backdrop + .tippy-content[data-state=visible] {
    opacity: 1
}

.tippy-backdrop + .tippy-content[data-state=hidden] {
    opacity: 0
}

@media (max-width: 360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

/* tippyBatiwork.css */
.tippy-tooltip.regularLight-theme .tippy-backdrop {
    background-color: #ffffff;
    /*font-weight: bold;*/
    color: #333;
}

/* If `animateFill: false` */
.tippy-tooltip.regularLight-theme {
    background-color: #ffffff;
    border: 2px solid #d4d4d4;
    border-radius: 3px;
    /*font-weight: bold;*/
    color: #333;
    width: auto;
    /*overflow: hidden;*/
}

.tippy-content.regularLight-theme {
    border-radius: 3px;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
}

.tippy-popper.regularLight-theme {
    border-radius: 3px;
    width: 500px;
}

/* 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: white;
    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: white;
    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: #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: #bcdfe5f3;*/
    background-color: #bbc8ccff;
    /*border-color: #bcdfe5f3;*/
    border-color: #bbc8ccff;
    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: #e8e8e8; */
    /* border-color: #e8e8e8; */
    /*background-color: #385b62;*/
    /*border-color: #385b62;*/
    background-color: #bbc8ccff;
    border-color: #bbc8ccff;
    border-radius: 5px;
    color: #151515;
    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:hover {
    background-color: #e8e8e8;
    outline: 1px solid #e8e8e8;
}

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 #e8e8e8;
}

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: #e8e8e8;
    outline: 1px solid #e8e8e8;
}

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: Verdana, Geneva, 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: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #FFF;
	padding: 2px;
}

.utTbodyTd {
	font-family: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Arial, Helvetica, 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: Verdana, Geneva, 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: Verdana, Geneva, 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: Verdana, Geneva, 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;
}