/* ################--------------- Default style  ---------------#################### */

* {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
body {
	font-family: 'Raleway', sans-serif !important;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #f8fafb;
	font-weight: 400;
	color: #444
}
body.iframed {
	overflow-x: hidden;
	background-COLOR: inherit;
}
ul, li, dt, dl, dd, form, img, input {
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: none;
}
span.invisible {
	visibility: hidden;
}
.starthidden {
	display: none;
}
/* separateur pour rétablir les comportements de block */
div.sep {
	font-size: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	clear: both;
}
img {
	border: 0;
}
small {
	font-family: verdana;
	font-size: 10px;
}
sup {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
.big {
	font-size: 14px;
}
.b {
	font-weight: bold;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right !important;
}
.floatright {
	position: relative;
	float: right;
}
.floatleft {
	position: relative;
	float: left;
}
.center-h {
	margin: auto;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
.top {
	vertical-align: top;
}
.relative {
	position: relative;
}
.red {
	color: red;
}
.blue {
	color: blue;
}
.green {
	color: green;
}
.yellow {
	color: yellow;
}
.deleted {
	background-color: #cf9b9b;
}
.separ {
	clear: both;
	visibility: hidden;
}
a, a:link {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #607d8b
}
a:hover {
	color: #34515e;
}
hr {
	border: 1px solid #cccccc;
}
.pointer {
	cursor: pointer;
}
.invisible {
	display: none;
}
.unselectable {
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



/* ################--------------- Tabs ---------------#################### */

.alltab {
	font-size: 14px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}



/* ################--------------- Page ---------------#################### */

#page {
	padding: 8px 8px 20px 8px;
	min-height: 80%;
	margin: 15px auto;
}
#page form {
	font-size: 12px;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}
#page .form #page {
	max-width: 1400px;
}



/* ################--------------- form ---------------#################### */

option {
	border: 1px solid #ccc;
	background-color: #ffffff;
}
.submit {
	text-align: center;
}
select {
	font-size: 11px;
	color: black;
	background-color: white;
	line-height: 19px; /* do not set height because using multiple select*/
	border: 1px solid #bbb;
}
.select2-choice {
	background: #FCFCFC !important;
	border: 1px solid #D3D3D3 !important;
}
.select2-drop {
	max-width: 500px;
	word-break: break-all;
}
.select2-dropdown-open .select2-choice {
	border: 1px solid #D3D3D3 !important;
}
.select2-arrow {
	background-color: #fff !important;
	background-image: none !important;
	border: 0 !important;
	margin-top: 0
}
.select2-container {
	margin: 5px 0 !important;
}
#s2id_dropdown_nodelegate92883821 {
	margin: 0 !important;
}
.select2-container .select2-choice {
	position: relative;
	text-overflow: clip;
	background-color: #FFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 1em;
	max-width: 270px;
	height: 26px
}
.select2-container .select2-choice:before {
	content: '\02026';
	position: absolute;
	z-index: 1;
	left: -1em;
	background-color: inherit;
	padding-left: 1em;
	margin-left: .5em;
	background-color: inherit;
	line-height: 26px;
	/*margin-top: -2px;*/
}
.select2-container .select2-choice > .select2-chosen {
	min-width: 100%;
	position: relative;
	display: inline-block;
	float: right;
	overflow: visible;
	text-indent: .5em;
	background-color: inherit;
	margin-right: 0;
	padding-right: 26px;
	box-sizing: border-box;
	margin-top: 0
}
.select2-container .select2-choice > .select2-chosen:before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 1em;
	background-color: inherit;
	z-index: 2;
	left: -.5em;
	height: 26px;
	margin-top: -2px;
}
textarea, input[type=text], input[type=password], input[type=number] {
	background-color: #FCFCFC;
	color: black;
	border: 1px solid #D3D3D3;
	font-size: 11px;
	border-radius: 3px;
	padding: 0 5px;
}
textarea:focus, input:focus {
	border: 1px solid #5897fb;
}
input {
	/*height: 17px;*/
	height: 26px;
	vertical-align: middle;
}
.no-wrap {
	white-space: nowrap;
}
.ui-datepicker-trigger {
	cursor: pointer;
}
.ui-datepicker {
	background: #F3F3F3;
}
.ui-datepicker .ui-state-default {
	background: #FFF;
}
.ui-datepicker .ui-state-active {
	background: #CCC;
}
.form-group-checkbox {
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	display: inline-block;
}
th .form-group-checkbox {
	margin: 4px auto;
}
.label-checkbox {
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: block;
}
.label-checkbox span {
	display: block;
	position: absolute;
	left: 0;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
input[type=checkbox].new_checkbox {
	display: none;
}
.label-checkbox .box {
	top: -2px;
	background-color: #E6E6E6;
	border-radius: 3px;
	height: 16px;
	width: 16px;
}
.subheader .box, th .label-checkbox .box {
	background-color: #D0D0D0;
	border: 0;
}
.label-checkbox .check {
	opacity: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	top: -1px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: 3px solid #607d8b;
    border-top: none;
    border-left: none;
}
input[type=checkbox]:checked ~ .label-checkbox .box {
	opacity: 0;
}
input[type=checkbox]:checked ~ .label-checkbox .check {
	opacity: 1;
	-webkit-transform : scale(1) rotate(45deg);
	-moz-transform : scale(1) rotate(45deg);
	transform : scale(1) rotate(45deg);
}
input[type="image"] {
	height: auto;
	background-color: transparent;
	border: 0;
}
input[type="file"] {
	height: auto;
	border: none;
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 4px;
	margin: 10px 0 0 0;
	cursor: pointer !important
}
input.submit, span.vsubmit, a.vsubmit {
	padding: 6px 20px;
	border-radius: 4px;
	cursor: pointer;
	height: auto;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background-color: #607d8b;
	border: 0;
	white-space: nowrap;
	display: inline-block;
}
input.submit:hover, span.vsubmit:hover, a.vsubmit:hover {
	/*opacity: .9;*/
	box-shadow: 0px 1px 1px #999;
	background-color: #34515e;
	color:#fff
}
input.save {
}
#page .mce-fullscreen {
	top: 105px;
}
.entity_select {
	line-height: 14px;
	padding: 8px 12px 6px 12px;
	display: block;
}
.entity_select:hover {
	color: #222 !important
}
.tree {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #C0CAD4;
}
.jstree.jstree-classic ins {
	background-image: url("../pics/d.png");
}
.treeroot {
	width: 100%;
	background: url("../pics/treeroot.png") 0 2px no-repeat;
	border: 0;
	/*margin-top:5px;*/
	font-weight: bold;
}
.tree:hover {
	background-color: #eeeeee;
}
.treeroot:hover {
	background-color: #eeeeee;
}
.pointer {
	opacity: .7;
}
.pointer:hover {
	opacity: 1;
}



/* ################--------------- Layout  ---------------#################### */

.layout_classic.form div.navigationheader, .layout_vsplit.form div.navigationheader {
	margin: 0 auto 10px;
	width: 90%;
}
.tab_cadre_postonly 
.noHover .top .central tbody .noHover .top .tab_cadrehov tbody tr th > a {
	display: block;
    line-height: 54px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    cursor: pointer !important;
    background-color: #1565c0;
    color: #fff;
}
.tab_cadrehov tbody tr th > a img {
	margin: 0 0 -6px 6px;
	background-color: #fff;
	border-radius: 100%;
	padding: 3px;
}
.tab_cadre_postonly .noHover .top .central tbody .tab_bg_2:nth-child(9) {
    display: none;
}
.search_page .tab_cadrehov tbody tr th > a {
	line-height: inherit !important;
	border-radius: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}
.layout_classic.form .main_form, .layout_vsplit.form .main_form {
	width: 950px;
	margin: 0 auto;
}
.layout_classic.form div.ui-tabs, .layout_vsplit.form div.ui-tabs {
	width: 950px;
}
.layout_classic.form div.ui-tabs-panel, .layout_vsplit.form div.ui-tabs-panel {
	padding: 1px;
}
.ui-tabs-paging-disabled {
	display: none;
}
.ui-tabs-paging-prev, .ui-tabs-paging-next {
	height: 25px;
	width: 12px;
	padding: 0 !important;
}
.layout_classic.form div.ui-tabs-panel {
	padding-top: 5px;
}
.layout_vsplit #BackToTop {
	display: none;
}
.layout_lefttab .ui-tabs, .layout_classic .ui-tabs, .layout_vsplit .ui-tabs {
	border: 0
}
.layout_lefttab .ui-tabs {
	border: 1px solid #eceff1;
	border-radius: 4px;
	box-shadow: none;
}
.ui-tabs {
	background-color: #fff;
    box-shadow: none;
    width: 90%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}
