html {
   /* font-size: 10px; */
}
.unbehaved-element {
    font-size: 1rem;
}
@media(max-width: 1580px) {
  html {
    /*font-size: 10px;*/
  }
  .unbehaved-element {
    font-size: 1rem; 
  }
}
@media(max-width: 1280px) {
  html {
    /*font-size: 8px;*/
  }
  .unbehaved-element {
    font-size: 0.8rem; 
  }
}


body {
	/*font-family:Verdana, "Times New Roman", Times, serif;
	font-size:10px;
	background:#ffffff;
	color: #424f59;

	*/
	
}
a {
	color:#0099cc;
	text-decoration: none;
}
a:hover {
	color: #0077cc;
}

#headContainer {
	/*position:fixed;	
	top:70px;
	left:240px;
	*/

	
}

#mainContainer {

	margin-bottom:100px;
	padding-top:100px;
	
/*	background:#ffffff;*/

}
#contentContainer {

	margin-left: 0px;
	padding-left: 0px;

  	/*margin-right: auto;
  	padding: 1rem;
	width:80%;
	min-width: 700px;
	*/
	/*max-width:1050px; */
	
	/*height:auto;
	border:0px solid #000000;
	background:#ffffff;
	color: #424f59;
*/
  /*	margin-top:120px; */

	/*-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
	*/
}


/*=======================================
Navbar
=========================================*/
#mainnavContainer {
	position:fixed;
	top:0px;
	width:200px;
	height:1500px;
	border:0px solid #ff0000;
	margin-top:0px;
	margin-left:0px;
	padding-top:50px;
	font-size:0px;
	background:#424f59;

	display:inline-block;
	z-index:99;

	visibility: hidden;
}

#mainnavContainer a {
	text-decoration: none;

}

#currentUserContainer {
	
	border:0px solid #cccccc;
	display:inline-block;
	height:100px;
	width:100%;
	color:#ffffff;
	z-index:99;

}


#topnavContainer {
	/*position:fixed;
	top:0px; */
	float:left;
	width:100%;
	
	border:0px solid #000000;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	font-size:22px;
	background:#424f59;
	height:auto;
	display:block;
	
}


#topContainer {
	position: fixed;
	
	margin-left:240;
	padding:0px 0px 0px 30px;
	width:100%;
	top: 130px;
	border:0px solid #ff0000;
	background-color: #f5f5f5;
	z-index:5;
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
	transition: 0.2s ease-in; 
}
#pages-title {
	position: fixed;
	
	margin-left: 240;
	padding:10px 0px 10px 30px;
	width:100%;
	height:60px;
	border:0px solid #000;
	top: 70px;
	
	background-color: #f5f5f5;
	z-index:5;
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
	transition: 0.2s ease-in; 
}
#topTitleContainer {
	color: #1e88e5;
	font-size:1.1rem;
	
	
	
}
#topTitleContainer .topSubTitle {
	font-style: italic;
	font-size: 1.4rem;
	color:#424f59;
}
#subnavContainer {
	float:left; 
	/*width: 100%;*/
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0em;
	height: auto;
	background-color: transparent;
	/*display: inline-block;*/
}

#infobarContainer {
	float:left;
	/*width:100%;*/
	padding:0px 1rem 0px 1rem;
	
	/*border-bottom:1px solid #DDDDDD;*/
	margin-top:0px;
	margin-left:30px;
	
	height:auto;
	font-size:0.8rem;
	background-color: transparent;

	/*display:inline-block;*/
}

#topNavbarItem {
	display:inline-block;
	width:170px;
}
#topNavbarItem .navbarItem {
	
	display:inline-block;
	padding:10px 10px 10px 20px;
	color:#ffffff;
	width:100%;
	/*text-transform: uppercase;*/
	background:#424f59;
	margin-right: 0px;
	font-size:14px;
}
#topNavbarItem .navbarItem a {
 background:#6d7982;
 color:#dddddd;

 
}
#topNavbarItem a:hover{
 background:#6d7982;
 color:#ffffff;
}







#topNavbarItem .notValidated {
	background:#CCCCCC;
}

