/* from css file karazapps/backend/admin/domain/realme/model/realme/web/Domain.css  */

.ico_domain { 
	background-image: url(img/Domaine_Identification.png);
}/* from css file karazapps/backend/admin/dynamicmenu/model/dynamicmenu/web/DynamicMenu.css  */

.ico_dynamicmenu { 
	background-image: url(img/dynamicmenu.png);
}/* from css file karazapps/backend/admin/ecm/repository/model/repository/web/Repository.css  */

.ico_repository { 
	background-image: url(img/repository.png);
}/* from css file karazapps/backend/admin/feeder/emailreceiver/model/emailreceiver/web/EmailReceiver.css  */

.ico_emailreciver { 
	background-image: url(img/E-mail-Receiver.png);
}/* from css file karazapps/backend/admin/importation/model/Importation/web/Import.css  */

.ico_importations { 
	background-image: url(img/Import_Export.png);
}
/* from css file karazapps/backend/admin/parametrages/model/parametrages/web/Parametrages.css  */

.ico_parametrages { 
	background-image: url(img/parametrages.png);
}/* from css file karazapps/backend/admin/profile/model/profile/web/Profiles.css  */

.ico_profiles { 
	background-image: url(img/Profiles.png);
}/* from css file karazapps/backend/admin/report/model/report/web/Report.css  */

.ico_report { 
	background-image: url(img/Report.png);
}/* from css file karazapps/backend/admin/resources/liste/model/liste/web/Parametres.css  */

.ico_parametres { 
	background-image: url(img/Parametres.png);
}/* from css file karazapps/backend/adminuserdata/exportation/model/exportation/web/Exportation.css  */

.ico_exportation { 
	background-image: url(img/exportation.png);
}/* from css file karazapps/backend/adminuserdata/importation/model/importation/web/Importation.css  */

.ico_importation { 
	background-image: url(img/importation.png);
}/* from css file karazapps/backend/bam/activityinst/model/Activityinst/web/Activityinst.css  */

.ico_activityinst { 
	background-image: url(img/activityinst.png);
}/* from css file karazapps/backend/bam/processinst/model/Processinst/web/Processinst.css  */

.ico_processinst { 
	background-image: url(img/BAM.png);
}/* from css file karazapps/backend/bam/serverstartup/model/ServerStartup/web/ServerStartup.css  */

.ico_serverstartup { 
	background-image: url(img/BAM.png);
}/* from css file karazapps/backend/bam/usersession/model/UserSession/web/UserSession.css  */

.ico_usersession { 
	background-image: url(img/BAM.png);
}

.userSessionPermissionTab li {
	font-family: Candara;
	padding-left: 20px;
}/* from css file karazapps/backend/scheduling/execution/model/execution/web/Execution.css  */

.ico_execution { 
	background-image: url(img/execution.png);
}/* from css file karazapps/backend/scheduling/job/model/job/web/Job.css  */

.ico_job { 
	background-image: url(img/Scheduler.png);
}/* from css file karazapps/backend/scheduling/script/model/script/web/Script.css  */

.ico_script { 
	background-image: url(img/script.png);
}

.refreshScriptButton {
	background: url("img/refresh-64x64.png") ; 
	background-size: 32px 32px;
	width:32px;
	height:32px; 
	position:absolute;
	cursor:pointer; 
	top:2px; 
	right:20px
}

.refreshScriptButton:before {
	
	
}

.ScriptCodeTextArea textarea {
    color: #a2e6a2;
    font-family: Candara; 
    background: #303930;
    font-size: 13px;
    font-family: monospace;
    font-weight: normal;
	
}/* from css file karazapps/cug/cri/data/backendoperation/model/backendoperation/web/Backendoperation.css  */

.ico_backendoperation { 
	background-image: url(img/backendoperation.png);
}
.btn-fa-search-plus  div div {
	font-size: 0;
}

.btn-fa-search-plus div div:before {
	font-family: FontAwesome !important;
	content: "\f00e";
	font-size: 12px !important;
	color: #FFFFFF !important;
}
a.visibilityHidden {
	display: none !important;
}

div.visibilityHidden {
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 5px;
}
.btnwavisualisation:before {
	font-family: FontAwesome !important;
	content: "\f06e";
	font-size: 25px !important;
	color: #FFFFFF !important;
}
/* from css file karazapps/cug/cri/urbanisme/autorisation/model/autorisationconstruction/web/AutorisationCri.css  */
.ami-rdv-cal-mt td {
	font-family: Candara;
	width: 84px;
	height: 15px;
	text-align: center;
	font-size: 12px;
	color: #999;
}

.karazcal-previous, .karazcal-next {
	display: block;
	width: 40px;
	height: 30px;
	border: 20px solid transparent;
	box-sizing: border-box;
}

.karazcal-previous {
	border-right-color: #AAA;
}

.karazcal-next {
	border-left-color: #AAA;
}

.karazcal-current {
	text-align: center;
	color: #999;
	font-family: Candara;
	line-height: 30px;
	font-size: 22px;
}

.karazSlotCaontainer {
	height: 262px;
	overflow-y: auto;
	overflow-x: hidden;
}

.karazSlotSelect {
	text-decoration: none;
	color: #FFF;
	font-family: Candara;
	line-height: 22px;
	font-size: 16px;
	display: block;
	padding-left: 15px;
}

.karazSlotSelect>div>div {
	display: block;
	width: 150px;
	margin: auto;
	height: 12px;
	background-color: #EEE;
	border: 1px solid #DDD;
	border-radius: 3px;
	padding: 5px;
	line-height: 8px;
	text-decoration: none;
	text-align: center;
	margin-bottom: 5px;
}

div.karazSlotselected {
	background: url(img/validate2.png) 140px 2px no-repeat #E9422E
		!important;
	background-repeat: no-repeat;
	color: #FFF;
}

.karazSlotopen {
	background-color: #21b384 !important;
	border: 1px solid #21b384 !important;
}

.karazSlotclosed {
	background-color: #CCC !important;
	border: 1px solid #CCC !important;
}

.karazSlotSelect.noShuttle.css_closed {
	pointer-events: none !important;
}

.csc {
	width: 60px;
	height: 40px;
	display: block;
	text-decoration: none;
	color: #FFF;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	font-family: Candara;
}

a.csc>div {
	border-radius: 2px;
	text-align: center;
	height: 40px;
	text-decoration: none;
	font-family: Candara;
}

.csc_full, .csc_inOffset {
	background-color: #CCC;
	border: 1px solid #BBB;
	cursor: default;
	pointer-events: none !important;
}

.csc_disbaled {
	background-color: #EEE;
	border: 1px solid #EEE;
	cursor: default;
	pointer-events: none !important;
}

.csc_old {
	background-color: #BBB;
	border: 1px solid #BBB;
	cursor: default;
	pointer-events: none !important;
}

.csc_available {
	background-color: #21b384;
	border: 1px solid #21b384;
}

.csc_selected {
	background-color: #E9422E;
	border: 1px solid #E9422E;
}

fieldset.GKJEGPPCNBC {
	border: 1px solid #bbb !important;
}

.icoWarning:before {
	font-family: FontAwesome;
	content: "\f071";
	font-size: 2em;
}

a.vBox-fa-users {
	padding: 5px !important;
}

a.vBox-fa-users:before {
	font-family: FontAwesome !important;
	content: "\f007";
	font-size: 14px;
	color: #FFFFFF !important;
}

div.vBox-fa-users {
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 5px;
}

a.vBox-fa-map-marker:before {
	font-family: FontAwesome !important;
	content: "\f041";
	font-size: 14px;
	color: #8ABFE5 !important;
}

a.vBox-fa-surface:before {
	font-family: FontAwesome !important;
	content: "\f142";
	font-size: 14px;
	color: #FFFFFF !important;
}

a.vBoxAut-fa-surface:before {
	font-family: FontAwesome !important;
	content: "\f248";
	font-size: 12px;
	color: #FFFFFF !important;
}

a.visibilityHidden {
	display: none !important;
}

.pay2connectBtn:before {
	font-family: FontAwesome !important;
	content: "\f09d";
}

.btn-fa-help div div {
	font-size: 0;
}

.btn-fa-help div div:before {
	font-family: FontAwesome !important;
	content: "\f05a";
	font-size: 12px !important;
	color: #FFFFFF !important;
}
 .btn-fa-users-cog div div {
	font-size: 0;
}