.ui-tabs-anchor {
	height: auto;
}
.ui-tabs sup.tab_nb {
	border-radius: 50%;
    background-color: #8eacbb;
    min-width: 18px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    display: inline-block;
    color: #fff;
    font-size: 10px;
    margin: 0;
}
.layout_lefttab .ui-tabs sup.tab_nb {
	position: absolute;
    right: 14px;
    top: 7px;
}
.ui-tabs .alltab sup.tab_nb {
	position: relative;
	top: 0;
	right: 0;
	background-color: #F1F1F1;
}
.ui-tabs .ui-state-active sup.tab_nb {
	background-color: #34515e;
}
.layout_vsplit.form .ui-tabs {
	height: 100%;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.debug .ui-tabs-nav, .layout_lefttab .ui-tabs-nav {
	box-sizing: border-box;
}
.layout_classic.form .stNavMain li, .layout_vsplit.form .stNavMain li {
	border: 1px solid #d3d3d3 !important;
	border-bottom: none !important;
}
.main_form {
	background-color: #FFF;
	box-shadow: 0px 1px 2px 1px #D2D2D2;
}
.main_form .actor_title, .main_form tr:not(.headerRow):not(.footerRow) th:not(.actor-th) {
	text-align: right;
}
.main_form tr.headerRow th {
	border-bottom: 1px solid #EFEFEF;
	font-size: 1.5em;
	padding: 8px 0;
}
.layout_lefttab .new_form_tabs .ui-tabs-nav {
	width: 100%;
	border-right: 0;
    border-bottom: 1px solid #ddd;
}
.layout_lefttab .new_form_tabs .ui-tabs-panel {
	margin: 0;
	clear: both;
}



/* ################--------------- Table ---------------#################### */

table {
	font-size: 11px;
	border: 0;
}
th {
}
td {
}
.tab_glpi {
	margin: 0 auto;
}
.tab_cadre {
	margin: 0 auto;
	z-index: 1;
	text-align: left;
	font-size: 11px;
	background-color: #ffffff;
	border-spacing: 0;
	box-shadow: /*0px 1px 2px 1px #999;*/ none;
	border: 1px solid #ddd;
	border-radius: 4px
}
.tab_cadre_central {
	margin: 0 auto;
	z-index: 1;
	text-align: left;
	font-size: 11px;
	width: 90%;
}
.tab_cadre_postonly {
	margin: 0 auto;
	z-index: 1;
	text-align: left;
	font-size: 11px;
	width: 80%;
}
.tab_cadre_navigation {
	margin: 0 auto;
	padding: 4px;
	margin: 1px;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	border-radius: 5px;
	font-size : 12px;
	font-weight: bold;
}
.tab_cadre_fixe, .tab_cadre_fixehov {
	margin: 0px auto 10px auto;
	background: #FFF;
	z-index: 1;
	text-align: left;
	font-size: 11px;
	max-width: 950px;
	width: 100%;
	border-spacing: 0;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #ddd
}
.tab_cadre_fixehov {
	box-shadow: 0px 1px 2px 1px #999;
}
.ui-tabs .tab_cadre_fixehov {
	box-shadow: inherit;
}
.tab_cadre_fixe img {
	vertical-align: middle;
}
.tab_cadrehov {
	margin: 10px auto;
	border: 0;
	text-align: left;
	font-size: 11px;
	width: 95%;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-spacing: 0;
}
.tab_cadre th, .tab_cadre_fixe th, .tab_cadre_fixehov th, .tab_cadrehov th {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	padding: 2px;
	border-radius: 0;
	margin: 0;
	font-size: 1.1em;
	color: #000;
	padding: 10px 5px;
	background-color: #eceff1
}
.tab_cadre_fixe th {
	color: #373640;
	background-color: #eceff1
}
.tab_spaced {
	border-collapse: separate;
	border-spacing: 3px;
}
.tab_cadre_fixehov th, .tab_cadrehov th {
	background-color: #eceff1;
	color: #2E2E2E;
	font-size: 11px;
}
.tab_cadre_fixehov td, .tab_cadrehov td {
	padding: 8px 5px;
}
.tab_cadre td, .tab_cadre_fixe td {
	padding: 5px;
}
.tab_cadre td, .tab_cadre_fixehov td, .tab_cadrehov td {
	border-bottom: 1px solid #EEE;
}

/* Table Hover Effects */

.tab_format {
	padding: 0px;
	width: 100%;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}
.tabcompact {
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}
.tab_format td {
	padding: 1px;
	margin: 0px;
}
.tab_bg_1 {
	background-color: #FFF;
}
.tab_bg_1_2 {
	background-color: #cf9b9b;
}
.tab_bg_2 {
	background-color: #FFF;
}
.tab_bg_2_2 {
	background-color: #cf9b9b;
}
.tab_bg_3 {
	background-color: #e7e7e2;
}
.tab_bg_4 {
	background-color: #EBEBEB;
}
.tab_bg_5 {
	background-color: #f2f2f2;
}
.tab_resa {
	border: 1px dashed #cccccc;
	background-color: #d7d7d2;
	font-size: 10px
}
.tab_resa:hover {
	background-color: #ffffff;
	border: 1px dotted #000000;
}
.tab_date {
	white-space: nowrap;
}
.central {
	width: 100%;
}
.central table {
	margin-bottom: 5px;
}
.central .tab_cadre_fixehov th, .central .tab_cadrehov th {
	/*background-color: #F1F0F0;*/
	background-color: #eceff1;
}
div.rss {
	margin-left: 10px;
}
td.numeric {
	text-align: right;
}
td.htmltable_upper_separation_cell {
	border-top: dashed 1px #a0a0a0;
}
td.nopadding {
	padding: 0;
}
td.subheader {
	background-color: #EEEEEE;
	text-align: center;
	font-weight: bold;
}
td.rotate {
	-moz-transform: rotate(-70.0deg);  /* FF3.5+ */
	-o-transform: rotate(-70.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-70.0deg);  /* Saf3.1+, Chrome */
	-ms-transform: rotate(-70deg); /* IE 9 */
	width: 10%;
	height: 80px;
	<!-- [if lte IE 7]>  filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */<![endif] -->
	<!-- [if lte IE 8]>  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */ <![endif]-->
}
.order_DESC:before {
	content: "\25bc";
	color: #B3B3B3;
	font-size: 0.8em;
	padding-right: 5px;
	vertical-align: 1px;
}
.order_ASC:before {
	content: "\25b2";
	color: #B3B3B3;
	font-size: 0.8em;
	padding-right: 5px;
	vertical-align: 1px;
}
.tab_actors {
	display: table;
}
.actor_title {
	width: 13%;
	float: left;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	font-size: 1.1em;
	padding: 3px 5px;
	background-color: #eceff1	
}
.actor-bloc {
	width: 29%;
}
.actor_title, .actor-bloc {
	display: table-cell;
	float: none;
	vertical-align: top;
}
.actor-head {
	background-color: #F1F1F1;
	margin: 0 0 0 5px;
	padding: 4px 0;
	height: 16px;
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
}
.actor-content {
	margin: 10px 15px;
	padding: 4px 0;
}
.actor_row {
	margin-bottom: 8px;
}
.tab_actors hr {
	border: 0;
}
.add-observer {
	display: block;
}
.actor_single {
	border-top: 1px dashed #AAA;
	padding: 15px 0 8px 0;
	margin-top: 8px;
	background-color: #F5F5F5;
}
.actor_single.first-actor {
	padding-left: 10px;
}
.actor_clear {
	clear: both;
}



/* ################--------------- Pager  ---------------#################### */

.tab_cadre_pager {
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	width: 950px;
	border-collapse: collapse;
	margin-top: 15px;
}
.tab_cadre_pager tr, .tab_cadre_pager td {
	background-color: inherit;
}
#searchcriterias .tab_cadre_fixe {
	margin-top: 10px;
	background-color: #FFF;
	width: 80%;
}
#searchcriterias .tab_bg_1 {
	background-color: inherit;
}
#searchcriterias .switch {
	opacity: .7;
}
#searchcriterias .switch:hover {
	opacity: 1;
}
.tab_cadre_pager select, .tab_cadre_pager span, .tab_cadre_pager form {
	font-size: 10px;
	margin: 0;
}
.tab_cadre_pager input {
	vertical-align: middle;
}
.tab_cadre_pager th {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.navigationheader {
	margin: 10px auto;
}
.navigationheader .big {
	font-size: 16px;
}
.tab_cadre_pager .pager_controls img {
	padding-right: 10px;
	vertical-align: middle;
}



/* ################--------------- Tracking  / Reminder ---------------#################### */

.showplan {
	font-weight: bold;
	text-decoration: none;
	color : #4A8865;
	cursor: pointer;
}



/* ################--------------- User Picture ---------------#################### */

.qtip {
	max-width: 380px !important;
}
.tooltip {
	font-size: 11px !important;
}
.tooltip:contains(img) {
	white-space: nowrap;
	height: 100px !important;
	border: 10px solid red;
}
.tooltip_picture_border {
	padding: 2px;
	border-radius: 51px;
	border: 5px inset #D0D99D;
	_border: 3px solid #D0D99D;
	width: 72px;
	height: 72px;
	position: absolute;
}
.tooltip_picture {
	width: 71px;
	height: 71px;
	border-radius: 50px;
}
.tooltip_text {
	margin-left: 90px;
	min-height: 85px;
}
.user_picture_border {
	padding: 2px;
	border-radius: 6px;
	border: 5px inset #D0D99D;
	width: 232px;
	height: 232px;
	margin-right: 5px;
	background-color: #FFF
}
.user_picture {
	margin: 0 auto;
	width: 230px;
	height: 230px;
	border-radius: 5px;
}
.user_picture_border_small {
	padding: 0;
    border-radius: 100%;
    /* border: 3px inset #D0D99D; */
    width: 60px;
    height: 60px;
    margin: 0 5px 0 0;
    background-color: #eceff1;
}
.user_picture_small {
	margin: 0 auto;
	width: 60px;
	height: 60px;
	border-radius: 100%;
}
.user_picture_verysmall {
	margin: 0 auto;
	width: 35px;
	height: 35px;
	border-radius: 5px;
}



/* ################--------------- Space to replace &nbsp; ---------------#################### */

/* 2 space */
.very_small_space {
	margin-left: 15px;
}

/* 5 spaces */
.small_space {
	margin-left: 38px;
}

/* 10 spaces */
.medium_space {
	margin-left: 120px;
}

/* 20 spaces */
.big_space {
	margin-left: 250px;
}



/* ################--------------- Espacement des blocs ---------------#################### */

.spaced {
	margin-bottom: 15px;
}
.firstbloc {
	margin-bottom: 20px;
}



/* ################--------------- Calendrier / reservation ---------------#################### */

.calendrier {
	vertical-align: middle;
}
.calendrier:hover {
	cursor: pointer;
}
.calendrier_mois {
	font-size: 10px;
}
.calendrier_jour {
	font-size: 14px;
	color: black;
}
.calendrier_case1 {
	margin-left: 10px;
	padding: 2px;
	border-radius: 5px;
	margin-top: 2px;
	border: 1px solid #666666;
	background-color: white;
}
.calendrier_case2 {
	margin-left: 10px;
	padding: 2px;
	border-radius: 5px;
	margin-top: 2px;
	border: 1px solid #cccccc;
	background-color: #eeeeee
}
.calendrier_case_white {
	background-color: #ffffff;
}



/* ################--------------- Knowledge FAQ  ---------------#################### */

#contenukb {
	height: 100%;
	width: 600px;
	margin: 0 auto;
}
#contenukb legend {
	font-weight: bold;
}
#contenukb fieldset {
	background-color: #eeeeee;
	border: 1px solid #FFC65D;
	border-radius: 8px;
	padding-bottom: 10px;
	width: 600px;
}
#contenukb textarea {
	width: 550px;
}
#kbanswer ul {
	padding-left: 15px;
	list-style-type: circle;
}
#kbanswer ol {
	padding-left: 15px;
	list-style-type: decimal;
}
#kbanswer p {
	margin: 1.12em 0
}
#kbanswer h1 {
	font-size: 2em;
	margin: .67em 0
}
#kbanswer h2 {
	font-size: 1.5em;
	margin: .75em 0;
	font-weight: bolder;
}
#kbanswer h3 {
	font-size: 1.17em;
	margin: .83em 0;
	font-weight: bolder;
}
#kbanswer h4 {
	margin: 1.12em 0;
	font-weight: bolder;
}
#kbanswer h5 {
	font-size: .83em;
	margin: 1.5em 0;
	font-weight: bolder;
}
#kbanswer h6 {
	font-size: .75em;
	margin: 1.67em 0;
	font-weight: bolder;
}
#kbanswer address {
	font-style: italic;
}
#kbanswer pre {
	font-family: monospace;
	white-space: pre;
}
.tdkb_result {
	vertical-align: top;
	text-align: left;
	width: 33%;
	padding: 3px 20px 3px 25px;
}
.kb {
	text-align: left;
	padding-top: 5px;
}
.kb_resume {
	text-align: left;
	font-size: 9px;
	line-height: 10px;
	clear: both;
	padding: 5px 0 10px 25px;
}
.tdkb {
	text-align: left;
	font-size: 10px;
	color: #aaaaaa;
}
.baskb {
	position: relative;
	text-align: left;
	font-size: 10px;
	color: #aaaaaa;
}
.baskb_right {
	position: absolute;
	right: 0;
	margin-right: 5px;
}
.code {
	width: 95%;
	border: dotted 2px #ccc;
}
a.knowbase {
	margin-left: 8px;
}
a.pubfaq {
	padding-left: 8px;
	border-left: 5px solid #c9993C !important;
}
a.pubfaq:hover {
	color: black;
}
a.icon_nav_move img {
	padding: 4px;
	margin: 1px;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	border-radius: 5px;
}
a.icon_nav_move:hover img {
	padding: 4px;
	margin: 1px;
	border: 1px solid #999999;
	background-color: #e4e4e4;
	border-radius: 5px;
}