.icon-sort {
	font-size:1.2rem;
}
#topNavbarItem .icon {
	padding-right:10px;
	font-size:16px;
}
.iconCloudChecked {
	font-size:1.2rem; 
	color:#21c1d6;
	padding-left:5px;
}
.iconCloudNotFound {
	font-size:1.4rem; 
	color: #dc3545;
	padding-left:5px;
}





#topNavbarItem .navbarItem.current {
	background:#343f47;
	border-left:5px solid #ff9500;
	padding:10px 10px 10px 15px;
	color:#ffffff;
}

#topnavContainer .first {

}

#topnavContainer .middle {

}

#topnavContainer .last {

}

/*=======================================
New
=========================================*/
.greyBox {
	width:100%;
	height:auto;
	min-height:50px;
	border:1px solid #DDDDDD;
}
.lineItem {
	border-bottom:1px solid #DDDDDD;
}
.textColumn_id {
	width:40px;
	text-align: center;
	}
.textColumn {
	padding:5px 10px 5px 10px;
	width:450px;
	border-bottom:1px solid #DDDDDD;
	font-size: 12px;
	color:#444444;
	
}

.menuIcon {
	font-size: 18px;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
}

.buttonColumn {
	
	color:#ffffff;
	
	padding:5px 10px 5px 10px;
	border-radius:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;
}