.btn-fa-users-cog div div:before {
	font-family: FontAwesome !important;
	content: "\f0c0";
	font-size: 12px !important;
	color: #FFFFFF !important;
}
.btnPrintAuto:before {
	font-family: FontAwesome !important;
	content: "\f0f6";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintEngagement:before {
	font-family: FontAwesome !important;
	content: "\f040";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintBRDV:before {
	font-family: FontAwesome !important;
	content: "\f073";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintAR:before {
	font-family: FontAwesome !important;
	content: "\f087";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintBE:before {
	font-family: FontAwesome !important;
	content: "\f0e0";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnAddMbrecom:before {
	font-family: FontAwesome !important;
	content: "\f234";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintPV:before {
	font-family: FontAwesome !important;
	content: "\f044";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.noClassName {
	width: 400px !important;
	margin-left: 80px !important;
}

.btn-fa-eye div div {
	font-size: 0;
}

.btn-fa-eye div div:before {
	font-family: FontAwesome !important;
	content: "\f06e";
	font-size: 12px !important;
	color: #FFFFFF !important;
}

.field-alignText div {
	text-align: : center;
}

.btnMaitreOuvrage {
	display: block;
	min-width: 20px;
	min-height: 20px;
	background: #EFEFEF;
	color: #8ABFE5 !important;
	padding: 5px;
	text-align: center;
	line-height: 19px;
	font-size: 17px;
	border: 1px solid #DDD;
	box-sizing: border-box;
	height: 35px;
	font-weight: bold;
	border-radius: 4px;
	width: auto !important;
	top: 0px !important;
}

.removeMaitreOuvrage.cssIndex-0 {
	display: none;
}

.removeMaitreOuvrage {
	width: 22px !important;
}

.karazSlotopen.selected {
	background-color: #E9422E !important;
	border: 1px solid #E9422E !important;
}

#btn-fa-folder-open:before {
	font-family: FontAwesome !important;
	content: "\f07c";
	font-size: 18px !important;
	color: #8ABFE5 !important
}

#btn-fa-university:before {
	font-family: FontAwesome !important;
	content: "\f19c";
	font-size: 23px !important;
	color: #8ABFE5 !important
}

.btnImprimerAutorisation:before {
	font-family: FontAwesome !important;
	content: "\f19c";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnEditerNotification:before {
	font-family: FontAwesome !important;
	content: "\f0e0";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnVerificationDonnees:before {
	font-family: FontAwesome !important;
	content: "\f00c";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.urbanisme_cri_icone:before {
	font-family: FontAwesome !important;
	content: "\f0f7";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

a.vBox-fa-history:before {
	font-family: FontAwesome !important;
	content: "\f1da";
	font-size: 14px;
	color: #FFFFFF !important;
}

a.vBox-fa-history {
	top: 4px !important;
}

.btnAvisCommission:before {
	font-family: FontAwesome !important;
	content: "\f086";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.karazcal-previous:before {
	font-family: FontAwesome !important;
	font-size: 34px !important;
	color: #1a86b9 !important;
	content: "\f053" !important;
}

.karazcal-next:before {
	font-family: FontAwesome !important;
	font-size: 34px !important;
	color: #1a86b9 !important;
	content: "\f054" !important;
}

.karazcal-next, .karazcal-previous {
	border: 0 !important;
}

.event_toDay {
	border: 2px solid #1a86b9 !important;
}

.karazcal-current {
	color: #1a86b9 !important;
}

.btnSaveMo:before {
	font-family: FontAwesome !important;
	content: "\f0c7";
	font-size: 30px !important;
	color: #8ABFE5 !important
}

.karazSlot {
	margin: auto !important;
}

.btnGeolocalise:before {
	font-family: FontAwesome !important;
	content: "\f041";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.showDownloadBtn-true {
	display: block !important;
}

.showDownloadBtn-false {
	display: none !important;
}

.xbtnPlus {
	min-width: 20px;
	min-height: 20px;
	background: #21b384;
	color: #FEFEFE;
	padding: 5px 15px 1px 8px;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	border: 1px solid #21b384;
	box-sizing: border-box;
	height: 29px;
	font-weight: bold;
	border-radius: 4px;
	vertical-align: middle;
	font-family: helvetica, arial, verdana, sans-serif;
	display: block;
	top: 0px !important;
}

.xbtnMoins {
	min-width: 20px;
	min-height: 20px;
	background: #E9422E;
	color: #FEFEFE;
	padding: 5px 15px 1px 8px;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	border: 1px solid #E9422E;
	box-sizing: border-box;
	height: 29px;
	font-weight: bold;
	border-radius: 4px;
	vertical-align: middle;
	font-family: helvetica, arial, verdana, sans-serif;
	display: block;
	top: 0px !important;
}

.btnMoins {
	color: #E9422E;
}

.tfbtnMoins {
	color: #E9422E;
	font-size: 21px !important;
}

.btnPlus {
	color: #21b384;
}

.tfbtnPlus {
	color: #21b384;
	font-size: 24px !important;
}

.btnShowMo:before {
	font-family: FontAwesome !important;
	content: "\f007";
	font-size: 22px !important;
	color: #5f666b !important;
	margin-left: 32px !important;
}

.btnResetOb:before {
	font-family: FontAwesome !important;
	content: "\f021";
	font-size: 22px !important;
	color: rgba(24, 87, 185, 0.99) !important;
	margin-left: 6px !important;
}

.btnDownloadOb:before {
	font-family: FontAwesome !important;
	content: "\f019";
	font-size: 22px !important;
	color: rgba(24, 87, 185, 0.99) !important;
	margin-left: 0px !important;
}

.fa-addmbre-plus:before {
	content: "\f234" !important;
}

.labelFiledeset {
	font-size: 12px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	color: #767676;
	text-transform: uppercase;
	margin-left: 9px;
}

.groupMentCab {
	position: relative;
	width: 10% !important;
	min-width: 10% !important;
}

.btnshowHistoCommCss:before {
	font-family: FontAwesome !important;
	content: "\f06e";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnhideHistoCommCss:before {
	font-family: FontAwesome !important;
	content: "\f070";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnReconstituerAuto:before {
	font-family: FontAwesome !important;
	content: "\f122";
	font-size: 25px !important;
	color: #FFFFFF !important;
}
.btnRestaurerAuto:before {
	font-family: FontAwesome !important;
	content: "\f079";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.tfbtnNrGris {
	color: rgba(86, 90, 89, 0.78) !important;
}

.showbtnTFNR-0, showbtnTFNR- {
	color: #5f666b !important;
}

.showbtnTFNR-false {
	color: #21b384 !important;
}

.noClassNameAut {
	width: 80px !important;
}
.noClassNameFordoc {
	width: 400px !important;
	margin-left: 32px !important;
}
.btnPrintFicheStatistique:before {
	font-family: FontAwesome !important;
	content: "\f080";
	font-size: 25px !important;
	color: #FFFFFF !important;
}
.confirmPay-proposer-true{
			    color:red !important;
			  }
			  .confirmPay-proposer-false{
			    color:#5f666b !important;
			  }
 .confirme_formulaire{
			background-color: #fffce5;
    color: #840;
    text-align: center;
    padding: 10px;
    border: 1px solid #ed5;
    border-radius: 3px;
    margin: auto;
    width: 97% !important;
    margin-top: 10px;
    margin-bottom: 10px;
			  }
   .confirme_chexkbox{
           top: 29px !important; 
			  }	
.btn-fa-membere div div {
	font-size: 0;
}

.btn-fa-membere div div:before {
    font-family: FontAwesome !important;
    content: "\f007";
    font-size: 12px !important;
    color: #FFFFFF !important;
}		





/**************************Start Calendar**************************/

/************/
.calendar {
    height: 500px;
}

/************/
.calendar-bloc1 {
    
    margin-left: 13%;
    height: 470px;
    border-right-color: rgb(51, 136, 170);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(51, 136, 170);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(51, 136, 170);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    
}

/************/
.calendar-bloc2 {
    
    margin-left: 10%;
    margin-right: 30%;
    border-right-color: rgb(51, 136, 170);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(51, 136, 170);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(51, 136, 170);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    height: 470px;
    
}
/************/
.month {
    background: #3388aa;
    height: 60px;
    width: 100%
}


/************/
button.ow-button.calendar-previous{
    background: #3388aa;
    border: none;  
    color: #ffffff;  
    float:left ; 
    display: block;
    font-size: 23px;
    margin-left:35%;
    margin-top:10%;
    text-align: center;
    outline:none;
	
}

button.ow-button.calendar-previous:hover{
    color: #021938;	
}


/**************/

button.ow-button.calendar-next{
     background: #3388aa;
    border: none;  
    color: #ffffff;  
    float:right ; 
    display: block;
    font-size: 23px;
    margin-right:35%;
    margin-top:10%;
    text-align: center;
    outline:none;
	
}

button.ow-button.calendar-next:hover{
    color: #021938;	
}

/**************/
button.ow-button.calendar-month{
    
    display: block;
    color: #ffffff;
    background: #3388aa;
    margin-right: auto;
    margin-left: auto;
    margin-top: 6%;
    
}

/**************/
.months-years {
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    background: #3388aa;
    font-size: 18px;
   
    font-family: 'Roboto',sans-serif;
    
}

.months-years:hover {
    color: #021938;
}

/**************/
.days {
    height: 30px;

}

.calendar-days {
    font-family: 'Roboto',sans-serif;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #3388aa;
    margin: auto;

}

.days-names {
    width : 100%;
    height: 20 px;
    margin-top:3%;

}


/* START DISABLED */
button.ow-button.calender-buttons-disbaled{
    background-color:  #e7e7e7;
    width: 100%;
    height : 50px;
    cursor: default;
	pointer-events: none  ;
    margin: auto;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #3388aa  ;
	
}

button.ow-button.calender-buttons-disbaled>div>span{
    color: #b6b6b6;
}


button.ow-button.calender-buttons-{

    display:none;   
}

/* END DISABLED */

/* START IN OFFSET - FULL - OLD */
button.ow-button.calender-buttons-inOffset,button.ow-button.calender-buttons-old,button.ow-button.calender-buttons-full{
    background-color: #dad9d9;
    width: 100%;
    height : 50px;
    cursor: default;
	pointer-events: none  ;
    margin: auto;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #3388aa  ;
	
}

button.ow-button.calender-buttons-inOffset.isToday_toDay,button.ow-button.calender-buttons-old.isToday_toDay,button.ow-button.calender-buttons-full.isToday_toDay {
	
	background-color: #3388aa ;
    width: 100%;
    height : 50px;
    cursor: default;
	pointer-events: none  ;
    margin: auto;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #dad9d9  ;
}

button.ow-button.calender-buttons-inOffset.isToday_toDay>div>span,button.ow-button.calender-buttons-old.isToday_toDay>div>span,button.ow-button.calender-buttons-full.isToday_toDay>div>span{
	color: #ffffff;
}

/* END IN OFFSET - FULL - OLD */


/* START AVAILABLE */
button.ow-button.calender-buttons-available{
    background-color: #21b384;
    width: 100%;
    height : 50px;
    font-size: 16px;
    cursor: pointer;
    margin: auto;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #3388aa  ;
	outline: none;
}

button.ow-button.calender-buttons-available>div>span{
    color: #ffffff;
}

button.ow-button.calender-buttons-available:hover{
    background-color: #3388aa;	
}

/* END AVAILABLE */


/* START SELECTED */
button.ow-button.calender-buttons-selected{
    background-color: #E9422E;
    width: 100%;
    height : 50px;
    font-size: 16px;
    cursor: pointer;
    margin: auto;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #3388aa  ;
}

button.ow-button.calender-buttons-selected>div>span{
    color: #ffffff;
}
/* END SELECTED */



/**************/
.month-days {

    display: block;
    margin-left: auto;
    color: #3388aa;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Roboto',sans-serif;
    width: 100%;
    height: 100%;
    
}

.month-days:hover {
    color: #ffffff; 
}

/**************/
.inside-creneaux{
    background: #3388aa;
    height: 60px;
    width: 100%; 
}

.creneaux-html {
    display: block;
    margin: auto ;
    color: #ffffff;
    font-size: 18px;
    margin-top:5%;
   
    font-family: 'Roboto',sans-serif;
}

/**************/
.slots{
  	margin-top:3%;
    background: #ffffff;
    height: 70px;
    overflow: auto;
    height:315px;
    margin-right:5%;

}

button.ow-button.slots-buttons-open{
    background-color: #21b384;          
    width: 90%;
    height : 35px;
    font-size: 16px;
    cursor: pointer;
    margin-right:auto;
    margin-left:auto;
    margin-top: 8px;
    display: block;
    outline: none;
}

button.ow-button.slots-buttons-open>div>span{
    color: #ffffff;
}

button.ow-button.slots-buttons-open:hover{
    background-color: #3388aa;	
}

/**************/
button.ow-button.slots-buttons-closed{
    background-color: #e7e7e7;          
    width: 90%;
    height : 35px;
    font-size: 16px;
    cursor: none;
	pointer-events: none ;
    margin-right:auto;
    margin-left:auto;
    margin-top: 8px;
    display: block;
}

button.ow-button.slots-buttons-closed>div>span{
    color: #b6b6b6;
}

button.ow-button.slots-buttons-{
    display:none;
}
/**************/
button.ow-button.slots-buttons-selected, button.ow-button.slots-buttons-open.selected {
    background-color: #E9422E;          
    width: 90%;
    height : 35px;
    font-size: 16px;
    cursor: none;
    margin-right:auto;
    margin-left:auto;
    margin-top: 8px;
    display: block;
    pointer-events: none ;
}

button.ow-button.slots-buttons-selected>div>span{
    color: #ffffff;
}

/**************/
.slots-times {

    display: block;
    margin-left: auto;
    color: #3388aa;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Roboto',sans-serif;
    width: 100%;
    height: 100%;
    
}

.slots-times:hover {
    color: #ffffff; 
}
/**************/
.date-choisie {
 
    width : 100%;
    height: 20 px;
    margin-top:3%;
    text-align: center;
   
   
}


.date-choisie-span1 {
   font-family: 'Roboto',sans-serif;
   text-align: center;
   font-size: 17px;
   font-weight: bold;
   color: #3388aa;
   margin: auto;
}

.date-choisie-span2 {
   font-family: 'Roboto',sans-serif;
   text-align: center;
   font-size: 19px;
   font-weight: bold;
   color: #E9422E;
   margin: auto;
}
/**************************End Calendar**************************/

/**************************Start messages transactionnels**************************/
.alert {
    
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    background-color: #FF0000; /* Red */
    color: white;
    margin-bottom: 15px;
    opacity: 1;
    transition: opacity 0.6s;
}

.warning {
    
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    background-color: #db860e; /* Red */
    color: white;
    margin-bottom: 15px;
    opacity: 1;
    transition: opacity 0.6s;
}

.information {
    
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    background-color: #133495; /* Red */
    color: white;
    margin-bottom: 15px;
    opacity: 1;
    transition: opacity 0.6s;
}

.succes {
    
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    background-color: #135844; /* Red */
    color: white;
    margin-bottom: 15px;
    opacity: 1;
    transition: opacity 0.6s;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}
/*Bloc Latifa
/*Bloc Latifa*/
.radioContainer {
    margin-right: 60px;
    margin-left: 60px;
    font-size: 15px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #076aa4;
}
 .testradio{
    display : inline-block;
    position: absolute;
    width: 20px ;
    height : 20px ;
    background-color: #133495;
}
button.validate {
	width : 40%;
	margin-left : 30%;
    display: flex;
    align-items: center;
    justify-content: center;	
}
button.validate1 {
	width:100%
    display: flex;
    align-items: center;
	pointer-events :none;
    justify-content: center;	
}
button.validate3 {	
    align-items: center;
	pointer-events :none;
    justify-content: center;
	width:10%;
	margin: auto;
}
.varibox{
	
	margin-left : 30%;
	margin-right : 30%;
}


/**************************End messages transactionnels**************************/	

/************************** START : Bloc Demandeur **************************/

/*******START qualit� maitre d'ouvraaage*******/
.ouvrage-icon { 
    width: 30px;
    height: 30px;
    float: left;
	margin-right: 8px;
	margin-top: 0px;
    clear: both;
    background-size: 100%;
}

.Propri�taire {
background-image: url(img/Propri�taire.svg);
}

.Locataire {
    background-image: url(img/Locataire.svg);
    }

.g�rant {
background-image: url(img/g�rant.svg);
}

.Mandataire {
    background-image: url(img/Mandataire.svg);
    }

/*******END qualit� maitre d'ouvraaage*******/

/**************************Start flags icons**************************/

.flags-icon { 
    width: 40px;
    height: 30px;
    float: left;
	margin-right: 8px;
	margin-top: 0px;
    clear: both;
    background-size: 100%;
}

.Andorre {
background-image: url(img/ad.svg);
}

.Emirats_Arabes_Unis {
background-image: url(img/ae.svg);
}

.Afghanistan {
background-image: url(img/af.svg);
}

.flag-icon-ag {
background-image: url(img/ag.svg);
}

.Anguilla {
background-image: url(img/ai.svg);
}

.Albanie {
background-image: url(img/al.svg);
}

.Armenie {
background-image: url(img/am.svg);
}

.Angola {
background-image: url(img/ao.svg);
}

.flag-icon-aq {
background-image: url(img/aq.svg);
}

.Argentine {
background-image: url(img/ar.svg);
}

.flag-icon-as {
background-image: url(img/as.svg);
}

.Autriche {
background-image: url(img/at.svg);
}

.Australie {
background-image: url(img/au.svg);
}

.flag-icon-aw {
background-image: url(img/aw.svg);
}

.flag-icon-ax {
background-image: url(img/ax.svg);
}

.Azerbaidjan {
background-image: url(img/az.svg);
}

.Boznie_Herzegovine {
background-image: url(img/ba.svg);
}

.Barbade {
background-image: url(img/bb.svg);
}

.Bangladesh {
background-image: url(img/bd.svg);
}

.Belgique {
background-image: url(img/be.svg);
}

.Burkina_Faso {
background-image: url(img/bf.svg);
}

.Bulgarie {
background-image: url(img/bg.svg);
}

.Bahrein {
background-image: url(img/bh.svg);
}

.Burundi {
background-image: url(img/bi.svg);
}

.Benin {
background-image: url(img/bj.svg);
}

.flag-icon-bl {
background-image: url(img/bl.svg);
}

.Bermudes {
background-image: url(img/bm.svg);
}

.Brunei {
background-image: url(img/bn.svg);
}

.Bolivie {
background-image: url(img/bo.svg);
}

.flag-icon-bq {
background-image: url(img/bq.svg);
}

.Bresil {
background-image: url(img/br.svg);
}

.Bahamas {
background-image: url(img/bs.svg);
}

.Bhoutan {
background-image: url(img/bt.svg);
}

.flag-icon-bv {
background-image: url(img/bv.svg);
}

.Botswana {
background-image: url(img/bw.svg);
}
.Bielorussie {
background-image: url(img/by.svg);
}
.Belize {
background-image: url(img/bz.svg);
}
.Canada {
background-image: url(img/ca.svg);
}
.flag-icon-cc {
background-image: url(img/cc.svg);
}
.Congo_democratique {
background-image: url(img/cd.svg);
}

.Afrique_Centrale {
background-image: url(img/cf.svg);
}

.Congo {
background-image: url(img/cg.svg);
}

.flag-icon-ch {
background-image: url(img/ch.svg);
}

.Cote_d_Ivoire {
background-image: url(img/ci.svg);
}

.Cook {
background-image: url(img/ck.svg);
}

.Chili {
background-image: url(img/cl.svg);
}

.Cameroun {
background-image: url(img/cm.svg);
}

.Chine {
background-image: url(img/cn.svg);
}

.Colombie {
background-image: url(img/co.svg);
}

.Costa_Rica {
background-image: url(img/cr.svg);
}

.Cuba {
background-image: url(img/cu.svg);
}

.Cap_vert {
background-image: url(img/cv.svg);
}

.flag-icon-cw {
background-image: url(img/cw.svg);
}

.flag-icon-cx {
background-image: url(img/cx.svg);
}

.Chypre {
background-image: url(img/cy.svg);
}

.flag-icon-cz {
background-image: url(img/cz.svg);
}

.Allemagne {
background-image: url(img/de.svg);
}

.Djibouti {
background-image: url(img/dj.svg);
}

.Danemark {
background-image: url(img/dk.svg);
}

.Dominique {
background-image: url(img/dm.svg);
}

.flag-icon-do {
background-image: url(img/do.svg);
}

.Algerie {
background-image: url(img/dz.svg);
}

.Equateur {
background-image: url(img/ec.svg);
}

.flag-icon-ee {
background-image: url(img/ee.svg);
}

.Egypte {
background-image: url(img/eg.svg);
}

.flag-icon-eh {
background-image: url(img/eh.svg);
}

.Erythree {
background-image: url(img/er.svg);
}

.Espagne {
background-image: url(img/es.svg);
}

.flag-icon-et {
background-image: url(img/et.svg);
}

.flag-icon-fi {
background-image: url(img/fi.svg);
}

.flag-icon-fj {
background-image: url(img/fj.svg);
}

.flag-icon-fk {
background-image: url(img/fk.svg);
}

.flag-icon-fm {
background-image: url(img/fm.svg);
}

.flag-icon-fo {
background-image: url(img/fo.svg);
}

.flag-icon-fr {
background-image: url(img/fr.svg);
}

.flag-icon-ga {
background-image: url(img/ga.svg);
}

.flag-icon-gb {
background-image: url(img/gb.svg);
}

.flag-icon-gd {
background-image: url(img/gd.svg);
}

.flag-icon-ge {
background-image: url(img/ge.svg);
}

.flag-icon-gf {
background-image: url(img/gf.svg);
}

.flag-icon-gg {
background-image: url(img/gg.svg);
}

.flag-icon-gh {
background-image: url(img/gh.svg);
}

.flag-icon-gi {
background-image: url(img/gi.svg);
}

.flag-icon-gl {
background-image: url(img/gl.svg);
}

.flag-icon-gm {
background-image: url(img/gm.svg);
}

.flag-icon-gn {
background-image: url(img/gn.svg);
}

.flag-icon-gp {
background-image: url(img/gp.svg);
}

.flag-icon-gq {
background-image: url(img/gq.svg);
}

.flag-icon-gr {
background-image: url(img/gr.svg);
}

.flag-icon-gs {
background-image: url(img/gs.svg);
}

.flag-icon-gt {
background-image: url(img/gt.svg);
}

.flag-icon-gu {
background-image: url(img/gu.svg);
}

.flag-icon-gw {
background-image: url(img/gw.svg);
}

.flag-icon-gy {
background-image: url(img/gy.svg);
}

.flag-icon-hk {
background-image: url(img/hk.svg);
}

.flag-icon-hm {
background-image: url(img/hm.svg);
}

.flag-icon-hn {
background-image: url(img/hn.svg);
}

.Croatie {
background-image: url(img/hr.svg);
}

.flag-icon-ht {
background-image: url(img/ht.svg);
}

.flag-icon-hu {
background-image: url(img/hu.svg);
}

.flag-icon-id {
background-image: url(img/id.svg);
}

.flag-icon-ie {
background-image: url(img/ie.svg);
}

.flag-icon-il {
background-image: url(img/il.svg);
}

.flag-icon-im {
background-image: url(img/im.svg);
}

.flag-icon-in {
background-image: url(img/in.svg);
}

.flag-icon-io {
background-image: url(img/io.svg);
}

.flag-icon-iq {
background-image: url(img/iq.svg);
}

.flag-icon-ir {
background-image: url(img/ir.svg);
}

.flag-icon-is {
background-image: url(img/is.svg);
}

.flag-icon-it {
background-image: url(img/it.svg);
}

.flag-icon-je {
background-image: url(img/je.svg);
}

.flag-icon-jm {
background-image: url(img/jm.svg);
}

.flag-icon-jo {
background-image: url(img/jo.svg);
}
.flag-icon-jp {
background-image: url(img/jp.svg);
}

.flag-icon-ke {
background-image: url(img/ke.svg);
}

.flag-icon-kg {
background-image: url(img/kg.svg);
}

.Cambodge {
background-image: url(img/kh.svg);
}

.flag-icon-ki {
background-image: url(img/ki.svg);
}

.Comores {
background-image: url(img/km.svg);
}

.flag-icon-kn {
background-image: url(img/kn.svg);
}

.Coree_du_Nord {
background-image: url(img/kp.svg);
}

.Coree_du_Sud {
background-image: url(img/kr.svg);
}

.flag-icon-kw {
background-image: url(img/kw.svg);
}

.Caiman {
background-image: url(img/ky.svg);
}

.flag-icon-kz {
background-image: url(img/kz.svg);
}

.flag-icon-la {
background-image: url(img/la.svg);
}

.flag-icon-lb {
background-image: url(img/lb.svg);
}

.flag-icon-lc {
background-image: url(img/lc.svg);
}

.flag-icon-li {
background-image: url(img/li.svg);
}

.flag-icon-lk {
background-image: url(img/lk.svg);
}

.flag-icon-lr {
background-image: url(img/lr.svg);
}

.flag-icon-ls {
background-image: url(img/ls.svg);
}

.flag-icon-lt {
background-image: url(img/lt.svg);
}

.flag-icon-lu {
background-image: url(img/lu.svg);
}

.flag-icon-lv {
background-image: url(img/lv.svg);
}

.flag-icon-ly {
background-image: url(img/ly.svg);
}

.flag-icon-ma {
background-image: url(img/ma.svg);
}

.flag-icon-mc {
background-image: url(img/mc.svg);
}

.flag-icon-md {
background-image: url(img/md.svg);
}

.flag-icon-me {
background-image: url(img/me.svg);
}

.flag-icon-mf {
background-image: url(img/mf.svg);
}

.flag-icon-mg {
background-image: url(img/mg.svg);
}

.flag-icon-mh {
background-image: url(img/mh.svg);
}

.flag-icon-mk {
background-image: url(img/mk.svg);
}

.flag-icon-ml {
background-image: url(img/ml.svg);
}

.flag-icon-mm {
background-image: url(img/mm.svg);
}

.flag-icon-mn {
background-image: url(img/mn.svg);
}

.flag-icon-mo {
background-image: url(img/mo.svg);
}

.flag-icon-mp {
background-image: url(img/mp.svg);
}

.flag-icon-mq {
background-image: url(img/mq.svg);
}

.flag-icon-mr {
background-image: url(img/mr.svg);
}

.flag-icon-ms {
background-image: url(img/ms.svg);
}

.flag-icon-mt {
background-image: url(img/mt.svg);
}

.flag-icon-mu {
background-image: url(img/mu.svg);
}

.flag-icon-mv {
background-image: url(img/mv.svg);
}

.flag-icon-mw {
background-image: url(img/mw.svg);
}

.flag-icon-mx {
background-image: url(img/mx.svg);
}

.flag-icon-my {
background-image: url(img/my.svg);
}

.flag-icon-mz {
background-image: url(img/mz.svg);
}

.flag-icon-na {
background-image: url(img/na.svg);
}

.flag-icon-nc {
background-image: url(img/nc.svg);
}

.flag-icon-ne {
background-image: url(img/ne.svg);
}

.flag-icon-nf {
background-image: url(img/nf.svg);
}

.flag-icon-ng {
background-image: url(img/ng.svg);
}

.flag-icon-ni {
background-image: url(img/ni.svg);
}

.flag-icon-nl {
background-image: url(img/nl.svg);
}

.flag-icon-no {
background-image: url(img/no.svg);
}

.flag-icon-np {
background-image: url(img/np.svg);
}

.flag-icon-nr {
background-image: url(img/nr.svg);
}

.flag-icon-nu {
background-image: url(img/nu.svg);
}

.flag-icon-nz {
background-image: url(img/nz.svg);
}

.flag-icon-om {
background-image: url(img/om.svg);
}

.flag-icon-pa {
background-image: url(img/pa.svg);
}

.flag-icon-pe {
background-image: url(img/pe.svg);
}

.flag-icon-pf {
background-image: url(img/pf.svg);
}

.flag-icon-pg {
background-image: url(img/pg.svg);
}

.flag-icon-ph {
background-image: url(img/ph.svg);
}

.flag-icon-pk {
background-image: url(img/pk.svg);
}

.flag-icon-pl {
background-image: url(img/pl.svg);
}

.flag-icon-pm {
background-image: url(img/pm.svg);
}

.flag-icon-pn {
background-image: url(img/pn.svg);
}

.flag-icon-pr {
background-image: url(img/pr.svg);
}

.flag-icon-ps {
background-image: url(img/ps.svg);
}

.flag-icon-pt {
background-image: url(img/pt.svg);
}

.flag-icon-pw {
background-image: url(img/pw.svg);
}

.flag-icon-py {
background-image: url(img/py.svg);
}

.flag-icon-qa {
background-image: url(img/qa.svg);
}

.flag-icon-re {
background-image: url(img/re.svg);
}

.flag-icon-ro {
background-image: url(img/ro.svg);
}

.flag-icon-rs {
background-image: url(img/rs.svg);
}

.flag-icon-ru {
background-image: url(img/ru.svg);
}

.flag-icon-rw {
background-image: url(img/rw.svg);
}

.Arabie_Saoudite {
background-image: url(img/sa.svg);
}

.flag-icon-sb {
background-image: url(img/sb.svg);
}

.flag-icon-sc {
background-image: url(img/sc.svg);
}

.flag-icon-sd {
background-image: url(img/sd.svg);
}

.flag-icon-se {
background-image: url(img/se.svg);
}

.flag-icon-sg {
background-image: url(img/sg.svg);
}

.flag-icon-sh {
background-image: url(img/sh.svg);
}

.flag-icon-si {
background-image: url(img/si.svg);
}

.flag-icon-sj {
background-image: url(img/sj.svg);
}
.flag-icon-sk {
background-image: url(img/sk.svg);
}

.flag-icon-sl {
background-image: url(img/sl.svg);
}

.flag-icon-sm {
background-image: url(img/sm.svg);
}

.flag-icon-sn {
background-image: url(img/sn.svg);
}

.flag-icon-so {
background-image: url(img/so.svg);
}

.flag-icon-sr {
background-image: url(img/sr.svg);
}

.flag-icon-ss {
background-image: url(img/ss.svg);
}

.flag-icon-st {
background-image: url(img/st.svg);
}

.flag-icon-sv {
background-image: url(img/sv.svg);
}

.flag-icon-sx {
background-image: url(img/sx.svg);
}

.flag-icon-sy {
background-image: url(img/sy.svg);
}

.flag-icon-sz {
background-image: url(img/sz.svg);
}

.flag-icon-tc {
background-image: url(img/tc.svg);
}

.flag-icon-td {
background-image: url(img/td.svg);
}

.flag-icon-tf {
background-image: url(img/tf.svg);
}

.flag-icon-tg {
background-image: url(img/tg.svg);
}

.flag-icon-th {
background-image: url(img/th.svg);
}

.flag-icon-tj {
background-image: url(img/tj.svg);
}

.flag-icon-tk {
background-image: url(img/tk.svg);
}

.flag-icon-tl {
background-image: url(img/tl.svg);
}

.flag-icon-tm {
background-image: url(img/tm.svg);
}

.flag-icon-tn {
background-image: url(img/tn.svg);
}

.flag-icon-to {
background-image: url(img/to.svg);
}

.flag-icon-tr {
background-image: url(img/tr.svg);
}

.flag-icon-tt {
background-image: url(img/tt.svg);
}

.flag-icon-tv {
background-image: url(img/tv.svg);
}

.flag-icon-tw {
background-image: url(img/tw.svg);
}

.flag-icon-tz {
background-image: url(img/tz.svg);
}

.flag-icon-ua {
background-image: url(img/ua.svg);
}

.flag-icon-ug {
background-image: url(img/ug.svg);
}

.flag-icon-um {
background-image: url(img/um.svg);
}

.flag-icon-us {
background-image: url(img/us.svg);
}

.flag-icon-uy {
background-image: url(img/uy.svg);
}

.flag-icon-uz {
background-image: url(img/uz.svg);
}

.flag-icon-va {
background-image: url(img/va.svg);
}

.flag-icon-vc {
background-image: url(img/vc.svg);
}

.flag-icon-ve {
background-image: url(img/ve.svg);
}

.flag-icon-vg {
background-image: url(img/vg.svg);
}

.flag-icon-vi {
background-image: url(img/vi.svg);
}

.flag-icon-vn {
background-image: url(img/vn.svg);
}

.flag-icon-vu {
background-image: url(img/vu.svg);
}

.flag-icon-wf {
background-image: url(img/wf.svg);
}

.flag-icon-ws {
background-image: url(img/ws.svg);
}

.flag-icon-ye {
background-image: url(img/ye.svg);
}

.flag-icon-yt {
background-image: url(img/yt.svg);
}

.Afrique_du_sud {
background-image: url(img/za.svg);
}
.flag-icon-zm {
background-image: url(img/zm.svg);
}

.flag-icon-zw {
background-image: url(img/zw.svg);
}

.flag-icon-es-ct {
background-image: url(img/es-ct.svg);
}

.flag-icon-eu {
background-image: url(img/eu.svg);
}

.flag-icon-gb-eng {
background-image: url(img/gb-eng.svg);
}

.flag-icon-gb-nir {
background-image: url(img/gb-nir.svg);
}

.flag-icon-gb-sct {
background-image: url(img/gb-sct.svg);
}

.flag-icon-gb-wls {
background-image: url(img/gb-wls.svg);
}

.flag-icon-un {
background-image: url(img/un.svg);
}

.flag-icon-xk {
background-image: url(img/xk.svg);
}

/**************************End flags icons**************************/

/**************************START Valider button**************************/


.confirm-vbox{
    margin-right: 41%;
    margin-left: 41%;
    margin-top:50px;
}

/**************************END Valider button**************************/

/******** Start reload button******/

/******** End reload button******/
/**********Start Bloc Apr�s confirmer*************/

.field-after-confirm>div>div>span>input{
    background-color: #EEE;
}

/*************** End Bloc After Confirmer **********/

.RepresentantPMBeforeConfirm{
    background-color: #f7f7f7;
}

.RepresentantPMBeforeConfirm>div>div>span>input{
    background-color: #f7f7f7;
}



.vbox-PMR-existant{
    margin-right:22%;
    margin-left:4%;

}

.vbox-reload-button-PMR{
    margin-right:17%;
    margin-left:4%;
    margin-top:15px;

}

.PMR-list-background{
    background-color: #f7f7f7;
}


.PMR-list-background>div>div>div{
    background-color: #f7f7f7;
}

.confirm-PM-vbox{
    margin-left: 82%;
    margin-top:30px;
}
/************************** END : Bloc Bloc Demandeur  **************************/

/***Start Bloc Documents Requis*****************************************************/
.note_left.labelAlign-left>div {
    min-width: 24px;
}
.deleteBorder {
    border: none
}
.addBorder {
    border: 1px;
    border: #aaaaaa36 1px solid;
}
.designationPc {
    margin-left: 12%;
    margin-right: 15%;
    margin-top: 7px;
    font-size: 14px;
    color: #1886b9;
}
.margin_designationPc {
    margin-left: 12%;
}
.monStyle {
    margin-left: 15%;
    margin-right: 15%;
}
.designation_doc {
    margin-left: 14%;
    margin-right: 15%;
    width: 338px;
    font-size: 13px;
    color: #1886b9;
    margin-top: 7px;
}
.info_style {
    margin-left: 1%;
    margin-top: 10%;
}
.File_icon:before {
    position: relative;
    font-family: FontAwesome !important;
    content: "\f187";
    padding: 5px;
    font-size: 22px;
    top: 7px;
}
.ecmBrowser .gridTableContainer {
    border-width: 0px !important;
}
.krz_thumbnail_cell .krz_thumbnail.vignetteECM {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.ecm_br_console_hbox {}
.ecm_br_console_hbox .gwt-Label {
    font-family: Roboto;
}
.ecm_console_sortBtn {
    width: 20px !important;
    height: 20px;
    font-size: 24px;
    color: #1986b9;
    /* background: white; */
    /* border: 1px solid #dae1e6; */
    
    display: block;
    text-align: center;
    line-height: 20px;
    /* border-radius: 12px; */
}
.ecm_console_sortBtn i.fa:before {}
.ecm_table {}
.ecm_item {}
.ecm_br_thumbnail {}
.ecm_br_inner {
    line-height: 22px;
    font-size: 13px;
    font-family: Roboto, Helvetica;
    margin: 5px;
}
.ecm_br_fileName {}
.ecm_br_change {}
.ecm_br_description {
    color: #888
}
.ecm_br_tags {
    color: #888
}
.ecm_br_size {
    margin-left: 20px
}
.ecm_br_thumbnail i {
    font-size: 50px;
    color: #8BD;
    line-height: 50px;
}
.ecm_br_actions {
    display: none;
    color: #444;
    font-size: 13px;
    font-family: Helvetica;
    line-height: 22px;
    cursor: pointer;
    padding: 5px;
}
.ecm_br_actions_container {
    width: 180px;
}
.ecm_br_liner {
    color: #888;
    font-size: 12px;
}
.ecm_br_liner span {
    cursor: pointer;
}
.ecm_br_liner .fa {
    color: #444;
    margin-left: 12px;
    margin-right: 4px;
}
.ecm_br_actions .fa {
    color: #444;
    margin-left: 5px;
    margin-right: 10px;
}
.vignetteECM:HOVER {
    background-color: #f4faff;
}
.vignetteECM:HOVER .ecm_br_actions {
    display: block;
}
.vignetteECM:HOVER tr td:last-CHILD {
    border-left: 2px solid #EEEAE5;
}
.vignetteECM .krz_thumbnail_inner {
    margin: 0 0 0 0 !important;
}
.vignetteECM table td {
    border: 0px solid white;
    padding: 5px;
}
.ecmBrowser input {
    background: none;
}
.ecmBrowser .kzf_select > div > div,
.ecmBrowser .leftWrappedField > div,
.ecmBrowser .leftWrappedField > div > div,
.ecmBrowser .leftWrappedField .GEUASV1BALC {
    border-radius: 0px;
    background: none;
}
.KarazFormScreenPanel .ecmScreen {
    background: whitesmoke;
    border: 1px solid #c8c8c8;
    box-shadow: 3px 3px 6px #979c9e;
    padding-top: 5px;
}
.ecm_br_crumb {
    color: #777;
    font-size: 12px;
}
.ecm_br_crumb .ecm_crum_sep {
    font-family: FontAwesome;
    font-size: 13px;
    left: 5px;
    color: #777;
    margin-left: 10px;
    margin-right: 2px;
    cursor: pointer;
}
.ecm_crum_sep:before {
    content: "\f07b";
}
.shareTextDivHidden {
    display: none;
}
.shareTextDiv {
    position: relative
}
.shareTextDiv input {
    border: 1px solid #AAA;
    padding: 5px;
    width: 98%;
    margin-top: 5px;
    color: #999;
    font-size: 13px;
    height: 22px;
}
.shareTextDiv span {
    position: absolute;
    right: 5px;
    top: 9px;
    background: white;
    padding: 1px;
    cursor: pointer;
    font-size: 15px;
}
.ecm_br_header {
    margin: 5px;
    color: #1986b9;
    font-size: 18px;
    font-family: Roboto;
    border-bottom: 1px solid #eaeae8;
    padding-bottom: 5px;
}
.ecm_br_omni > div {
    width: 283px;
    border: 1px solid #CCC;
    border-radius: 19px !important;
    background-color: #f8f8f8;
}
.ecm_br_omni > div > input {
    padding-left: 16px;
}
.thumbnailHidden img {
    display: none
}
.thumbnailExists i {
    display: none
}
.fa-file-pdf:before {
    content: "\f1c1";
}
.fa-file-doc:before {
    content: "\f1c2";
}
.fa-file-dwg:before {
    content: "\f1c3";
}
.fa-file-dxf:before {
    content: "\f1c2";
}
.fa-file-zip:before {
    content: "\f1c6";
}
.fa-file-ppt:before {
    content: "\f1c4";
}
.ht-ok-$i {
    display: block;
    font-family: inherit;
    font-size: smaller;
    margin-top: 0px !important;
    margin-left: 36%;
    height: auto !important;
    background: #f5f5f5;
    padding: 9px;
    border-radius: 5px;
    width: 28%;
    border-color: #cbd5dd;
    border-width: 1px;
    border-style: solid;
}
.ht-nok-$i {
    display: none;
}
.bouton-ok-$i {
    display: block;
}
.bouton-nok-$i {
    display: none;
}
.content-doc {
    background-color: green;
}
.note_left {
    margin-left: auto;
    padding-left: 5px;
}
.style_uploadr {
    width: 93px;
}
.style_downloadr {
    width: 105px;
    margin-right: 1%;
}
.style_uploadc {
    width: 93px;
    margin-left: 66%;
}
.style_downloadc {
    width: 105px;
    margin-left: 33.5%;
}
.check>div>div>div>div>div {
    min-height: 20px;
    border: 0px solid #ffffff;
    box-sizing: content-box;
    height: 28px;
    border-radius: 2px;
}

/* infobulle information documents */
.tooltip {
    margin-left: 13.75%;
    position: relative;
    display: inline-block;
    border-bottom: none;
    font-family: "Andale Mono", "monospace";
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #3388aa;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -480%;
    left: 50%;
    margin-left: -130%;
    opacity: 0;
    transition: opacity 0.3s;
}
/*.tooltip .tooltiptext::after {
    content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: #555 transparent transparent transparent;
}*/
.tooltip .tooltiptext::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #3388aa transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Popu Annotation Doc*/
.visibilite_popupAnnotation {
    display: none;
}
.hide_buttonPopup_docCompl>.ow-vl-inner>.ow-btn-container.left>.ow-button {
    display: none;
}
.hide_buttonPopup {
    display: none;
}

.fa-file-true:before{
   font-family: FontAwesome !important;
   content: "\f15c";
}

.removedoc{
   padding: 0px !important;
   background-color: transparent !important;
   color: var(--form-button-fg);
   font-size: 12px;
   margin-top: 15px;
}
.removedoc:hover{
   padding: 0px !important;
   background-color: transparent !important;
   color: #333;
   font-size: 12px;
   margin-top: 15px;
}
/***End  Bloc Documents Requis*****************************************************/

/***START BLOC DESCRIPTION PROJET******************************************/

.icons_select {
    grid-area: pictoProjet;
    color : #d1d9dc;
    font-size: 1.8em;
    align-self: start;
	width: 40px;
    height: 30px;
    float: left;
    margin-right: 8px;
    margin-top: 0px;
    clear: both;
    background-size: 100%;
}

.icons_select::before {
    content : "\f128";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
}

.LOT::before {
	content: "\f00a";
}
.GRP::before {
    content: "\f594";
}
.PCT::before {    
    content: "\f1ad";
}
.ELV::before {
    content: "\f5fd";
}
.MDF::before {
    content: "\f55d";
}
.MRC::before {    
    content: "\f0c4";
}
/*.Appartements::before {
	content: "\****"; 
}*/
.Villas::before {
	content: "\f015"; 
}
.Bureau::before {
	content: "\f6c1";
}
.Magasin::before {
	content: "\f494";
}
.ECP::before {
	content: "\f549";
}
.TMRC::before {
     content: "\f0c4";
}
.AMN::before {
    content: "\f015";
}
.EIC::before {
    content: "\f3b3";
}
.EID::before {
    content: "\f3b3";
}
.EIM::before {
    content: "\f3b3";
}
.GHB::before {
    content: "\f594";
}
.VIL::before {
	content: "\f015"; 
}
.TLOT::before {
	content: "\f00a";
}
.EES::before {
	content: "\f549";
}
.EQP::before {
	content: "\f469";
}
.ETR::before {
	content: "\f207";
}
.HHL::before {
	content: "\f594";
}
.IMB::before {    
    content: "\f1ad";
}
.IMM::before {    
    content: "\f1ad";
}
.RBV::before {
	 content: "\f6f1";
}
.BAD::before {
	 content: "\f6a1";
}
/*.ESP::before {
	background-image: url(img/esp.svg);
}
.CRL::before {
	background-image: url(img/crl.svg);
}
.ELO::before {
	background-image: url(img/elo.svg);
}*/

/*********END BLOC DESCRIPTION PROJET*******************************************/

/*********START bloc Localisation projet *******************************************/

button.ow-button.usage_v.tfnr-true{
   
    margin-left: auto;
    padding: 0px;
    background-color: var(--form-button-bg);
    color: #646464;
    font-size: 12px;
    text-decoration: underline;
    outline: none;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}
button.ow-button.usage_v.tfnr-true:hover{
    margin-left: auto;
    padding: 0px;
    background-color: var(--form-button-bg);
    color: var(--form-button-fg);
    font-size: 12px;
    text-decoration: underline;
    outline: none;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}

button.ow-button.usage_v.tfnr-false,button.ow-button.usage_v.tfnr-{
    margin-left: auto;
    padding: 0px;
    background-color: var(--form-button-bg);
    color: #646464;
    font-size: 12px;
    text-decoration: underline;
    outline: none;
    cursor: default;
    pointer-events: none !important;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}
.fortf >.ow-vl-inner{
    display: flex;
    padding-left: 20px;
    -webkit-flex-flow: row wrap;
}
.fortf .ow-collection-item {
    margin-right: 8px;
    margin-bottom: 8px;
}

.vboxtf .ow-btn-container{
    margin-left: 0px;
    margin-right: 0px;
}
.vboxtf{
    background: #EEE;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #CCD;
    box-sizing: border-box;
    height: 25px;
    overflow: hidden;
    

}
.vboxtf .ow-gbox{
    display: flex;
    -webkit-flex-flow: row wrap;
}
.vboxtf .ow-button.ow-button{
    padding: 0px;
    background-color: var(--form-button-bg);
    color: #646464;
    font-size: 14px;
    outline: none;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}
.vboxtf .ow-button.ow-button :hover{
    padding: 0px;
    color: var(--form-button-hover-bg);
    font-size: 14px;
    outline: none;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}
/*********End bloc Localisation projet *******************************************/

/** commission*/
.supp1{
    cursor: pointer;
    padding: 10px 10px 0 10px;
    display: grid;
    grid-template-columns: 90% 10%;
    color: rgb(153, 153, 153);
    
  }

  .btn_commissPlan {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    font-size: 13px;
    text-align: center;
    color: white;
  }
  
 
  .supp0{
    margin: 12px;
    border: 1px solid  #CCCCCC;
  }
  
  .fa-search-plus:hover {
    color: #38a;
    cursor: pointer;
    
  }
.spn_data{
    font-size: 13px;
    
}
.elm_div{
    padding: 0px 0px 8px 5px;
    display: grid;
    gap: 5px;
    grid-template-columns: 10% auto;
}

.nnn .ow-pl-inner{
    max-height: 500px;
    overflow-y: scroll;
}

  /** */
/* from css file karazapps/cug/cri/urbanisme/autorisation/model/autorisationconstruction/web/permisConstruireV3.css  */
@charset "UTF-8";/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,700,300italic,400italic,700italic);@import url(//cdn.jsdelivr.net/font-entypo/0.1/dev/entypo.css);@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

:root {
    /* Notification messages */
    --info-message-background : #eaf4fb;
    --info-message-border : #262f3d;
    --info-message-title : #38A;
    --info-message-text : #262f3d;
    
    /* Alert messages */
    --info-alert-background : #ffefcf;
    --info-alert-border : #fead0d;
    --info-alert-title : #fead0d;
    --info-alert-text : #55575d;

    /* Success messages */
    --info-success-background : #eaf7eb;
    --info-success-border : #65bd6b;
    --info-success-title : #65bd6b;
    --info-success-text : #55575d;    
    
    /* Error messages */
    --info-error-background : #ffeae7;
    --info-error-border : #ff624d;
    --info-error-title : #ff624d;
    --info-error-text : #55575d;
    
        /* Buttons formulaires saisie */
    --validation-button : green;
    --validation-button-hover : darkgreen;
    --button-disabled : #999999;
    --button-white : #FFFFFF;
    --button-gray1-bg : #EEEEEE;      
    --button-white-label : #FFFFFF;
    --button-gray1-label : #999999;
    --button-gray1-border : #999999;
    --button-gray2-label : #666666;
    --edit-button : #38A;
    --edit-button-hover : #21647e; 
    
}
    
}

body {
    margin: 0
}


/************************** START :: Override global css elements **************************/

.ow-app-logo {
    background: url("img/rokhasRectWhiteFr.svg");
    background-repeat: no-repeat;    
}

/************************** START :: RIBATIS KARAZ 6.0 CSS CUSTOM **************************/

/********************************************************/
/*  START :: #MFB :: Styles used inside business forms  */
/********************************************************/

button.ow-button.ow-action-inside-btn {
    border: 1px solid #CCC;
    padding: 0.4rem 1rem;
    border-radius: 4px;
    text-transform : uppercase;
}
/* css boutons alignés avec les champs et utilisés pour opérer des actions liées à ces champs */
button.ow-button.ow-action-inline-btn {
    background: #ffff;
    border: none;
    color: var(--form-button-fg);
    padding: 0.25rem;
    border-radius: 3px;
    margin-top: 20px;
}

/* transparent fieldset frame */ 
.ow-pl-noborder {
    margin: 10px;
    color: rgba(0,0,0,0.87);
    background-color: rgb(255,255,255);
    border-radius: 2px;
    box-shadow: 3px 3px 3px #0004;
    border: none;
}

/********************************************************/
/*  END :: #MFB :: Styles used inside business forms  */
/********************************************************/


/********************************************************/
/*  START :: #MFB :: grid style for Home page layout    */
/********************************************************/

/* Start :: Grid Header (Candidate to be replaced by vbox and then to be Deleted) */

.hp-header {
    display: grid ;   
    grid-template-columns: 50% 50%;
     grid-template-areas: 
         "hp-logo hp-logo"
         "hp-bigTitle hp-bigTitle"
         "hp-smallTitle hp-smallTitle"
         "hp-main hp-main";
}

.hp-logo {
    grid-area: hp-logo;
    margin: 0px 37% 0px 37%;
    justify-self : left;
}

.hp-hline {
    grid-area: hp-hline;  
    display: block;
    width: 40%;
    border-bottom: 1px solid #CCC;    
    margin: 1rem auto;
    height: 3px;
    justify-self : center;
}

.hp-bigTitle {
    grid-area: hp-bigTitle;
	font-size: 16px;
    font-weight: 600;
	padding-top: 10px;
    color : var(--fg0);
    font-family: var(--font-global);  
    justify-self : center;
    text-transform: uppercase;
    height: 40px;
    
}

.hp-smallTitle {
    grid-area: hp-smallTitle;
	font-size: 15px;
    color : var(--fg1);
    font-family: var(--font-global);    
    justify-self : center;
	padding-top: 5px;    
    height: 40px;    
}

.hp-topics {
    display: grid ; 
    grid-template-columns: 33% 33% 33%;
    grid-template-areas: 
         "hp-topic01 hp-topic02 hp-topic03";
}

.hp-bigImage {
    grid-area: hp-bigImage;  
    color : #FFF;
    font-size: 20px;
    background-color: navajowhite;      
}

.hp-topics01 {
    grid-area: hp-topic01;    
}

.hp-topics02 {
    grid-area: hp-topic02;     
}

.hp-topics03 {
    grid-area: hp-topic03;   
}

/* End :: Grid Header (Candidate to be replaced by vbox and then to be Deleted) */

/* START :: This bloc wrapp box-card elements into css class named hp-box. the objective behind is to make the style usable with Karaz element and especially vbox elements. This is not possible using box-card elements */

.hp-box {
    display: block;
    padding: 1.25rem;
    margin: 10px 2rem;
    color: var(--fg1);
    background-color: white;
    border-radius: 2px;
    box-shadow: 3px 3px 3px #0004;
    border: 1px solid #DDD; 
    text-align: center;
    height: 100%;
    box-sizing: border-box;
 } 

.hp-box a {
    color: var(--form-button-fg);
    cursor: pointer;
 }

.hp-box-icon, .hp-box-icon.fa {
    display: block;
    width: 3rem;
    height: 3rem;    
    font-size: 3rem !important;
    margin: auto;
    color: var(--form-button-fg);
 }

.hp-box-big-title {
    display: block;
    font-size: 1.35rem;
    font-weight: bold;
    color: var(--fg0);
    margin: 0.5rem auto;
    padding: 0.15rem 0.5rem;
    margin-bottom: 0;
    text-align: left;

}
.hp-box-small-title { 
    display: block;
    font-size: 1.1rem;
    margin: 0.5rem auto;
    padding: 0.15rem 0.5rem;
    margin-bottom: 0;
    text-align: center;
}

.hp-box-text { 
    font-size: 0.9rem;
    display: block;
    color: var(--fg1);
    margin-bottom: 0;
    text-align: left;
    margin-top: 10px;    
}

.hp-box-text:a { 
    color: var(--fg1);
}

.hp-box-h-sep {
    display: block;
    width: 80%;
    margin: 1rem  auto;
    border-bottom: 1px solid #CCC; 
    height: 3px;
    
 }
.hp-box-v-sep { display: block;
    height: 80%;
    margin:10%  1rem  ;
    border-bottom: 1px solid #CCC; 
    width: 3px; }

/* END :: This bloc wrapp box-card elements into css class named hp-box. the objective behind is to make the style usable with Karaz element and especially vbox elements. This is not possible using box-card elements */


/* START :: Define hp-sbox (Home Page Simple Box) ccs class inhereting from box-card tags. This css class simplify and cleanup the appearence of box elements by removing borders, shadow and accurating "Negative space" */

.hp-sbox {
    display: block;
    margin: 10px 2rem;
    color: var(--fg1);
    background-color: white;
    border-radius: 2px;
    height: 100%;
    box-sizing: border-box;
    text-align : left; 
}

.hp-sbox-icon {
    display: block;
    width: 3rem;
    height: 3rem;    
    font-size: 3rem !important;
    margin: auto;
    color: var(--form-button-fg);
    margin: 1.5rem;
}

.hp-sbox-h-sep {
    display: block;
    width: 80%;
    margin: 1rem  auto;
    border-bottom: 1px solid #CCC; 
    height: 3px;
 }

.hp-sbox-v-sep {
    display: block;
    height: 80%;
    margin:10%  1rem  ;
    border-bottom: 1px solid #CCC; 
    width: 3px;
}

.hp-sbox-btn {
    display: inline-block;
    color: #FFF;
    background: var(--form-button-fg);
    padding: 5px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 50%;
}

.hp-sbox-big-title {
    font-size: 1.35rem;
    font-weight: bold;
    color: var(--fg1);
    text-align: left;  
    margin: 0.5rem 0 0 1rem;
}

.hp-sbox-small-title {
    display: block;
    font-size: 1.1rem;
    color: var(--fg1);    
    text-align: left;  
    margin-left:1.3rem;   
    margin-top: 1.1rem;
}

.hp-sbox-text {
    font-size: 0.9rem;
    display: block;
    color: var(--fg1);
    margin-left:1rem;
    margin-right: 2rem;
    text-align: left;
    margin-top: 10px;    
}

.hp-sbox > a {
    color: #38B;
    cursor: pointer;
}


.hp-bag-input {
    background: none;
    border: none;
    border-radius: 3px;    
    color: var(--fg1);
    float:left ; 
    display: block;
    font-size: 20px;
    height: 40px;
    text-align: center;
}

/* END :: Define hp-sbox (Home Page Simple Box) ccs class inhereting from box-card tags. This css class simplify and cleanup the appearence of box elements by removing borders, shadow and accurating "Negative space" */

.hp-text-input>.ow-field-input-side>.ow-field-input-line{

/*   border: 2px solid #4f7ab6;*/
   border-radius: 5px;
   height: 40px;

}

button.ow-button.hp-box-btn{
    background-color: var(--form-button-hover-bg);
    color: white;
    width: 100%;
    height : 40px;
    border-radius: 5px;
/*    text-align: left;*/
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    display: block;
    margin-top: 15px;
}

button.ow-button.hp-box-btn:hover {
	background: rgba(0,0,0,0);
	color: var(--form-button-hover-bg);
	box-shadow: inset 0 0 0 3px var(--form-button-hover-bg);
}

button.ow-button.hp-box-btn>span {
    margin: 0.2rem 0.2rem;
    font-size: 15px;
    font-family: var(--font-global);
}


/* End :: Define box-container sccs class extending box-card tags */


/* Start :: Overriding box styles */

/* Candidate to be DELETED */

box-btn a:link {
    color : white;
}

box-btn a:visited {
  color: white;
}

box-btn a:hover {
  color: white;
  text-decoration: underline;
}

box-btn a:active {
  color: white;
}

/* End :: Overriding box styles */

/* Start :: define karaz 6.0 cms styles */

cms-container {
    display: block;
    padding: 1.25rem;
    margin: 10px 2rem;
    color: rgba(0,0,0,0.87);
    background-color: rgb(255,255,255);
    border-radius: 2px;
    box-shadow: 3px 3px 3px #0004;
    border: 1px solid #DDD; 
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}

cms-topicTitle {
    display: block;
    font-size: 1.35rem;
    font-weight: bold;
    margin: 2.5rem auto;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}

cms-topicSeparator {
    display: block;
    width: 20%;
    border-bottom: 5px solid var(--header1-bg);
    margin: 0.4rem auto 1.5rem;
}

/* End :: define karaz 6.0 cms styles */

/* Start :: define karaz 6.0 Login bloc styles */

.profileButtonConfigure {
	width: 32px;
	height:40px;
	position:absolute;
	right:0;
	top:0;
	font-size:25px;
    border: 1px solid #AAA; 
    cursor: pointer;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-left:none;
}

 .profileConfigPopup { 

    position: fixed;
    z-index: 3000;
    width: 800px; 
    height: 500px;
    top: 50px;
    left: 50%;
    margin-left: -300px;
    background: #FFF;
    border: 1px solid #eee;
    box-shadow: 4px 4px 6px #AAA;

}
.profileConfigPopupFrame {
	width:100%;
	height:100%;
	border:none;
	
}

.profileConfigClosePopUp {
	position:absolute;
	top:3px;
	right:13px;
	font-size:25px;
	cursor:pointer;
	
}

#LaunchProfileConfigMessage , #LaunchKarazESign{
	width: 670px;
    padding: 5px 20px;
    margin: auto;
    margin-top: 0px; 
    color: #ff8800;
    font-size: 15px;
    font-family: Calibri; 
	
}
#LaunchProfileConfigAction {
	cursor:pointer;      color: #1B6985;     font-size: 15px;     font-family: Calibri; 	
}

/* End :: define karaz 6.0 Login bloc styles */


/* Start :: define karaz 6.0 Search bloc styles */

.hp-search_field {
/*    padding-left: 40px;*/
    width: 100%;
    padding-left: 13%;
}

/* Pack activity button at the lef near input field */
.ow-btn-container {
    text-align: left;
}

.ow-button.hp-search_field_icon {
    height: 40px;
    border-radius: 15px;
    font-weight: bold;
    letter-spacing: 1.1px;
    background: var(--form-button-fg);
    color: white;
    width: 50px;
    margin: 4px;
}

.ow-button.hp-search_field_icon:hover {
	background: rgba(0,0,0,0);
	color: #3388AA;
	box-shadow: inset 0 0 0 3px #3388AA;
}

.ow-button.hp-search_field_icon>span {
    margin: 0.2rem 0.2rem;
    font-size: 15px;
    font-family: var(--font-global);
}

.hp-search_field input {
    padding-left: 1rem;
    font-size: 1rem;
    padding-top: 0px; 
}
.hp-search_field span.ow-field-bag {
    display: none;
 }
 .hp-search_field  .ow-field-assistance {
    margin: 0 1rem;
 }

.hp-search_field .ow-field-input-line {
    min-height: 20px;
    border: 4px solid #3388aa;
    height: 40px;
    border-radius: 15px;
    padding: 5px;
    box-sizing: border-box;
}
#hp-search_panel {
    position: fixed;
    width: 850px; 
    left: 50%;
    transform: translate(-400px);
    background: white; 
    top: -500px;
    max-height: 500px;
    margin:  0px;
    
    z-index: 12;
}
#hp-search_panel.show {
    top : 0px;
    transition: 1s all;
}

/*
button.ow-button.search-button {
    background: #3388AA;
    border: none;
    border-radius: 3px;    
    color: var(--fgr);  
    float:left ; 
    display: block;
    font-size: 16px;
    height: 30px;
    width: 30px;
    text-align: center;
    margin: 4px;
}
*/

/* End :: define karaz 6.0 Search bloc styles */
    
/********************************************************/
/*    END :: #MFB :: grid style for Home page layout    */
/********************************************************/

/********************************************************/
/*START :: #MFB :: grid style for Home page Push message*/
/********************************************************/

.pushMessage {
    display: grid ;
    background-color: white ;    
    grid-template-columns: 20% 80%;
     grid-template-areas: 
       "push-title push-text";
/*       "push-icon push-text";*/
    grid-gap: 15px;
}

/*
.push-icon {
    grid-area: push-icon;
    grid-row: span 2;
    color : #FFF;
    background-color: yellowgreen;
}    
*/
/*
    content : "\f06a";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
*/ 

.push-title {
    grid-area: push-title;        
    grid-column: 1;    
    color : #FFF;
    font-size: 16px;
    background-color: dodgerblue;         
}

.push-text {
    grid-area: push-text;    
    grid-column: 2;       
    color : #FFF;
    font-size: 12px;
    background-color: black; 
}


/********************************************************/
/* END :: #MFB :: grid style for Home page Push message */
/********************************************************/


/************************** START :: CSS VIGNETTES SURCHARGEANT .ow-thumbnail elements **************************/

/* START :: Grid blink search */

.pc-blinkSearchGrid {
    display : grid;
    grid-template-columns: 30% 10% auto 5%;
    grid-template-areas: 
        "pc-refDossier pc-statut .  pc-actions"
        "pc-refFonciere pc-refFonciere pc-localite pc-actions"
        "pc-projetGrid pc-projetGrid pc-projetGrid pc-actions"
        "pc-equipeProjet pc-equipeProjet pc-equipeProjet pc-actions";
    grid-gap: 5px;
    }

.pc-actions {
    display: grid;
    grid-template-columns: 1f;
    grid-row-end: span 3;
    grid-template-areas:
        "pc-icoDossier"
        "pc-icoCommission"
        "pc-icoDocuments"
        "pc-icoMap"
        "pc-icoAutres";
}

.pc-equipeProjet {
    display : grid;
    grid-template-columns: 30% auto;
    grid-column-end: span 3;
    grid-template-areas:
        "pc-maitreOeuvre pc-maitreOuvrage";
    padding:5px; 
    border: 1px solid #CCC;
    background-color: #D1D9DC;
    border-radius: 3px;
}

.pc-refDossier {
    grid-area: pc-refDossier;
    color : #212121;
    font-size: 22px;
    flex-wrap: wrap;
}

/* Still not used */
.pc-currentActivity {
    grid-area: pc-currentActivity;
    background-color: blanchedalmond;
    
}

/* Start :: Définition des styles pour chaque statut de dossier */

.pc-statut {
    grid-area: pc-statut;
    place-self: center start; 
    color :#FFF;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 3px;
    background-color: green;
}

.pc-statut_Brouillon {
    background-color: grey;
}

.pc-statut_En.Cours {
    background-color: orange;
}

.pc-statut_Rejeté {
    background-color: black;
}

.pc-statut_Autorisé{
    background-color: darkgreen;
}

.pc-statut_Favorable{
    background-color: forestgreen;
}

.pc-statut_Défavorable{
    background-color: red;
}

/* End :: Définition des styles pour chaque statut de dossier */

.pc-refFonciere {
    grid-area: pc-refFonciere;
    color : #646464;
    font-size: 0.9em;
    font-family: var(--font-global);
    
}

.pc-localite {
    grid-area: pc-localite;
    color : #646464;
    font-size: 0.9em;
    font-family: var(--font-global);
    flex-wrap: wrap;
    padding-left: 7px;
}


.pc-descriptionProjet {
    grid-area: pc-descriptionProjet;
}

.pc-natureProjet {
    grid-area: pc-natureProjet;
    color : #646464;
    font-size: 1.2em;
    font-family: var(--font-global);
    flex-wrap: wrap;
    margin-left: 10px;
}

.pc-categorieProjet {
    grid-area: pc-categorieProjet;
    place-self: center start; 
    color :#FFF;
    font-size: 0.75em;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 3px;
    background-color: black;
}

.pc-typeProjet {
    grid-area: pc-typeProjet;
    color : #646464;
    font-size: 0.9em;
    font-family: var(--font-global);
    margin-left: 10px;
}

.pc-consistanceProjet {
    grid-area: pc-consistanceProjet;
    color : #646464;
    font-size: 0.8em;
    font-family: var(--font-global);
    font-style: italic;
    margin-left: 10px;    
}

.pc-maitreOeuvre {
    grid-area: pc-maitreOeuvre;
    background-color: e9ecf0;
    border-color: d6d9dd;
    border : 1px;    
}

.pc-maitreOuvrage {
    grid-area: pc-maitreOuvrage;
    background-color: e9ecf0;
    border-color: d6d9dd;
    border : 1px;
}


.pc-projetGrid {
    display : grid;
    grid-template-columns: 7% auto;
    grid-column-end: span 3;
    grid-template-areas:
        "pc-pictoProjet pc-natureProjet";
}

/* Start :: Pictos types projet : Mapping avec awesome fonts */

.pc-pictoProjet {
    grid-area: pc-pictoProjet;
    color : #d1d9dc;
    font-size: 3.8em;
    align-self: center;
}

.pc-pictoProjet::before {
    content : "\f128";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
}

.pc-pictoProjet_PCT::before {    
    content: "\f1ad";
}

.pc-pictoProjet_AMN::before {
    content: "\f015";
}

.pc-pictoProjet_MDF::before {
    content: "\f55d";
}

.pc-pictoProjet_GRP::before {
    content: "\f594";
}

.pc-pictoProjet_LOT::before {
    content: "\f00a";
}

.pc-pictoProjet_MRC::before {    
    content: "\f0c4";
}

.pc-pictoProjet_ELV::before {    
    content: "\f5fd";
}

/* End :: Pictos nature projet : Mapping avec awesome fonts */

.pc-actions {
    grid-area: pc-actions;
    display: block  ;
    width: 20px;
    height: 20px;
    font-size: 20px  ;
    margin: 15px;
    color: #4443;
    cursor : pointer;    
}

.pc-icoCommission {
    grid-area: pc-icoCommission;
}

.pc-icoDocuments {
    grid-area: pc-icoDocuments;
}

.pc-icoMap {
    grid-area: pc-icoMap;
}

.pc-icoAutres {
    grid-area: pc-icoAutres;
}

.pc-icoDossier:hover, .pc-icoCommission:hover, .pc-icoDocuments:hover, .pc-icoMap:hover, .pc-icoAutres:hover {
    color : #38A; 
}

/* Styles des éléments utilisés dans les recherches focales : Picto avec effet survol*/
.fs_bag {
    height: 22px;
    overflow: hidden;
    display: inline-block;
    color: #646464;
}

fs_bag:hover {
    height: 22px;
    overflow: hidden;
    display: inline-block;
    color: #3388AA;
}



/* END :: Grid blink search */

/* Cadre en relief */
.ow-thumbnail {
    display: block;
    padding: 1rem 1rem 1rem;
    margin: 10px;
    color: rgba(0,0,0,0.87);
    background-color: rgb(255,255,255);
    border-radius: 2px;
    box-shadow: 3px 3px 3px #0004;
    border: 1px solid #DDD;
    height: 100%;
    box-sizing: border-box;
    margin: 1rem 2rem;
    position: relative;
    min-height: 150px;
}

/************************** END :: CSS VIGNETTES SURCHARGEANT .ow-thumbnail elements **************************/

/************************** START :: RIBATIS KARAZ 6.0 CSS CUSTOM **************************/
/* css boutons utilisés à l'intérieur des formulaires */
button.ow-button.ow-action-inside-btn {
    border: 1px solid #CCC;
/*    background-color: #ffff;*/
    padding: 0.4rem 1rem;
    border-radius: 4px;
    text-transform : uppercase;
}
/* css boutons alignés avec les champs et utilisés pour opérer des actions liées à ces champs */
button.ow-button.ow-action-inline-btn {
    background: #ffff;
    border: none;
    color: var(--form-button-fg);
    padding: 0.25rem;
    border-radius: 3px;
    margin-top: 20px;
}

/* Start :: boutons utilisés dans les barre de recherche sous forme de vignette */
button.ow-button.search-button {
    background: #3388AA;
    border: none;
    border-radius: 3px;    
    color: var(--fgr);  
    float:left ; 
    display: block;
    font-size: 16px;
    height: 30px;
    width: 30px;
    text-align: center;
    margin: 4px;
}

button.ow-button.search-button:hover {
	background: rgba(0,0,0,0);
	color: #3388AA;
	box-shadow: inset 0 0 0 3px #3388AA;
}

/* End :: boutons utilisés dans les barres de recherche sous forme de vignette */

/* Start :: boutons utilisés dans les actions de validation, enregistrement, ... : Cas bloc maitre d'ouvrage */

/**************************START Valider button**************************/


button.ow-button.confirm-button{
    display: inline-block;    
    background-color: var(--validation-button);
    color: var(--button-white-label);
    width: 100%;
    margin-top: 0px;     
    text-decoration: none;
    text-align: center;    
    font-size: 15px;
    cursor: pointer ;
    outline: none;
}

button.ow-button.confirm-button>span{
    font-size: 15px;
}

button.ow-button.confirm-button:hover{
    background-color: var(--validation-button-hover);
    color: var(--button-white-label);
}

button.ow-button.confirm-button-disabled{
    display: inline-block;    
    background-color: var(--button-disabled);
    color: var(--button-white-label);
    width: 100%;
    margin-top: 0px;    
    text-decoration: none;
    text-align: center;    
    font-size: 15px;
    cursor: default;
    pointer-events: none;
    
}

button.ow-button.confirm-button-disabled>span{
    font-size: 15px;
}

.bottom-actions-box{
    margin-top:20px;
    margin-bottom:10px;
    margin-right: 5px;
}


/**************************END Valider button **************************/

/**************************START Modifier button **************************/

button.ow-button.edit-button{
    
    display: inline-block;    
    background-color: var(--edit-button);
    color: var(--button-white-label);
    width: 100%;
    margin-top: 0px;    
    text-decoration: none;
    text-align: center;    
    font-size: 15px;
    cursor: pointer ;
    outline: none;
}

button.ow-button.edit-button>span{
    font-size: 15px;
}

button.ow-button.edit-button:hover{
    background-color: var(--edit-button-hover);
    color: var(--button-white-label);
}

/**************************END Modifier button **************************/


/**************************START Réinitialiser button **************************/

 button.ow-button.reload-button {
    background-color: var(--button-white);
    color: var(--button-gray1-label);
    border: 1px solid var(--button-gray1-border);
    width: 100%;
    text-align: center;
    text-decoration: none;
    margin-top: 0px; 
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    outline: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

button.ow-button.reload-button>span {  
    font-size: 15px;    
}

button.ow-button.reload-button:hover{
    background-color: var(--button-gray1-bg);   
    color: var(--button-gray2-label);
}

/**************************END Réinitialiser button **************************/

/************************** END :: Project owner css grid elements **************************/

/* End :: Building permit css factoring @MFB */


.vbox-radio-button{
	display: flex;
    justify-content: center;
}

.vbox-reload-button{
    margin-right:25%;
    margin-top:15px;
}
/******** End reload button******/
/**********Start Bloc Après confirmer*************/

.field-after-confirm>div>div>span>input{
    background-color: #EEE;
}

/*************** End Bloc After Confirmer **********/

.RepresentantPMBeforeConfirm{
    background-color: #f7f7f7;
}

.RepresentantPMBeforeConfirm>div>div>span>input{
    background-color: #f7f7f7;
}

.PMR-list-background{
    background-color: #f7f7f7;
}

.PMR-list-background>div>div>div{
    background-color: #f7f7f7;
}

.confirm-PM-vbox{
    margin: 5px 3px 10px 83%;
}
/************************** END : Bloc Bloc Demandeur  **************************/

/* End :: boutons utilisés dans les actions de validation, enregistrement, ... : Cas bloc maitre d'ouvrage */

/* style popup annotations */

.visibilite_popupAnnotation{
    display: none;
}

.hide_buttonPopup>.ow-vl-inner.ow-gbox>.ow-btn-container.left>.ow-button{
    display:none;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: none;
   font-family:"Andale Mono", "monospace";
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: -290%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Notification messages*/

.rbk6-notifications {
    padding: 15px 25px;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    border-radius: 4px
}


.rbk6-notifications .rbk6-notification-permanent {
    z-index: 5
}

.rbk6-notifications .rbk6-notification-icon {
    display: flex
}

.rbk6-notifications .rbk6-notification-content {
    flex: 1;
    margin-left: 15px
}

.rbk6-notifications .rbk6-notification-content .rbk6-notification-message .rbk6-h5 {
    margin-top: 0;
    margin-bottom: 10px;
}

.rbk6-notifications .rbk6-notification-content .rbk6-notification-message .rbk6-text {
    line-height: 15px!important;
    font-size: 13px!important;
    display: block
}

.rbk6-notifications .rbk6-notification-content .rbk6-notification-message .rbk6-text span.rbk6-text:not(.hidden) {
    margin-top: 0
}

.rbk6-notifications .rbk6-notification-content .rbk6-notification-message .rbk6-text span.rbk6-text:not(.hidden)+.rbk6-text {
    margin-top: 4px
}

.rbk6-notifications .rbk6-notification-content .rbk6-notification-message .rbk6-text+.rbk6-text {
    margin-top: 4px
}

.rbk6-notifications .rbk6-notification-close {
    position: absolute;
    right: 12px;
    top: 8px
}

.rbk6-notifications.rbk6-notification-type-info {
    background-color: var(--info-message-background);
    border: 1px solid var(--info-message-border);
    margin-left: 7px;
    margin-right: 7px;
}

.rbk6-notifications.rbk6-notification-type-info .rbk6-notification-message .rbk6-h5 {
    color: var(--info-message-title)
}

.rbk6-notifications.rbk6-notification-type-info .rbk6-notification-message:not(.black) .rbk6-text {
    color: var(--info-message-title)
}

.rbk6-notifications.rbk6-notification-type-info .rbk6-notification-message.black .rbk6-text {
    color: var(--info-message-text)
}

.rbk6-notifications.rbk6-notification-type-info .rbk6-notification-message .rbk6-link {
    color: var(--info-message-title)
}

.rbk6-notifications.rbk6-notification-type-info .rbk6-notification-message .rbk6-link:active,.rbk6-notifications.rbk6-notification-type-info .rbk6-notification-message .rbk6-link:focus,.rbk6-notifications.rbk6-notification-type-info .rbk6-notification-message .rbk6-link:hover {
    border-bottom-color: var(--info-message-border)
}

.rbk6-notifications.rbk6-notification-type-info svg circle,.rbk6-notifications.rbk6-notification-type-info svg path,.rbk6-notifications.rbk6-notification-type-info svg polygon,.rbk6-notifications.rbk6-notification-type-info svg rect {
    fill: var(--info-message-title)!important;
    fill-rule: evenodd
}

/* Alert messages*/
.rbk6-notifications.rbk6-notification-type-alert {
    background-color: var(--info-alert-background);
    border: 1px solid var(--info-alert-border)
}

.rbk6-notifications.rbk6-notification-type-alert .rbk6-notification-message .rbk6-h5 {
    color: var(--info-alert-title)
}

.rbk6-notifications.rbk6-notification-type-alert .rbk6-notification-message:not(.black) .rbk6-text {
    color: var(--info-alert-title)
}

.rbk6-notifications.rbk6-notification-type-alert .rbk6-notification-message.black .rbk6-text {
    color: var(--info-alert-text)
}

.rbk6-notifications.rbk6-notification-type-alert svg circle,.rbk6-notifications.rbk6-notification-type-alert svg path,.rbk6-notifications.rbk6-notification-type-alert svg polygon,.rbk6-notifications.rbk6-notification-type-alert svg rect {
    fill: var(--info-alert-title)!important;
    fill-rule: evenodd
}

/* Success messages*/
.rbk6-notifications.rbk6-notification-type-success {
    background-color: var(--info-success-background);
    border: 1px solid var(--info-success-border)
}

.rbk6-notifications.rbk6-notification-type-success .rbk6-notification-message .rbk6-h5 {
    color: var(--info-success-title)
}

.rbk6-notifications.rbk6-notification-type-success .rbk6-notification-message:not(.black) .rbk6-text {
    color: var(--info-success-title)
}

.rbk6-notifications.rbk6-notification-type-success .rbk6-notification-message.black .rbk6-text {
    color: var(--info-success-text)
}

.rbk6-notifications.rbk6-notification-type-success svg circle,.rbk6-notifications.rbk6-notification-type-success svg path,.rbk6-notifications.rbk6-notification-type-success svg polygon,.rbk6-notifications.rbk6-notification-type-success svg rect {
    fill: #65bd6b!important;
    fill-rule: evenodd
}

/* Error messages*/
.rbk6-notifications.rbk6-notification-type-error {
    background-color: var(--info-error-background);
    border: 1px solid var(--info-error-border)
}

.rbk6-notifications.rbk6-notification-type-error .rbk6-notification-message .rbk6-h5 {
    color: var(--info-error-title)
}

.rbk6-notifications.rbk6-notification-type-error .rbk6-notification-message:not(.black) .rbk6-text {
    color: var(--info-error-title)
}

.rbk6-notifications.rbk6-notification-type-error .rbk6-notification-message.black .rbk6-text {
    color: var(--info-error-text)
}

.rbk6-notifications.rbk6-notification-type-error .rbk6-notification-message .rbk6-link {
    color: var(--info-error-title)
}

.rbk6-notifications.rbk6-notification-type-error .rbk6-notification-message .rbk6-link:active,.rbk6-notifications.rbk6-notification-type-error .rbk6-notification-message .rbk6-link:focus,.rbk6-notifications.rbk6-notification-type-error .rbk6-notification-message .rbk6-link:hover {
    border-bottom-color: var(--info-error-border)
}

.rbk6-notifications.rbk6-notification-type-error svg circle,.rbk6-notifications.rbk6-notification-type-error svg path,.rbk6-notifications.rbk6-notification-type-error svg polygon,.rbk6-notifications.rbk6-notification-type-error svg rect {
    fill: var(--info-error-title)!important;
    fill-rule: evenodd
}

.rbk6-notifications.align-items-center {
    align-items: center
}

.rbk6-label-error p {
    color: var(--info-error-title);
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    font-family: var(--font-global);
    font-style: italic;
    margin-top: 10px
}

#rbk6-notifications-header-container {
    width: 570px
}

#rbk6-notifications-header-container .rbk6-notifications {
    margin-bottom: 10px
}

/************************** Start :: Oussama Css Permis de construire**************************/
#surfaceRF .ow-collection-pushupBtn{
    display: none;
}

#surfaceRF .ow-collection-pulldownBtn{
    display: none;
}
#surfaceRF .ow-collection-cloneBtn{
    display: none;
}
#surfaceRF .ow-collection-tlbr{
    margin-top: 16px;
}
#surfaceRF .ow-field-validation{
    position: absolute;
    z-index: 3;
    width: 145px;
}
#projectLocation .show-help .ow-field-help {
    display: block;
    position: absolute;
    z-index: 3;
}
/* #landRef{
    height: 155px;
    overflow-y: hidden;
}
#landRef:hover{
    height: unset;
    overflow-y:unset;
} */

#surfaceRF .ow-field-assistance-inner{
    max-height: 210px;
}
#surfaceRF .ow-field-assistance-inner>.ow-option{
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: unset;
}

#landRef .ow-field-core.labelAlign-float{
        margin-left: unset;
        margin-right: 0.5em;
        margin-top: 8px;
}
#landRef .labelOnly>.ow-label.ow-label-side{
    left: 0px;
    margin-left:0.5em;
}