/* ################--------------- File upload  ---------------#################### */

.fileupload {
	text-align: center;
	border: 1px dashed #cccccc;
	min-height: 65px;
	background-color: #fff;
	border-radius: 5px;
	max-width: 950px;
	padding: 14px 0 10px 0;
}



/* ################--------------- planning  ---------------#################### */

#planning_filter {
	float: left;
	text-align: left;
	margin-right: 10px;
}
#planning_filter_content {
	width: 300px;
}
#planning_filter .toggle {
	float: right;
	margin: 8px 8px 0 0;
	height: 18px;
	width: 18px;
	display: block;
	background: url(../pics/toggle-left.png) no-repeat;
}
#planning_filter.folded .toggle {
	background: url(../pics/toggle-right.png) no-repeat;
}
#planning_filter h3 {
	background: #e6e6e6;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-weight: normal;
	line-height: 1.3;
	font-size: 13px;
}
#planning_filter ul.filters {
	border: 0;
	padding: 5px;
}
#planning_filter ul.filters > li {
	clear: both;
	padding: 5px 0 5px 5px;
}
#planning_filter ul.filters > li:nth-child(even) {
	background-color: #F3F3F3;
}
#planning_filter ul.filters > li .form-group-checkbox {
	margin-right: 6px;
}
#planning_filter ul.filters > li .actor_icon {
	padding-bottom: 2px;
	vertical-align: middle;
}
#planning_filter ul.filters > li label {
	padding-left: 4px;
	line-height: 16px;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
}
#planning_filter ul.filters > li .filter-icon, #planning_filter ul.filters > li .sp-replacer {
	float: right;
	padding: 0;
	border: none;
}
#planning_filter ul.filters > li .sp-replacer .sp-preview {
	margin-right: 0;
	border: none;
}
#planning_filter ul.filters > li .sp-replacer .sp-dd {
	display: none;
}
#planning_filter ul.filters > li.group_users .toggle {
	width: 14px;
	height: 14px;
	background: url(../pics/expand.png) no-repeat;
	display: inline-block;
	margin: 0 4px 2px 0;
	vertical-align: middle;
	float: right;
}
#planning_filter ul.filters > li.group_users.expanded .toggle {
	background: url(../pics/collapse.png) no-repeat;
}
#planning_filter ul.filters > li.group_users ul.group_listofusers {
	border-left: 1px dashed #D4D4D4;
	margin: 6px 0 0 6px;
	padding: 0;
	display: none;
}
#planning_filter ul.filters > li.group_users.expanded ul.group_listofusers {
	display: block;
}
#planning_filter .planning_link {
	text-align: center;
	display: block;
}
#planning_filter .planning_add_filter {
	float: right;
	margin-right: 3px;
}
#planning_filter .filter_option {
	float: right;
	width: 12px;
	height: 12px;
	margin: 3px 2px;
	display: inline-block;
	position: relative;
	left: 0;
}
#planning_filter .filter_option > img {
	z-index: 1;
}
#planning_filter .filter_option ul {
	display: none;
	position: absolute;
	background: #FFF repeat-x top left;
	box-shadow: 0px 1px 1px #7F7979;
	padding: 5px;
	z-index: 2;
	left: auto;
	right: 0;
	top: 15px;
	margin-right: -10px;
	width: 140px;
	text-align: right;
}
#planning_filter .filter_option ul li {
	padding: 5px;
	cursor: pointer;
	font-size: 13px;
}
#planning_filter .filter_option ul li:hover {
	background-color: #EAEAEA;
}
#planning_filter .filter_option ul li a {
	color: inherit;
	font-size: 13px;
	font-weight: normal;
}
.planning_on_central .ui-widget-content {
	border: none;
}
.planning_on_central .fc-head {
	display: none;
}
#planning {
	width: auto;
	overflow: hidden;
}
#planning .fc-toolbar h2 {
	font-size: 1.2em;
}
#planning .fc-toolbar h2 .ui-datepicker-trigger {
	margin-left: 4px;
}
#planning .event_past .ui-widget-content, #planning .event_past .ui-widget-content a {
	color: #CCCCCC;
}
#planning .event_past.event_todo .ui-widget-content, #planning .event_past.event_todo .ui-widget-content a {
	/*color: #FF0000;*/
	color: #1565c0
}
#planning .event_today.event_todo .ui-widget-content, #planning .event_today.event_todo .ui-widget-content a {
	color: #FFA100;
}
#planning .fc-event {
	font-weight: normal;
}
#planning .fc-event .fc-content {
	margin-right: 8px;
}
#planning .fc-event .fc-time {
	overflow: hidden;
}
#planning .fc-event .fc-title {
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow : ellipsis;
}
#planning .fc-event .content {
	font-weight: normal;
	padding: 0 7px 0 2px;
	overflow: hidden;
	text-overflow : ellipsis;
}
#planning .fc-event .content .event-description {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 2px;
	padding-top: 2px;
}
#planning .fc-event .content .event-description p {
	margin: 0;
}
#planning .fc-event .event_type {
	position: absolute;
	width: 7px;
	bottom: 0;
	top: 0;
	right: 0;
}
#planning .fc-list-item-title .event_type {
	height: 12px;
	width: 6px;
	margin-right: 3px;
	display: inline-block
}
#planning .event_past .fc-list-item-title .event_type {
	opacity: .5;
}
#planning .planning-select-helper {
	border: 2px solid #3B8CBE;
	background-color: rgba(59, 140, 190, .5);
}
#planning .fc-day-grid-event .fc-resizer {
	width: 10px;
}
#planning .fc-time-grid-event .fc-resizer {
	height: 10px;
}
/* for checkavailable */
.planning {
	text-align: center;
	border: 1px dashed #cccccc;
	background-color: #d7d7d2;
	font-size: 9px;
}
.planning:hover {
	border: 1px solid #999999;
	background-color: white;
}
.available {
	background-color: green;
}
.notavailable {
	background-color: red;
}
.partialavailableend {
	background-image: -webkit-linear-gradient(left, red 50%, green 0%);
	background-image: -moz-linear-gradient(left, red 50%, green 0%);
	background-image: -ms-linear-gradient(left, red 50%, green 0%);
	background-image: -o-linear-gradient(left, red 50%, green 0%);
	background-image: linear-gradient(left, red 50%, green 0%);
}
.partialavailablebegin {
	background-image: -webkit-linear-gradient(left, green 50%, red 0%);
	background-image: -moz-linear-gradient(left, green 50%, red 0%);
	background-image: -ms-linear-gradient(left, green 50%, red 0%);
	background-image: -o-linear-gradient(left, green 50%, red 0%);
	background-image: linear-gradient(left, green 50%, red 0%);
}