.buttonText {
	margin-left:10px;
}
.buttonDelete {
	width: 10px;
	margin-left:3px;
	
	background-image:linear-gradient(#99222b, #841d25);
}
.buttonDelete:hover {
	margin-left:3px;
	background-image:linear-gradient(#ae2730, #99222b);
}
.buttonEdit {
	width: 10px;
	background-image:linear-gradient(#003972, #002c58);
}
.buttonEdit:hover {
	background-image:linear-gradient(#00468c, #003972);
}
.buttonAdd {
	background-image:linear-gradient(#018b00, #017200);
	transition: background-image 2s;
}
.buttonSelect {
	background-image:linear-gradient(#cccccc, #aaaaaa);
	transition: background-image 2s;
}
.buttonUnSelect {
	background-image:linear-gradient(#018b00, #017200);
	transition: background-image 2s;
}
.buttonAdd:hover, .buttonAdd.on { 
	background-image:linear-gradient(#01a500, #018b00);
}

.buttonAdd:hover, .buttonEdit:hover, .buttonDelete:hover, .sectionTitle:hover {
	cursor: pointer;
}

.buttonInfo {
	float: left;
	padding:0px 3px 0px 3px;
	color:#005ec9;
	font-size:16px;
	/*background-image:linear-gradient(#cccccc, #aaaaaa);*/
	transition: background-image 2s;
}
.buttonInfo:hover {
	
	/*background-image:linear-gradient(#dddddd, #bbbbbb);*/
	cursor: pointer;
}
.buttonWarning {

	padding:0px 3px 0px 3px;
	float: left;
	color:#f06800;
	font-size:16px;
	/*background-image:linear-gradient(#cccccc, #aaaaaa);*/
	transition: background-image 2s;
}
.buttonWarning:hover {
	
	/*background-image:linear-gradient(#dddddd, #bbbbbb);*/
	cursor: pointer;
}






/*======================================================
	DialogBox
======================================================*/
.dialogIcon {
	width:50px;
	padding:10px 10px 10px 10px;
}
.dialogQuestion {
	/*color:#000000;*/
	font-size:16px;
	
}
.dialogIconNotification {
	color:#dc3545;
	font-size: 26px;
	padding-right:20px;
}
.dialogIconInfo {
	color:#17a2b8;
	font-size: 26px;
	padding-right:20px;
}
.dialogIconWarning {
	color:#ff7400;
	font-size: 26px;
	padding-right:20px;
}
.dialogIconError {
	color:#dc3545;
	font-size: 48px;
	padding-right:20px;
}

.dialogPublishOnline {
	color:#21c1d6;
	font-size: 45px;
	padding-right:20px;
}

.dialogIconUnlocked {
	color:#4bb300;
	font-size: 26px;
	padding-right:20px;
}

.bootstrap-dialog.type-success .modal-header {
    background-color: #21c1d6 !important;
}

/*======================================
Placeholder outline-style: 
========================================*/
::-webkit-input-placeholder {
 font-size: 12px;
 color: #444444;
 font-style: italic;
}
:-moz-placeholder { /* older Firefox*/
 font-size: 12px;
 color: #444444;
 font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */ 
 font-size: 12px;
 color: #444444;
 font-style: italic;
} 
:-ms-input-placeholder { 
 font-size: 12px;
 color: #444444;
 font-style: italic;
}


/*====================================================================
 *Animation Wait
 *======================================================================
 * Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    100000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
	
	
    /* background: rgba( 255, 255, 255, 0 ) url(../images/wait.gif) 50% 60% no-repeat; */
				
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}



    .wp_themeSkin .word-count-message { font-size:1.1em; display:none; float:right; color:#fff; font-weight:bold; margin-top:2px; }
    .wp_themeSkin .toomanychars .mce-statusbar { background:red; }
    .wp_themeSkin .toomanychars .word-count-message { display:block; }



#lectureContainer {
	/*width:79.4rem;*/
	font-family: "Times New Roman", Georgia, serif;
	/* font-size:1.4rem; */
	 border:1px solid #cccccc;
	 max-width:1000px;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.40);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.40);
	
	
}
#lectureSubContainer {
	/* margin:0px 6.6rem 0px 6.6rem; */
	padding:20px 8%;
}
#lectureContainer p {
	padding:0px;
	margin:0px;
	text-align: justify;
}
#lectureContainer p.heading1C {
	display: inline-table;
	text-align:center;
	padding:3px 20pt 3px 20px;
	font-weight: bold;
	/*font-size:1.6rem;*/
	border:double #424f59;
	text-transform: uppercase;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	margin-top:15px;
	

}
#lectureContainer p.heading1A {

	display: inline-block;
	text-align:center;
	padding:3px 20pt 3px 20px;
	font-style: italic;
	letter-spacing: 1px;
	font-size:1.6rem;
	padding:5px 10px 5px 10px;
	border:1px solid #424f59;
	margin-left:auto;
	margin-right:auto;
	
	margin-bottom:3px;
	margin-top:15px;
	

}
#lectureContainer p.CarteBlanche {
	display: inline-block;
	text-align:center;
	padding:3px 20pt 3px 20px;
	font-style: italic;
	letter-spacing: 1px;
	font-size:1.6rem;
	padding:5px 20px 5px 20px;
	border:1px solid #424f59;
	margin-left:auto;
	margin-right:auto;
	
	margin-bottom:3px;
	margin-top:15px;
}
#lectureContainer p.edito_title {
	padding:9px 0pt 3px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-variant: small-caps;
	text-align: justify;
	text-justify: inter-word;

}
#lectureContainer p.heading2 {
	padding:9px 0pt 3px 0px;
	text-transform: uppercase;

	text-align: justify;
	text-justify: inter-word;

}
div.heading2 {
	padding:0px 0pt 0px 0px;
	/*text-transform: uppercase;*/
}
#lectureContainer p.BodyAfterHeading2 {
	/*text-transform: uppercase;*/
	margin:0px;
	padding:0px;
	text-indent: 30px;
	text-align: justify;
	text-justify: inter-word;
}
#lectureContainer p.Heading2Short {
	margin:0px;
	padding:9px 0px 0px 0px;
	text-indent: 0px;
	text-align: justify;
	text-justify: inter-word;
}
#lectureContainer p.BodyText1 {
	/*text-transform: uppercase;*/
	margin:0px;
	padding:0px;
	text-indent: 62px;
	text-align: justify;
	text-justify: inter-word;
}
#lectureContainer p.BodyInter {
	/*text-transform: uppercase;*/
	margin:0px;
	padding:5px 0px 0px 0px;
	text-indent: 0px;
	text-align: justify;
	text-justify: inter-word;
}
#lectureContainer p.BiblioHeading {
	/*text-transform: uppercase;*/
	font-style: italic;
	margin:0px;
	padding:12px 0px 3px 38px;
	text-indent: -38px;
	text-align: justify;
	text-justify: inter-word;
}

/*============================================================
	DialogBox Message
===============================================================*/

#dialogBoxMessage .content {
	padding:10px;
}

.clotureCellCenter {
	text-align:center;
	vertical-align:top;
	border:1px solid #DDDDDD;
	padding:5px 10px 5px 10px;
}
.clotureCellLeft {
	text-align:left;
	vertical-align:top;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:5px 10px 5px 10px;
}