.MOA-Viewer{
    margin-left: 2%;
}
.NoUnderlineField .ow-field-input-line{
    border: none;
}

.custom_for >.ow-vl-inner{
    display: flex;
    -webkit-flex-flow: row wrap;
    margin-left: 24px
}


.vbox-paiment-CB {
    margin-left: 80px;
    margin-right: 200px;
}

/************************** Start :: Oussama Css Block Document requis**************************/
#docData{
    margin-left: 20px;
}

.doc-drag .ow-uploadFormPanel {
    display: block;
    background: none;
    position: unset;
    top: 0;
    transform: none;
    padding: 0; 
    box-shadow: none;
    z-index: 0;
    width: unset;
    }
     
    .doc-drag .ow-ufp-bar{
        display: none;
    }
    .doc-drag .ow-dialog-btn {
        display: none;
    }
    .doc-drag-button{
        display: none;
    }

    .doc-drag .ow-ufp-inputContainer input{
        position: relative;
        height: 4rem;
        opacity: 0;
        border: none;
    }
.revue-doc-esoumission{
    margin: 0px 66px;
}
.revue-doc-esoumission .ow-field-input-toggler{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.receptiondoc-Non::before{
    content : "\f057";
    font-family: "Font Awesome\ 5 Free";
    color: red;
    font-weight: bold;
}

.receptiondoc-Oui::before{
    content : "\f058";
    color: green;
    font-weight: bold;
    font-family: "Font Awesome\ 5 Free";
}

.receptiondoc-textArea{
    margin-left: 9em !important;
    margin-right: 4em  !important;
}

.receptiondoc-stringToggler{
    margin-top: 10px;
}
[class^="receptiondoc-Non"]::before{
    content : "\f057";
    font-family: "Font Awesome\ 5 Free";
    color: red;
    font-weight: bold;
  }

[class^="receptiondoc-Oui"]::before{
    content : "\f058";
    color: green;
    font-weight: bold;
    font-family: "Font Awesome\ 5 Free";
  }

    
[class$="req-receptiondoctype"]::after {
    content : "(Document requis)";
    color: #FF9900;
    font-size: 0.9rem;
  }
  [class$="com-receptiondoctype"]::after {
    content : "(Document complémentaire)";
    color: #FF9900;
    font-size: 0.9rem;
  }
  .receptiondoc-textArea textarea.ow-field-input{
    height: 28px;
}

.ow-field-core.receptiondoc-stringToggler.labelAlign-float{
    margin-right: 0px;
}
/************************** END :: RIBATIS KARAZ 6.0 CSS CUSTOM **************************//* from css file karazapps/data/importgisdata/model/importgisdata/web/Importdata.css  */

.ico_importdata { 
	background-image: url(img/importdata.png);
}/* from css file karazapps/esign/docesigner/demandeesign/model/demandeesign/web/Demandeesign.css  */

.ico_demandeesign { 
	background-image: url(img/demandeesign.png);
}
.btn-fa-search-plus  div div {
	font-size: 0;
}

.btn-fa-search-plus div div:before {
	font-family: FontAwesome !important;
	content: "\f00e";
	font-size: 12px !important;
	color: #FFFFFF !important;
}
a.visibilityHidden {
	display: none !important;
}

div.visibilityHidden {
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 5px;
}
.btnwavisualisation:before {
	font-family: FontAwesome !important;
	content: "\f06e";
	font-size: 25px !important;
	color: #FFFFFF !important;
}
/* from css file karazapps/gis/feature/model/feature/web/Feature.css  */

.ico_feature { 
	background-image: url(img/feature.png);
}

.fa-Add_Attr:before {
	font-family: FontAwesome !important;
	content: "\f055";
	font-size: 25px !important;
	color: #FFFFFF !important;
}/* from css file karazapps/gis/mapbrowser/model/mapbrowser/web/MapBrowser.css  */

.ico_mapbrowser { 
	background-image: url(img/mapbrowser.png);
}

.MapBrowserDisplayTemplate-layout {
	
	background-image: url(img/slimMapBrowser.jpg);
}

.MapBrowserDisplayTemplate-IMAP-layout {
	
	background-image: url(img/richKarazMapApplication.jpg);
}



.mb-btn-fa-help div div {
	font-size: 0;
}

.mb-btn-fa-help div div:before {
	font-family: FontAwesome !important;
	content: "\f05a";
	font-size: 12px !important;
	color: #FFFFFF !important;
}/* from css file karazapps/gis/nomenclature/model/nomenclature/web/Nomenclature.css  */

.ico_nomenclature { 
	background-image: url(img/nomenclature.png);
}/* from css file karazapps/gis/ogcservice/model/ogcservice/web/OgcService.css  */

.ico_ogcservice { 
	background-image: url(img/ogcservice.png);
}/* from css file karazapps/gis/raster/model/raster/web/raster.css  */
.rasterCarouselLeft , .rasterCarouselRight, .rasterCarouselTop, .rasterCarouselBottom {
	  font-family: FontAwesome !important;
    font-size: 18px; 
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 16px;
    margin: 5px;
    color: white;
    background: red;
    padding: 6px 6px;
    line-height: 21px;
    height: 18px;
    border-radius: 3px;
    cursor: pointer;
	position: absolute;
	}
 .rasterCarouselLeft {left: 1%; top: 50%;}
 .rasterCarouselRight {right: 1%; top: 50%;}
 .rasterCarouselTop {left: 50%; top: 1%;}
 .rasterCarouselBottom {left: 50%; bottom: 1%;}/* from css file karazapps/gis/zonebundle/model/zonebundle/web/Zonebundle.css  */


 .ico_zone:before {
	font-family: FontAwesome !important;
	content: "\f0ac";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.searchMapScreen {
	background-color: rgba(250, 250, 250, 0);
	left: 60px !important;
	overflow-y: visible !important;
	overflow-x: visible !important;
	position: absolute !important;
	z-index: 10;
	margin-top: 10px;
}

.searchMapScreen div {
	
}

.searchMapPanel {
	background-color: rgba(30, 109, 146, 0.5) !important;
}

.searchMapPanel .gwt-Label {
	font-family: Calibri;
	color: #EEE
}

.searchMapTab {
	
}

.searchMapTab > div {
	
}

.searchMapTab >div>div {
	
}

.searchMapLambertTable
							.gridTableContainer {
	height: auto !important;
	max-height: 250px;
	overflow: auto;
}

.searchMapLambertTable .gwt-Label {
	color: #666
}

a.btn129784 {
	background: #29B7D3;
	color: #FFE;
	width: 35px;
	font-size: 22px;
	line-height: 26px;
	height: 35px;
	border: 1px solid #3BD;
	border-radius: 5px;
}

.kgisMapToolPan { 
    border: 2px solid rgb(246, 246, 246);
    position: absolute;
    top: 10px;
    height: 33px;
    overflow: hidden;
    z-index: 10;
    color: #EEE;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: rgba(30, 109, 146, 0.5) !important;
}
 

.kgisMapToolPan:hover {
	height: auto;
}

.kgisMapToolPan .kgisMapToolPanTitle  {
	height: 25px;
    background-color: #F6F6F6; 
    font-size: 18px;
    text-transform: UPPERCASE; 
    line-height: 20px;
    padding-top: 8px;
    color: #767676;
    font-size: 13px;
    font-weight: bold;
    font-family: arial,helvetica,verdana,sans-serif;
	
	
}
.kgisMapToolPan .kgisMapToolPanLvl1UL  {
	display:block;
	margin:5px;
	
    color: #888;
    font-size: 13px;
    font-weight: bold;  
    line-height: 20px;
    padding-top: 5px;
    font-family: Candara;
    min-width: 190px;
	
}
.kgisMapToolPan .kgisMapToolPanLvl2UL  {
	display:block;
	margin-left:5px;
    font-family: Candara;
}
.kgisMapToolPan .kgisMapToolPanLvl1LI  {
    display: block;
    margin: 5px;
    margin-bottom: 2px;
    margin-top: 2px;
    background-color: #FFF;
    max-height: 160px;
    overflow-y: auto;
    overflow-x: visible;
    box-sizing: content-box;
    padding: 1px;
}

.kgisMapToolPan .kgisMapToolPanLvl1LI >div  { 
padding-left:10px;
 background-color:#D1D1D1 ;
border-bottom:1px solid #AAA;

    color: #091926;
	cursor:pointer;
}
.kgisMapToolPan .kgisMapToolPanLvl2LI  {
	
    color: #555;
    font-size: 12px;
    font-weight: Normal;
	display:block; 
    font-family: Candara;
	margin:5px;
	margin-bottom :2px; 
	margin-top :0px; 
	    min-width: 190px;
	cursor:pointer;
}

.kgisMapToolPan .legends li {
	margin: 5px
}

.legendEntry input {
	position: relative;
	top: 4px;
	margin: 5px
}

.expandMap {width:20px; height:20px; float:right}
.expandMap:before {
	font-family: FontAwesome !important;
	content: "\f0b2"; 
	font-size: 12px;   
    color: #1886B9;
}
.kgisMapPoweredLogo, .kgisMapClientLogo {position:absolute; z-index:1000; }
.kgisLegalIcon {position:absolute; top:463px;   width:40px; height:40px; z-index:1000;
    background: #F6F6F6; border-radius:10px; right:20px }
.kgisLegalIcon:before {
	font-family: FontAwesome !important;
	content: "\f0e3";
	padding: 5px;
	font-size: 30px;
	top: 7px;
	position: relative; 
	
    color: #1886B9;
}
.kgisBasemapIcon {position:absolute; top:190px;   width:80px; height:79px; z-index:1000;
    background: #EEEEEE; border-radius:10px; left:20px }
.kgisBasemapIcon:before {
	font-family: FontAwesome !important;
	content: "\f278";
	padding: 5px;
	font-size: 30px;
	top: 7px;
	position: relative; 
	
    color: #1886B9;
}
.disclaimerText {
	   position: fixed;   top: 0px;  left: 0px;  display: none;background-color: rgba(100,100, 100, 0.5);   width: 100%;  height: 100%;  z-index: 1000;
}
.disclaimerText  >div {
	margin: auto;
    width: 800px;
    margin-top: 50px;
    padding: 40px;
    background-color: #3F70A0;
    border-radius: 15px;
    color: #FFF;
    max-height: 500px;
    overflow: auto;
}
.kgisDisclaimerIcon  {position:absolute; top:420px;   width:40px; height:40px;z-index:1000;background: #F6F6F6; border-radius:10px; right:20px }
.kgisDisclaimerIcon:before{  
	font-family: FontAwesome !important;
	content: "\f134";
	padding: 8px;
	font-size: 32px;
	top: 7px;
	position: relative;
    color: #1886B9;
}
.kgisMapPoweredLogoBaseMap, .kgisMapClientLogoBaseMap { z-index:1000; }


/* from css file karazapps/karaz/dashboard/dashboard/model/dashboard/web/Dashboard.css  */
.ico_dashboard{
   background-image: url(img/dashboard.png);
}/* from css file karazapps/karaz/dashboard/dashlet/model/dashlet/web/Dashlet.css  */

.titleDashlet{
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 10px !important;
    color: #1886b9 !important;
}
/* from css file karazapps/localisation/lieu/model/Lieu/web/Lieu.css  */
 

 

.ico_lieu:before{
	font-family: FontAwesome !important;
	content: "\f041";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

/* from css file karazapps/notify/config/blockeddestination/model/blockeddestination/web/BlockedDestination.css  */

 
.BlockedDestination_icon:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/notify/config/emailconfiguration/model/emailconfiguration/web/EmailConfiguration.css  */

 
.KarazNotify:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0f3";
	padding: 5px;
	font-size: 18px;
	
}

.KarazNotifySetting:before, .KarazNotifySettingEmail:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0ad";
	padding: 5px;
	font-size: 1rem;
	
}


.KarazNotifyEmail:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f1fa";
	padding: 5px;
	font-size: 1rem;
	
}


 
.KarazNotifyFilters:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0b0";
	padding: 5px;
	font-size: 1rem;
	
}

 
.KarazNotifyGateways:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f08b";
	padding: 5px;
	font-size: 1rem;
	
}


.KarazNotifyBlocked:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f00d";
	padding: 5px;
	font-size: 1rem;
	
}
/* from css file karazapps/notify/config/filter/emailfilter/model/emailfilter/web/EmailFilter.css  */

 
.EmailFilter_icon:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/notify/config/smtp/model/smtp/web/Smtp.css  */

 
.Smtp_icon:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/notify/email/model/email/web/Email.css  */

 
.Email_icon:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/urbanisme/permishabiter/model/permishabiterhabitation/web/PermishabiterHabitation.css  */
.ico_permhabiter:before {
	font-family: FontAwesome !important;
	content: "\f015";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_inraction:before {
	font-family: FontAwesome !important;
	content: "\f235";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_reception:before {
	font-family: FontAwesome !important;
	content: "\f087";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_param:before {
	font-family: FontAwesome !important;
	content: "\f1de";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_urba:before {
	font-family: FontAwesome !important;
	content: "\f1ad";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ami-rdv-cal-mt td {
	font-family: Candara;
	width: 84px;
	height: 15px;
	text-align: center;
	font-size: 12px;
	color: #999;
}

.karazcal-previous, .karazcal-next {
	display: block;
	width: 40px;
	height: 30px;
	border: 20px solid transparent;
	box-sizing: border-box;
}

.karazcal-previous {
	border-right-color: #AAA;
}

.karazcal-next {
	border-left-color: #AAA;
}

.karazcal-current {
	text-align: center;
	color: #999;
	font-family: Candara;
	line-height: 30px;
	font-size: 22px;
}

.karazSlotCaontainer {
	height: 262px;
	overflow-y: auto;
	overflow-x: hidden;
}

.karazSlotSelect {
	text-decoration: none;
	color: #FFF;
	font-family: Candara;
	line-height: 22px;
	font-size: 16px;
	display: block;
	padding-left: 15px;
}

.karazSlotSelect>div>div {
	display: block;
	width: 150px;
	margin: auto;
	height: 12px;
	background-color: #EEE;
	border: 1px solid #DDD;
	border-radius: 3px;
	padding: 5px;
	line-height: 8px;
	text-decoration: none;
	text-align: center;
	margin-bottom: 5px;
}

div.karazSlotselected {
	background: url(img/validate2.png) 140px 2px no-repeat #E9422E
		!important;
	background-repeat: no-repeat;
	color: #FFF;
}

.karazSlotopen {
	background-color: #21b384 !important;
	border: 1px solid #21b384 !important;
}

.karazSlotclosed {
	background-color: #CCC !important;
	border: 1px solid #CCC !important;
}

.karazSlotSelect.noShuttle.css_closed {
	pointer-events: none !important;
}

.csc {
	width: 60px;
	height: 40px;
	display: block;
	text-decoration: none;
	color: #FFF;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	font-family: Candara;
}

a.csc>div {
	border-radius: 2px;
	text-align: center;
	height: 40px;
	text-decoration: none;
	font-family: Candara;
}

.csc_full {
	background-color: #CCC;
	border: 1px solid #BBB;
	cursor: default;
	pointer-events: none !important;
}

.csc_disbaled {
	background-color: #EEE;
	border: 1px solid #EEE;
	cursor: default;
	pointer-events: none !important;
}

.csc_old {
	background-color: #BBB;
	border: 1px solid #BBB;
	cursor: default;
	pointer-events: none !important;
}

.csc_available {
	background-color: #21b384;
	border: 1px solid #21b384;
}

.csc_selected {
	background-color: #E9422E;
	border: 1px solid #E9422E;
}

fieldset.GKJEGPPCNBC {
	border: 1px solid #bbb !important;
}

.icoWarning:before {
	font-family: FontAwesome;
	content: "\f071";
	font-size: 2em;
}

a.vBox-fa-users:before {
	font-family: FontAwesome !important;
	content: "\f007";
	font-size: 14px;
	color: #8ABFE5 !important;
}

div.vBox-fa-users {
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 5px;
}

a.vBox-fa-map-marker:before {
	font-family: FontAwesome !important;
	content: "\f041";
	font-size: 14px;
	color: #8ABFE5 !important;
}

a.vBox-fa-surface:before {
	font-family: FontAwesome !important;
	content: "\f142";
	font-size: 14px;
	color: #8ABFE5 !important;
}

a.vBoxPH-fa-surface:before {
	font-family: FontAwesome !important;
	content: "\f248";
	font-size: 12px;
	color: #FFFFFF !important;
}

a.visibilityHidden {
	display: none !important;
}

.pay2connectBtn:before {
	font-family: FontAwesome !important;
	content: "\f09d";
}

.btn-fa-help div div {
	font-size: 0;
}

.btn-fa-help div div:before {
	font-family: FontAwesome !important;
	content: "\f05a";
	font-size: 12px !important;
	color: #FFFFFF !important;
}

.btnPrintAuto:before {
	font-family: FontAwesome !important;
	content: "\f0f6";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintEngagement:before {
	font-family: FontAwesome !important;
	content: "\f040";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintBRDV:before {
	font-family: FontAwesome !important;
	content: "\f073";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintAR:before {
	font-family: FontAwesome !important;
	content: "\f087";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintBE:before {
	font-family: FontAwesome !important;
	content: "\f0e0";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintPV:before {
	font-family: FontAwesome !important;
	content: "\f044";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.noClassName {
	width: 400px !important;
	margin-left: 80px !important;
}

.btn-fa-eye div div {
	font-size: 0;
}

.btn-fa-eye div div:before {
	font-family: FontAwesome !important;
	content: "\f06e";
	font-size: 12px !important;
	color: #FFFFFF !important;
}

.field-alignText div {
	text-align: : center;
}

.btnMaitreOuvrage {
	display: block;
	min-width: 20px;
	min-height: 20px;
	background: #EFEFEF;
	color: #8ABFE5 !important;
	padding: 5px;
	text-align: center;
	line-height: 19px;
	font-size: 17px;
	border: 1px solid #DDD;
	box-sizing: border-box;
	height: 35px;
	font-weight: bold;
	border-radius: 4px;
	width: auto !important;
	top: 0px !important;
}

.removeMaitreOuvrage.cssIndex-0 {
	display: none;
}

.removeMaitreOuvrage {
	width: 22px !important;
}

.karazSlotopen.selected {
	background-color: #E9422E !important;
	border: 1px solid #E9422E !important;
}

#btn-fa-folder-open:before {
	font-family: FontAwesome !important;
	content: "\f07c";
	font-size: 18px !important;
	color: #8ABFE5 !important
}

#btn-fa-university:before {
	font-family: FontAwesome !important;
	content: "\f19c";
	font-size: 18px !important;
	color: #8ABFE5 !important
}

.btnImprimerAutorisation:before {
	font-family: FontAwesome !important;
	content: "\f19c";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnEditerNotification:before {
	font-family: FontAwesome !important;
	content: "\f0e0";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnVerificationDonnees:before {
	font-family: FontAwesome !important;
	content: "\f00c";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

a.vBox-fa-phone-square:before {
	font-family: FontAwesome !important;
	content: "\f098";
	font-size: 14px;
	color: #8ABFE5 !important;
}

a.vBox-fa-bank:before {
	font-family: FontAwesome !important;
	content: "\f19c";
	font-size: 14px;
	color: #8ABFE5 !important;
}

a.vBox-fa-home:before {
	font-family: FontAwesome !important;
	content: "\f015";
	font-size: 14px;
	color: #8ABFE5 !important;
}

.btnPrintDm:before {
	font-family: FontAwesome !important;
	content: "\f015";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintuser:before {
	font-family: FontAwesome !important;
	content: "\f2bd";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintusero:before {
	font-family: FontAwesome !important;
	content: "\f2be";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.xbtnPlus {
	min-width: 20px;
	min-height: 20px;
	background: #21b384;
	color: #FEFEFE;
	padding: 5px 15px 1px 8px;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	border: 1px solid #21b384;
	box-sizing: border-box;
	height: 29px;
	font-weight: bold;
	border-radius: 4px;
	vertical-align: middle;
	font-family: helvetica, arial, verdana, sans-serif;
	display: block;
	top: 0px !important;
}

.btnPlus {
	color: #21b384;
}

.btnPlusxx {
	color: #21b384;
	height: 30px !important;
	margin-top: 6px !important;
}

.tfbtnPlus {
	color: #21b384;
	font-size: 24px !important;
}

.xbtnMoins {
	min-width: 20px;
	min-height: 20px;
	background: #E9422E;
	color: #FEFEFE;
	padding: 5px 15px 1px 8px;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	border: 1px solid #E9422E;
	box-sizing: border-box;
	height: 29px;
	font-weight: bold;
	border-radius: 4px;
	vertical-align: middle;
	font-family: helvetica, arial, verdana, sans-serif;
	display: block;
	top: 0px !important;
}

.btnMoins {
	color: #E9422E;
}

.btnMoinsxx {
	color: #E9422E;
	height: 30px !important;
	margin-top: 6px !important;
}

.tfbtnMoins {
	color: #E9422E;
	font-size: 21px !important;
}

.showAddRemoveMo- {
	display: block !important;
}
.btnReconstituerPh:before {
	font-family: FontAwesome !important;
	content: "\f122";
	font-size: 25px !important;
	color: #FFFFFF !important;
}
.btnRestaurerPh:before {
	font-family: FontAwesome !important;
	content: "\f079";
	font-size: 25px !important;
	color: #FFFFFF !important;
}
#blinkSearch  .ow-pagination-bar {
        height: 43px;
    overflow: hidden;
}
#blinkSearch button.ow-button.float {
    margin-left: 80%;
    position: relative;
}
#blinkSearch .k-serach_Button {
    color: #757777 !important;
}
button.ow-button.k-serach_Button {
    padding: 3px 0.75rem;
    border: 1px solid var(--form-button-fg);
    outline: none;
}
#blinkSearch .cheek_draftstatus{
	margin-top: 11px;
}
#blinkSearch .ow-form-footer {
    display: none;
}
#blinkSearch .ow-form-body > .ow-vl {
    padding: 0rem;
}