/* ################--------------- Menu navigation  ---------------#################### */

#menu_navigate {
	margin: auto;
	z-index: 1;
	font-size: 10px;
	width: 900px;
}
#menu_navigate li {
	margin-left: 2px;
	display: block;
	float: left;
	padding: 2px;
}
#menu_navigate li.info {
	margin-left: 2px;
	display: block;
	float: left;
	font-size: 12px;
	padding: 2px;
}
#tabcontent {
	width: 950px;
	text-align: center;
	margin: 0 auto;
}



/* ################--------------- Notepad  ---------------#################### */

.boxnote {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	border-radius: 10px;
	background: #e7e7e2;
	margin-bottom: 5px;
	position: relative;
	overflow: auto;
	font-size: 11px;
}
.boxnoteleft {
	float: left;
	width: 10%;
	min-height: 40px;
	height: 100%;
	padding: 4px;
}
.boxnotecontent {
	float: left;
	padding: 1px;
	padding: 5px 0 5px 0;
	width: 75%;
}
.boxnoteright {
	float: right;
	width: 10%;
	min-height: 40px;
	padding: 1px;
	vertical-align: middle;
}
.boxnotefloatright {
	float: right;
	position: relative;
	padding-left: 20px;
	padding-bottom: 5px;
}
.boxnotetext {
	padding: 5px;
}
.bytech {
	background: #f2f2f2;
}
.byuser {
	background: #e7e7e2;
}



/* ################--------------- box (redirect and other) ---------------#################### */

.ui-widget-content.message_after_redirect {
	color: #393939;
	font-size: 11px;
	background: #CDE4CB;
}
.message_after_redirect h3 {
	font-size: 11px;
	font-weight: bold;
	zoom: 1;
}

/* ERROR messages */
.ui-widget-content.message_after_redirect.err_msg {
	background-color: #ff9999;
}
.message_after_redirect.err_msg div.ui-widget-header {
	color: white;
	background: rgba(255, 0, 0, .8);
	border-color: rgba(255, 0, 0, 0.8);
}

/* WARNING messages */
.ui-widget-content.message_after_redirect.warn_msg {
	background-color: #ffdb99;
}
.message_after_redirect.warn_msg div.ui-widget-header {
	color: white;
	background: rgba(255, 165, 0, .8);
	border-color: rgba(255, 165, 0, 0.8);
}

/* INFO messages */
.ui-widget-content.message_after_redirect.info_msg {
	background-color: #a3abc0;
}
.message_after_redirect.info_msg div.ui-widget-header {
	color: white;
	background: rgba(27, 47, 98, .8);
	border-color: rgba(27, 47, 98, 0.8);
}



/* ################--------------- Login Null Header  ---------------#################### */

.bodyLogin {
}
#msgNovitRq {
	position: absolute;
	bottom: 50%;
	left: 40%;
	width: 297px;
	margin: 0 0 -60px 30px;
	padding: 0;
}
#firstboxlogin {
	position: relative;
    top: 0;
    padding: 60px 0;
    margin: 40px 10%;
    height: auto;
    width: 80%;
    border-radius: 10px;
    box-shadow: 0px 6px 25px -5px rgba(0,0,0,.2);
    background-color: #fff !important;
}
#logo_login {
	background-image: url(http://solicitudesdtipucp.novit.pe/img/logo-pucp-login.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    width: 200px;
    background-size: contain;
    height: 57px;
    padding: 0;
    margin: 0 auto;
}
#display-login {
	display: none
}
#text-login {
	width: 190px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    text-align: center;
    overflow-x: hidden;
    font-weight: bold;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0;
    margin: 22px auto 24px auto;
}
#boxlogin {
	padding: 0;
	bottom: 0;
	width: 100%;
}
#boxlogin .login_input {
	position: relative;
	margin: 4px auto;
	width: 240px;
}
#boxlogin input[type=text], #boxlogin input[type=password] {
	width: 100%;
	height: auto;
	display: block;
	border: none;
	padding: 0 0 0 40px;
	font-size: 14px;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #fff;
	font-weight: normal;
	color: #000;
	line-height: 36px;
	margin: 0;
	box-shadow: 0 0 0px 1px #ddd inset !important;
}
#boxlogin input[type=text]:focus, #boxlogin input[type=password]:focus {
	box-shadow: 0 0 0px 1px #607d8b inset !important;
}
 #boxlogin input:-webkit-autofill {
 box-shadow: 0 0 0px 1px #ddd inset;
}
 #boxlogin input:-webkit-autofill:focus {
 box-shadow: 0 0 0px 1px #rgba(0, 0, 0, .25) inset;
}
#boxlogin .login_img {
	position: absolute;
	content: '';
	width: 22px;
	height: 22px;
	left: 7px;
	top: 7px;
}
#boxlogin #login_name ~ .login_img {
	background: url(../pics/login_user.png) no-repeat 3% 50%;
}
#boxlogin #login_password ~ .login_img {
	background: url(../pics/login_password.png) no-repeat 3% 50%;
}
#boxlogin input.submit {
	width: 100%;
    height: 36px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #1565c0;
    padding: 0;
    margin: 8px 0 0 0;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
}
#boxlogin input.submit:hover {
	background-color: #1565c0 ;
	color: #fff;
}
#boxlogin #forget {
	margin: 32px 0 12px -100px;
    width: 200px;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    position: relative;
    font-size: 12px;
    cursor: pointer !important;
    left: 50%;
	font-size: 12px;
}
#boxlogin #forget:hover {
	text-decoration: underline
}
#box-faq {
	padding: 0;
    text-align: center;
    margin: 12px auto 0 auto;
    position: relative;
    width: 202px;
    overflow: auto;
    height: 14px;
}
#box-faq a {
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    margin: 0 0 0 -6px;
}
#box-faq a:hover {
	text-decoration: underline
}
.sous_logo {
	font-size: 9px;
	color: #eeeeee;
	text-decoration: none;
}
.error {
	color: #fb1e29;
    margin: 0;
    padding: 0;
    text-align: center;
}
#footer-login {
	position: absolute;
    right: 0;
    bottom: 0;
    height: 45px;
    font-size: 10px;
    width: 100%;
    font-weight: 500;
    border-top: 1px solid #ddd;
    line-height: 45px;
    text-align: right;
}
#footer-login a {
	font-size: 10px !important;
    line-height: 20px !important;
    font-weight: bold !important;
    margin: 0 14px 0 0;
}



/* ################--------------- Header / menu  ---------------#################### */

#header {
	height: auto;
	position: relative;
	margin: 50px 0 0 0;
}
#header #header_top {
	width: 100%;
	height: 50px;
	padding: 0;
	position: fixed;
	top: 0;
	z-index: 100;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,.28);
	box-shadow: 0 0 16px rgba(0,0,0,.28);
}
#c_preference {
	height: 50px;
	text-align: right;
	margin: 0;
	top: 0;
	font-size: 0.9em;
	display: inline-block;
	float: right;
}
#c_preference ul {
	list-style: none;
}
#c_preference ul li {
	float: right;
	margin: 0;
	display: inline-block;
}
#c_preference ul li:hover {
	background-color: rgba(0,0,0,.2);
	cursor: pointer
}
#c_preference #logout_icon {
	background: url("../pics/logout.png") center center no-repeat;
	display: inline-block;
	width: 22px;
	height: 22px;
}
#c_preference #bookmark_icon {
	background: url("../pics/bookmark.png") center center no-repeat;
	display: inline-block;
	width: 22px;
	height: 22px;
}
#help_link, #language_link {
	display: none !important
}
#c_preference #help_icon {
	background: url("../pics/help.png") center center no-repeat;
	display: inline-block;
	width: 22px;
	height: 22px;
}
#c_preference #preferences_icon {
	background: url(../pics/cuenta-n.png) center center no-repeat;
	display: inline-block;
	width: 22px;
	height: 22px;
	float: left;
	clear: right
}
#c_preference a {
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	width: 22px;
	height: 22px;
	padding: 14px;
	cursor: pointer;
}
#c_preference #preferences_link a {
	width: auto;
	padding: 14px;
	height: auto;
}
#c_recherche {
	position: relative;
}
#c_recherche :after {
	width: 22px;
	height: 22px;
	content: '';
	display: block;
	background-image: url(../pics/search.png);
	position: absolute;
	top: 14px;
	right: 20px;
	background-size: contain;
}
#c_recherche:hover {
	background-color: transparent !important;
	cursor: default !important
}
#c_recherche form #champRecherche input {
	border: none;
	height: 34px;
	width: 190px;
	padding: 0 10px;
	font-family: 'Bitstream Vera Sans', Verdana, Tahoma, 'Sans serif';
	font-size: 12px;
	border-radius: 3px;
	position: relative;
	margin: 8px 10px 0 0;
	background-color: rgba(255,255,255,.2);
    color: #fff;
}
#c_recherche ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: rgba(255,255,255,.8);
}
#c_recherche ::-moz-placeholder { /* Firefox 19+ */
 color: rgba(255,255,255,.8);
}
#c_recherche :-ms-input-placeholder { /* IE 10+ */
 color: rgba(255,255,255,.8);
}
#c_recherche :-moz-placeholder { /* Firefox 18- */
 color: rgba(255,255,255,.8);
}
#myname {
	margin: 0 0 0 4px;
	line-height: 22px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
