body{
	font-family:"Graphik Regular" !important;
}
/* Styles GDA */

.imagebaro{
height: calc(100vh - 294px);
background-size:cover;
background-position: right;
border: 10px solid white;

}
 
.barso{
background-image:url('../Images/barometre_social.jpg');
}

.teamwork{
background-image:url('../Images/team_work.jpg');
}

.prepproject{
background-image:url('../Images/preparation_projet.jpg');
}

.bilanproject{
background-image:url('../Images/bilan_projet.jpg')
}

.quicksurvey{
background-image:url('../Images/quick_survey.jpg');	
}

.vertamende{
background-color:#8FC2B1;
}

.corail{
background-color:#F27979;
}

.jaunepastel{
 background-color:#FFF388;
}


.imagesolo{
height: calc(50vh - 147px);
background-size:cover;
background-position: right;
border: 10px solid white;
}

.mt-element-ribbon .ribbon.ribbon-color-info>.ribbon-sub {
background-color:#F27989!important;
}
.violet {
background-color:#642251!important;
color:white !important;
}

.rose {
	background-color:#F27989!important;
	border-color:#F27989!important;
	color:white;
}

.rose-not-focus {
    background-color: white!important;
    border: 1px solid #F27989!important;
    color: #F27989!important;
}

.font-violet{
color:#642251!important;
}