.iconClotureWarning {
	color:#e6294b;
	font-size: 22px;
	
}

.iconClotureCheck {
	color:#21c1d6;
	font-size: 22px;
	
}
.clotureMessageBox {
	background-color: #d5d5d5 !important;
}
.clotureMessage {
	font-size: 16px;
	padding:0px 0px 0px 15px;
	
}
.cloturePubTitle {
	font-size: 18px;
	padding:0px 0px 10px 0px;
	text-align: left;
	color:#1e88e5;
}

#cloturePublish {
	margin-left:35px;
}

.clotureButtonPublish {
	padding:0px 30px 30px 30px;
}



.iconCloturePublish {
	vertical-align:middle;
	color:#ffffff;
	font-size: 16px;
	padding:0px 0px 0px 10px;
	border:0px solid #cccccc;
	
}

/*==============================================================================================
messageBox BUTTONS
=================================================================================================*/
/*#messageBox_button a {
	float: left;
	display: inline-block;
	font-size: 1.5rem;
	padding:7px 20px 6px 20px;
	background:#0080ff;
	color:#ffffff;
	text-decoration: none;
}*/
.messageBoxContent {
	padding:10px 20px 20px 20px;
}

#messageBox_button {
	float: right;
	display: inline-block;
	margin-left: 10px;
	padding:7px 0px 6px 0px;
}




i.mce-i-icon-zoom-in:before {   /* FONT-AWESOME-CLASSNAME e.g. "icon-youtube"*/
    content: "\e987";         /* FONT-AWESOME-CONTENT e.g. "\f166" */
    font-family: icomoon;
    font-size:1.8rem;
}
i.mce-i-icon-zoom-out:before {   /* FONT-AWESOME-CLASSNAME e.g. "icon-youtube"*/
    content: "\e988";         /* FONT-AWESOME-CONTENT e.g. "\f166" */
    font-family: icomoon;
    font-size:1.8rem;
}


#fieldContainer_messageError_fr .fieldTdDisplayClass {
	border:0px solid #ffffff;
}

/*
.user-profile .profile-img {
	width: 80px;
	margin-left: 80px;
	padding: 20px 0; }
	.user-profile .profile-img::before {
	  -webkit-animation: 2.5s blow 0s linear infinite;
	  animation: 2.5s blow 0s linear infinite;
	  position: absolute;
	  content: '';
	  width: 80px;
	  height: 80px;
	  top: 20px;
	  border-radius: 50%;
	  z-index: 0; }
*/
/*====================================
input, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
=====================================*/
input, select, textarea, .form-control  {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	border:1px solid #ccc;
	padding:2px 5px 2px 5px;
	color:#000;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;
	height: calc(1.5em + .60rem + 0px);
}
/*
Generated by
waitanimate.wstone.io
*/

/*==============================
https://waitanimate.wstone.io/
===============================*/
/*
.waitAnimate {
	animation: waitAnimate_3738147450 2s ease-in-out infinite;
	transform-origin: 50% 50%;
  }
*/
  @keyframes waitAnimate_3738147450 {
	0% {
	  transform: perspective(100px)rotate(0deg)
	}
	12.5% {
	  transform: perspective(100px)rotateX(180deg)rotateY(0);
	}
	25% {
	  transform: perspective(100px)rotateX(180deg)rotateY(180deg);
	}
	37.5% {
	  transform: perspective(100px)rotateX(0)rotateY(180deg);
	}
	50% {
	  transform: perspective(100px)rotateX(0)rotateY(0);
	}
	100% {
	  transform: perspective(100px)rotateX(0)rotateY(0);
	}
  }

  /*
  .waitAnimateDialog {
	animation: waitAnimate_dialog 0.4s ease-out ;
	transform-origin: 50% 50%;
  }
  */
  
  @keyframes waitAnimate_dialog {
	0% {
	  transform: perspective(700px)rotate(0)
	}
	
	
	100% {
	  transform: perspective(700px)rotateX(0)rotateY(360deg);
	}
  }


/*==================================
Documents
====================================*/
#documentList {
	padding: 0px 20px 0px 20px;
}