#preferences_link:hover #myname {
	text-decoration: underline;
}
#c_menu {
	height: 50px;
	text-align: center;
	padding: 0;
	position: fixed;
	margin: 0;
	top: 0;
	/*left: 148px;*/
	left: 160px;
	z-index: 100;
}
#c_menu #menu #menu2 .ssmenu li {
	display: none
}
#c_menu #menu #menu2 .ssmenu li:nth-child(1), #c_menu #menu #menu2 .ssmenu li:nth-child(2){
	display: block
}
#c_menu #menu #menu3 .ssmenu li:nth-child(1), #c_menu #menu #menu3 .ssmenu li:nth-child(2), #c_menu #menu #menu3 .ssmenu li:nth-child(4){
	display: none
}
#c_menu #menu #menu6 .ssmenu li:nth-child(1){
	display: block
}
#c_menu ul#menu {
	height: 50px;
	list-style: none;
	padding: 0;
	font-size: 12px;
	box-sizing: border-box;
	margin: 0;
	display: inline-block;
	float: left;
}
ul#menu a.itemP, ul#menu a.itemP1 {
	display: block;
	height: auto;
	width: auto;
	line-height: 50px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	white-space: nowrap;
	margin: 0;
	padding: 0 12px;
	color: #fff !important
}
#c_menu ul#menu li ul.ssmenu {
	background: #fff;
	display: none;
	margin: -6px 0 0 -6px;
	border-radius: 4px;
	box-shadow: 0px 2px 2px 1px rgba(0,0,0,.12);
	position: absolute;
	width: 160px;
	z-index: 200;
	padding: 6px
}
#c_menu ul#menu li ul.ssmenu li {
	list-style: none;
	text-align: left;
	line-height: inherit;
	font-size: inherit;
}
#c_menu ul#menu li ul.ssmenu li:last-child {
	border-bottom: 0px;
}
#c_menu ul#menu li ul.ssmenu li a {
	text-decoration: none;
	font-weight: normal;
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 10px;
	border-radius: 4px;
}
#c_menu ul#menu li ul.ssmenu li a:hover {
	background-color: #1565c0;
    color: #FFF;
}
ul#menu > li.active > a {
	font-weight: bold;
}
ul.ssmenu li.active{
}
ul.ssmenu li.active a{
	background-color: #f2f2f2;
    color: #444444;
	border-radius: 4px;
	font-weight: bold
}
#menu_all_button {
	float: left;
	width: 22px;
	height: 22px;
	margin: 0;
	padding: 14px;
	display: none;
	background: url(../pics/menu_all.png) center center no-repeat;
}
.button-icon:hover {
	opacity: 1;
}
ul#menu > li {
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative
}
ul#menu > li:hover {
	background-color: rgba(0,0,0,.2);
}
#header #c_logo {
	position: absolute;
    z-index: 1000;
    width: 120px;
    height: 34px;
    padding: 0;
    float: left;
    background-image: url(../img/logo-pucp-login.png);
    margin: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
    border-right: 14px solid #fff;
    border-left: 14px solid #fff;
}
#header #c_logo a {
	display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 8px 14px;
    margin: -8px 0 0 -14px;
}
#c_ssmenu1 {
	background: #D0D99D;
	height: 24px;
	clear: both;
	font-size: 0.8em;
}
#c_ssmenu1 ul {
	position: relative;
	top: 4px;
	left: 0px;
	list-style: none;
}
#c_ssmenu1 ul li {
	float: left;
	padding: 0 10px;
}
#c_ssmenu1 ul li a {
	text-decoration: none;
	color: #666;
}
#c_ssmenu1 ul li a:hover {
	text-decoration: underline;
}
#c_ssmenu2 {
	min-height: 28px;
	padding: 0;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,.15);
	box-shadow: 0 0 16px rgba(0,0,0,.15);
}
#c_ssmenu2 ul {
	left: 0;
	list-style: none;
	height: auto
}
#c_ssmenu2 ul li {
	float: left;
	height: 28px;
}
#c_ssmenu2 ul li a {
}
#c_ssmenu2 ul li a:hover {
}
#c_ssmenu2 a.here {
	font-size: 11px;
	color: #34515e;
}
.breadcrumb_item {
	height: 28px;
	position: relative;
	padding: 0 0 0 12px;
}
#c_ssmenu2 ul .breadcrumb_item:first-child {
	padding: 0
}
.breadcrumb_item:before {
	left: 3px;
	top: 9px;
	content: ">";
	height: 0;
	font-weight: 600;
	width: 0;
	position: absolute;
	font-size: 11px;
	margin: 0;
	color: #607d8b;
	z-index: 20;
	width: 6px;
	height: 10px;
	line-height: 10px;
}
#c_ssmenu2 ul .breadcrumb_item:first-child::before {
	display: none
}
#c_ssmenu2 ul .breadcrumb_item:nth-child(3) {
	background-color: transparent !important
}
.breadcrumb_item:after {
	left: 100%;
	top: 0;
	content: ">";
	height: 0;
	width: 0;
	position: absolute;
	margin-top: -14px;
	z-index: 20;
	margin: 0;
	display: none
}
#c_ssmenu2 ul .breadcrumb_item a {
	text-decoration: none;
	line-height: 14px;
	padding: 8px 12px 6px 12px;
	display: block;
}
.icons_block {
	margin: 0 0 0 5px;
	height: 28px;
	float: inherit !important;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	z-index: 40;
}
.icons_block a{
	display: none
}
.icons_block span {
	padding: 0;
	min-width: 20px;
	display: inline-block;
	line-height: 28px;
}
.icons_block span a {
	display: block;
	height: 28px;
	width: auto;
	padding: 0;
	margin: 0 5px;
	text-align: center;
}
.icons_block span a img {
	margin: 5px 0
}
.icons_block span img {
	display: block;
	width: auto;
	padding: 0;
	margin: 5px;
	text-align: center;
}
#show_all_menu {
	font-size: 11px;
	text-align: left;
	min-width: 150px;
	column-count: 3;
	-moz-column-count: 3;
}
#show_all_menu .all_menu_block {
	width: 100%;
	padding-bottom: 20px;
	break-inside: avoid-column;
}
#show_all_menu .tab_bg_1 {
	background: #D4D4D4;
	border-radius: 3px;
	font-size: 12px;
}
#show_all_menu a {
	display: inline-block;
	padding: 2px;
	border-radius: 3px;
}
#show_all_menu .tab_bg_1 a {
	color: #000000!important;
}
#show_all_menu .tab_bg_1 a:hover {
	background: transparent;
}
.profile-selector {
	padding: 0;
	/*max-width: 95px;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	float: right !important;
	height: 28px;
	z-index: 40;
	position: relative;
}
.profile-selector .select2-container {
	max-width: 90px;
	margin: 2px 10px !important;
}
.profile-selector .select2-container a {
	height: 22px !important
}


/* ################--------------- Footer  ---------------#################### */

#footer {
	font-size: 9px;
	background-color: #f8fafb;
	border-top: 1px solid #ddd;
	height: 20px;
	padding: 10px 15px 15px 15px;
}
a.copyright {
	font-size: 10px !important;
    line-height: 20px !important;
    font-weight: bold !important;
}	
a.copyright:hover {
	color: #f44336
}



/* ################--------------- DB Slave---------------#################### */

#dbslave-float {
	top: 0px;
	left: 300px;
	position: absolute;
	z-index: 100;
}
#dbslave-float a {
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 1px .5em;
	font-size: 10px;
	font-weight: bold;
	background-color: #fff;
	color: blue;
}



/* ################--------------- Debug  ---------------#################### */

#debug-float {
	top: 0px;
	left: 80px;
	position: absolute;
	z-index: 100;
}
#maintenance-float {
	top: 0px;
	left: 280px;
	position: absolute;
	z-index: 100;
}
#debug-float a, #maintenance-float a {
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 1px .5em;
	font-size: 10px;
	font-weight: bold;
	background-color: #fff;
	color: red;
}
#debug-float a:hover, #maintenance-float a:hover {
	background-color: #fc3;
	border-bottom: 2px solid #36f;
}
#debugajax {
	margin: auto;
	text-align: center;
}
.debug .ui-tabs {
	border: 10px solid #dadada !important;
}
.debug h1, #debugajax h1 {
	font-size: 18px;
	text-align: center;
	padding: 5px;
}
.debug h2, #debugajax h2 {
	font-size: 14px;
	padding-left: 10px;
	border-left: 4px solid #FFC65D;
	border-bottom: 2px solid #FFC65D;
}
.debug table, #debugajax table {
	margin: 0;
}
.debug .ui-tabs .close {
	right: 14px;
	position: absolute;
	width: 20px;
	top: 1px;
}
.debug .ui-tabs .tab_cadre {
	width: 100%;
}
.debug .ui-tabs .tab_cadre td:nth-child(2) {
	word-break: break-all;
}
.see_debug {
	position: fixed;
	bottom: 5px;
	right: 10px;
	cursor: pointer;
}
.debug .ui-tabs {
	display: none;
	position: fixed !important;
	left: 0 !important;
	bottom: 0 !important;
	top: inherit !important;
	height: 300px !important;
	z-index: 100 !important;
	width: 98%;
}
.debug_ajax .ui-tabs {
	position: relative !important;
	height: inherit !important;
	display: block;
}
#page .debug_ajax div.ui-tabs {
	width: 98%;
}
.debug_ajax .see_debug {
	display: none;
}
.debug .ui-tabs-panel {
	height: 273px;
	overflow: auto;
}
.debug_ajax .ui-tabs .ui-tabs-panel {
	height: auto;
}
.debug .tab_cadre {
	box-shadow: none;
}

/* Restore default behavior : drop user agent CSS */
:focus {
	outline-width: 0;
}
.nostyle:focus {
	outline-width: 5px;
}