.page-header {
   background-color:#642251!important;}
 
.page-header-menu {
   background-color:#642251!important;}

.navbar-nav>li>a {
    padding:15px 15px !important;
	font-size:18px !important;
}

.page-header .page-header-menu {
height:50px!important;
}


.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a{
	background-color:#F27989!important;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover{
	background-color:#F27989!important;
	opacity:.8!important;
}

.app-header{
background-color:#642251!important;}

.app-name{
color:white!important;
font-size:28px!important;
width: calc(100% - 510px) !important;
}

.login {
background-color:#642251!important;
}

.page-footer {
height:40px!important;
padding:10px!important;}

/* DEBUT Largeur automatiqeu des filtres */

.bootstrap-select>.dropdown-toggle {
    width: auto;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
}

/* FIN Largeur automatique des filtres */

.textarea-zone-s {
    height: 190px;
    width: 100%;
    padding: 10px;
}

.zone-area {
    width: 50%;
    padding: 5px;
    height: 110px;
}

.zone-drop-csv {
    width: 100%;
    padding: 5px;
}

.padding5{
	padding:5px;
}

.bold{
	font-weight:bold;
}

.flex-column{
	display:flex;
	flex-direction:column;
}

.tac{
	text-align:center;
}

.middle{
	width:50%!important;
}

.zone-drop-csv .zone-border {
    border: dashed  2px #e3e3e3;
    height: 190px;
    margin-top: 15px;
}

.dropzone-file-area {
    border: dashed  2px #e3e3e3 !important;
    margin-top: 15px !important;

}

.drop-zone-text {
    font-size: 23px;
    font-weight: 100;
    padding: 0 6px;
    color: #bfbfbf;
}

.dropzone-hover{
	background-color:#f0efef !important;
}

.drop-result{
	margin-top: 21px;
    font-weight: 600;
}

.soft-login-2.login .content{
	margin-top:130px!important;
}

.bibliotheque th:first-child{
	max-width:200px!important;
	min-width:200px!important;
}


.bibliotheque th:last-child{
	max-width:150px!important;
	min-width:150px!important;
}

.bibliotheque-superadmin th:first-child{
	max-width:200px!important;
	min-width:200px!important;
}

.bibliotheque-superadmin th:last-child{
	max-width:200px!important;
	min-width:200px!important;
}

.bibliotheque-admin th:first-child{
	max-width:200px!important;
	min-width:200px!important;
}

.bibliotheque-admin th:last-child{
	max-width:100px!important;
	min-width:100px!important;
}


.bibliotheque-user th:first-child{
	max-width:200px!important;
	min-width:200px!important;
}

.bibliotheque-user th:last-child{
	max-width:150px!important;
	min-width:150px!important;
}

.etablissement th:first-child{
	max-width:100%!important;
	min-width:350px!important;
}

.etablissement th:nth-child(2){
	max-width:200px!important;
	min-width:200px!important;
}

.etablissement th:nth-child(3){
	max-width:200px!important;
	min-width:200px!important;
}

.etablissement th:nth-child(4){
	max-width:200px!important;
	min-width:200px!important;
}

.etablissement th:last-child{
	max-width:100px!important;
	min-width:100px!important;
}


.etablissement-admin th:first-child{
	max-width:100%!important;
	min-width:350px!important;
}

.etablissement-admin th:nth-child(2){
	max-width:200px!important;
	min-width:200px!important;
}

.etablissement-admin th:nth-child(3){
	max-width:200px!important;
	min-width:200px!important;
}

.etablissement-admin th:nth-child(4){
	max-width:200px!important;
	min-width:200px!important;
}

.etablissement-admin th:last-child{
	max-width:150px!important;
	min-width:150px!important;
}

.delegation th:first-child{
	max-width:100%!important;
	min-width:350px!important;
}

.delegation th:nth-child(2){
	max-width:200px!important;
	min-width:200px!important;
}

.delegation th:nth-child(3){
	max-width:200px!important;
	min-width:200px!important;
}

.delegation th:nth-child(4){
	max-width:200px!important;
	min-width:200px!important;
}

.delegation th:last-child{
	max-width:150px!important;
	min-width:150px!important;
}



.participant th:last-child{
	max-width:150px!important;
	min-width:150px!important;
}

.site th:last-child{
	max-width:150px!important;
	min-width:150px!important;
}
	



#more-mp4{
	height:545px !important;
	margin: auto;
    text-align: center;	
}

#help-mp4{
	height:100%!important;	
	margin: auto;
    text-align: center;	
}

video.video-more {
	height:100%!important;
	max-width:100%!important;
	
}

video.video-help {
	height:100%!important;	
	max-width:100%!important;
}

.bootbox-close-button.close{
	background-image: none !important;
}

.modal-lg{
	max-width:1000px;
}

@media(max-width:900px){
	
	/* GDA */
	
	.app-name{
	font-size:24px !important;
	padding-right:50px;
	}
	
}
	
	
	
@media(max-width:750px){	
	.modal-content{
		margin-left: 5%!important;
		margin-right: 5%!important;
		margin-top:7%!important;
	}
}

td{
	height:37px!important;
}

th{
	height:37px!important;
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
    top: 35%!important;
    text-indent: 0!important;
}

table.dataTable>tbody>tr.child ul li{
	padding-left:10px!important;
	min-height:40px!important;
	margin-top:5px;
	margin-bottom:5px;
	border-top:1px solid lightgrey !important;

}



.child ul {
    display: flex!important;
    flex-direction: column!important;
}

table.dataTable.no-footer {
    border-bottom: 0px !important;
}

table.dataTable>tbody>tr.child ul li:first-child {
    padding-top: 10px!important;
    border-top: 0!important;
}

table.dataTable>tbody>tr.child ul li:last-child {
    padding-top: 20px!important;
}

span.dtr-data {
    margin-left: 15px!important;
}

.blue-madison-not-focus{
    background-color: white!important;
	border: 1px solid #578ebe!important;
    color: #578ebe!important;
}

.white{
	color:white!important;
}

.gris{
	color:#BCC2CB!important;
}

.user-figure{
	margin-right: 10px!important;
	font-size: 17px!important;
	margin-right: 10px!important; 
	margin-top: 3px!important;
}

.transparent{
	background-color:transparent!important;
}


/* TEMPORAIRE */

.liste-codes th:first-child{
	width:20%;
	/* width:100px!important;
	min-width:100px!important; */
}

.liste-codes th:nth-child(2){
	width:20%;
/* 	width:125px!important;
	min-width:125px!important; */
}

.liste-codes th:nth-child(3){
	width:20%;
/* 	width:125px!important;
	min-width:125px!important; */
}

.liste-codes th:nth-child(4){
	width:20%;
	/* width:125px!important;
	min-width:125px!important; */
}

.liste-codes td:last-child{
	width:20%;
	text-align:center!important; 
}

.liste-codes #tableCodes_wrapper .row{
	display:none!important;
}


.liste-codes .table-scrollable .row{
	display:none!important;
}

.liste-codes2 #tableCodes2_wrapper .row{
	display:none!important;
}


.liste-codes2 .table-scrollable .row{
	display:none!important;
}