/* Timeline */
.timeline_box {
	text-align: left;
	padding: 4px 8px;
	margin-top: -10px;
}
.timeline_box .break {
	clear: both;
}
.timeline_box h2 {
	position: absolute;
    font-size: 12px;
    padding: 10px 0 0 0;
    margin: 0;
    line-height: 28px;
}
.timeline_box textarea {
	resize: vertical;
}

/* FORM */
.timeline_form {
	width: 100%;
    padding: 0;
    display: inline-block;
    margin: 0;
}
.timeline_choices {
	display: inline-block;
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0;
}
.timeline_choices li {
	float: left;
    text-align: left;
    padding: 6px 12px 6px 36px;
    margin: 0 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    background-color: #607d8b;
	background-repeat: no-repeat;
	background-position: 12px 6px;
}
.timeline_choices li:hover {
	box-shadow: 0px 1px 1px #999;
	background-color: #34515e
}
.timeline_choices li.followup {
	margin: 0 6px 0 56px;
	background-image: url(../pics/timeline/followup_min-rb.png);
}
.timeline_choices li.task {
	background-image: url(../pics/timeline/task_min-rb.png);
	background-color: #ffa000;
}
.timeline_choices li.task:hover {
	background-color: #ff8f00;
}
.timeline_choices li.document {
	padding: 6px 12px 6px 32px;
	background-image: url(../pics/timeline/document_min-rb.png);
	background-color: #43a047;
	display: none
}
.timeline_choices li.document:hover {
	background-color: #388e3c;
}
.timeline_choices li.task {
	display: none !important
}
.timeline_choices li.solution {
	background-image: url(../pics/timeline/solution_min-rb.png);
	background-color: #1e88e5;
	display: none
}
.timeline_choices li.solution:hover {
	background-color: #1565c0;
}
.timeline_box .ajax_box {
	padding: 0;
}
.timeline_box .tab_cadre_fixe {
	width: 930px;
}