.liste-codes2 td:last-child{
	width:20%;
	text-align:center!important; 
}

.liste-codes2 .portlet.light.bordered>.portlet-title {
    border-bottom: 0!important;
	height:25px!important;
}


.liste-emails #tableEmails_wrapper .row{
	display:none!important;
}


.liste-emails .table-scrollable .row{
	display:none!important;
}

.liste-emails2 #tableEmails2_wrapper .row{
	display:none!important;
}


.liste-emails2 .table-scrollable .row{
	display:none!important;
}

.liste-emails td:last-child{
	width:20%;
	text-align:center!important; 
}

.liste-emails2 td:last-child{
	width:20%;
	text-align:center!important; 
}

.liste-emails2 .portlet.light.bordered>.portlet-title {
    border-bottom: 0!important;
	height:25px!important;
}

::placeholder {
  font-style: italic;
}

.portfolio-content .text-center{
	margin-bottom:5px!important;
}


.cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc{
	white-space:normal!important;
}

.cbp-l-grid-projects-title{
	min-height:45px!important;
}

.cbp-l-grid-projects-desc{
	min-height:45px!important;
}

.margin-left5{
	margin-left:5px!important;
}

.margin-left10{
	margin-left:10px!important;
}

.cbp-l-grid-projects-title {
    font-size: 17px!important;
	line-height:23px!important;
}

.cbp-l-grid-projects-desc{
    font-size: 15px!important;
	line-height:22px!important;
}


.portfolio-content{
	max-width:1200px!important;
	margin:auto!important;
}

.container, .container-fluid {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.page-content {
    padding: 0px!important;
}

.portfolio-content {
    padding-top: 0px!important;
}

.page-header .container-fluid{
	padding-left:15px!important;
	padding-right:15px!important;
}

html{
	overflow-x:hidden!important;
	
}

.default{
	cursor:default!important;
}

/* body{
	
	font-family: Barlow, sans-serif!important;
	
} */

.modal-title{
	text-align:center!important;
	/* font-size:15px!important; */
	font-family: Barlow, sans-serif!important;
	margin-top: 10px!important;
    margin-bottom: 10px!important;
	
}

.barlow{
	font-family: Barlow, sans-serif!important;
}

.f15{
	font-size:15px!important;
}

.red-bordeaux{
	color:#800000;
}

.btn.red-bordeaux:not(.btn-outline) {
    color: #FFF;
    background-color: #800000;
    border-color: #800000;
}

.overlay-image {
 position: relative;
 width: 100%;
}

.image-biblio{

 display: block;
 width: 100%;
 height: auto;	
	
}

.overlay-image .text {
 color: #fff;
 font-size: 30px;
 line-height: 1.7em;
 /*text-shadow: 1px 1px 1px #000;*/
 text-align: center;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 80%;
 }

.overlay-image .hover {
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 transition: .5s ease;
}

/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
 opacity: 1;
}

.overlay-image .normal {
 transition: .5s ease;
}
.overlay-image:hover .normal {
 opacity: 0;
}
.overlay-image .hover {
 background-color: rgba(0,0,0,0.5);
}

.spec{
	padding: 6px 12px!important;
}


.bis{
	font-size:25px!important;
}

.m-grid.m-grid-demo .m-grid-col{
	border:0!important;
}

.mt-element-ribbon {
	margin-bottom:0px!important;
}


/* Confirmation Sweet Alert*/


.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    /* background-color: #ef8000!important; */
    width: 500px!important;
    height: 288px!important;
}


.swal2-popup.swal2-modal.swal2-icon-success.swal2-show {
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    /* background-color: #ef8000!important; */
    width: 500px!important;
    height: 288px!important;
}

h2#swal2-title {
    /*font-size: 25px!important;*/
}

div#swal2-html-container {
    font-size: 15px!important;
}

button.swal2-cancel.swal2-styled.swal2-default-outline {
    font-size: 15px!important;
	margin-left:15px!important;
}

button.swal2-confirm.swal2-styled.swal2-default-outline {
    font-size: 15px!important;
}

button.swal2-confirm.swal2-styled {
    font-size: 15px!important;
}

.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    /* background-color: #ef8000!important; */
    width: 500px!important;
    height: 288px!important;
}