/* TIMELINE */
.timeline_history {
	border-top: 1px dashed #3C5874;
	overflow: hidden;
	font-size: 12px; /*fix jqueryui ui-widget size*/
	width: 100%;
}
.timeline_history h2 {
	float: left;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 16px;
}
.timeline_history .filter_timeline, .timeline_history .filter_timeline ul, .timeline_history .filter_timeline ul li {
	float: right;
}
.timeline_history .filter_timeline label {
	opacity: 0;
	font-size: 1.2em;
	float: left;
	line-height: 1.6em;
	font-weight: bold;
}
.timeline_history .filter_timeline:hover label {
	opacity: 1;
}
.timeline_history .filter_timeline ul li {
	opacity: 0.2;
	cursor: pointer;
}
.timeline_history .filter_timeline:hover ul li {
	opacity: 0.6;
}
.timeline_history .filter_timeline ul li:hover {
	opacity: 1;
}
.timeline_history .h_item {
	clear: both;
    padding: 14px 0;
    border-top: 1px dashed #ddd;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.timeline_history .h_item:first-child {
    border: none;
}
.timeline_history .h_hidden {
	display: none;
}
.timeline_history .h_info {
	float: left;
	width: 25%;
	max-width: 140px;
}
.timeline_history .right .h_info {
	float: right;
}
.timeline_history .h_user {
	background-repeat: no-repeat;
    padding-left: 24px;
    padding-top: 1px;
    text-transform: capitalize;
    text-align: center;
    margin: 12px 0 0 0;
}
.timeline_history .h_date {
	background-image: url(../pics/timeline/history-rb.png);
	background-repeat: no-repeat;
    white-space: nowrap;
    margin-bottom: 10px;
    text-align: left;
    line-height: 18px;
	text-transform: capitalize;
    font-weight: 500;
    color: #455a64;
    background-position: 0 0;
}
.timeline_history .h_user .h_user_name {
	display: inline-block;
    margin: 8px 0 0 0;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.timeline_history .h_user a {
	display: inline-block;
    margin: 8px 0 0 0;
}
.timeline_history .h_user a:hover {
	text-decoration: underline;
}
.timeline_history .h_user .tooltip_picture_border {
	padding: 0;
	border-radius: 50%;
	border: none;
	width: 36px;
	height: 36px;
	position: relative;
	margin: 0 auto;
}
.timeline_history .h_user .user_picture {
	width: 36px;
    height: 36px;
    border-radius: 50%;
}
.timeline_history .users_id_tech img {
	vertical-align: middle;
}
.timeline_history .left .h_user, .timeline_history .left .h_date, .timeline_history .middle .h_user, .timeline_history .middle .h_date {
	padding:0 0 0 22px
}
.timeline_history .left .h_date, .timeline_history .middle .h_date {
	width: 115px;
	margin: 0 auto;
}
.timeline_history img.group_assign {
	vertical-align: bottom;
}
.timeline_history .h_content {
	padding: 12px;
    margin: 0 0 0 160px;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    position: relative;
    max-width: 56%;
    border-radius: 0 6px 6px 0;
    min-width: 200px;
    min-height: 70px;
    word-wrap: break-word;
    white-space: pre-wrap;
}
.timeline_history .right .h_content {
	margin-left: 0;
	margin-right: 20px;
	float: right;
	text-align: left;
}
.timeline_history .middle .h_content {
	max-width: inherit;
	width: 69%;
}
.timeline_history .h_content:after, .timeline_history .h_content:before {
	left: -17px;
    top: 54px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.timeline_history .h_content:after {
	border-width: 8px;
	margin-top: -15px;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}
.timeline_history .right .h_content:after, .timeline_history .right .h_content:before {
	left: 100%;
}
.timeline_history .left .h_content:after {
	border-left-color: transparent !important;
}
.timeline_history .left .h_content:before {
	border-left-color: transparent !important;
}
.timeline_history .right .h_content:after {
	border-right-color: transparent !important;
}
.timeline_history .right .h_content:before {
	border-right-color: transparent !important;
}
.timeline_history .TicketContent:after {
	border-right-color: #ddd;
}
.timeline_history .TicketFollowup:after {
	border-color: #607d8b;
}
.timeline_history .Document_Item:after {
	border-color: #43a047;
}
.timeline_history .TicketTask:after {
	border-color: #ffa000;
}
.timeline_history .Solution:after {
	border-color: #1e88e5;
}
.timeline_history .TicketValidation.status_3:after {
	border-color: #A1D7A2;
}
.timeline_history .TicketValidation:after {
	border-color: #FFFFFF;
}
.timeline_history .TicketValidation.status_4:after {
	border-color: #D3A4A4;
}
.timeline_history .right .h_content p {
	margin: 2px 0 0;
}
.timeline_history .private {
	width: 30px;
	float: right;
	padding-top: 18px;
	background: url(../pics/timeline/private.png) no-repeat center top;
	color: #A2A2A2;
	font-size: .75em;
	text-align: center;
	white-space: nowrap;
}
.timeline_history .right .private {
	float: left;
}
.timeline_history .left .h_content.timeline_active {
	border-right: 8px solid #3C5874;
}
.timeline_history .right .h_content.timeline_active {
	border-left: 8px solid #3C5874;
}
.timeline_history .h_content.edited {
	max-width: 60%;
	text-align: center;
}
.timeline_history .right .h_content.edited {
	width: 100%;
}
.timeline_history .h_content.edited .tab_cadre_fixe {
	width: 100%;
	margin: 0;
}
.timeline_history .h_content .edit_item_content {
	display: none;
	border: 1px dotted #C0C0C0;
}
.timeline_history .h_content .cancel_edit_item_content {
	display: none;
	background-image: url(../pics/close.png);
	width: 16px;
	height: 16px;
	cursor: pointer;
	opacity: .5;
	position: absolute;
	top: 12px;
	right: 12px;
}
.timeline_history .h_content .cancel_edit_item_content:hover {
	opacity: 1;
}
.timeline_history .h_content.TicketFollowup {
	border-left: 3px solid #607d8b;
}
.timeline_history .h_content.TicketTask {
	border-left: 3px solid #f9a833;
}
.timeline_history .h_content.Solution {
	border-left: 3px solid #1e88e5;
}
.timeline_history .h_content.Document_Item, .timeline_history .h_content.Assign {
	border-left: 3px solid #43a047;
}
.timeline_history .h_content.TicketContent {
	border-left: 3px solid #ddd;
}
.timeline_history .h_content.TicketContent .ticket_title {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}
.timeline_history .h_content.TicketContent img {
	max-width: 100%;
}
.edit_document, .delete_document {
	opacity: 0.1;
	vertical-align: middle;
}
.edit_document:hover, .delete_document:hover {
	opacity: 1;
}
.timeline_history .h_content.Document_Item:hover .edit_document, .timeline_history .h_content.Document_Item:hover .delete_document {
	opacity: .6;
}
.timeline_history .timeline_img_preview img {
	width: 100px;
	border: 3px solid #4A8865;
	border-radius: 3px;
}
.timeline_history a:hover .timeline_img_preview img {
	border: 3px solid black;
}
.timeline_history .h_content.TicketValidation {
	background-color: #FFFFFF;
	border-color: #BECADD;
	color: #030F21;
	padding: 5px 5px 5px 8px;
}
.timeline_history .h_content.TicketValidation.status_3 {
	background-color: #A1D7A2;
	border-color: #385139;
}
.timeline_history .h_content.TicketValidation.status_4 {
	background-color: #D3A4A4;
	border-color: #5E3232;
}
.timeline_history .h_content img.h_requesttype {
	float: right;
	height: 20px;
}
.timeline_history .h_content .edit_item {
	background-image: url(../pics/edit.png);
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	opacity: .5;
}
.timeline_history .h_content .edit_item:hover {
	opacity: 1;
	cursor: pointer;
}
.timeline_history .h_content .long_text {
	max-height: 350px;
	position: relative;
	overflow: hidden;
}
.timeline_history .h_content .read_more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 30px 0;
}
.timeline_history .h_content .read_more a {
	bottom: 5px;
	position: absolute;
}
.timeline_history .h_content.TicketFollowup .read_more {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,244,227,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(241,244,227,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,244,227,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,244,227,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,244,227,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(241,244,227,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f1f4e3', GradientType=0 ); /* IE6-9 */
}
.timeline_history .h_content.TicketTask .read_more {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,228,181,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(240,228,181,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,228,181,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,228,181,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,228,181,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(240,228,181,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f0e4b5', GradientType=0 ); /* IE6-9 */
}
.timeline_history .h_content.Solution .read_more {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(233,241,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(233,241,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(233,241,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(233,241,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(233,241,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(233,241,255,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e9f1ff', GradientType=0 ); /* IE6-9 */
}
.timeline_history .b_right {
	margin-right: 3px;
	font-style : italic;
	color: #7E7E7E;
	text-align: right;
	bottom: 2px;
}
.timeline_history .b_right .actiontime {
	padding-left: 15px;
	background-image: url(../pics/timeline/actiontime.png);
	background-repeat: no-repeat;
	margin-right: 6px;
}
.timeline_history .state {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 3px;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.timeline_history .state.state_0 {
	background-image: url(../pics/timeline/information.png);
}
.timeline_history .state.state_1 {
	cursor: pointer;
	background-image: url(../pics/timeline/todo.png);
}
.timeline_history .state.state_2 {
	cursor: pointer;
	background-image: url(../pics/timeline/done.png);
}
.timeline_history .b_right .planification {
	padding-left: 17px;
	background-image: url(../pics/timeline/planification.png);
	background-repeat: no-repeat;
}
.timeline_history .approbation_separator {
	margin-bottom: 55px;
}
.x-split-button {
	position: relative;
	width: 250px;
	left: 40%;
	word-wrap: normal;
	white-space: normal;
}
.x-button {
	position: relative;
	margin: 0;
	float: left;
	outline: none;
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
    background-color: #607d8b;
	border: none;
	border-radius: 4px 0 0 4px;
}
.x-button:hover {
	cursor: pointer;
	background-color: #34515e;
	box-shadow: 0px 1px 1px #999;
}
.x-button.x-button-main {
	width: 100px;
	height: 26px;
}
.x-button.x-button-drop {
	border-left: 0;
	width: 15px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0 4px 4px 0;
}
.x-button.x-button-drop:after {
	content: '\25BC';
	font-size: 8px;
	margin: 0 0 0 -4px;
}
.open .x-button.x-button-drop:after {
	content: '\25B2';
}
.x-button.x-button-drop.new {
	background-image: url(../pics/new.png);
}
.x-button-drop.new:after {
	content: ' ' !important;
}
.x-button.x-button-drop.assign {
	background-image: url(../pics/assign.png);
}
.x-button-drop.assign:after {
	content: ' ' !important;
}
.x-button.x-button-drop.plan {
	background-image: url(../pics/plan.png);
}
.x-button-drop.plan:after {
	content: ' ' !important;
}
.x-button.x-button-drop.waiting {
	background-image: url(../pics/waiting.png);
}
.x-button-drop.waiting:after {
	content: ' ' !important;
}
.x-button.x-button-drop.solved {
	background-image: url(../pics/solved.png);
}
.x-button-drop.solved:after {
	content: ' ' !important;
}
.x-button.x-button-drop.closed {
	background-image: url(../pics/closed.png);
}
.x-button-drop.closed:after {
	content: ' ' !important;
}
.open > .x-button-drop-menu {
	display: block;
}
.x-button-drop-menu {
	position: absolute;
	top: 27px;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 136px;
	list-style: none;
	border: 0;
	text-align: left;
}
.x-button-drop-menu li input[type="radio"] {
	position: absolute;
	left: -9999px;
}
.x-button-drop-menu li label {
	background-color: #fddb6f;
	padding: 4px;
	color: #8f5a0a;
	cursor: pointer;
	display: block;
	font-weight: bold;
}
.x-button-drop-menu li:hover label {
	background-color: #ffb94b !important;
}
.x-button-drop-menu li input[type="radio"]:checked + label {
	background-color: #FEC95C;
}

/* SWITCHS */

/* Adadpted from http://materializecss.com/ */

.switch, .switch * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.switch {
	padding: 4px;
	display: inline-block;
}
.switch img {
	padding-right: 10px;
}
.grey_border {
	border: 1px dotted #E2E2E2;
}
.switch label {
	cursor: pointer;
}
.switch label input[type=checkbox] {
	opacity: 0;
	width: 0;
	height: 0;
}
.switch label input[type=checkbox]:checked + .lever {
	background-color: rgba(224,1,17,.35);
}
.switch label input[type=checkbox]:checked + .lever:after {
	background-color: #1565c0;
}
.switch label .lever {
	content: "";
	display: inline-block;
	position: relative;
	width: 15px;
	height: 10px;
	background-color: #B8B8B8;
	border-radius: 15px;
	margin-right: 5px;
	transition: background 0.3s ease;
	vertical-align: middle;
}
.switch label img {
	vertical-align: middle;
}
.switch label .lever:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-radius: 21px;
	box-shadow: 0 1px 3px 2px rgba(0,0,0,.25);
	left: -7px;
	top: -2px;
	transition: left 0.3s ease, background .3s ease, box-shadow 0.3s ease;
}
input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(89, 89, 89, 0.08627450980392157);
}
input[type=checkbox]:not(:disabled) ~ .lever:active:after {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}
.switch label input[type=checkbox]:checked + .lever:after {
	left: 8px;
}
.switch input[type=checkbox][disabled] + .lever {
	cursor: default;
}
.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
	background-color: #BDBDBD;
}

/** QUEUEMAIL **/
.queuemail_preview .tab_cadre {
	width: inherit !important;
}



/* ################--------------- Documentation  ---------------#################### */

.documentation {
	background-color: white;
	max-width: 700px;
	margin: 0 auto;
	padding: 10px 20px;
}
.documentation h1 {
	color: #300000;
}
.documentation > ul:nth-child(2) {
	list-style-type: disc;
	margin-top: 40px;
}
.documentation > ul:nth-child(2) > li {
	margin-left: 30px;
}
.documentation h2 {
	color: #940000;
	margin-top: 70px;
	border-bottom: 1px solid #A87A7A;
}
.documentation li {
	margin-left: 10px;
	padding: 5px 0 5px 5px;
}
.documentation > ul > li > ul > li {
	border-left: 1px solid grey;
}
.documentation > ul > li > ul > li > ul > li {
	list-style-type: disc;
	margin-left: 35px;
}
.documentation pre {
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 13px;
}
.documentation dt {
	font-weight: bold;
	margin-top: 20px;
}
.documentation dd {
	margin-left: 20px;
}



/* ################################ CSS ORDERED - RB #################################### */

/* Vertical split layout */
@media screen and (min-width: 1300px) {
html, body.layout_vsplit {
	height: 100%;
}
body.layout_vsplit {
	overflow: hidden;
}
.layout_vsplit #page {
	max-width: inherit;
	min-height: 0;
	position: absolute;
	top: 105px;
	bottom: 15px;
	width: 100%;
	padding: 0;
	overflow: auto;
}
.layout_vsplit.form #page {
	overflow: hidden;
}
.layout_vsplit #page .glpi_tabs {
	height: 96%;
	position: relative;
	z-index: 1;
}
.layout_vsplit #page .main_form.create_form {
	width: 950px;
	margin: 0 auto;
}
.layout_vsplit.form table.tab_cadre_pager,  .layout_vsplit.form table.tab_cadre_fixe,  .layout_vsplit.form table.tab_cadre_fixehov {
	width: 100%;
	margin: 0;
}
.layout_vsplit div.navigationheader,  .layout_vsplit.form table.tab_cadre_pager {
	margin: 0;
	border: 0;
	width: 150px;
}
.layout_vsplit.form .ui-tabs-panel table.tab_cadre_pager {
	width: 100%;
}
.layout_vsplit.form .form_content {
	position: relative;
	width: 46%;
	float: left;
	height: 96%;
	z-index: 2;
}
.layout_vsplit.form div.main_form:not(.no_tab) {
	width: 100%;
	margin: 0 15px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}
.layout_classic #tabspanel + div.ui-tabs:not(.horizontal),  .layout_vsplit #tabspanel + div.ui-tabs {
	height: 100%;
	box-sizing: border-box;
}
.layout_vsplit.form #tabspanel + div.ui-tabs:not(.horizontal) {
	width: 50% !important;
	margin: 0 15px;
	float: right;
	border: none;
	box-shadow: 0px 1px 2px 1px #D2D2D2;
}
.layout_vsplit.form .ui-tabs {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 52%;
	margin: 0;
	right: 0;/*height: inherit !important;*/
}
.layout_vsplit > #page > div > .ui-tabs > .ui-tabs-panel {
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 32px;
	bottom: 2px;
	width: 100%;
	box-sizing: border-box;
}
.layout_vsplit .ui-tabs-panel .tab_cadre_fixehov th {
	background-color: #E6E6E6;
}
.layout_vsplit.form .main_form input[type=text]:not([size]) {
	width: 74%;
	min-width: 175px;
}
.layout_vsplit.form .main_form textarea {
	resize: vertical;
	width: 97%;
	min-height: 125px;
}
.layout_vsplit.form input.submit,  .layout_vsplit.form span.vsubmit,  .layout_vsplit.form a.vsubmit {
	white-space: nowrap;
}
.layout_vsplit.form .boxnote {
	width: 100%;
}
.layout_vsplit .debug:not(.debug_ajax),  .layout_vsplit #footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 3;
}
.layout_vsplit .debug_ajax {
	width: 100% !important;
}
}

/* hide menu on small screen */
@media screen and (max-width: 1055px) {
#c_menu ul#menu,  #language_link,  #help_link,  #myname {
	display: none;
}
}
 @media screen and (max-width: 490px) {
#show_all_menu .top {
	display: block;
	float: left;
	height: 370px;
	border-bottom: 2px solid #DDD;
	margin-bottom: 15px;
}
}