.swal2-popup.swal2-modal.swal2-icon-success.swal2-show {
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    /* background-color: #ef8000!important; */
    width: 500px!important;
    height: 288px!important;
}


button.swal2-cancel.swal2-styled.swal2-default-outline {
    font-size: 15px!important;
	margin-left:15px!important;
}

button.swal2-confirm.swal2-styled.swal2-default-outline {
    font-size: 15px!important;
}

button.swal2-confirm.swal2-styled {
    font-size: 15px!important;
}


.mt-element-ribbon .ribbon.ribbon-color-info:after {
    border-color: white;
}


span.glyphicon {
    line-height: 40px;
	
}

button#btnFaqSearch, button#btnRepeatSearch, button#btnDownloadGuide{
   background-color:#642251;
   border: 1px solid #fff!important;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

.faq{font-size: 20px;}

#toast-container>div{
	opacity:0.9!important;
}

.positionnement-pastille-statut{
	float:right;
	margin-right:20px !important;
}	


.page-wrapper-middle{
	background-color:white !important;
}

.page-head .page-title {
    padding-bottom: 2px !important;
}

.WR_ForgetPwdInputsContainer {
    padding-top: 5px;
}

.WR_ForgetPwdInput {
    padding-bottom: 10px;
}

.WR_ChangePasswordSuccess, .WR_ChangePasswordFail, .WR_ExpiredLink, .WR_LoginNotExists{
	padding-bottom: 20px;
}

#WR_ForgetPwdErrorMsg {
    margin-bottom: 10px;
    border: 1px solid #FBE1E3;
    background-color: #FBE1E3;
    padding: 6px 12px;
	color: #E73D4A
}

[name=WR_BtnRetour],[name=WR_BtnContinue],[name=WR_BtnValider]{
    font-weight: 600;
    padding: 10px 20px!important;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    user-select: none;
	margin-left: 10px;
    min-width: 110px;
}

[name=WR_BtnRetour]:first-child,[name=WR_BtnContinue]:first-child,[name=WR_BtnValider]:first-child{
	margin-left: 0px;
}

body.login.ForgotPassword{
	background-color: #3b434c;
	color: #fff;
}

.WR_MessageForgetPwd.WR_SendMail {
    margin-bottom: 30px;
}

.ForgotPassword input[name="WR_BtnRetour"] {
    margin-bottom: 2px;
    margin-right: 2px !important;
    /* min-width: 60px; */
    display: inline-block;
    outline: 0!important;
    line-height: 1.44;
    margin-top: 1px;
    font-weight: 600;
    padding: 10px 20px!important;
    color: #FFF;
    background-color: #8e44ad;
    border-color: #8e44ad;
    box-shadow: none!important;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    user-select: none;
    text-transform: uppercase!important;
}

.ForgotPassword input[name="WR_BtnContinue"] {
    margin-bottom: 2px;
    margin-right: 2px !important;
    /* min-width: 60px; */
    display: inline-block;
    outline: 0!important;
    line-height: 1.44;
    margin-top: 1px;
    font-weight: 600;
    padding: 10px 20px!important;
    color: #FFF;
    background-color: #4b77be;
    border-color: #4b77be;
    box-shadow: none!important;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    user-select: none;
    text-transform: uppercase!important;
}

.WR_MessageForgetPwd.WR_EmailSent {
    margin-bottom: 30px;
}

.swal2-title {    
    padding: 25px !important;
    padding-bottom: 0px !important;
    color: inherit;
    font-size: 19px !important;
    font-weight: normal !important;    
}


.swal2-popup {
    height: 254px !important;    
	width: 500px !important;    
}

.dateDemande,.heureDemande{
	min-width:150px!important;
	max-width:150px!important;
}

.statutTicket{
	min-width:75px!important;
	max-width:75px!important;
}

.actionsSupportEnCours{
	min-width:100px!important;
	max-width:100px!important;
}

.actionsDemande{
	min-width:300px!important;
	max-width:300px!important;
}


.margin-left15{
	margin-left:15px;
}

.margin-right15{
	margin-right:15px;
}

.sectionTutoriel{
	color:#00008B;
	font-size:20px;
}

.zone-me{
	background-color:white!important;
}

.careful-code{
	padding: 5px;
    background-color: yellow;
}