/* ################--------------- Responsive ---------------#################### */

@media screen and (max-width: 700px) {
#header {
	transition: top 0.2s ease-in-out;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#c_ssmenu2 {
	overflow: auto;
	border-bottom: 1px solid #DDD;
}
#header.nav-up {
	top: -150px;
}
#page {
	padding-top: 130px;
}
#firstboxlogin {
	position: fixed;
	overflow-y: auto;
}
#display-login, #text-login {
	padding: 1px 2%;
}
.icons_block {
	margin-left: 0;
}
.ui-dialog {
	max-width: 100%;
}
#page .pointer {
	zoom: 1.1;
}
.layout_classic.form .main_form, .layout_vsplit.form .main_form {
	width: 100%;
}
.responsive_hidden {
	display: none !important;
}
.search_page > form > .center {
	width: 100%;
	overflow-y: auto;
}
.ui-tabs {
	width: 100% !important;
}
.ui-tabs-vertical .ui-tabs-nav {
	padding: .2em .2em 0;
	float: inherit;
	width: inherit;
}
.ui-tabs-vertical .ui-tabs-nav li {
	clear: none;
	width: initial;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 1px .2em 0 0;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 1px;
}
.ui-tabs-vertical .ui-tabs-nav li a {
	width: inherit;
}
.ui-tabs-panel,  .ui-tabs .ui-tabs-panel  .ui-tabs-vertical .ui-tabs-panel {
	padding: 2px !important;
	overflow-y: auto;
}
.ui-tabs-vertical .ui-tabs-panel {
	margin-left: 0;
}
.tab_cadre_pager {
	width: 100%;
}
.tab_cadre_pager .big {
	display: none;
}
.main_form tr:not(.headerRow) th:not(.actor-th),  .tab_cadre_fixe:not(.tab_actors),  .tab_cadre_fixe:not(.tab_actors) > tbody,  .tab_cadre_fixe:not(.tab_actors) > tbody > tr,  .tab_cadre_fixe:not(.tab_actors) > tbody > tr > th,  .tab_cadre_fixe:not(.tab_actors) > tbody > tr > td,  .tab_actors tr,  .tab_actors tr:first-child th:first-child {
	display: block;
	width: 100%;
	text-align: left;
}
.tab_cadre_fixe input[type=text],  .tab_cadre_fixe textarea {
	max-width: 95%;
}
.tab_cadrehov {
	margin: 0;
	width: 100%;
}
table.tab_cadre_postonly,  table.tab_cadre_postonly > tbody,  table.tab_cadre_postonly > tbody > tr,  table.tab_cadre_postonly > tbody > tr > td,  table.tab_cadre_postonly table.central .tab_cadrehov > tbody > tr,  table.tab_cadre_postonly table.central .tab_cadrehov > tbody > tr:first-child > th,  table.central,  table.central > tbody,  table.central > tbody > tr,  table.central > tbody > tr > th,  table.central > tbody > tr > td,  table.central > tbody > tr > td > .tab_cadrehov,  table.central > tbody > tr > td > .tab_cadrehov > tbody {
	display: inline-block;
	width: 100%;
}
table.tab_cadre_postonly table.central .tab_cadrehov > tbody > tr > th,  table.tab_cadre_postonly table.central .tab_cadrehov > tbody > tr > td {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
}
#searchcriterias table {
	border-collapse: collapse;
}
#searchcriterias .tab_cadre_fixe {
	width: 100%;
}
.mceToolbar,  #image_paste {
	display: none;
}
#searchcriterias .tab_cadre_fixe {
	display: block;
	width: 100%;
}
#searchcriterias .metacriteria td,  #searchcriterias .normalcriteria td {
	display: inline-block;
	float: left;
	white-space: nowrap;
	width: initial !important;
}
#searchcriterias .metacriteria,  #searchcriterias .normalcriteria {
	clear: left;
	display: block;
	width: 100%;
	margin-bottom: 6px;
	overflow: auto;
}
.timeline_history .h_date {
	background-image: none;
	padding-left: 0;
}
.timeline_history .h_info {
	font-size: .7em;
}
.tab_cadre_central .top {
	display: block;
	width: 100%;
}
#page .tab_actors,  #page .actor-bloc {
	display: block;
}
.actor-bloc {
	width: initial;
	float: none;
}
.actor-dropdown {
	display: block;
}
.select2-focusser,  .select2-search,  .select2-search input {
	display: none !important;
}
#planning_filter {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
}

/* ################--------------- Documentation ---------------#################### */

@media screen and (max-width: 900px) {
.documentation {
	margin-left: 0 !important;
}
}
 @media screen and (min-width: 900px) {
.documentation #summary {
	position: fixed;
	top: 40px;
	left: 15px;
	margin-top: 0;
}
.documentation #summary + ul {
	width: 200px;
	position: fixed;
	top: 70px;
	left: 10px;
	bottom: 0;
	overflow: auto;
}
}
 @media screen and (max-width: 1100px) {
.documentation {
	margin-left: 200px;
}
}
@media only screen and (min-width: 481px) {
#firstboxlogin {
	width: 40%;
	margin: 40px 30%
}
}
@media only screen and (min-width: 1210px) {
#firstboxlogin {
	width: 26%;
    margin: 40px 4.5%;
}
}
#BackToTop {
	width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: fixed !important;
	bottom: 60px !important;
	right: 15px !important;
	border-radius: 18px !important;
	background-color: rgba(0,0,0,.25) !important;
	background: url(../pics/back-top.png) center center no-repeat;
}
#BackToTop span {
	display: none
}
#BackToTop:hover {
	background-color: rgba(0,0,0,.5) !important;
	cursor: pointer !important
}
u {
	text-decoration: none;
}
#mainformtable tbody .tab_bg_1 .nopadding table tbody .tab_bg_1 th, #mainformtable tbody .tab_bg_1 .nopadding table tbody .tab_bg_1 .nopadding .no-wrap .select2-container, #mainformtable tbody .tab_bg_1 .nopadding table tbody .tab_bg_1 .nopadding .no-wrap img {
    display: none;
}
#ui-tabs-5 form .spaced #mainformtable2 tr.tab_bg_1:nth-child(3),#ui-tabs-5 form .spaced #mainformtable2 tr.tab_bg_1:nth-child(4), #ui-tabs-5 form .spaced #mainformtable2 tr.tab_bg_1:nth-child(5) {
	display: none
}
#select2-drop #select2-results-4 li:nth-child(7), #select2-drop #select2-results-4 li:nth-child(8), #select2-drop #select2-results-4 li:nth-child(9), #select2-drop #select2-results-4 li:nth-child(10){
	display: none
}
#select2-drop #select2-results-14 li:first-child{ 
	display: none
}
#mainformtable2 tbody .tab_bg_1:nth-child(4) td span.no-wrap a img, #mainformtable2 tbody .tab_bg_1:nth-child(4) td span.no-wrap img {
	display: none
}
.tab_cadre_postonly tbody .noHover .top .central .noHover .top {
	background-color: transparent
}
.tab_cadre_postonly tbody .noHover .top:last-child .central tbody .noHover:nth-child(2), .tab_cadre_postonly tbody .noHover .top:last-child .central tbody .noHover:nth-child(3) {
	display: none
}
#ui-tabs-1 #mainformtable2 tr.tab_bg_1:nth-child(3) td:last-child {
	display: none
}
#select2-drop #select2-results-15 li:nth-child(4) {
	display: none
}
#mainformtable2 tbody .tab_bg_1:nth-child(5) td div div div span .select2-container .select2-choice, #mainformtable3 tbody .tab_bg_1:nth-child(4) td div div div span .select2-container .select2-choice {
	display: none !important;
	opacity: 0 !important;
}
#mainformtable2 tbody .tab_bg_1:nth-child(5) td div div div .select2-container, #mainformtable3 tbody .tab_bg_1:nth-child(4) td div div div .select2-container {
	width: 100% !important
}
#mainformtable2 tbody .tab_bg_1:nth-child(5) td div a.vsubmit, #mainformtable3 tbody .tab_bg_1:nth-child(4) td div a.vsubmit {
	display: none !important
}
#page div div #ui-tabs-3 .tab_cadre_central tbody .noHover .top .central tbody .noHover td .tab_cadrehov tbody .tab_bg_2:nth-child(9) {
	display: none !important
}
.layout_lefttab #page .glpi_tabs .ui-tabs .ui-tabs-nav .ui-state-default:nth-child(3), .layout_lefttab #page .glpi_tabs .ui-tabs .ui-tabs-nav .ui-state-default:nth-child(4), .layout_lefttab #page .glpi_tabs .ui-tabs .ui-tabs-nav .ui-state-default:nth-child(5) {
	display: none !important
}
.layout_lefttab #page form .center .tab_cadre_fixe .tab_bg_1:nth-child(2) {
	display: none
}

/* OCULAR TIPO DE INICIATIVA - RESOLUTOR */



/*#mainformtable2 .tab_bg_1:nth-child(1) td .select2-container {
    display: none !important
}
#mainformtable2 .tab_bg_1:nth-child(1) td span .no-wrap .select2-container {
    display: inline-block !important
}*/

/*table#mainformtable2 {
    background: red;
}*/
/*table#mainformtable2 .tab_bg_1:nth-child(1) th:nth-child(1) {
    opacity: 0 !important
}*/