/* from css file karazapps/auc/apiincident/model/apiincident/web/Apiincident.css  */

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

 
.ico_financenrlisting:before { 
	font-family: FontAwesome !important;
	content: "\f09d";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}/* from css file karazapps/auc/matriceregie/model/matriceregie/web/Matriceregie.css  */

.ico_matriceregie { 
	background-image: url(img/matriceregie.png);
}

.ico_parametrenote:before { 
	font-family: FontAwesome !important;
	content: "\f1de";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}/* from css file karazapps/auc/noterenseignement/model/noterenseignement/web/InstructionAutorisation.css  */

.ico_instructionautorisation { 
	background-image: url(img/instructionautorisation.png);
}

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

.vBox-scrolable{
	
    overflow-x: scroll;
    height: 520px;
}

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

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

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

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

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

.ico_requetes:before {
	font-family: FontAwesome !important;
	content: "\f0a4";
	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;
}

div.visibilityHidden {
	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.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;
}

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

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

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

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


.vboxtf .ow-btn-container{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.vboxtf{
    background: #EEE !important;
    padding: 0 10px !important;
    border-radius: 5px !important;
    border: 1px solid #CCD !important;
    box-sizing: border-box !important;
    height: 25px !important;
    width: fit-content !important;
    overflow: hidden !important;
    

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

.fortfs >.ow-vl-inner{
    display: flex !important;
    padding-left: 20px !important;
    flex-wrap: wrap !important;
}

.vboxtfs .ow-btn-container{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.vboxtfs>.ow-vl-inner{
    display: flex !important;
    
}
.vboxtfs .ow-button.ow-button{
        margin-top: 0px !important;
        background: none !important;
        padding: 0 !important;
        outline: none !important;
        color: #666666 !important;
    
}
.vboxtfs .ow-button > span{
    font-size: 22px !important;
    margin: 0px 4px !important;
}
.vboxtfs .ow-button.ow-button :hover{
     margin-top: 0px !important;
     padding: 0px !important;
     background: none !important;
    outline: none !important;
     color: #38a !important;
   
}

#LambertCoor  .ow-popup-close{
    background: transparent !important;
    font-size: 24px !important;
    font-weight: bold !important;
}

#LambertCoor  .ow-popup-close:hover{
    background: transparent !important;
    font-size: 24px !important;
    border:0 !important;
    opacity: 1 !important;
}

#LambertCoor button.ow-button{
    background: none !important;
    padding: 0 !important;
    outline: none !important;
    color: #666666 !important;
}

#LambertCoor .ow-button > span{
    font-size: 18px !important;
}

#LambertCoor button.ow-button:hover{
    background: none !important;
    outline: none !important;
    color: #38a !important;
}

#popupCoor button.ow-button{
    margin-top: 0px !important;
    border: none !important;
}

#popupCoor textarea.ow-field-input{
    min-height: 140px !important;
}

#popupCoor .ow-pagination-sttgroup{
    display: none !important;
}


.coordsFor{
    max-height: 300px !important;
    overflow-y: scroll !important;
    overflow: auto !important;
}


#surfaceRF .item-first .ow-collection-removeBtn{
    pointer-events: none !important;
    opacity: 0 !important;
}


#surfaceRF .ow-collection-tlbr{
    margin-top: 3% !important;
}

#surfaceRFTM .item-first .ow-collection-removeBtn{
    pointer-events: none !important;
    opacity: 0 !important;
}


#surfaceRFTM .ow-collection-tlbr{
    margin-top: 3% !important;
}

#projectLocation .show-help .ow-field-help {
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
}

/* #landRef{
    min-height: 145px;
}
*/

/*#landRef:hover{
    height: unset;
    overflow-y:unset;
} */

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

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

#landRef .ow-field-core.labelAlign-float{
        margin-left: unset !important;
        margin-right: 0.5em !important;
        margin-top: 8px !important;
}
#landRef .labelOnly>.ow-label.ow-label-side{
    left: 0px !important;
    margin-left:0.5em !important;
}
/*********End bloc Localisation projet *******************************************/

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


button.ow-button.confirm-button-instruction{
    display: inline-block !important;    
    background-color: #05871d !important;
    color: #ffffff !important;
    width: 100% !important;
    margin-top: 0px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 15px !important;
    cursor: pointer !important;
    outline: none !important;
}

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

button.ow-button.confirm-button-instruction:hover{
    background-color: #045e39 !important;
    color: #ffffff !important;
}

button.ow-button.confirm-button-instruction-disabled{
    display: inline-block !important;    
    background-color: #8b9390 !important;
    color: #ffffff !important;
    width: 100% !important;
    margin-top: 0px !important;    
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 15px !important;
    cursor: default !important;
    pointer-events: none !important;
    
}

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

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

button.ow-button.reload-button-instruction {
    background-color: #ffffff !important;
    color: #8b9390 !important;
    border: 1px solid #8b9390 !important;
    width: 100% !important;
    text-align: center !important;
    text-decoration: none !important;
    margin-top: 0px !important; 
    display: inline-block !important;
    font-size: 15px !important;
    cursor: pointer !important;
    outline: none !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

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

button.ow-button.reload-button-instruction:hover{
    background-color: #eae8e8 !important;   
    color: #8b9390 !important;
}

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

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

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

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


button.ow-button.edit-button-blue{
    
    display: inline-block !important;    
    background-color: #5188AA !important;
    color: white !important;
    width: 100% !important;
    margin-top: 0px !important;    
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 15px !important;
    cursor: pointer  !important;
    outline: none !important;
}

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

button.ow-button.edit-button-blue:hover{
    background-color: #2b76af !important;
    color: white !important;
}


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

/**************************START Attachement documents **************************/
/* 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;
}

.doc-box-tag{
    position: fixed;
    z-index: 100;
    width: 70%;
    left: 15%;
    top: 10%;
}

.pym-search div#addDocBox > .ow-vl-inner {
   	display: grid;
   	grid-template-columns: 50% 50%;
}

.doc-box-tag .video-close{
    cursor: pointer;
}
.doc-box-tag .video-close:hover{
    cursor: pointer;
    color: #38A;
}

#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 !important;
}

.doc-drag .ow-ufp-inputContainer input{
    position: relative;
    height: 4rem;
    opacity: 0;
    border: none;
}
    
.docs .ow-vl-inner:nth-child(1) .dndMessage{
	position: absolute;
    z-index: 1;
    opacity: 0;
}

.docs .ow-vl-inner:nth-child(1) .displayOkResult{
	display: none;
}

.docs .ow-vl-inner:nth-child(1)  .uploadProgressIFrameContainer iframe{
	max-width: 120px;
	max-height: 24px;
}

.docs .ow-vl-inner:nth-child(1) .uploadProgressIFrameContainer{
	margin-bottom: 20px;
	max-height: 100px;
	z-index: 1;
	background: white;
	position: absolute;
	transform: translate(8px, -12px);
	min-height: 100px;
}

.docs .doc-drag {
	max-height: 125px;
	overflow: hidden;
    min-height: 70px;
}

.docs .doc-drag:hover {
	border: 2px;
    border-style: dashed;
}

.docs .ow-vl-inner:nth-child(2){
	z-index: 0;
}

#docthumbnail .intit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 19px;
    max-height: 60px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center;
}

*********************************************
.pym-search .ow-field-input-toggler{
    text-align: left;
    padding: 6px 0 0 20px;
 }

 .pym-search .ow-field-assistance-inner .ow-option{
    text-align: left;
    color:#444;
 }

 .pym-search .ow-field-input-select{
    text-align: left;
    color:#444;
 }


 .pym-search #docComp-drag-0 .ow-field-input-wrapper{
    opacity: 0;
 }

 .pym-search #docComp-drag-0 .ow-field-input-side{
    opacity: 0; 
 }

 .pym-search div#addDocBox > .ow-vl-inner {
    display: grid;
    grid-template-columns: 50% 50%;
 }

 .pym-search .docs .doc-drag {
    /* max-height: 125px; */
    overflow: hidden;
    height: 120px;
    margin-top: 12px;
} 

.pym-search .docthumbnail{
    padding-top: 20px;
 }

 .pym-search .addDocActions{
 
 }

 .pym-search #addDocActions-upload{
    margin-top: 45px;
 }

 .pym-search #addDocActions-upload .doc-upload{
    background: #FFF;
 }

 .pym-search #addDocActions-upload .doc-upload .ow-field-input-wrapper{
    background: #EEE;
    border: 1px solid #BBB;
    height: 40px;
 }

 .pym-search #addDocActions-upload .doc-upload .ow-field-input-wrapper:hover{
    border:none;
 }

 .pym-search #docActions-others{
    border: 1px solid #999;
    border-radius: 2px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-top: -24px;
 }

 .pym-search #docActions-others button.ow-button.float{
    margin-top : 3px;
 }

 .pym-search button.ow-button.doc-actions {
    color: #666;
}

.pym-search .doc-upload .labelAlign-float .ow-field-input-line {
    border-bottom: none;
 }

 .pym-search .doc-actions .upload{
    background: #FFF;
    color: #666;
    border: none;
    padding: 0px;
 }


 .pym-search .downloadable  .labelAlign-float .ow-field-input-line{
   border : none;   
}

.pym-search .downloadable {
   margin-bottom: 2px;
}

.pym-search .doc-actions .ow-field-input-line .ow-field-input-wrapper{
   text-align: left;
}

.pym-search #addDocActions-upload .doc-upload .ow-field-input-side{
   height: 50px;
}

.pym-search .doc-upload button.ow-button{
   height: 40px;
}

.pym-search .downloadable .ow-field-core.labelAlign-float{
   margin-left: 5px;
}

.pym-search .doc-actions .ow-field-input-side{
   height: 26px;
}

.pym-search #docComp-drag-0 .box__file{
   height: 120px;
   width: 150px;
}

.pym-search .docs .ow-vl-inner:nth-child(1) .dndMessage{
   top: -25px;
}

.pym-search{
   margin-left: 0 !important;
   margin-right: 0 !important;
}

.fondFolder-framed .doc-upload:hover button.ow-button span {
    background-color: var(--form-button-fg);
    color: white;
    cursor: pointer;
	/* transition: all 1s ease; */
}

.fondFolder-framed .doc-upload:hover button.ow-button {
    background-color: var(--form-button-fg);
    color: white;
    cursor: pointer;
	/* transition: all 1s ease; */
    border-radius: 2px;
}

.fondFolder-framed .doc-upload:hover{
    background-color: var(--form-button-fg);
    color: white;
    cursor: pointer;
    border-radius: 2px;
	/* transition: all 1s ease;     */
}

.fondFolder-framed .doc-drag-button{
    display: none !important;
}

*********************************************

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


/***********************************************/
.tag-inst {
	background-color: #EEEEEE !important; 
	border-radius: 5px !important; 
	margin: 20px !important; 
	font-size: 13px !important; 
	border-style: groove !important;
}



/**************************ENDAttachement documents **************************/
.NoUnderlineField .ow-field-input-line{
    border: none !important;
}

/**************************Projection - update saisir info **************************/
button.ow-button.correct-button-instruction{
    background-color: #5188AA !important;
    color: #ffffff !important;
    margin-top: 10px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 30px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    
    
    border-radius: 10px !important;
    width: 248px !important; 
    margin: auto !important;
}

button.ow-button.submit-correct-button-instruction{
    background-color: #05871d !important;
    color: #ffffff !important;
    margin-top: 10px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 30px !important;
    cursor: pointer !important;
    outline: none !important;
    display: block !important;
    
    border-radius: 10px !important;
    width: 248px !important;
    margin: auto !important;
}

.MOA-Viewer-instruction{
    margin-left: 2%;
}

button.ow-button.pv-INST {
	background: var(--form-button-bg) !important;
    border: 2px solid #38A4 !important;
    color: var(--form-button-fg) !important;
    padding: 0.2rem 0.75rem !important;
    border-radius: 10px !important;
    margin: 1px !important;
    width: 200px !important;
}

/**************************Anotation documents **************************/
.resetCount{
    counter-reset: line !important;
}


.SHA256 {
	background: none !important;
    border: none !important;
    font-size: 18px !important;
    color: #555 !important;
    outline: none !important;
}

.SHA256:hover {
    color: #38a !important;
}

.receptiondoc-false::before{
    content : "\f057" !important;
    font-family: "Font Awesome\ 5 Free" !important;
    color: red !important;
    font-weight: bold !important;
}

.receptiondoc-true::before{
    content : "\f058" !important;
    color: green !important;
    font-weight: bold !important;
    font-family: "Font Awesome\ 5 Free" !important;
}
[class^="receptiondoc-false"]::before{
   content : "\f057" !important;
   font-family: "Font Awesome\ 5 Free" !important;
   color: red !important;
   font-weight: bold !important;
 }

[class^="receptiondoc-true"]::before{
   content : "\f058" !important;
   color: green !important;
   font-weight: bold !important;
   font-family: "Font Awesome\ 5 Free !important";
 }
 
 /**************************** Others views ****************/

button.ow-button.correct-data-button-instruction{
    background-color: #38A !important;
    color: #ffffff !important;
    margin-top: 10px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 30px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    
    
    border-radius: 10px !important;
    width: 300px !important; 
    margin: auto !important;
}

button.ow-button.correct-data-button-instruction:hover{
    background-color: #086a91 !important;
    color: #ffffff !important;
    margin-top: 10px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 30px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    
    
    border-radius: 10px !important;
    width: 300px !important; 
    margin: auto !important;
}

button.ow-button.submit-data-button-instruction{
    background-color: #05871d !important;
    color: #ffffff !important;
    margin-top: 10px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 30px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    
    
    border-radius: 10px !important;
    width: 300px !important; 
    margin: auto !important;
}

button.ow-button.submit-data-button-instruction:hover{
    background-color: #04a314 !important;
    color: #ffffff !important;
    margin-top: 10px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 30px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    
    
    border-radius: 10px !important;
    width: 300px !important; 
    margin: auto !important;
}

button.ow-button.generat-avisDir-button-instruction{
    background-color: #38A !important;
    color: #ffffff !important;
    margin-top: 10px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 30px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    
    
    border-radius: 10px !important;
    width: 248px !important; 
    margin: auto !important;
}

button.ow-button.generat-avisDir-button-instruction:hover{
    background-color: #086a91 !important;
    color: #ffffff !important;
    margin-top: 10px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 30px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    
    
    border-radius: 10px !important;
    width: 248px !important; 
    margin: auto !important;
}
 
button.ow-button.generat-doc-commisssion-button-instruction{
    background-color:#29B7D3 !important;
    color: #FFE !important;
    margin-top: 10px !important;     
    text-align: center !important;    
    font-size: 25px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    padding: 10px;
    margin: 10px;
    
    border-radius: 10px !important;
    width: 250px !important; 
    margin: auto !important;
}

button.ow-button.generat-doc-commisssion-button-instruction:hover{
    background-color: #3388AA !important;
    color: #FFE !important;
    margin-top: 10px !important;     
    text-align: center !important;    
    font-size: 25px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    padding: 10px;
    margin: 10px;
    
    border-radius: 10px !important;
    width: 250px !important; 
    margin: auto !important;
}

button.ow-button.generat-doc-commisssion-button-instruction-disabled{
    background-color:#EEE !important;
    color: #FFE !important;
    margin-top: 10px !important;     
    text-align: center !important;    
    font-size: 25px !important;
    cursor: pointer !important;
    outline: none !important;
    border: 2px solid !important;
    display: block !important;
    padding: 10px;
    margin: 10px;
    
    border-radius: 10px !important;
    width: 250px !important; 
    margin: auto !important;
}


 
/* from css file karazapps/auc/noterenseignement/model/noterenseignement/web/Noterenseignement.css  */
.add-raster-bloc .ow-field-input.ow-field-input-toggler div input:checked{
	background-color: #1E4879 !important;
    border: 3px solid #fbfafa !important;
    box-shadow: 0 0 0 1.5pt #1E4879 !important;
}
.add-raster-bloc .ow-field-input.ow-field-input-toggler div input:checked+label {
    color: #1E4879 !important;
    font-weight: bold !important;
}
.add-raster-bloc .ow-field-stringToggler-container .ow-field-core .ow-field-input-side .ow-field-input-line{
	border-bottom:none !important;
}
.arabic-field .ow-field-input-wrapper{
	direction: rtl !important;
}
.arabic-field .ow-label-side{
	right: 0px !important;
    left: unset!important;
    padding-right: 1em!important;
    text-align: right !important;
}
.project-all{
	    padding: 1% !important;
}
.nrttabpanel .coordsFor .filledInput > .labelAlign-float > .ow-label-side{
	top: 0 !important;
	
}
/* .decret-bloc{
	display:flex;
	transform: translateY(-28px);
} */
.attacher-btn .ow-field-input-side{
	padding:0px !important;
	margin: 0px !important;
}
.decret-bloc .ow-btn-container{
	margin:0px !important;
}
#nr_showmap .kma-side-right{
	display:none;
}
#nr_showmap .esri-view-width-large .esri-popup__main-container{
	max-height: 400px;
}
.join-file-redessiner .ow-field-input-side {
	    MARGIN: 0px !important;
    padding: 0px !important;
}
.nrttabpanel .filledInput > .labelAlign-float > .ow-label-side{
	    left: 2em !important;
	        top: -18px !important;
}
 .tabPanel .decision-border-none .ow-field-input-side  .ow-field-input-line{
 border-bottom: none !important;
 }
.tabPanel .mode-paiement .ow-field-input-side .ow-field-input-line{
	    border: none !important;
    margin-bottom: 10px;
    margin-left: 4%;
}
.nrttabpanel .ow-tabpanel-headers{
	background: #F9FAFB !important;
	border-radius: 8px;
}
.NR-view .kma-side-up{
	right:0px !important;
}
.NR-view .ow-tab-header{
	display:flex !important;
}
.nrttabpanel .ow-tabpanel-headers .ow-tab-header{
font-family: 'Inter' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-transform: none !important;
    color: #6B7280 !important;
    background: none !important;
    margin-left: 3%;
}
.btn-apercu{
	width: 152px !important;
    height: 37px !important;
    background: #1E4879 !important;
    border-radius: 4.50189px !important;
    color: white !important;
}

.letter-NR .ow-field-input-line{
	border:none !important;
	border-bottom: 1px solid #aaaaaa75 !important;
}
.langueBlock .ow-field-input-side{
	border: 1px solid #EAEAEA;
    border-radius: 8px;
    max-width: 250px;
    height: 42px;
    justify-content: space-between;
    align-items: center;
}
.nrttabpanel .ow-tabpanel-headers .ow-tab-header:hover{
	color: #6B7280 !important;
	font-family: 'Inter';
font-style: normal !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 150% !important;
}
.extrait-plan .ow-field-input-side{
	border: 1px solid #EAEAEA;
    border-radius: 8px;
    max-width: 250px;
    height: 42px;
    justify-content: space-between;
    align-items: center;
}
.join-file-redessiner .file-upload-plan .ow-field-input-wrapper{
	height: 41px !important;
}
.join-file-redessiner .redessin-btn:hover{
	background: #1E4879 !important;
}
.nrttabpanel .ow-tabpanel-core{
	    margin-top: 2%;
}
.extrait-plan .ow-label-side{
	top: -1rem;
    left: 1rem;
}
.join-file-redessiner .redessin-btn{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10.2px 12.51px 10.2043px 10px;
gap: 8px;
margin: 0px !important;
width: 152px;
height: 37px;
background: #1E4879;
border-radius: 4.50189px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #FFFFFF;
}
.extrait-plan .ow-field-container.read-only-false .ow-field-input-select:before{
	font-family: FontAwesome !important;
    font-size: 14px;
    content: "\f078" !important;
    float: right;
    font-weight: normal;
    color: #BBBBBB !important;
}
.langueBlock .ow-field-container.read-only-false .ow-field-input-select:before{
	font-family: FontAwesome !important;
    font-size: 14px;
    content: "\f078" !important;
    float: right;
    font-weight: normal;
    color: #BBBBBB !important;
}
.langueBlock .ow-field-input{
	font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #BBBBBB !important;
}
.extrait-plan .ow-field-input{
	font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #BBBBBB !important;
}
#nr_RGL .ow-collection-addBtn:before{
	font-family: "Font Awesome 5 Free";
    content: "\2b" !important;
    font-weight: bold;
    font-size: 16px;
}
#nr_RGL .ow-collection-removeBtn:before{
	    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f068" !important;
    font-size: 13px;
}
.extrait-plan .ow-field-input-select{
	font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 140%;
    color: #BBBBBB !important;
}
.langueBlock .ow-field-input-select{
	font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 140%;
    color: #BBBBBB !important;
}
.langueBlock .ow-field-input-select{
	font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #BBBBBB;
}
.join-file-redessiner .file-upload-plan button{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10.2px 1px 10.2043px 0px;
gap: 8px;
width: 151px;
height: 37px;
background: #FFFFFF;
border: 1px solid #1E4879 !important;
border-radius: 4.50189px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #0C4A6E;
	    MARGIN: 0 !important;
}
.join-file-redessiner{
	margin-top: 2% !important;
}
.redessin-btn .fa-arrows-repeat:before, .fa-repeat-alt:before{
	    font-size: 20px;
}
.join-file-redessiner .ow-fileUpload .fa-map-location:before, .fa-map-marked:before{
	font-size: 20px;
}
.nrttabpanel .filledInput > .labelAlign-float > .ow-label-side{
	  COLOR: #637183 !important;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    left: 12px !important;
}
.nrttabpanel .fa-gavel:before, .fa-legal:before{
	font-size: 20px;
}
.nrttabpanel .fa-map-location-dot:before, .fa-map-marked-alt:before{
	font-size: 20px;
}
.nrttabpanel .fa-crop:before{
	font-size: 20px;
}
.nrttabpanel .fa-file-magnifying-glass:before, .fa-file-search:before{
	font-size: 20px;
}
.redessin-btn > span{
	font-size: 14px !important;
}
.nrttabpanel .ow-tabpanel-headers{
	    margin-left: 1%;
    width: 98%;
}
.nrttabpanel .ow-tabpanel-headers .ow-tab-header.selected-tab{
font-family: 'Inter' !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 150% !important;
    color: #075985 !important;
    background: #F9FAFB !important;
    border-bottom-width: 0px !important;
    font-weight: 400 !important;
    height: 41px ;
    justify-content: center;
    display: flex;
}
.btn-apercu .fa-file-check:before{
	font-size: 20px;
}
.attacher-btn .fa-upload:before{
	font-size: 20px;
}
.afficher-btn .fa-file-pdf:before{
	font-size: 20px;
}
.for-decret .itemAsPanel.emptyCollection{
	    margin-top: 0;
}
.nrttabpanel .ow-vl-inner{
	background:none !important;
}
.NR-view .ow-field-input-side{
	margin:12px;
}
.docFond .ow-field-input-line{
	border:none !important;
} 
.tabPanel .info-dmd .radio-buttons-field .ow-field-input-line{
	    border: none !important;
}
.docFond .ow-field-input-wrapper{
	    height: 88% !important;
}
.docFond .ow-field-input-side{
	margin:0px !important;
}
.visualiserButton .ow-btn-container{
	margin: 0px 0px !important;
    height: 28px !important;
}
.tabPanel .docFond .fondDocCompl .ow-field-input-line {
	border-bottom: 1.1px solid #CCC !important;
}
.tabPanel .docFond .fondDocAction .ow-field-input-line{
	border-bottom:none !important;
}
.panel-nr .esri-popup h2 {
    background-color: red;
    width: 170px;
    height: 17px;
    margin: 0px;
    align-items: center;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    display: flex;
    border-radius: 30px;
    color: white;
    font-family: 'Inter';
    align-items: center;
    justify-content: center;
}
.panel-nr .esri-popup h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    font-family: 'Inter';
    color: #0C4A6E;
}
.panel-nr .esri-popup hr {

    margin: 3px;
    width: 113px;
    height: 0px;


    border: 0.5px solid #6B7280;

}
.panel-nr .esri-popup__main-container{
	background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%), 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 12px;
}
.planAmng {
    display: flex;
    flex-direction: column;
}
.panel-nr .esri-popup h3 {
    background-color: #065F46;
    width: 150px;
    height: 17px;
    margin: 0px;
    align-items: center;
    text-transform: uppercase;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    display: flex;
    border-radius: 11px;
    color: white;
    align-items: center;
    justify-content: center;
}
.panel-nr .esri-popup h4 {

    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    margin: 5px;
    font-family: 'Inter';
    color: #6B7280;
}
.ico_auc_mapmarker:before {
	font-family: FontAwesome !important;
	content: "\f041";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}
 .declaring .ow-field-input-side{
    margin-top: 5px;
    padding-top: 0px;
 }
 .ow-vl-inner .ow-btn-container .btn_pay{
     height: 30px;
    float: right;
    cursor: no-drop;
    color: #38a !important;
    background: #eee !important;
    border-radius: 3px !important;
    border: 2px solid #38A !important;
        width: 100% !important;
    margin-top: 8px!important;
    margin-right: 16px!important;
    align-items: center;
    justify-content: center;
    display: flex;
 }
 .montant-btns{
     margin: 20px 0px;
 }


.check-boolean .ow-field-core{
	display:block;
}
#docActions-upload .doc-upload{
	display:flex !important;
}
.incluNR .ow-checkbox-input{
/* 	    border-radius: 50% !important;
	        height: 14px !important;
    width: 14px !important; */
    margin: 0 !important;
}
/* .incluNR .ow-field-input.ow-checkbox-input.checkedCB{
right: 19px;
    transition: .4s;
    -webkit-transition: 0.4s;
    position: absolute;
    background: white !important;
    color: #7C7878;
    border-color: white !important;
    height: 15px !important;
    width: 15px !important;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    justify-content: normal;
    line-height: 7.5px;

} */
.incluNR .ow-field-boolean-container.unset .ow-field-input.ow-checkbox-input{
	height: 14px;
    width: 15px;
    margin: 0 !important;
}
.attacher-btn:hover{
	background-color: white !important;
}
.attacher-btn:hover button.ow-button span{
	background-color: white !important;
    color: #0C4A6E !important;
}
.afficher-btn:hover{
	 width: 140px !important;
    height: 37px !important;
}
.instr-zone .name-field .ow-field-input-side{
	padding:0px;
}
.afficher-btn {
	justify-content: center;
    align-items: center;
    gap: 8px;
    width: 140px;
    height: 37px;
    background: #1E4879 !important;
    border-radius: 4.50189px !important;
    color: white !important;
    font-family: 'Inter' !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 150%;
    margin: 0px !important;
    padding: 0px !important;
    margin-top:0px !important;
}
.decret-bloc .ow-btn-container{
	margin:0px !important;
}
#nr_showmap .esri-view-height-less-than-medium .esri-popup__main-container{
	max-height: 450px !important;
}
.attacher-btn{
	
    max-width: 188px;
	width: 100%;
}
.attacher-btn .ow-field-input-wrapper{
	    height: 37px;
}
.incluNR .ow-label-side{
	font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 9px;
line-height: 11px;

color: #000000;
    margin-top: 19%;
     min-width: 0px !important;
}
.article-field input{
	font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 150%;

color: #7C7878;
}
.pa-field input{
	    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #000000;
}
.name-field input{
	font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 21px;
    color: #000000;

}
/* .nrttabpanel .ow-field-input.ow-checkbox-input.checkedCB:before{
	content: "\f192" !important;
    width: 14px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    text-align: center;
} */
.instr{
	    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    margin: 10px;
}
#nr_RGL .ow-collection-addBtn{
	border-radius: 50px;
    background: white;
    width: 20px;
    height: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    color: gray;
    border: 1px solid gray;
    margin: 12px;
    content: "\f067" !important;
}
 #nr_RGL .ow-collection-tlbr{
	        background: #fff;
    margin-right: 1%;
    margin-top: 1%;
}

.croisement-block {
    background: #fff;
    margin: 2%;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
        padding: 1%;
        color: #000;
}
.zone-field h1{
	    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 21px !important;
    color: #000000 !important ;
    width:100% !important ;
}
.type-field h2{
	font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 10px !important;
    color: #7C7878 !important;
    background: white !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    align-items: initial !important;
    justify-content: inherit !important;
    width: 75% !important;
    height:100% !important;
}
.zone-area h3{
	font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 11px !important;
        text-transform: initial !important;
    /* line-height: 12px !important; */
    display: flex !important;
    align-items: center !important;
    color: #000000 !important;
    background: white !important;
    justify-content: inherit !important;
    width: 100% !important;
    margin: 0% !important;
    height: 100% !important;
}
.zone-note h4{
	font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    display: flex !important;
    align-items: center !important;
    color: #0284C7 !important;
    background: white !important;
    justify-content: inherit !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0% !important;
}
.zone-width{
	width:48% !important;
}
#nr_showmap .esri-popup__main-container{
	border-radius: 0px !important;
	padding-top: 30px;
}
#nr_showmap .esri-ui .esri-popup{
	margin-top: 7%;
    margin-left: 1%;
}
#nr_showmap .esri-popup__pointer{
	display:none;
}
#nr_showmap .esri-popup__action{
	display:none;
}
.type-field {
    display: flex;
}
.btn_projeter{
    width: 63px;
    height: 18px;
    background: #2D834A;
    border-radius: 3px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    border: none;
    margin-bottom: 10px;
}


.scales {
   
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 11px;
    color: #000;

}

#checkBox_btn {
    margin: .4rem;
}
.switch {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 12px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "\f192";
    font-size: 8px;
    font-weight: 400;
    height: 8px;
    width: 8px;
    left: 1px;
    bottom: 1.6px;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: white;
    border: 1px solid gray;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #7C7878;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
    height: 7.7px;
  }
  .intersection {
      display: flex;
    margin: 0% 2%;
    color: #000 !important;
  }

  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
 #nr_RGL .ow-collection-removeBtn{
  border-radius: 50px;
    background: white;
    width: 20px;
    height: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    color: gray;
    border: 1px solid gray;
    margin: 12px;
  content: "\f068";
  }  
.attacher-btn .ow-field-input-side .ow-field-input-line .ow-field-input-wrapper button{
	background: #FFFFFF !important;
    border: 1px solid #1E4879 !important;
    border-radius: 4.50189px !important;
    width: 140px !important;
    height: 37px !important;
    color: #1E4879 !important;
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 150%;
}
.fileButton{
	margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.ico_noterenseignent:before {
	font-family: FontAwesome !important;
	content: "\f022";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}
.flexBox .ow-field-input-side{
	margin: 2px !important;
	
}
.mybtn {
    background: #1E4879 !important;
    color: white !important;
}
.mybtn:hover {
    background: #1E4879 !important;
    color: white !important;
}

 
.docFond .ow-field-input-side{
	border : none !important;
}
.docFond #addDocActions-upload{
	width: 142px;
    height: 38px;
}
.header-create-account-title1{
        font-size: 22px;
    color: #0369A1;
    font-weight: bold;
    font-family: inherit;
    font-style: normal;
  }

  .header-create-account-title2{
    font-size:12px;
    color:#FF9900;
  }
.ico_noterenseigne:before {
	font-family: FontAwesome !important;
	content: "\f022";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_demandenote:before {
	font-family: FontAwesome !important;
	content: "\f15c";
	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.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;
}

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

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

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

.btnAnnexes:before {
	font-family: FontAwesome !important;
	content: "\f1c1";
	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;
}

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

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

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

.btnPrintCarte:before {
	font-family: FontAwesome !important;
	content: "\f041";
	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
}
.dmdTitle{
	     color: var(--fg0);
	         margin-left: 10px;
}
.dmdNote .ow-field-input-side .ow-field-input{
	color: orange;
	
	
}
.btnImprimerAutorisation:before {
	font-family: FontAwesome !important;
	content: "\f19c";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnPrintBRP:before {
	font-family: FontAwesome !important;
	content: "\f09d";
	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;
}

.fa-newspaper-o:before {
	font-family: FontAwesome !important;
	content: "\f1ea";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.fa-picture-o:before {
	font-family: FontAwesome !important;
	content: "\f03e";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.imageCode {
	border: 1px solid #DDD;
	border-radius: 3px;
	background: #EFECCA;
	padding: 6px;
}

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

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

.KarazCMS-Body {
	
}

.KarazCMS-Body h1, .KarazCMS-Body h2, .KarazCMS-Body h3, .KarazCMS-Body h4
	{
	
}

.KarazCMS-Body p {
	
}

.KarazCMS-Body li {
	
}

.KarazCMS-Body li p {
	
}

.KarazCMS-Body li li {
	
}

.KarazCMS-Body li li p {
	
}

.KarazCMS-Header {
	
}

.resultSearchContent {
	
}

.kcmsVignetteTitle {
	
}

.kcmsVignetteDescription {
	
}

.kcmsVignetteThumbnail {
	float: left;
	padding: 10px;
}

.kcmsVignetteSuite {
	
}

.resultKcmsSearch {
	
}

.kcms-search-thumbnail {
	border-bottom: 1px solid gray;
	height: 100px;
}

.btnDown-0 {
	display: none !important;
}

.kcmsVignetteBtnDown {
	float: right;
}

.kcmsVignetteBtnDown a:before {
	font-family: FontAwesome !important;
	content: "\f0ed";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	color: #1caad9;
}

.ico_cmsKaraz:before {
	font-family: FontAwesome !important;
	content: "\f15b";
	padding: 5px;
	font-size: 22px;
}

.thumbnailListView.SearchThumbnail {
	left: 9px !important;
	width: 96% !important;
}

#cmsAttahcmentIframe body {
	text-align: center !important;
}
#nr_showmap .labelAlign-float .ow-field-input-line{
	border-bottom: 2.8px solid #CCC !important;
}
.tabPanel .labelAlign-float .ow-field-input-line{
	border-bottom: 1.1px solid #CCC !important;
}
.slideDescription {
	width: 100%;
	min-height: 50px;
	max-height: 70px;
	position: relative;
	top: -80px;
	background: rgba(200, 200, 200, 0.55);
	text-align: center;
	font-family: Calibri;
	font-size: 20px;
	font-weight: bolder;
	color: #335;
	overflow: hidden;
}

.resultSearchSlider {
	position: relative;
	width: 100%;
	margin: auto;
}

.resultSearchSlider .slider img {
	width: 100%;
}

.sliderNext, .sliderPrev {
	position: absolute;
	width: 30px;
	height: 50px;
	top: 50%;
}

.sliderNext {
	background: url(img/arrow-left.png) no-repeat center;
	left: 5px;
}

.sliderPrev {
	background: url(img/arrow-right.png) no-repeat center;
	right: 5px;
}

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

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

.removeTag {
	width: 22px !important;
}

.btnInfoClose {
	font-family: FontAwesome !important;
	position: relative;
	font-size: 22px;
	float: right;
	display: block;
	right: 32px;
	cursor: pointer;
	color: #00b0f0;
	padding: 0px !important;
	top: 0px !important;
}
.ow-field-core.labelAlign-float {
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.fa-close:before {
	content: "\f00d";
}

.fa-info-circle:before {
	content: "\f05a";
}

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

.btn-rec {
	background: #fff !important;
	color: #666 !important;
	margin-top: 10% !important;
	margin-left: 25% !important
}

button.ow-button.reload-button-nr {
    background-color: #ffffff !important;
    color: #8b9390 !important;
    border: 1px solid #8b9390 !important;
    width: 100% !important;
    text-align: center !important;
    text-decoration: none !important;
    margin-top: 0px !important; 
    display: inline-block !important;
    font-size: 15px !important;
    cursor: pointer !important;
    outline: none !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

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

button.ow-button.reload-button-nr:hover{
    background-color: #eae8e8 !important;   
    color: #8b9390 !important;
}

button.ow-button.confirm-button-nr{
    display: inline-block !important;    
    background-color: #05871d !important;
    color: #ffffff !important;
    width: 100% !important;
    margin-top: 0px !important;     
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 15px !important;
    cursor: pointer !important;
    outline: none !important;
}
.SoumettreBtn{
	margin-left: 530px; width:150px; background-color: #05871d !important;
    border: none;     color: white;
    border-radius: 30px;
    height: 30px;
}
.AnnulerBtn{
	
    
    height: 36px;
    width: 150px;
    color: #046380;
    border: none;
    border-radius: 30px;
	
}
.buttns>.ow-vl-inner{
	display: flex;
	gap: 10px;
	flex-direction: row;
	    margin-left: 36px;
	
}
.buttns button.ow-button.float{
	    height: 100%;
}
.ow-field-input.ow-checkbox-input.checkedCB>.checkBoxBtn{
	font-family: FontAwesome !important;
    font-size: 17px;
    line-height: 17px;
    padding: -10px;
    background: #106cc8;
    color: white;
    border-color: #106cc8;
}
.ow-field-input.ow-checkbox-input>.checkBoxBtn{
	    border: 2px solid #666;
    height: 12px;
    width: 12px;
    margin-left: 31px;
    cursor: pointer;
    padding: 0px;
    background: #EEE;
}

.boxbtn{
	
	margin-left: 22px;
    transform: translateY(-3px);
}
.buttns .ow-btn-container:first-child>button.ow-button.float{
	    color: #fff;
}



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

button.ow-button.confirm-button-nr:hover{
    background-color: #045e39 !important;
    color: #ffffff !important;
}

button.ow-button.confirm-button-nr-disabled{
    display: inline-block !important;    
    background-color: #8b9390 !important;
    color: #ffffff !important;
    width: 100% !important;
    margin-top: 0px !important;    
    text-decoration: none !important;
    text-align: center !important;    
    font-size: 15px !important;
    cursor: default !important;
    pointer-events: none !important;
    
}

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

MOA-Viewer-nr{
    margin-left: 2%;
}


button.ow-button.k-btn-radius {
    padding: 0rem 0.75rem;
    border: 1px solid var(--form-button-fg);
    outline: none;
}

button.ow-button.k-btn-radius-blue {
    padding: 0rem 0.75rem;
    background: var(--form-button-fg);
    border: none;
    color: var(--form-button-bg);
    border: 1px solid var(--form-button-fg);
    outline: none;
}

button.ow-button.k-btn-radius-blue:hover {
    background: var(--form-button-bg);
    color: var(--form-button-fg);
}
/* from css file karazapps/auc/paiementnr/model/paiementnr/web/PaiementNR.css  */

.ico_paiementnr { 
	background-image: url(img/paiementnr.png);
}

.ico_paiement:before { 
	font-family: FontAwesome !important;
	content: "\f09d";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}/* from css file karazapps/auc/parametragemodelenr/model/parametragemodelenr/web/ParametragemodeleNR.css  */

.ico_parametragemodelenr { 
	background-image: url(img/parametragemodelenr.png);
}/* from css file karazapps/auc/parametragenr/model/parametragenr/web/Parametragenr.css  */

.ico_parametragenr { 
	background-image: url(img/parametragenr.png);
}

.ico_parametrenote:before { 
	font-family: FontAwesome !important;
	content: "\f1de";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}/* from css file karazapps/auc/versement/model/versement/web/Versement.css  */

.ico_versement:before { 
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}/* 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/file/model/file/web/File.css  */

 
.File_icon:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f15b" ;
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* 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/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/archive/strategy/model/strategy/web/Strategy.css  */

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





.BoldTextArea.labelAlign-float .ow-field-input-line  {
	border:  1px solid #CCC  ;
}

.BoldTextArea.labelAlign-float .ow-label-side {
	background :#FFF;
	font-size: 12px !important;
}  /* 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/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: #9B9;
    font-family: CURSIVE;
    /* font-style: oblique; */
    background: #323;
    font-size: 13px;
    padding: 10px;
	
}/* from css file karazapps/data/importlocalite/model/importlocalite/web/Importlocalite.css  */

.ico_importlocalite { 
	background-image: url(img/importlocalite.png);
}/* from css file karazapps/data/loaddocument/model/loaddocument/web/LoadDocument.css  */

.ico_loaddocument { 
	background-image: url(img/loaddocument.png);
}/* from css file karazapps/gis/binder/model/binder/web/Binder.css  */

.ico_binder { 
	background-image: url(img/binder.png);
}

.BinderDisplayTemplate-layout {
	
	background-image: url(img/slimBinder.jpg);
}

.BinderDisplayTemplate-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/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/searchservice/model/searchservice/web/SearchService.css  */

.ico_searchservice { 
	background-image: url(img/searchservice.png);
}

.SearchServiceDisplayTemplate-layout {
	
	background-image: url(img/slimSearchService.jpg);
}

.SearchServiceDisplayTemplate-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/urbadoc/model/urbadoc/web/UrbaDoc.css  */
.urba-doc-tabpanel .ow-field-input-side{
	margin:12px !important;
}
.docParentUrba > .ow-label-side{
    top: 0.3em !important;
}
.focusedInput > .docParentUrba > .ow-label-side{
    top: -3px !important;
}
.header-urba-doc{
    padding: 1.5rem 2rem 1rem !important;
}
.urba-doc-tabpanel .visualiserButton button.ow-button.float{
	margin-top: 0px !important;
}
.urbaDocTabpanel .ow-field-input {
	font-family: 'Rubik' !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 140% !important;

color: #9CA3AF !important;
}

.urba-doc-tabpanel .labelAlign-float .ow-field-input-line{
    border-bottom: 1px solid #CCC !important;
    height:100% !important;
}
.ow-pl-noborder .ow-field-input-line{
  border-bottom: 1px solid #CCC !important;
  HEIGHT: 100% !important;
}
.urba-doc-tabpanel .doc-upload .ow-field-input-side{
    padding: 0px !important;
    height:100% !important;
}
.docs-framed-panel .doc-drag {
color: #CCC !important;
}
.urba-doc-tabpanel .doc-upload .ow-field-input-side{
    padding: 0px !important;
margin: 0 !important;
height: 100%;
}
.header-urba-doc .ow-field-input-side  {
width: 100% !important;
}
.header-urba-doc .ow-field-bag{
margin:0 !important;
}
.docs-framed-panel #docActions-upload{
height: 100%;
}
.header-urba-doc .ow-field-input-wrapper{
height:auto !important;
}
.urb-geo p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #6B7280;
background: white;
}
.urba-doc-tabpanel .karaztabpanel .ow-tabpanel-headers{
border-bottom-width: 0px !important;
    font-weight: 400 !important;
    display: flex;
    align-items: center !important;
    padding: 10px 20px !important;
    max-width: 1093px !important;
    width: 100% !important;
    height: 45px !important;
    background: #F9FAFB !important;
    border-radius: 8px 8px 0px 0px !important;
}
.urba-doc-tabpanel .karaztabpanel .ow-tabpanel-headers .ow-tab-header.selected-tab{
       background: transparent;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 150%;
color: #075985 !important;
text-transform: none;
}
.urba-doc-tabpanel .karaztabpanel .ow-tabpanel-headers .ow-tab-header:hover{
	    color: #6B7280 !important;
}

.urba-doc-tabpanel .karaztabpanel .fa-crop:before, .urba-doc-tabpanel .karaztabpanel .fa-map-location-dot:before, .urba-doc-tabpanel .karaztabpanel .fa-map-marked-alt:before{
font-size: 20px;
}
.urba-doc-tabpanel .karaztabpanel .ow-tabpanel-headers .ow-tab-header{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #6B7280;
background: transparent;
  text-transform: none;
}
.urba-doc-tabpanel #urba_doc_coords .mode-delim-perim .ow-field-input-side{
margin: 0 !important;
}
.urba-doc-tabpanel .karaztabpanel .fa-landmark:before{
    font-size: 20px;
}
.urba-doc-tabpanel .ow-tabpanel{
    align-items: center;
max-width: 1095px;
width: 100%;
height: 732px;
background: #FFFFFF;
border: 1px solid #EAEAEA;
border: 1px solid #EAEAEA;
border-radius: 8px;
}
.urbaDocTabpanel .BoldTextArea  .ow-field-input {
    display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
gap: 10px;
width: 645px;
height: 235px;
background: #FFFFFF;
border: 1px solid #EAEAEA;
border-radius: 8px;
}
.urbaDocTabpanel .BoldTextArea.labelAlign-float .ow-field-input-line{
border: none !important;
}
.urba-doc-tabpanel .KarazFieldXmlviewer  .sys-proj .ow-field-input-side  {
    align-items: center;
gap: 10px;
width: 323px;
height: 42px;
background: #FFFFFF;
border: 1px solid #EAEAEA;
border-radius: 8px;
}
.urba-doc-tabpanel .karaztabpanel .ow-vl-inner{
background: white !important;
}
.urba-doc-tabpanel .urba-docs-requis .fondDocAction  .ow-field-input-line{
	border-bottom: none !important;
}
.urba-doc-tabpanel .KarazFieldXmlviewer{
padding: 1% 0 1% 2%;

}
 .header-urba-doc .filledInput:hover  .ow-label-side{
	display: flex !important;
    align-items: center !important;
   top: -13px !important;
    text-align: justify;
    padding-left: 10px !important;
}
.ow-field-container.read-only-false .ow-field-input-select:before{
	
}



 .header-urba-doc .ow-field-core .ow-label-side{
     z-index: 1 !important;
    opacity: 1 !important;
    font-size: 14px !important;
    color: var(--form-button-hover-bg) !important;
    text-align: inherit !important;
}

.urbaDocTabpanel #urba_doc_coords .labelAlign-float > .ow-label-side{
	font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 140% !important;
    color: #637183 !important;
    top: -26px !important;
    opacity:1 !important;
}
.urba-doc-tabpanel .KarazFieldXmlviewer  .sys-proj .ow-field-input-line{
    border: none !important;
}
.paquet-urba-doc .ow-field-input-side  {
	align-items: center !important;
gap: 10px !important;

width: 45% !important;
height: 42px !important;

background: #FFFFFF !important;

border: 1px solid #EAEAEA !important;
border-radius: 8px !important;
}
.urbaDocTabpanel #urba_doc_coords .labelAlign-float .fa-search:before{
    font-size: 20px !important;
    color: #9CA3AF !important;
    content: "\f689" !important;
    font-weight: 300;
}
.urbaDocTabpanel .paquet-urba-doc .ow-field-input-line{
    border:none !important;
}
.urbaDocTabpanel #urba_doc_coords .labelAlign-float .ow-field-bag{
    background: white !important;
    border: none !important;
}
.urbaDocTabpanel .ow-field-container.read-only-false .paquet-urba-doc .ow-field-input-select:before{
display: none !important;
}
.ow-field-container.read-only-false .sys-proj .ow-field-input-select:before{
    font-family: FontAwesome !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    content: "\f078" !important;
    float: right !important;
    color: #505F74 !important;
}
.vect-coords{
	margin-top:5% !important;
}
/* .urbaDocTabpanel #urba_doc_loc div.ow-field-input-line{
	border-bottom: none !important;
} */
.urbaDocTabpanel .BoldTextArea.labelAlign-float> .ow-label-side{
	    font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 140% !important;
    color: #637183 !important;
    top: -20px !important;
}
.urba-doc-tabpanel .karaztabpanel .ow-tabpanel-headers .ow-tab-header.selected-tab:hover{
	color: #075985 !important;
}

/* from css file karazapps/gis/virtual/model/virtual/web/Virtual.css  */

 
.virtual_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}
.hp-search_field .ow-field-input-side  {
	padding:0 !important;
	margin:0 !important;
}
#custom-search-form li{
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    align-items: center;
    padding: 10px 24px 10px 16px;
    gap: 10px;
    width: 413px;
    background: #FFFFFF;
    cursor:pointer;
}
#custom-search-form li:hover {
    background-color: #AAAAAA;
  }/* 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; }



 .bundleFileIcon { 
				background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIwLjUsMGgtMTFDOS40MzMsMCw5LjM2NywwLjAxNCw5LjMwNiwwLjAzOWMtMC4wMTksMC4wMDgtMC4wMzMsMC4wMjMtMC4wNSwwLjAzNGMtMC4wMzgsMC4wMjItMC4wNzgsMC4wNDItMC4xMSwwLjA3MyAgIGwtNiw2QzMuMTIzLDYuMTY5LDMuMTEsNi4yLDMuMDkyLDYuMjI3Yy0wLjAxOCwwLjAyNy0wLjA0MSwwLjA1LTAuMDUzLDAuMDhDMy4wMTQsNi4zNjgsMyw2LjQzMywzLDYuNXYxNyAgIEMzLDIzLjc3NiwzLjIyNCwyNCwzLjUsMjRoMTdjMC4yNzYsMCwwLjUtMC4yMjQsMC41LTAuNXYtMjNDMjEsMC4yMjQsMjAuNzc2LDAsMjAuNSwweiBNOSwxLjcwN1Y2SDQuNzA3TDksMS43MDd6IE0yMCwyM0g0VjdoNS41ICAgQzkuNzc2LDcsMTAsNi43NzYsMTAsNi41VjFoMTBWMjN6Ij48L3BhdGg+PHBhdGggZD0iTTE1LDEwSDlWOS41QzksOS4yMjQsOC43NzYsOSw4LjUsOWgtMkM2LjIyNCw5LDYsOS4yMjQsNiw5LjV2MkM2LDExLjc3Niw2LjIyNCwxMiw2LjUsMTJIN3Y2SDYuNSAgIEM2LjIyNCwxOCw2LDE4LjIyNCw2LDE4LjV2MkM2LDIwLjc3Niw2LjIyNCwyMSw2LjUsMjFoMkM4Ljc3NiwyMSw5LDIwLjc3Niw5LDIwLjVWMjBoNnYwLjVjMCwwLjI3NiwwLjIyNCwwLjUsMC41LDAuNWgyICAgYzAuMjc2LDAsMC41LTAuMjI0LDAuNS0wLjV2LTJjMC0wLjI3Ni0wLjIyNC0wLjUtMC41LTAuNUgxN3YtNmgwLjVjMC4yNzYsMCwwLjUtMC4yMjQsMC41LTAuNXYtMkMxOCw5LjIyNCwxNy43NzYsOSwxNy41LDloLTIgICBDMTUuMjI0LDksMTUsOS4yMjQsMTUsOS41VjEweiBNNywxMGgxdjFIN1YxMHogTTgsMjBIN3YtMWgxVjIweiBNMTcsMjBoLTF2LTFoMVYyMHogTTE2LDE4aC0wLjVjLTAuMjc2LDAtMC41LDAuMjI0LTAuNSwwLjVWMTlIOSAgIHYtMC41QzksMTguMjI0LDguNzc2LDE4LDguNSwxOEg4di02aDAuNUM4Ljc3NiwxMiw5LDExLjc3Niw5LDExLjVWMTFoNnYwLjVjMCwwLjI3NiwwLjIyNCwwLjUsMC41LDAuNUgxNlYxOHogTTE2LDEwaDF2MWgtMVYxMHoiPjwvcGF0aD48L2c+PC9zdmc+);
		}
		
 .bundleFileIconDXF { 
				background-image: url( data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTE5LjUsMjBjLTAuMjc2LDAtMC41LDAuMjI0LTAuNSwwLjVWMjNIM1Y3aDUuNUM4Ljc3Niw3LDksNi43NzYsOSw2LjVWMWgxMHY5LjVjMCwwLjI3NiwwLjIyNCwwLjUsMC41LDAuNSAgIHMwLjUtMC4yMjQsMC41LTAuNXYtMTBDMjAsMC4yMjQsMTkuNzc2LDAsMTkuNSwwaC0xMUM4LjQzMywwLDguMzY3LDAuMDE0LDguMzA2LDAuMDM5Yy0wLjAxOSwwLjAwOC0wLjAzMywwLjAyMy0wLjA1LDAuMDM0ICAgYy0wLjAzOCwwLjAyMi0wLjA3OCwwLjA0Mi0wLjExLDAuMDczbC02LDZDMi4xMjMsNi4xNjksMi4xMSw2LjIsMi4wOTIsNi4yMjdjLTAuMDE4LDAuMDI3LTAuMDQxLDAuMDUtMC4wNTMsMC4wOCAgIEMyLjAxNCw2LjM2OCwyLDYuNDMzLDIsNi41djE3QzIsMjMuNzc2LDIuMjI0LDI0LDIuNSwyNGgxN2MwLjI3NiwwLDAuNS0wLjIyNCwwLjUtMC41di0zQzIwLDIwLjIyNCwxOS43NzYsMjAsMTkuNSwyMHogTTMuNzA3LDYgICBMOCwxLjcwN1Y2SDMuNzA3eiI+PC9wYXRoPjxwYXRoIGQ9Ik03LjUsMTJDNy4yMjQsMTIsNywxMi4yMjQsNywxMi41djZDNywxOC43NzYsNy4yMjQsMTksNy41LDE5aDFjMS4zNzgsMCwyLjUtMS4xMjIsMi41LTIuNXYtMmMwLTEuMzc4LTEuMTIyLTIuNS0yLjUtMi41ICAgSDcuNXogTTEwLDE0LjV2MmMwLDAuODI3LTAuNjczLDEuNS0xLjUsMS41SDh2LTVoMC41QzkuMzI3LDEzLDEwLDEzLjY3MywxMCwxNC41eiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNi43NzcsMTIuMDg0Yy0wLjIzMS0wLjE1My0wLjU0LTAuMDkxLTAuNjkzLDAuMTM5TDE0LjUsMTQuNmwtMS41ODQtMi4zNzdjLTAuMTUzLTAuMjMtMC40NjMtMC4yOTMtMC42OTMtMC4xMzkgICBjLTAuMjMsMC4xNTMtMC4yOTIsMC40NjMtMC4xMzksMC42OTNsMS44MTYsMi43MjRsLTEuODE1LDIuNzIyYy0wLjE1MywwLjIzLTAuMDkxLDAuNTQsMC4xMzksMC42OTMgICBDMTIuMzA5LDE4Ljk3MywxMi40MDUsMTksMTIuNSwxOWMwLjE2MSwwLDAuMzItMC4wNzgsMC40MTYtMC4yMjNsMS41ODMtMi4zNzVsMS41ODMsMi4zNzVDMTYuMTgsMTguOTIyLDE2LjMzOCwxOSwxNi41LDE5ICAgYzAuMDk2LDAsMC4xOTItMC4wMjcsMC4yNzYtMC4wODRjMC4yMy0wLjE1MywwLjI5Mi0wLjQ2MywwLjEzOS0wLjY5M0wxNS4xLDE1LjUwMWwxLjgxNi0yLjcyNCAgIEMxNy4wNjksMTIuNTQ3LDE3LjAwNywxMi4yMzcsMTYuNzc3LDEyLjA4NHoiPjwvcGF0aD48cGF0aCBkPSJNMjEuNSwxMmgtM2MtMC4yNzYsMC0wLjUsMC4yMjQtMC41LDAuNXY2YzAsMC4yNzYsMC4yMjQsMC41LDAuNSwwLjVzMC41LTAuMjI0LDAuNS0wLjVWMTZoMS41YzAuMjc2LDAsMC41LTAuMjI0LDAuNS0wLjUgICBTMjAuNzc2LDE1LDIwLjUsMTVIMTl2LTJoMi41YzAuMjc2LDAsMC41LTAuMjI0LDAuNS0wLjVTMjEuNzc2LDEyLDIxLjUsMTJ6Ij48L3BhdGg+PC9nPjwvc3ZnPg==);
		}
 .bundleFileIconCSV { 
				background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPmZpbGUgZG9jdW1lbnQgZm9ybWF0PC90aXRsZT48cGF0aCBkPSJNMjUuMTYsNTYuNjI3YTMuNDc0LDMuNDc0LDAsMCwxLTEuNy0uMzg0LDMuMDgyLDMuMDgyLDAsMCwxLTEuMTExLTEuMDI2LDQuNDUyLDQuNDUyLDAsMCwxLS42LTEuNDY0LDcuOTY4LDcuOTY4LDAsMCwxLDAtMy40MTQsNC4zNzUsNC4zNzUsMCwwLDEsLjYwOC0xLjQ3LDMuMTI1LDMuMTI1LDAsMCwxLDEuMTE3LTEuMDI2LDMuNDc0LDMuNDc0LDAsMCwxLDEuNy0uMzg0LDMuNjYxLDMuNjYxLDAsMCwxLDEuOTIuNSwyLjE5NSwyLjE5NSwwLDAsMSwuNzI2LjcyOCw0LjkxOCw0LjkxOCwwLDAsMSwuNTM0LDEuMjU5bC0xLjc1Mi40MmEyLjUzNywyLjUzNywwLDAsMC0uNTI4LS45MTIsMS4yNDksMS4yNDksMCwwLDAtLjk2LS4zNiwxLjI3NywxLjI3NywwLDAsMC0uNjMuMTUxLDEuMzgzLDEuMzgzLDAsMCwwLS40NS40LDIuMjY4LDIuMjY4LDAsMCwwLS4yOTQuNTYyLDMuOTQyLDMuOTQyLDAsMCwwLS4xNzQuNjQ4LDUuMzUyLDUuMzUyLDAsMCwwLS4wNzguNjU5Yy0uMDEyLjIxOC0uMDE4LjQxNS0uMDE4LjU5M2E0LjUsNC41LDAsMCwwLC40MiwyLjE3N0ExLjMzMiwxLjMzMiwwLDAsMCwyNS4xNiw1NWExLjYzNiwxLjYzNiwwLDAsMCwuNTk0LS4xLDEuMjY5LDEuMjY5LDAsMCwwLC40MjYtLjI3LDIuMDA5LDIuMDA5LDAsMCwwLC4zMjQtLjQxNCw1LjQsNS40LDAsMCwwLC4yNzYtLjUyOGwxLjguNDY4QTUuMjcsNS4yNywwLDAsMSwyOCw1NS4yOWEzLjA2MSwzLjA2MSwwLDAsMS0uNzM4Ljc0NkEzLjUyNywzLjUyNywwLDAsMSwyNS4xNiw1Ni42MjdaIj48L3BhdGg+PHBhdGggZD0iTTMyLjMxMiw1Ni42MjdhMy44NDQsMy44NDQsMCwwLDEtMS45LS41MTYsMywzLDAsMCwxLS44NTItLjY3OCwzLjk5MywzLjk5MywwLDAsMS0uNjM2LTEuMDYybDEuNi0uN2E0LjUsNC41LDAsMCwwLC4zMTIuNTcsMS45NDgsMS45NDgsMCwwLDAsLjM4NC40MzgsMS42NDMsMS42NDMsMCwwLDAsLjUuMjgyLDEuODgsMS44OCwwLDAsMCwuNjQyLjEsMi41LDIuNSwwLDAsMCwuNDkyLS4wNDgsMS4yOTMsMS4yOTMsMCwwLDAsLjQyNi0uMTYyLjgxOC44MTgsMCwwLDAsLjI5NC0uMzEyLDEuMDMxLDEuMDMxLDAsMCwwLC4xMDgtLjUuODc1Ljg3NSwwLDAsMC0uNDU2LS43NDQsNS45LDUuOSwwLDAsMC0xLjIxMi0uNiw3LjUyOSw3LjUyOSwwLDAsMS0yLjA3Ni0xLjA5MiwyLjEsMi4xLDAsMCwxLS43Mi0xLjY5MiwyLjE5MywyLjE5MywwLDAsMSwuODQtMS43NjQsMy4xODEsMy4xODEsMCwwLDEsMi4xLS43LDMuNTQ5LDMuNTQ5LDAsMCwxLDEuOS41MTYsMi44NTcsMi44NTcsMCwwLDEsLjc0NC42NDgsNC4yMzksNC4yMzksMCwwLDEsLjU4OCwxLjAwOGwtMS43NjQuNTRhMi40NTcsMi40NTcsMCwwLDAtLjU0Ni0uODM0LDEuMjg2LDEuMjg2LDAsMCwwLS45My0uMzE4LDEuODc2LDEuODc2LDAsMCwwLS4zOS4wNDIsMS4yODYsMS4yODYsMCwwLDAtLjM2LjEzMi43LjcsMCwwLDAtLjM2Ni42NDIuNjEyLjYxMiwwLDAsMCwuMTE0LjM0OCwxLjEzOSwxLjEzOSwwLDAsMCwuMzkuMzI0LDguMSw4LjEsMCwwLDAsMS4zLjU3Niw2LjIzLDYuMjMsMCwwLDEsMS44MjQuOTcyQTIuMTY0LDIuMTY0LDAsMCwxLDM1LjUsNTMuOWEyLjUyNiwyLjUyNiwwLDAsMS0uODQsMi4wMjhBMy41ODYsMy41ODYsMCwwLDEsMzIuMzEyLDU2LjYyN1oiPjwvcGF0aD48cGF0aCBkPSJNMzguMzEyLDU2LjUwN2wtMi4zNjQtOC45MjhoMS45MDdsMS40NCw2LjAxMiwxLjUxMy02LjAxMmgxLjkybC0yLjM3Niw4LjkyOFoiPjwvcGF0aD48cGF0aCBkPSJNNTMuODQsMTcuNzNjLS4wMi0uMDItLjA0LS4wNS0uMDYtLjA3YS41LjUsMCwwLDAtLjA3LS4wOEwzOS40MiwzLjI5Yy0uMDItLjAyLS4wNS0uMDQtLjA3LS4wNnMtLjA2LS4wNS0uMDgtLjA3TDM5LjEyLDNIMTRhNCw0LDAsMCwwLTQsNFY1N2E0LDQsMCwwLDAsNCw0SDUwYTQsNCwwLDAsMCw0LTRWMTcuODhaTTUyLDU3YTIuMDA2LDIuMDA2LDAsMCwxLTIsMkgxNGEyLjAwNiwyLjAwNiwwLDAsMS0yLTJWNDEuNDZIMjUuNzNsMi43LDMuMDlhLjk4MS45ODEsMCwwLDAsLjc1LjM0SDUyWk0xNiwyOC4zNXYtMkg0OHYyWm0zMiwyLjR2MkgzMC4yOXYtMlptMC02Ljc5SDE2di0ySDQ4Wm0tMzItNC40di0ySDMzLjcxdjJabTI1LjcxLTIuMjdhMi4wMDYsMi4wMDYsMCwwLDEtMi0yVjYuNDFMNTAuNTksMTcuMjlaIj48L3BhdGg+PC9zdmc+");
		}
  .bundleFileIconExcel { 
				background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDQwMS4xMiA0NDAuMjYiIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgCiAgICAuZmlsMSB7ZmlsbDojMDAwMDAwO2ZpbGwtcnVsZTpub256ZXJvfQogICAgLmZpbDAge2ZpbGw6IzAwMDAwMDtmaWxsLXJ1bGU6bm9uemVyb30KICAgCiAgPC9zdHlsZT48L2RlZnM+PGc+PHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik04MS44IDE4MS4wMWwwIC0xNzIuNTRjMCwtNC42NyAzLjgsLTguNDcgOC40NywtOC40N2wyMTMuNjUgMGMyLjM0LDAgNC40NSwwLjk1IDUuOTksMi40OGw4OC43MyA4OC43M2MxLjY1LDEuNjUgMi40OCwzLjgyIDIuNDgsNS45OWwwIDMzNC41OWMwLDQuNjcgLTMuOCw4LjQ3IC04LjQ3LDguNDdsLTMwMi4zOCAwYy00LjY3LDAgLTguNDcsLTMuOCAtOC40NywtOC40N2wwIC03NS43MiAtNzMuMzMgMGMtNC42NywwIC04LjQ3LC0zLjggLTguNDcsLTguNDdsMCAtMTU4LjEzYzAsLTQuNjcgMy44LC04LjQ3IDguNDcsLTguNDdsNzMuMzMgMHptMjMwLjYgLTE1Mi4wOGwwLjE3IDY0LjUgNjQuMzMgMCAtNjQuNSAtNjQuNXptNzEuNzggODEuNDRsLTgwLjAyIDBjLTQuNjUsLTAuMDQgLTguNDMsLTMuODIgLTguNDMsLTguNDdsLTAuMjIgLTg0Ljk2IC0xOTYuNzggMCAwIDE2NC4wNyAxNzEuNTYgMGM0LjY3LDAgOC40NywzLjggOC40Nyw4LjQ3bDAgMTU4LjEzYzAsNC42NyAtMy44LDguNDcgLTguNDcsOC40N2wtMTcxLjU2IDAgMCA2Ny4yNSAyODUuNDQgMCAwIC0zMTIuOTV6bS0xMjIuMzYgODcuNThsLTI0NC44OCAwIDAgMTQxLjE5IDI0NC44OCAwIDAgLTE0MS4xOXoiPjwvcGF0aD48cG9seWdvbiBjbGFzcz0iZmlsMSIgcG9pbnRzPSI0MC41MSwzMDUuOTEgNjYuMywyNjYuOTQgNDIuOSwyMzEuMTYgNjAuNTQsMjMxLjE2IDc1LjI1LDI1My40MiA4OS45NiwyMzEuMTYgMTA3LjYzLDIzMS4xNiA4NC4xNywyNjYuOTUgMTA5LjkyLDMwNS45MSA5MS44LDMwNS45MSA3NS4yNCwyODAuNTkgNTguNjUsMzA1LjkxICI+PC9wb2x5Z29uPjxwb2x5Z29uIGNsYXNzPSJmaWwxIiBwb2ludHM9IjExOC4xMiwzMDUuOTEgMTE4LjEyLDIzMS43OSAxMzMuMjYsMjMxLjc5IDEzMy4yNiwyOTMuMjggMTcwLjczLDI5My4yOCAxNzAuNzMsMzA1LjkxICI+PC9wb2x5Z29uPjxwYXRoIGNsYXNzPSJmaWwxIiBkPSJNMTc3LjUgMjgxLjY5bDE0LjcyIC0xLjQ3YzAuODgsNC45NCAyLjY2LDguNTMgNS4zNiwxMC44NiAyLjcsMi4zMSA2LjMzLDMuNDUgMTAuOSwzLjQ1IDQuODQsMCA4LjUsLTEuMDIgMTAuOTUsLTMuMDcgMi40NiwtMi4wNiAzLjcsLTQuNDYgMy43LC03LjIxIDAsLTEuNzcgLTAuNTMsLTMuMjggLTEuNTUsLTQuNTMgLTEuMDQsLTEuMjIgLTIuODUsLTIuMzEgLTUuNDIsLTMuMjEgLTEuNzUsLTAuNjIgLTUuNzYsLTEuNzEgLTEyLjAyLC0zLjI4IC04LjA2LC0yLjAxIC0xMy43MiwtNC40OCAtMTYuOTcsLTcuNDIgLTQuNTcsLTQuMTIgLTYuODUsLTkuMTUgLTYuODUsLTE1LjA5IDAsLTMuODEgMS4wNywtNy4zOSAzLjIyLC0xMC43MiAyLjE1LC0zLjMyIDUuMjUsLTUuODUgOS4zLC03LjU5IDQuMDYsLTEuNzQgOC45NCwtMi42MSAxNC42OCwtMi42MSA5LjM0LDAgMTYuMzgsMi4wOCAyMS4xLDYuMjQgNC43Myw0LjE1IDcuMjEsOS42OSA3LjQ0LDE2LjYzbC0xNS4xNCAwLjUyYy0wLjY0LC0zLjg2IC0yLjAxLC02LjYyIC00LjEyLC04LjMxIC0yLjExLC0xLjcgLTUuMjcsLTIuNTQgLTkuNDgsLTIuNTQgLTQuMzUsMCAtNy43NiwwLjkgLTEwLjIxLDIuNzEgLTEuNTksMS4xNyAtMi4zOSwyLjcyIC0yLjM5LDQuNjYgMCwxLjc4IDAuNzUsMy4yOSAyLjI0LDQuNTQgMS45MSwxLjYyIDYuNTIsMy4yOSAxMy44NSw1LjAzIDcuMzEsMS43MyAxMi43MiwzLjU0IDE2LjIyLDUuMzcgMy41MiwxLjg3IDYuMjcsNC40IDguMjUsNy42MSAxLjk5LDMuMjIgMi45OCw3LjE5IDIuOTgsMTEuOTEgMCw0LjI3IC0xLjE4LDguMjkgLTMuNTgsMTIuMDMgLTIuMzgsMy43NCAtNS43Myw2LjUzIC0xMC4wOSw4LjM0IC00LjM1LDEuODIgLTkuNzcsMi43MyAtMTYuMjYsMi43MyAtOS40NSwwIC0xNi43LC0yLjE4IC0yMS43NywtNi41NCAtNS4wNiwtNC4zNSAtOC4wNiwtMTAuNyAtOS4wNiwtMTkuMDR6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");
		}


/* from css file karazapps/karaz/au/creationcompte/signup/model/signup/web/Signup.css  */
.vbox-signup-steptwo .ow-field-core>.ow-label.ow-label-side {
	margin-top: 15px;
    font-size: 12px;
    margin-left: 15px;
    font-family: var(--font-global);
    z-index: 1;
    top: -5px;
    opacity: 1;
    color: var(--form-button-hover-bg);
    line-height: 0.9rem;
    left: 1em;
}


.popupContact .ow-btn-container.float{
	    margin: 1px 0;
}



.ico_signup { 
	background-image: url(img/signup.png);
}

.iconsignup:before{
	font-family: FontAwesome !important;
  content: "\f090";
  padding: 5px;
  font-size: 22px;
  top: 7px;
  position: relative;
}
.Password{
	-webkit-text-security:disc;
}

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

/********************************** SIGN UP START ********************************/
.view-signup-background{
    background-color: var( --header1-fg);
  }

.box-signup-shadow{
    /* background-color: #FFFFFF;
    border-width: 1px;
    border: 1px solid;
    border-color: rgba(204, 204, 204, 1);
    box-shadow: 3px 3px 3px rgba(102, 102, 102, 0.349019607843137); */
    height: max-content;
}



.box-signup-shadow .ow-button > span{
    font-size: 16px;
}

.vbox-signup>.ow-vl-inner{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.vbox-signup-activation{
    margin-left: 13%;
    margin-right: 13%;
    margin-top:20px;
  }
  .div-signup-activation{
    margin-top: 90px;
    margin-bottom: 90px;
    text-align: center;
  }
  .signup-activation-note {
    font-family: 'Roboto';
    margin-top: 30px;
    margin-left: 13%;
    margin-right: 13%;
    font-size: 18px;
    font-weight: 400;
    color: #454545;
  }
/********************************** Review Start ********************************/
.vbox-signup-shadow-review{
    background-color: #FFFFFF;
    border-width: 1px;
    border:1px solid;
    margin-left: 8%;
    margin-right: 8%;
    margin-top: 30px;
    border-color: rgba(204, 204, 204, 1);
    box-shadow: 3px 3px 3px rgba(102, 102, 102, 0.349019607843137);
    height: max-content;
}
.vbox-signup-review-info{
    margin-left: 3.6%;
    margin-right: 3.6%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.signup-review-infos{
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 14px;
    font-display: "Roboto";
}
.signup-review-infos-title{
    font-size: 12px;
    color:#FF9900; 
}
.signup-review-infos-centent{
    font-size:14px;
    color: #454545;
}

.ow-field-core.signup-review-multipleastext{

    margin-right: 0px;

  }

  .signup-review-multipleastext .ow-field-input-select:before{
    content: none;
    padding-top: 0px;
    padding-left: 0px;
    
}

.signup-review-multipleastext .ow-field-input-side.multiple{
    padding-top: 0px;
    padding-left: 0px;
}
.signupSais .ow-field-input-side {
    padding: 5px;
    flex: auto;
    margin: 12px;
}
.custom-line-height>.ow-vl-inner{
    line-height: 14px;
}
.signup-review-multipleastext .ow-field-input-line{
    border:none !important;
}
.custom-line-height .ow-field-select-container.filledInput .ow-field-input{
    padding-top: 0px;
    padding-left: 0px;
}
.signup-review-multipleastext .ow-field-assistance{
    display: none !important;
}
/********************************** Review End ********************************/
  .rokhaslogo-signup-step1{
    background-image: url(../img/rokhasRectBlueArFr.svg);
    width: 550px;
    height: 105px;
    display: block;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
  }

  .vbox-msg-header-rokhaslogo{
    background-image: url(../img/rokhasRectWhiteFr.svg);
    width: 34px;
    display: block;
    background-size: 100%;
    margin: auto;
    background-repeat: no-repeat;
  }

  .view-signup-background input{
    background-color: #FFFFFF;
  }

  .Header-signup-logo{
    display: flex;
    justify-content: center;
	cursor: pointer;
  }

  .Header-signup-menu{
    margin-left: 14%;
    display: flex;
    color: var(--fg0);
    margin-top: 17px;
    margin-right: 7%;
    justify-content: space-around;
    font-size: 14px;
  }
  @media screen and (max-width: 900px) {

    .vertical-line-signup-step1 {
        display: none;
    }

    .Header-signup-menu{
        margin-left: unset;
      }
    .rokhaslogo-signup-step1 {
        background-image: url(../img/rokhasRectBlueArFr.svg);
        height: 105px;
        width: unset;
        display: block;
        background-size: 100%;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 50px;
        margin-bottom: 0px;
        background-repeat: no-repeat;
    }
    .vbox-signup-buttons-socialmedia{
        margin-top: 0px;
        justify-content: center;
        display: contents;
          }
    .vbox-signup-div-compte-existant{
        margin-top: 0px;
        justify-content: center;
        display: contents;
          }
          .div-signup-connecter{
            margin-top: 30px;
          }

    .input-signup-type-input-text-numero-telephone .ow-label-side{
        font-size: 15px;
    }

    .vbox-signup-steptwo-type-utilisateur {
        margin-right: 3.3% !important;
    }

  }
 
  button.ow-button.button-signup-step1-rokhas>span.ow-btn-label{
    margin-left: unset;
  }


  .vbox-signup-buttons-socialmedia{
        
        margin-top: 40px;
        display: none;
        justify-content: center;
  }
  .vbox-signup-buttons-socialmedia .ow-btn-container {
    width: 320px;
  }


/************** Rokhas *************/

  button.ow-button.button-signup-step1-rokhas{
    background-color: #38a;
    color: white;
    border: 2px solid transparent;
    border-radius: 6px;
    width: 100%;
    height: 50px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: auto;
    display: flex;
    margin-bottom: 10px;
  }

  button.ow-button.button-signup-step1-rokhas:hover{
    background-color: #3c8dad;
  }

  button.ow-button.button-signup-step1-rokhas>span.ow-btn-icon.ow-btn-icon-left.fab.fa-ello{
   
    margin-right: 20%;
    font-size: 35px;
    width: 0px;
    margin-top: -3px;
    margin-bottom: auto;
    transform: rotate(15deg);
      }

  button.ow-button.button-signup-step1-rokhas>span.ow-btn-label{
    font-size: 18px;
    margin-left: 3%;
    margin-top: 7px;
    font-family: var(--font-global);
  }


  
/************** Google *************/

button.ow-button.button-signup-step1-google{
    background-color: #dd4b39;
    color: white;
    border: 2px solid transparent;
    border-radius: 6px;
    width: 100%;
    height: 50px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: auto;
    display: flex;
    margin-bottom: 15px;
  }

  button.ow-button.button-signup-step1-google:hover{
    background-color: #db5c4b;
  }

  button.ow-button.button-signup-step1-google>span.ow-btn-icon.ow-btn-icon-left.fab.fa-google{
   
margin-right: 20%;
   
font-size: 35px;
   
width: 0px;
   
margin-top: auto;
   
margin-bottom: auto;
  }

  button.ow-button.button-signup-step1-google>span.ow-btn-label{
    font-size: 20px;
    margin-left: 3%;
    margin-top: 7px;
    font-family: var(--font-global);
  }

  /************** LinkedIn *************/

  button.ow-button.button-signup-step1-linkedin{
    background-color: #4875B4;
    color: white;
    border: 2px solid transparent;
    border-radius: 6px;
    width: 100%;
    height: 50px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: auto;
    display: flex;
    margin-bottom: 15px;
  }

  button.ow-button.button-signup-step1-linkedin:hover{
    background-color: #4f7ab6;
  }

  button.ow-button.button-signup-step1-linkedin>span.ow-btn-icon.ow-btn-icon-left.fab.fa-linkedin{
   
        margin-right: 20%;
        font-size: 35px;
        width: 0px;
        margin-top: auto;
        margin-bottom: auto;
  }

  button.ow-button.button-signup-step1-linkedin>span.ow-btn-label{
    font-size: 20px;
    margin-left: 3%;
    margin-top: 7px;
    font-family: var(--font-global);
  }
  
  .hr-signup-horizontal-line-ou{
    margin: 0px;
    height: 1px;
    width: 47%;
    border: none;
    background-color: #e3e4e5;
    flex: 1;
  }

  .span-signup-ou{
  color: #687075;
  font-size: 23px;
  font-family: var(--font-global);
  }

  .div-signup-ou{
    display: flex;
    align-items:center;
  }

  .div-signup-sinscrire{

margin-bottom: 30px;

text-align: center;

font-family: var(--font-global);

font-size: 30px;

font-weight: 100;

color: #000000;

margin-right: 1%;
}

.div-signup-connecter{

    margin-bottom: 16px;
    text-align: left;
    font-family: var(--font-global);
    font-size: 22px;
    font-weight: 100;
    color: #666666;
    margin-left: 6px;
    
    }

    .div-signup-footer{
        margin-top: 72px;
        font-family: var(--font-global);
        font-size: 12px;
        font-weight: 100;
        color: #666666;
        margin-left: 6px;
        }

.div-signup-footer-error{
    margin-top: 15px;
    text-align: center;
    color: #ca4141;
    border: 1px solid #ca4141;
    background: white;
    font-size: 14px;
    border-radius: 5px;
    display: none;
}
.div-signup-footer-success{
    margin-top: 15px;
    text-align: center;
    color: #65bd6b;
    border: 1px solid #65bd6b;
    background: white;
    font-size: 14px;
    border-radius: 5px;
    display: none;
}
.div-signup-footer-error-close{
    float: right;
    margin-right: 4px;
    cursor: pointer;
}
.div-signup-footer-error-close:hover{
    color: #666666;
}

.vbox-signup-div-compte-existant{
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.vbox-signup-connect{
    width: 320px;
}

/*********************field connexion***************************/

.ow-field-core.input-signup-connect{
    margin-left: 0px;
    margin-right: 0px;
  }

.input-signup-type-input-text-arabe .input-signup-connect{
    margin-left: 1px;
    margin-right: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
  }
.input-signup-connect .ow-field-input-line{
    border-radius: 11px !important;
    height: 50px;
    background-color: #F9FAFB;
    
}


.input-signup-connect>.ow-label-side{
    top: 1.5em;
}

.input-signup-connect .ow-field-input-wrapper{
    margin-left: 1px;
    margin-right: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
  }
.filledInput .input-signup-connect .ow-label.ow-label-side{
    margin-top: 12px;
    font-size: 12px;
       margin-left: 15px !important;
    font-family: var(--font-global);
}

.focusedInput .input-signup-connect .ow-label.ow-label-side{
    margin-top: 12px;
    font-size: 12px;
     margin-left: 15px !important;
    font-family: var(--font-global);
}

.input-signup-connect input.ow-field-input{
    margin-top: 8px;
    font-size: 18px;
    color: #000;
    background-color: white ;
    height: 80%;
    font-family: var(--font-global);
}
.input-signup-connect input.ow-field-input:-webkit-autofill{
    
    background-color: white ;
   
}
.input-signup-connect input.ow-field-input:-webkit-autofill:focus{
    background-color: white ;
}


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

.div-signup-connect-utilisateur{
    
    font-size: 17px;
    font-weight: 100;
    color: #38a;
    margin-left: 18px;
    margin-top: 10px;
    margin-bottom: -15px;
    font-family: var(--font-global);
}

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

.vbox-signup-step1-connexion{
    float: right;
    margin-top: 20px;
    margin-right: 2px;
}

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

button.ow-button.button-signup-step1-connexion{
    background-color: #38a;
    color: white;
    border: 2px solid transparent;
    border-radius: 6px;
    width: 100%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: auto;
    display: flex;
    margin-bottom: 10px;
  }

  button.ow-button.button-signup-step1-connexion:hover{
    background-color: #3c8dad;
  }

  button.ow-button.button-signup-step1-connexion>span.ow-btn-label{
    font-size: 20px;
    margin: auto;
    font-family: var(--font-global);
  }

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



  /***************************************** START : STEP TWO *******************************/

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

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

  .rokhaslogo-signup-step2-3{
    background-image: url(../img/rokhasRectBlueFr.svg);
    width: 220px;
    height: 60px;
    display: block;
    background-size: 100%;
    margin-left: 3.3%;
    margin-top: 30px;
    background-repeat: no-repeat;
  }

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

  .header-create-account-title{
    font-family: 'Roboto';
    padding-top: 25px;
    font-weight: 100;
    margin-right: 3.6%;
  }

  .header-create-account-title1{
        font-size: 22px;
    color: #0369A1;
    font-weight: bold;
    font-family: inherit;
    font-style: normal;
  }

  .header-create-account-title2{
    font-size:12px;
    color:#FF9900;
  }
  .header-create-account-horizontal-line{
    margin: 0px;
    height: 1px;
    border: none;
    background-color: #e3e4e5;
    flex: 1;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 3.6%;
    margin-right: 3.6%;
}
.header-create-account-info{
    font-family: 'Roboto';
    margin-left: 3.6%;
    margin-right: 3.6%;
    float: right;
}
.create-account-consigne {
    font-family: 'Roboto';
    margin-top: 20px;
    margin-left: 1%;
    /* margin-right: 3.6%; */
    align-content: normal;
    text-align: justify;
}

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

  .div-signup-step2-3-steps{
    margin-top: 30px;
    font-family: var(--font-global);
    margin-right: 5%;
    margin-left: 5%;
  }

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

  .vbox-signup-steptwo-type-utilisateur{
        margin-left: 2%;
    margin-right: 6%;
    margin-top: 20px;
  }


 /****************FIELD SELECT AND REFERENCE FR*********************/

  .ow-field-core.select-signup-type-select{
    margin-left: 0px;
    margin-right: 0px;
  }
  .select-signup-type-select>.ow-label-side{
    top: 0.5em;
  }
  .select-signup-type-select .input-signup-connect{
    margin-left: 1px;
    margin-right: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
  }
  .select-signup-type-select .ow-field-input-line  {
   
    border-radius: 11px !important;
    height: 50px;
    background-color: #F9FAFB;
  }
  
.labelAlign-float .ow-field-input-line{
	border-bottom: none !important;
    border: none !important;
}
.select-signup-type-select .ow-field-input .ow-field-input-select .ow-field-input-select{
	    margin-top: 14px !important;
    font-size: 14.5px !important;
}
  .select-signup-type-select .ow-label.ow-label-side{
    margin-top: 14px;
    font-size: 14.5px;
    font-family: var(--font-global);
  }
  

  .ow-field-container.ow-field-select-container.filledInput .select-signup-type-select .ow-label.ow-label-side{
    margin-top: 15px;
    font-size: 12px;
        margin-left: 15px;
    font-family: var(--font-global);
  }

  
.select-signup-type-select .ow-label.ow-label-side{
    margin-top: 8px;
    font-size: 18px;
    font-family: var(--font-global);
  }

  .ow-field-container.ow-field-reference-container.filledInput .select-signup-type-select .ow-label.ow-label-side{
    margin-top: 15px;
    font-size: 12px;
    margin-left: 15px !important;
    font-family: var(--font-global);
  }

  .select-signup-type-select-indecatif .ow-label.ow-label-side{
    font-size: 14px ;
  }

  


/*   .select-signup-type-select .ow-field-input.ow-field-input-select.ow-field-input-select:after { */
/*     font-family: FontAwesome !important; */
/*     font-size: 1.2rem; */
/*     line-height: 33px; */
/*     content: "\f078"; */
/*     float: right; */
/*     transform: translateY(-8px); */
/*     color: #38a; */
/* } */

.select-signup-type-select .ow-field-input.ow-field-input-select.ow-field-input-select{
    margin-top: 14px;
    font-size: 14.5px;
    color: #000;
    font-family: var(--font-global);
}

.select-signup-type-select .ow-option{
    font-size: 19px;
    min-height: 0px;
    font-family: var(--font-global);
}

/*************************************/
/* 
.vbox-signup-steptwo-three-vbox{
    margin-left: 3.3%;
    margin-right: 3.3%;
} */

/***************custom required**********************/
.customrequired .ow-label.ow-label-side:after {
    content: "*";
    color: red;
    margin: 2px;
    font-size: 1em;
    font-weight: bold;
    line-height: 1rem;
}
.customrequired-arabe .ow-label.ow-label-side:before{
    content: "*";
    color: red;
    margin: 2px;
    font-size: 1em;
    font-weight: bold;
    line-height: 1rem;

}

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

/***************custom required**********************/
.customHelp .ow-field-input-side .ow-field-help-message{
    background: #38A;
    padding: 5px 5px;
    margin-left: 4px;
    margin-right: 4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.customHelp .ow-field-bag-help{
    border: unset;
    line-height: unset;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    background: #38A;
    color: white;
    width: 16px;
    padding-left: 5px;
}

/***************custom required**********************/
/****************FIELD TEXT FR*********************/

.ow-field-core.input-signup-type-input-text{
    margin-left: 0px;
    margin-right: 0px;
  }

  .input-signup-type-input-text>.ow-label-side{
    top: 0.5em;
  }
.input-signup-type-input-text .ow-field-input-wrapper{
    margin-left: 1px;
    margin-right: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
  }
.input-signup-type-input-text .ow-field-input-line{
    
    border-radius: 11px !important;
    height: 50px;
    background-color: #F9FAFB;
     
}


.input-signup-type-input-text .ow-label.ow-label-side{
    margin-top: 8px;
    font-size: 18px;
    font-family: var(--font-global);
}

.filledInput .input-signup-type-input-text .ow-label.ow-label-side{
    margin-top: 15px;
    font-size: 12px;
    margin-left: 3px;
    font-family: var(--font-global);
}

.focusedInput .input-signup-type-input-text .ow-label.ow-label-side{
    margin-top: 15px;
    font-size: 12px;
    margin-left: 15px !important;
    font-family: var(--font-global);
}

.input-signup-type-input-text input.ow-field-input{
    margin-top: 14px;
    font-size: 14.5px;
    color: #000;
    height: 80%;
    font-family: var(--font-global);
}

.input-signup-steptwo-confirm-password .ow-label.ow-label-side{
    font-size: 16px;
  }
/**************** civilite arabe ***********************/


.ow-field-core.select-signup-type-select-arabe-civilite{
    margin-left: 0px;
    margin-right: 0px;
  }

  .select-signup-type-select-arabe-civilite>.ow-label-side{
    top: 0.5em;
  }
.select-signup-type-select-arabe-civilite .ow-field-input-wrapper{
    margin-left: 1px;
    margin-right: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
  }

  .select-signup-type-select-arabe-civilite .ow-field-input-line  {
    
    border-radius: 11px !important;
    height: 50px;
    background-color: #F9FAFB;
  }


  .ow-field-container.ow-field-select-container .select-signup-type-select-arabe-civilite .ow-label.ow-label-side{
    margin-top: 13px;
    font-size: 18px;
    font-family: var(--font-global);
  }

  .ow-field-container.ow-field-select-container.filledInput .select-signup-type-select-arabe-civilite .ow-label.ow-label-side{
    margin-top: 15px;
    font-size: 11px;
    
    font-family: var(--font-global);
  }



.select-signup-type-select-arabe-civilite .ow-label.ow-label-side{
    left: unset!important;
    padding-right: 1.2em!important;
    text-align: right !important;
    right: 0px !important;
    margin-top: 8px;
    font-size: 18px;
    font-family: var(--font-global);
}
.select-signup-type-select-arabe-civilite .ow-field-input.ow-field-input-select.ow-field-input-select:after {
    font-family: FontAwesome !important;
    font-size: 1.2rem;
    line-height: 33px;
    content: "\f078";
    float: left;
    transform: translateY(-8px);
    color: #38a;
}

  .select-signup-type-select-arabe-civilite .ow-field-input.ow-field-input-select.ow-field-input-select:before {
   display: none;
}

.select-signup-type-select-arabe-civilite .ow-field-input.ow-field-input-select.ow-field-input-select{
    margin-top: 14px;
    font-size: 14.5px;
    color: #000;
    text-align: right;
    font-family: var(--font-global);
}

.select-signup-type-select-arabe-civilite .ow-option{
    font-size: 19px;
    min-height: 25px;
    font-family: var(--font-global);
}

.select-signup-type-select-arabe-civilite .ow-option-label{
    float:right;
}

/****************FIELD TEXT AR*********************/

.ow-field-core.input-signup-type-input-text-arabe{
    margin-left: 0px;
    margin-right: 0px;
  }

  .input-signup-type-input-text-arabe>.ow-label-side{
    top: 0.5em;
  }
  .input-signup-type-input-text-arabe .ow-field-input-wrapper{
    margin-left: 1px;
    margin-right: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
  }
.input-signup-type-input-text-arabe .ow-field-input-line{
    
    border-radius: 11px !important;
    height: 50px;
    background-color: #F9FAFB;
}

.input-signup-type-input-text-arabe .ow-field-input-side{
    direction: rtl;
}
.input-signup-type-input-text-arabe input.ow-field-input{
    margin-top: 14px;
    font-size: 14.5px;
    color: #000;
    height: 80%;
    font-family: var(--font-global);
}


.filledInput .input-signup-type-input-text-arabe .ow-label.ow-label-side{
    margin-top: 15px;
    font-size: 12px;
    margin-left: 3px;
    font-family: var(--font-global);
}

.focusedInput .input-signup-type-input-text-arabe .ow-label.ow-label-side{
    margin-top: 15px;
    font-size: 12px;
    margin-left: 3px;
    font-family: var(--font-global);
}

.input-signup-type-input-text-arabe .ow-label.ow-label-side{
    left: unset!important;
    padding-right: 1em!important;
    text-align: right !important;
    right: 0px !important;
    margin-top: 8px;
    font-size: 18px;
    font-family: var(--font-global);
}




/****************FIELD End *********************/
.input-signup-type-input-text-user-name .ow-field-input{
    width: 65% !important;
}

.input-signup-type-input-text-user-name .ow-field-input-wrapper:after{
    content: "@rokhas.ma";
    line-height: 1rem;
    float: right;
    font-size: 16px;
    color: #000;
    margin-top: 18px;
    font-family: var(--font-global);
}

.vbox-signup-buttons-next-return .ow-gbox {
    display: grid !important;
}

.vbox-signup-steptwo-cellphone-number .ow-gbox {
    display: grid !important;
}
button.ow-button.button-signup-step2-3-annuler{
    background-color: var(--button-white);
    color: #666666;
    border: 1px solid var(--button-gray1-border);
    border-radius: 6px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    outline: none;
    float: right;
    margin-right: 4px;
  }

  button.ow-button.button-signup-header{
    background-color: var( --header1-fg);
    color: var(--edit-button);
    border: 1px solid var(--edit-button);
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    outline: none;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }

  button.ow-button.button-signup-header-cliked{
    background-color: var(--edit-button);
    color: var(--button-white);
    border: 1px solid var(--edit-button);
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    outline: none;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .button-left{
      float: right;
  }
  .vbox-button-signup-header .ow-btn-container{
    margin-right: 3px;
    margin-left: 3px;
    margin-top: 4px;
  }

.vbox-button-signup-header>.ow-gbox{
    display: grid !important;
}
  button.ow-button.button-signup-header>span.ow-btn-label{
    font-size: 14px;
    margin: auto;
    font-family: var(--font-global);
  }

  button.ow-button.button-signup-header:hover{
    background-color: var(--button-white);
  }

  button.ow-button.button-signup-step2-3-annuler:hover{
    background-color: var(--button-gray1-bg);
    color:#333;
  }

  button.ow-button.button-signup-step2-3-annuler>span.ow-btn-label{
    font-size: 16px;
    margin: auto;
    font-family: var(--font-global);
  }



  button.ow-button.button-signup-step2-3-suivant{
      background-color: #0369A1;
      color: white;
      border: 2px solid transparent;
      border-radius: 6px;
      flex-direction: row-reverse;
      height: 40px;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      display: flex;
      margin-top: auto;
      margin-bottom: auto;
      float: left;
      margin-left:4px;
      outline: none;
  }

  button.ow-button.button-signup-step2-3-suivant:hover{
    background-color: #3c8dad;
  }

  button.ow-button.button-signup-step2-3-suivant>span.ow-btn-label{
    font-size: 16px;
    margin: auto;
    font-family: var(--font-global);
  }

  button.ow-button.button-signup-step2-3-suivant-griser{
    background-color: #999999;
    color: #ffffff;
    border: 2px solid transparent;
    border-radius: 6px;
    flex-direction: row-reverse;
    height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
    display: flex;
    float: left;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 4px;
}


button.ow-button.button-signup-step2-3-suivant-griser>span.ow-btn-label{
  font-size: 16px;
  margin: auto;
  font-family: var(--font-global);
}

  .vbox-signup-buttons-next-return{
    margin-left: 3.3%;
    margin-right: 4.28%;
    margin-top: 20px;
    margin-bottom: 40px;
  }
/*   .vbox-signup-buttons-next-return button.ow-button{
    width: 120px;
  } */

  .vbox-signup-steptwo-captcha{
        margin-left: 18.2%;
    margin-top: 6%;
  }



.vbox-signup-steptwo-captcha .ow-vl-inner{
    justify-content: center;
    display: flex;
}
button.ow-button.button-signup-show-password{
    background-color: #FFFFFF;
    color: #38a;
    cursor: pointer;
    width: 34px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    outline:none; 
  }

  .signup-show-password .ow-gbox {
    display: grid !important;
}
  button.ow-button.button-signup-show-password:hover{
 
    background-color: #FFFFFF;
    color: #008080;
  }

  button.ow-button.button-signup-show-password>span.ow-btn-icon.ow-btn-icon-left.far.fa-eye{
    font-size: 20px;
      }


  
button.ow-button.button-signup-hide-password{
    background-color: #FFFFFF;
    color: #38a;
    cursor: pointer;
    width: 34px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    outline:none; 
  }

  button.ow-button.button-signup-hide-password:hover{
 
    background-color: #FFFFFF;
    color: 	#008080;
  }

  button.ow-button.button-signup-hide-password>span.ow-btn-icon.ow-btn-icon-left.far.fa-eye-slash{     
    font-size: 20px;
  }

/***************************************** END : STEP TWO *******************************/

/***************************************** START : STEP THREE *******************************/

/***************************************** END : STEP THREE *******************************/
.vbox-signup-stepthree{
    margin-top: 20px;
    margin-left: 13%;
    margin-right: 13%;
  }


  .vbox-signup-stepthree-fulldescription{
    margin-top: 40px;
    margin-left: 3.3%;
    margin-right: 3.3%;
  }
  .ecran .ow-vl-popup .ow-vl-outer{
background: #FFFFFF !important;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 4%), 0px 8px 16px rgb(0 0 0 / 8%) !important;
    border-radius: 12px !important;
    border: none !important;
    position: fixed !important;
  }
  .divE .ow-field-input-line{
     width: 294px;
    height: 50px;
    /* border-radius: 8px; */
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA !important;
    border-radius: 8px !important;
  }
 
  .ecran .ow-popupHeader{
        background: none !important;
    border: none !important;
    }
    .confirm-button{
  flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 20px 17px;
    gap: 10px;
    width: 65px;
    height: 50px !important;
    background: #0369A1 !important;
    border-radius: 8px !important;
    }
    .confirm-button:hover{
     background-color: #FFF;
    border-color: #1A74AD;
    COLOR: #1A74AD;
    }

    .divE{
    display: flex;
    }
    .ecran .ow-popupHeader .popup-title{
         color: #075985 !important;
    /* font-weight: bold; */
    font-weight: 700;
    margin-top: revert;
    text-align: left;
    font-size: 22px;
    text-transform: initial !important;
        margin-left: 74px !important;

    }
   .ecran .float .ow-vl-outer .ow-vl-inner{
        margin-left: 58px;
    margin-top: 30px;
    }
   .ecran .ow-btn-container .confirm-button{
    display: block !important;
    height: 40px;
    background: #075985;
    color: white;
    }
    .ecran .filledInput .input-signup-type-input-text .ow-label.ow-label-side {
    margin-left :14px !important
    }
    .ecran .ow-popup-close{
    display:none;
    }
    .ecran{
    height:100%;
    width:100%;
    background: #075985;
    }
   .ecran .renvoiButton{
    background : none !important; 
    border: none !important;
    color: #6B7280 !important; 
    font-size: 14px !important; 
    text-align: right;
    margin-left: 44px !important; 
    margin-top: 0 !important;
    display: block !important;
    }
    
      
    .ecran .float .ow-button{
    display:none;
    }
     .ecran .popup .contentText{
        color: 	#808080;
        margin-top: revert;
                text-align: justify;
    }
    .ecran .open-popup{
          visibility: visible;
          top:50%;
          transform: translate(-50%, -50%) scale(1);

    }
.vbox-signup-stepthree-two-vbox {
    margin-left: 3.3%;
    margin-right: 3.3%;
}



/*****************************************Read Only Field***********************************/

.input-signup-type-input-readonly .ow-field-input-line{
    height: 50px;
    border: none;
}

.input-signup-type-input-readonly input.ow-field-input{
    font-size: 17px;
    color: #38a;
    font-weight: 700;
    text-align: center;
    font-family: var(--font-global);
}





.input-radio-signup-stringToggler .ow-label-side{
    margin-top: 17px;
    font-size: 17px !important;
    color: #999999;
    margin-left: 4%;
    font-family: var(--font-global);
}
.input-radio-signup-stringToggler .ow-field-input-side {
    padding-bottom: 0px;
    padding-top: 12px;
}
.input-radio-signup-stringToggler .ow-field-input-toggler{
    justify-content: space-around;
}

.select-signup-type-select-indecatif .ow-field-input-side  {
    padding-right: 0px;
}

.select-signup-type-select-indecatif .ow-field-input-line{
    border-top-right-radius: 0px;
    border-right: none;
    border-bottom-right-radius: 0px;
}


.input-signup-type-input-text-numero-telephone .ow-field-input-side  {
    padding-left: 0px;
}

.input-signup-type-input-text-numero-telephone .ow-field-input-line  {
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.input-signup-type-input-text-numero-telephone .ow-field-input-line :before {
    content: "|";
    color: #38a;
    font-size: 2.5em;
    /*float: left;*/
    margin-top: 4px;
    
}


.vbox-signup-stepthree-one-vbox{
    margin-left: 25%;
    margin-right: 25%;
  }

.button-signup-charger-signature .ow-button.ow-fileUpload.upload{
    background-color: white;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    color: red;
    font-weight: bold;
    outline: none;
    text-align: left;
    

}

.button-signup-charger-signature .ow-button.ow-fileUpload.upload:hover{
    background-color:#38a;
    color: red;
    font-weight: bold;

}

.button-signup-charger-signature .ow-button.ow-fileUpload.upload:before{
    color: #678;
    opacity: 0.75;
    content:"Scan de la signature";
    font-size: 16px;
    font-weight: normal;

}


.button-signup-charger-signature .ow-button.ow-fileUpload.upload>span:After{
    color: #678;
    opacity: 0.75;
    font-size: 12px;
    font-weight: normal;
    content:" (largeur : 310px - hauteur :160px) ";
}
.button-signup-charger-signature .ow-button.ow-fileUpload.upload:After{
    color: #333;
    font-weight: bold;
    font-size: 24px;
    content:"∙∙∙";
}

.button-signup-charger-signature .ow-button.ow-fileUpload.upload:hover:before{
    color: white;
    opacity: 1;
}


.button-signup-charger-signature .ow-button.ow-fileUpload.upload:hover >span:After{
    color: white;
}




.button-signup-charger-signature .ow-button.ow-fileUpload.upload>span{
    font-size: 16px;

}

.button-signup-charger-signature .ow-field-input-line{
    height: 40px;
    border-bottom: unset !important;
}

.button-signup-charger-signature.ow-field-core {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 17px;
}

.button-signup-charger-signature .ow-field-input-side{
    border: 2px solid #38a !important;
    border-radius: 5px;
    height: 44px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.vbox-signup-stepthree-button-charger-signature{
    margin-bottom: 10px;
    margin-top: 15px;
}

/******************************************************/
.div-signup-stepthree-type-compte-facture{
    margin-top: 17px;
    font-size: 17.5px;
    color: #000000;
    margin-left: 3.3%;
    font-family: var(--font-global);
    display: flex;
}

.vbox-signup-stepthree-type-compte-facture-toggler .ow-vl-inner{
    float: left;
    margin-left: -4.7%;
    margin-bottom: -2%;
    width: 130%;
}


.input-radio-signup-stepthree-type-compte-facture-toggler .ow-field-input.ow-field-input-toggler>div label{
    font-size: 17.5px;
    font-family: var(--font-global);
    color: #000000;
}

.input-radio-signup-stepthree-type-compte-facture-toggler .ow-field-input.ow-field-input-toggler>div>input{
    top: 2px;
    height: 20px;
    width: 20px;
}

.input-radio-signup-stepthree-type-compte-facture-toggler .ow-field-input-toggler > div {
    margin-right: 15%;
}

.fieldset-signup-step33-procedure{
    margin-left: 7.5%;
    margin-right: 7.5%;
    box-shadow: none;
    border: 1px solid #38a;
    background-color: unset;
}

.fieldset-signup-step33-procedure > .ow-pl-toolbar{
    border-bottom: #38a 1px solid;
}

.vbox-signup-step4-lastvbox{
    margin-top: 100px;
    margin-bottom: 200px;

}

.div-signup-step4-lastdivs{
    text-align: center;
    font-family: var(--font-global);
    font-weight: 700;
    font-size: 16px;
    color: #454545;
}

.div-signup-step4-lastdivs-margintop{
    margin-top: 30px;
    
}

.referenceAslist .ow-field-bag.ow-field-bag-trailing.ow-field-bag-remove {
    height: 22px;
    margin-top: 11px;
    line-height: 71%;
    border: unset;
    margin-right: 2px;
    color: #38a;
    font-weight: bold;
    font-size: 24px;
    background: transparent;
}
.select-signup-type-select .ow-field-input.ow-field-input-select.ow-field-input-select:before {
    font-family: FontAwesome !important;
    font-size: 1.2rem;
    line-height: 33px;
    content: "\f078";
    float: right;
    transform: translateY(-8px);
    color: #38a;
}
#hiddenObjectList{
	display:none;
}

/*******************************************/
/********************************** SIGN UP END *********************************/



.parentFilledInput>div{
	/* z-index: 1; */
    top: -5px;
    opacity: 1;
    font-size: 0.9em;
    color: var(--form-button-hover-bg);
    line-height: 0.9rem;
    left: 1em;
}/* 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/karaz/ux/hub/portailsearch/model/portailsearch/web/DashboardSearch.css  */

.div-det-acc > .ow-vbox > .ow-vl-inner{
    height: calc(100% - 19.5px);
}

.classSearch-3 .upload{
	display:none;
}


.e-sign-div button{
    float: right;
    color: #eee;
    background: #38A;
    margin-top: 9px;
}

.hp-li-margin{
    margin: 10px 1rem !important;
}

.vbox-danger-msg{
    width: 90%;
    margin: auto;
}

.vbox-danger-msg i{
    color: rgb(255, 153, 0);
    font-size: 44px;
    padding-top: 5px;
}

.radar-div{
    padding-top: 15px;
}

.legend-region .lg{
    display: grid;
    grid-template-columns: 33% 34% 33%;
    font-size: 12px;
    padding-top: 32%;
    width: 92%;
    margin: auto;
}
.legend-region .lg div{
    display: grid;
    grid-template-columns: 16% 84%;
    margin-top: 6px;
}

.legend-region .lg div hr{
    height: 2px;
    width: 83%;
    background: red;
    border: none;
    margin-top: 9px;
}

.ranking-fieldset select{
    display: block;
    margin-top: 19px;
    margin-left: 1em;
    margin-right: 1em;
    width: 86%;
    height: 25PX;
    border: none;
    border-bottom: 1px solid;
    outline: none;
    cursor: pointer;
    font-size: 14.5px;
}

.calcul-index{
    text-align: justify !important;
    padding: 45px 60px !important;
    margin: auto !important;
    color: #666 !important;
}

.div-1-top10 span{
    padding: 2px 10px;
    text-align: right;
    display: block;
    margin: 2px;
    font-size: 13px;
    height: 27px;
}

.div-2-top10 div{
    height: 100%;
    width: 10px;
    background: #666;
}

.div-3-top10 div{
    height: 25px;
    padding: 2px 10px;
    background: #eee;
    border: 1px solid #666;
    width: 50%;
    margin: 2px;
    display: inline-block;
}

.div-3-top10 .nbr-div{
    margin-left: 3px;
    font-size: 14px;
}

.hidden{
    display: none;
}

.div-3-top10 div span{
    background: #666;
    color: #eee;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 21px;
}

.div-bar-1{
    text-align: center;
    font-size: 12px;
    display: grid;
    grid-template-columns: 33% 34% 33%;
    width: 65%;
    margin: auto;
}


.div-bar-1 .bar{
    position: relative;
    height: 200px;
    margin: auto;
    width: 100%;
}


.div-bar-1 .bar div.bottom-div{
    width: 95%;
    margin: auto;
    left: 2.5%;
}

.div-bar-1 .bar1 div.bottom-div{
    position: absolute;
    bottom: 0;
}

.div-bar-1 .bar2 div.bottom-div{
    position: absolute;
    bottom: 0;
}

.div-bar-1 .bar3 div.bottom-div{
    position: absolute;
    bottom: 0;
}

.div-bar-1 .bar .bottom-div div:not(.cm){
    background: #eee;
    border: 1px solid;
}

.div-bar-1 .bar .bottom-div span{
    font-size: 15px;
    margin-top: 8px;
    display: block;
}

.div-bar-2{
    width: 70%;
    height: 12px;
    background: #666;
    margin: auto;
    margin-top: 4px;
    margin-bottom: 15px;
}

.blue-icon{
    color: #38A;
}

#ranking-table{
    margin: auto;
    width: 95%;
    text-align: center;
    margin-top: 33px;
}

#ranking-table td{
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    padding: 9px 5px;
    width: 88px;
}

#ranking-table td.sp-td{
    border: 1px solid #ddd;
    color: #666;
    background: #eee;
}

#ranking-table i.fa-sort-up,#ranking-table i.fa-sort-down{
    vertical-align: top;
    cursor: pointer;
}

#ranking-table i.fa-sort-up{
    display: none;
    vertical-align: bottom;
}


#ranking-table2{
    margin: auto;
    width: 95%;
    text-align: center;
}

#ranking-table2 td{
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    padding: 9px 5px;
    width: 80px;
}

#ranking-table2 td.sp-td{
    border: 1px solid #ddd;
    color: #666;
    background: #eee;
}

#ranking-table2 i.fa-sort-up,#ranking-table i.fa-sort-down{
    vertical-align: top;
    cursor: pointer;
}

#ranking-table2 i.fa-sort-up{
    display: none;
    vertical-align: bottom;
}

.ranking-fieldset{
    text-align: left !important;
}

.ranking-fieldset .ow-btn-container{
    display: inherit;
    height: 36px;
    margin-top: 12px;
    text-align: left;
    width: auto;
}

.ranking-fieldset .ow-btn-container button{
    border: 1.5px solid #666;
    color: #666;
}

.consultation-video {
    padding: 18px;
    border: 1px solid rgb(238, 238, 238);
}

.button-visual-down:hover{
    border: 1px solid #eee;
    border-radius: 2px;
    background: #eee;
    font-size: 15px;
    padding: 4px 10px;
    color: #38A;
}

.button-visual-down{
    border: 1px solid #38A;
    border-radius: 2px;
    background: #38A;
    font-size: 15px;
    padding: 4px 10px;
    color: #EEE;
}

.vue-video-frame{
    text-align: center
}

.attachement-vue-glo {
    display: grid;
    grid-template-columns: 90% 10%;
}

.attachement-vue-img {
    display: grid;
    grid-template-columns: 90% 10%;
}

.attachement-vue-glo .ow-field-fileUpload-container .ow-field-input-side{
    display: none;
}

.attachement-vue-img .ow-field-fileUpload-container .ow-field-input-side{
    display: none;
}

.attachement-vue-glo .att-icons{
    padding-top: 35%;
}

.attachement-vue-glo .att-icons i{
    cursor: pointer;
}
.attachement-vue-glo .att-icons .fa-link{
    display: none;
}

.attachement-vue-img .att-icons{
    padding-top: 35%;
}

.attachement-vue-img .att-icons i{
    cursor: pointer;
}
.attachement-vue-img .att-icons .fa-link{
    display: none;
}

.search-video .full-search-list-item .item-body p {
    font-size: 0.965vw;
    text-align: left;
    width: 95%;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 45%;
}

.search-video .full-search-list{
    margin-bottom: 35px;
    height: 780px;
}

.search-article .full-search-list{
    height: 1230px;
}

.search-video .full-search-list-item {
    grid-template-columns: 0% 40% 55%;
    grid-column-gap: 15px;
}

.search-video .full-search-list-item img{
    height: 100%;
    width: 100%;
}

.search-video .full-search-list-item .docthumbnail img{
    width: auto;
    height: auto;
}

.next-prev{
    margin-top: 25px;
    display: grid;
    grid-template-columns: 50% 50%;
}

.next-prev .prev-video{
    text-align: left;
}

.next-prev .next-video{
    text-align: right;
}

.next-prev .active-video{
    color: #38a;
    cursor: pointer;
}

/*res*/
.faq-fieldset-det .pagination-new-style{
    text-align: center;
}

.faq-fieldset-det .searchGif2{
    text-align: center;
}


.faq-fieldset .full-search-list .full-search-list-item .para-faq p{
    font-size: 14px;
    text-align: left;   
}

.faq-fieldset-det .full-search-list .full-search-list-item .para-faq p{
    font-size: 14px;
    text-align: left;   
}

.text-align-left{
    text-align: left;
}

.qst-faq{
    padding: 1.25rem 40px !important;
}

.qst-faq .vpanel-body .qst-body,.qst-faq .vpanel-body .response-body{
    margin-bottom: 10px;
}

.qst-faq .vpanel-body .qst-body{
    color: #666;
    font-size: 16px;
}

.qst-faq .vpanel-body .response-body{
    font-size: 14px;
}
.qst-faq .link-footer{
    text-align: right;
}

.qst-faq .link-footer a{
    text-decoration: underline;
    font-size: 14px;
}

.qst-faq .link-footer a:hover{
    color: black;
    transition: .3s;
    text-decoration: none;
}

.hp-sec{
    height: auto !important;
}

.height-auto-vbox-first{
    height: 100% !important;
}

.height-auto-vbox-first .ow-vl-inner{
    height: 100% !important;
}

.height-auto-vbox-first .div1f{
    height: calc( (100% - 36px) * 0.53 );
}

.height-auto-vbox-first .div2f{
    height: calc( (100% - 36px) * 0.53 );
}

/*
.height-auto-vbox-first > .ow-vl-inner {
    height: auto !important;
}
*/

.last-log-info{
    line-height: 1.3;
    text-align: left;
    font-size: 0.8vw;
    width: 100%;
    padding: 0.4vw;
}

.yb-btn-home{
    display: grid;
    grid-template-columns: 20% 80%;
    color: white;
    background: #38a;
    border: none;
    border-radius: 1px;
    padding: 9px 22px;
    width: 90%;
    font-size: 17px;
    margin: 15px auto;
    cursor: pointer;
    border: 1px solid #38a;
}

.yb-btn-home:hover{
    color:#38a;
    background: white;
    transition: .3s;
}

.yb-btn-home span{
    text-align: center;
    text-transform: uppercase;
}

.yb-btn-home i{
    text-align: left;
    line-height: 102%;
    font-size: 22px;
}

.back-end-menu{
    height: 600px;
    width: 85%;
    margin: auto;
    margin-top: 100px;
}

.back-end-menu .ow-gbox{
    gap:14px;
}

.back-end-menu .ow-vl-inner{
    height: 100% !important;
}

.back-end-menu .ow-vbox .ow-html{
    height: 100%;
}

box-card:hover{
    background: #eee;
    cursor: pointer;
}

.back-end-menu box-card{
    position: relative;    
}

.back-end-menu box-card:hover{
    background: #eee;
}

.back-end-menu box-big-title{
    position: absolute;
    top: 60%;
    left: 9%;
    width: 80%;
}

.back-end-menu box-icon{
    position: absolute;
    top: 24%;
    right: 50%;
    font-size: 6rem !important;
}

.no-response-find .btn-show-support-form{
    color: white;
    background: #38a;
    border: none;
    border-radius: 2px;
    padding: 6px;
    margin: 30px;
}

.no-response-find .support-form{
    padding: 20px 0px;
    background: rgba(255, 255, 255, 0.2);
    width: 60%;
    margin: auto;
}

.no-response-find .support-form-over{
    margin: auto;
    background: #ddd;
    border-radius: 1px;
    display: none;
    border: 1px solid #999;
}

.no-response-find .title-suport-faq{
    color: #38a;
    text-transform: uppercase;
    font-size: 2vw;
    margin-bottom: 22px;
    font-weight: bolder;
}

.no-response-find .support-form .f{
    margin: 6px;
}

.no-response-find .support-form .f input{
    width: 80%;
    padding: 8px 3%;
    border-radius: 1px;
    background: #eee;
    border: none;
    color: #333;
    border: 1px solid #999;
}

.no-response-find .support-form .f textarea{
    width: 80%;
    background: #eee;
    color: #666;
    height: 117px;
    padding: 8px 3%;
    resize: none;
}

.no-response-find .support-form .f4 button{
    width: 86%;
    padding: 8px 3%;
    display: block;
    margin: auto;
    color: #38a;
    background: #eee;
    border: 1px solid #999;
}

.res-div-height{
   height: 44%; 
}

.res-sep-height{
    height:12%;
}

.last-log .hp-box-icon {
    
    font-size: 2.9vw !important;
}

/*res*/

.global-div-temp .hp-box{
    margin: 10px 1rem !important;
}

.faq-fieldset .full-search-list{
    height: auto;
}

.faq-fieldset-det .full-search-list{
    height: auto;
}

.pagination-new-style{
    padding: 10px 52px;
    color: #999;
}

.pagination-new-style .pagination-1{
    text-align: left;
}
.pagination-new-style .pagination-2{
    text-align: right;
}

.pagination-new-style .pagination-1 i{
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
}

.pagination-new-style .pagination-1 .num-span{
    padding: 2px 13px;
    border: 1px solid #999;
    border-radius: 2px;
}

.faq-fieldset .ow-pl-toolbar{
 color: #999 !important;
 text-align: left !important;
}

.faq-fieldset-det .ow-pl-toolbar{
 color: #999 !important;
 text-align: left !important;
}

.header-div-toggle .dropdown {
    position: relative;
    display: inline-block;
}
  
.header-div-toggle .dropdown-content {
    display: none;
    position: absolute;
    background-color: #eee;
    min-width: 160px;
    box-shadow: 4px 3px 7px 0px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    z-index: 1;
    margin-top: 3.5px;
}
  
.header-div-toggle .dropdown-content a {
    font-size: 12px;
    color: #666666;
    padding: 12px 10px;
    text-decoration: none;
    text-align: left;
    display: block;
}

.header-div-toggle .dropdown-content hr{
    height: 1px;
    width: 85%;
    margin: auto;
    background: #ccc;
    border: 1px solid #eee;
}
  
.header-div-toggle .dropdown-content a:hover {
      background-color: #f1f1f1;
      color: #38a;
}
  
.folder-feature{
    width: 233%;
    position: absolute;
    margin-left: -16px !important;
    top: -10px;
    z-index: 1;
    left: 100%;
    display: none;
    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;
}

.folder-feature .folder-feature-body .folder-steps .no-response{
    width: 90%;
    margin: auto;
    margin-top: 6%;
    font-size: 17px;
    color: red;
    display: none;
}

.folder-feature .folder-feature-header{
    text-align: left;
}

.folder-feature .folder-feature-header div{
    text-align: left;
    display: grid;
    grid-template-columns: 94% 10%;
    padding-bottom: 5px;
}

.folder-feature .folder-feature-header hr{
    background: #ddd;
    margin: auto;
    width: 100%;
    height: 1px;
    border: 1px solid #eee;
}

.folder-feature .folder-feature-header i{
    background: #38a;
    width: 25px;
    height: 25px;
    color: #fff;
    border-radius: 50%;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}

.folder-feature .folder-feature-header span{
    font-size: 19px;
}
  
.folder-feature .folder-feature-body{
    padding: 20px 0px;
    display: grid;
    width: 100%;
    grid-template-columns: 10% 80% 10%;
}

.folder-feature .folder-feature-body i.fa-caret-right,.folder-feature .folder-feature-body i.fa-caret-left{
    font-size: 80px;
    line-height: 120%;
    cursor: pointer;
    text-align: center;
}

.relative-position{
    position: relative;
    height: calc( (100% - 36px) * 0.46 ) !important;
    margin-top: 2rem;
}

.folder-feature .folder-feature-body .progressbar {
    counter-reset: step;
    padding: 0;
}

.folder-feature .folder-feature-body .progressbar li {
    list-style: none;
    display: inline-block;
    width: 12.66%;
    position: relative;
    text-align: center;
    vertical-align:top;
}

.folder-feature .folder-feature-body .progressbar li span.step-date{
    font-size: 12px;
    display: block;
    color: #000;
}

.folder-feature .folder-feature-body .progressbar li span.step-title{
    font-size: 15px;
    text-transform: capitalize;
}

.folder-feature .folder-feature-body .progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: 4px solid #aaa;
    border-radius: 100%;
    font-size: 26px;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    background-color: #fff;
  }

  .folder-feature .folder-feature-body .progressbar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #ddd;
    top: 27.5px;
    left: -50%;
    z-index : -1;
  }
  .folder-feature .folder-feature-body .progressbar li:first-child:after {
    content: none;
  }

  .folder-feature .folder-feature-body .progressbar li.first-step:after{
    content: none;
  }

  .folder-feature .folder-feature-body .progressbar li.bf-active {
    color: green;
  }

  .folder-feature .folder-feature-body .progressbar li.bf-active:before {
    border-color: green;
  } 

  .folder-feature .folder-feature-body .progressbar li.bf-active + li:after {
    background-color: green;
  }

  .folder-feature .folder-feature-body .progressbar li.active {
    color: #38a;
  }

  .folder-feature .folder-feature-body .progressbar li.active:before {
    border-color: #38a;
    background-color: #38a;
    color: #fff;
  }

  .folder-feature .folder-feature-button{
    text-align: right;
    padding: 7px 25px;
  }

  .folder-feature .folder-feature-button button{
    color: #fff;
    border: none;
    background: #38a;
    padding: 10px;
    font-size: 15px;
    border-radius: 4px;
  }


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


.autocomplete-items {
    width: 100%;
    cursor: pointer;
    position: relative;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 106;
    top: 0%;
    text-align: left;
    margin-top: 10px;
    left: 0;
    font-size: 15px;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #38a !important;
    color: #ffffff !important;
}

.span-active{
    color:#fff !important;    
}

.searchList{
    display: none;
    margin-top: -30px;
    height: 430px;
}

.searchList div.searchListD{
    list-style: none;
    margin: auto;
    width: 80%;
    cursor: pointer;
    border-bottom: none;
    text-align: left;
    margin-top: 10px;
    font-size: 13.5px;
    height: 330px;    
}

.searchList .searchListD .result-item{
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-left: 12px solid #38A;
    margin-top: 2px;
    height: 77px;

}

.searchList .searchListD .result-item .titleS{
    font-size:18px; 
}

.searchList .searchListD .result-item b{
    color: #38B;
}



.searchListD .result-item:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.divSearchBar{
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}



.searchList .nbrRes {
    color: #858383;
    width: 80%;
    margin: auto;
    font-size: 12px;
    margin-bottom: -4px;
    text-align: left;
}

.search_icon{
    position: absolute;
    color: #38B;
    cursor: pointer;
    top: 535px;
    right: 80px;
    font-size: 19px;
}


.search_icon:hover{
    color: darkgrey;
}


.searchGif{
    text-align: center;
    display: none;
    line-height: 74;
}

.searchGif2{
    text-align: center;
    display: none;
    line-height: 50;
}

.pagination{
    margin-top: 6px;
    font-size: 14px;
    margin-bottom: 90px;
}

.pagination a,.pagination-new-style a {
  color: inherit !important;
  padding: 8px 10px;
  border-radius: 3px;
  text-decoration: none;
  transition: background-color .3s;
}

.searchList .searchP{
    margin-top: 3px;
}

.pagination a.active,.pagination-new-style a.active {
  background-color: #38B;
  color: white !important;
}

.searchList .grid-container {
    width: 1000px;    
    display: grid;
    grid-template-columns: auto auto auto;
}
.pagination-new-style a:hover:not(.active){
    background-color: #ddd;
}            
.searchList .pagination a:hover:not(.active) {background-color: #ddd;}

.searchList .second-search-bar{
    height: 63px;
    position: relative;
    margin-top: 36px;
    margin-bottom: -7px;
}

.searchList .second-search-bar input{
    border: 1.7px solid #38a;
    border-radius: 5px 0px 0px 5px;
    height: 30px;
    width: 40%;
    padding-left: 7px;
}

.searchList .second-search-bar input:focus{
     outline: none;   
}

.searchList .second-search-bar i{
    border: 1.7px solid #38a;
    color: white;
    background: #38a;
    border-radius: 0px 5px 5px 0px;
    height: 16px;
    padding: 8px;
    border-left: none;
    cursor: pointer;
}


.searchList .second-search-bar i:hover{
    color: #38a;
    background: white;
    transition: .4s;
}

.searchList .back-span{
    float: left;
    cursor: pointer;
}


.searchList .back-span i{
    border: none;
    border-radius:3px 0 0 3px;
}

.searchList i.fa-eraser{
    border-radius: 0;
    background: #ddd;
    color: #38a;
}

.searchList i.fa-eraser:hover{
    color: #000;
}


.second-search-bar .autocomplete-items{
    width: 386px;
    position: relative;
    z-index: 99;
    left: 303px;
    top: -9px;
}

.autocomplete-items span{
    color: #38a;
    font-weight: 600;
}

.relative-position .ow-vl-inner{
    height: 100%;
}

.div-main-icons .ow-vl-inner{
    height: 100%;
}



.faq-fieldset .searchGif2{
    padding: 80px;
    height: 284px;
    line-height: 0;
    display: none;
}

.faq-fieldset-det .searchGif2{
    padding: 80px;
    height: 284px;
    display: none;
}



@media (max-width: 900px) {
	
	.back-end-menu{
        height: auto;
    }

    .back-end-menu box-card{
        height: 290px;
    }

    .header-div-toggle .dropdown-content hr{
        background: #38a;
        border-color: #fff;
        width: 95%;
    }

    .header-div-toggle .dropdown-content a{
        font-size: 14px;
        color: #38a;
    }

    .no-response-find .support-form{
        width: 100%;
    }

    .no-response-find .title-suport-faq{
        font-size: 20px;
    }

    .last-log .hp-box-small-title {
        text-align: center !important;
        font-size:1.3rem !important;
    }


    .vpanel-body-icon i {
        font-size: 50vw;
    }

	.Header-signup-logo{
        display:block !important;    
    }
    
    .searchGif{
        line-height: 0;
    }

    .relative-position{
        height: auto !important;
    }

    .pagination-new-style{
        grid-template-columns: 100%;
        display: grid;
        padding: 10px 10px;
    }
    
    .pagination-new-style .pagination-1{
        text-align: center;
    }
    .pagination-new-style .pagination-2{
        text-align: center;
        margin-top: 13px;
    }
    
    .pagination-new-style .pagination-1 i{
        padding: 3px;
        margin: 5px;
    }
    
    .folder-feature{
        position: static;
        width: auto;
        margin-left: 0.6rem !important;
        margin: 4px 0.6rem;
    }

    .folder-feature .folder-feature-body ul{
        padding: 0;
    }

    .folder-feature .folder-feature-body ul li{
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px; 
    }

    .full-search-list-item .item-body .item-body-button{
        position: static !important;
    }

    .folder-feature .folder-feature-body ul li:after{
        display: none;
    }

    .folder-feature .folder-feature-button{
        text-align: center;
    }

    .simulator .simulator-qr .qr{
        width:100% !important;
        padding:0 !important;
    }
    
    .simulator .docs-container .doc-item, .simulator .steps-container .doc-item, .simulator .docs-comp-container .doc-item {
        grid-template-columns: 15% 85%;
    }
    


    .simulator .simulator-qr{
        margin-left : 0px !important;
    }
    .searchList .searchListD .result-item{
        height: auto;
    }
    
    .searchList div.searchListD{
        height: auto !important;
    }
    
    .searchList{
        height: auto;
    }
    
    .searchList .second-search-bar input{
       width: 65%;
        margin-top: 10px;
    }
    
    .searchList .second-search-bar .back-span{
       display: block;
       float: none;
    }
    
    .searchList .nbrRes{
        margin-top: 40px !important;
    }
    
    .searchList .autocomplete-items{
            width: 85%;
            position: relative;
            left: 0;
            z-index: 99;
            margin: auto;
            top: 2px;
    }
}

/* from css file karazapps/karaz_ux_results/karazuxresults/model/karazuxresults/web/Karazuxresults.css  */
.vpanel-title{
    text-align: left;
    margin-bottom: 30px;
}

.vpanel-title span{
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
}
.vpanel-title img{
    width: 100%;
    display: block;
    margin-top: 8px;
    margin-bottom: 30px;
}


.vpanel-body-title{
    text-align: left;
    margin-top: -5px;
    margin-bottom: 10px;
}

.vpanel-body-title span{
     

}

.vpanel-body-title i{
    margin-right:6px;
    font-size: 20px;
}

.vpanel-body-icon i{
    font-size: 12vw;    
}



.full-search-list{
    height: 1230px;
}

.full-search-list-item{
    position: relative;
    height: 173px;
    font-size: 12px;
    display: grid !important;
    grid-template-columns: 0% 30% 70%;
}

.full-search-list-item .complete-text{
    position: absolute;
    border: 1px solid black;
    font-size: 15px;
    padding: 2px 8px;
    border-radius: 2px;
    background: #f6f6f6;
    right: 0px;
    bottom: 30px;
    display:none;
}

.full-search-list-item .item-title{  
    color: white;
    width: 173px;
    height: 22px;
    background: #38a;
    transform: rotate(-90deg);
    position: relative;
    top: 55px;
    right: 97px;
    font-size: 15px;
    cursor: pointer;
}

.full-search-list-item .item-icon{
    position: relative;
}

.full-search-list-item .item-icon i.fa-file-image{
    font-size: 130px;
    color: #ccc;
}

.full-search-list-item .item-icon i.fa-cogs,.full-search-list-item .item-icon i.fa-building{
    color: white;
    background: #333;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 136px;
    line-height: 1.6;
    font-size: 24px;
    border-radius: 50%;
}

.full-search-list-item .item-body{
    text-align: left;
}



.full-search-list-item .item-body .item-body-title{
    font-size: 1.3vw;
    color: #666;
    margin-top: 7px;
    position: relative;
}

.full-search-list-item .item-body p {
    font-size: 1.2vw;
    text-align: right;
    width: 95%;
    margin-bottom: 5px;
}

.divSearch {
    height: auto !important;
}

.faq-vbox .full-search-list-item .item-body p{
    margin-bottom: 20px;    
}

.full-search-list-item .item-body .item-body-button{
    border: none;
    position: absolute;
    margin-left: 0 !important;
    margin-top:0 !important;
    margin-right: 40px !important;
}

.faq-vbox .full-search-list-item .item-body .item-body-button{
    border: none;
    position: absolute;
    bottom: 5px;
    right: 0px;
    margin-left: 0 !important;
    margin-top:0 !important;
    margin-right: 40px !important;
}


.full-search-list-item .item-body .item-body-button:hover{
    color: #666;
    background:white;
    border: 1px solid #666;
    transition: .3s;
}

.cl-orange{
    color: #f93;
}

.title-2x{
    font-size: 13px;
}

.title-4x{
    font-size: 28px;
}

.gris666{
    color: #666;
}

.full-search-list-item .item-body .c-path .p,.div-fbs-details .details-body .c-path .p{
    cursor: pointer;
}

.div-fsb-details{
    text-align: left !important;
}

.div-fsb-details .fsb-container{
    padding-left: 16px;
    display: none;
}

.div-fsb-details .details-body{
    text-align: left;
}

.div-fsb-details .c-path{
    font-size: 12px;
    margin-top: -15px;
    text-align: left;
}

.div-fsb-details p.description{
    font-size: 14px !important;
}

.div-fsb-details .tab-info i{
    font-size: 20px;
    color: #666;
}

.div-fsb-details .tab-info .tab-info-item{
    margin-bottom: 10px;
}

.header-create-account-horizontal-line {
    margin: 0px;
    height: 1px;
    border: none;
    background-color: #e3e4e5;
    flex: 1;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 3.6%;
    margin-right: 3.6%;
}


.hr-hub{
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 0% !important; 
    margin-right: 0% !important;
}

.left-box-fsb .hp-box{
    color: #ccc;
    margin: 10px 2vw !important;
}

.left-box-fsb .hp-box{
    height: auto !important;
}

.left-box-fsb{
    padding-bottom: 45px;
}

.left-box-fsb .hp-sbox-btn{
    margin-top: 20px !important;
}

.icon-margin{
    font-size: 14px;
    margin-right: 7px;
}

.consult{
    margin-top: 4px;
    margin-bottom: 8px;
}

.consult i{
    margin-right: 8px;
    font-size: 14px !important;
}

.consult-button i{
    color: #eee !important;
}

.consult-button{
    background: #666;
    width: 105px;
    height: 25px;
    border: none;
    border-radius: 5px;                
    color: #eee !important;
}

.consult-button:hover{
    background: #888;
    transition: .3s;
}

.tab-info-item-s{
    width: 60%;
    margin: 80px auto;
}

.tab-info-item-s i{
    font-size: 14px;
    color: #999 !important;
    margin-right: 5px;
}

.tab-info-item-s span.new-search,.div-fsb-details .fsb-container .p{
    cursor: pointer;
}
.div-full-search-bar .autocomplete-items{
    width: 83%;
    cursor: pointer;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    text-align: left;
    margin-top: 10px;
    font-size: 15px;
    right: auto;
    left: auto;
    top: auto;
}

.rokhas-home{
    cursor: pointer;
}



@media screen and (max-width: 900px){
    .full-search-list .full-search-list-item{
        display: block !important;
        height: auto !important;
    }        
    
    .full-search-list .full-search-list-item .item-body{
         margin-top: 25px;   
    }
    
    .full-search-list .full-search-list-item .item-body .item-body-button{
        float: none;
    }
    
    .tab-info-item-s{
      width: 100%;   
    }
    
    .tab-info-item-s i{
     font-size: 20px !important;   
    }
    
    .grid{
        display: block !important;
    }
    
    .grid button{
        display: block !important;
        margin-bottom: 17px;
    }
    
    .div-fsb-details .tab-info i {
        font-size: 41px;
    }
    
    .hp-small{
        margin: 10px 8px !important;
    }
    
    .hp-small .hp-box{
        margin: 10px 1px !important;
    }
    
    .full-search-list{
        height: auto !important;
    }  
}



.header-menu{
    margin-left: 14%;
    display: flex;
    color: #666;
    margin-top: 11px;
    margin-right: 7%;
    justify-content: space-around;
    font-size: 14px;
}

.header-menu button{
    border: none;
    color: inherit !important;
    background: none !important;
    font-size: 14px !important;
}


.header-menu button span.ow-btn-icon{
    font-size: 18px !important;
}


.header-menu button:hover{
    color: #38a !important;
}


.header-menu button span{
    font-size: 14px !important;
}

#kwebContainer{
    max-width: 1700px;
    margin: auto;
}

.stat-dashbord{
    margin: auto;
    width: 95%;
}

.stat-dashbord .hp-box{
    margin: 10px 0.5rem;
}

.stat-dashbord .stat{
    padding: 20px 20px;
    display: grid;
    grid-template-columns: 40% 60%;
}


.stat-dashbord .stat i{
    font-size: 58px;
    padding: 7px;
}

.stat-dashbord .stat span{
   font-size: 23px;
    display: block;
}

.stat-dashbord .stat-div{
}

.dashbord-right .search-box{
}

.dashbord-right .d2{
    position: relative; 
}


.dashbord-right .d1{
    position: relative;
}

.dashbord-right .d1 h1,.dashbord-right .d2 h1{
    margin: 25px 0 35px 0;
}

.dashbord-right .d2 .exist-word-list-item{
    grid-template-columns: 50% 30% 10% 10%;
    display: grid;
    text-align: left;
} 


.dashbord-right .d2 tr.hide{
    background: rgba(51,136,170,0.3) !important; 
}

.dashbord-right .d2 .div{
    width: 90%;
    margin: auto;
    overflow: auto;
    max-height: 440px;
}


.dashbord-right .d2 .content{
    height: 440px;
}

.dashbord-right .d2 .word-list-load-gif{
    padding: 25%;
}

.dashbord-right .d2 .word-list{
    display: none;
}

.dashbord-right .d2 .word-list-div{
        height: 532px;
}

.dashbord-right .d2 .word-list-det{
    display: none;
}

.dashbord-right .d2 .word-list-text-avis{
    display: none;
}


.dashbord-right .d2 .word-list-det div{
    text-align: left;
}

.stat-dashbord .ow-vl-inner{
    height: auto;
}

.stat-dashbord .d1 .config-bar{
    margin-bottom: 25px;
}

.stat-dashbord .d1 .config-bar span{
    width: 38px;
    height: 38px;
    border: 1px solid #ddd;
    vertical-align: top;
    line-height: 200%;
    margin: 0px -2px;
    cursor: pointer;
    font-size: 18px;
}

.stat-dashbord .d1 canvas{
    display: block;
    margin: auto;
    height: 570px;
    width: 570px;
}

.stat-dashbord .d1 .config-bar .sp{
    
}

.stat-dashbord .d1 .config-bar .sp1{
    border-radius: 2px 0 0 2px;
}

.stat-dashbord .d1 .config-bar .sp5{
    border-radius: 0 2px 2px 0;
}

.stat-dashbord .d1 .config-bar .sp-active{
    background-color: #38a;
    color: #fff;
}

.stat-dashbord .d1 .config-bar select{
    width: 45px;
    height: 38px;
    border: 1px solid #ddd;
    margin: 0 -2px;
}

.stat-dashbord .d1 .config-bar select.s2{
   width: 260px;
}

.stat-dashbord .d1 .config-bar .separate-span{
    width: 5px;
    display: inline-block;
    background: #ddd;
}



.stat-dashbord .dashbord-right .d2 .word-list-det .div-d2 .note-div-items span{
    color: #888;
    font-weight: 600 !important;
}

.stat-dashbord .dashbord-right .d2 .mlt-search .note-div-items{
    width: 85%;
    margin: auto;
}


.last-log .ow-btn-container{
    text-align: right !important;
}

.buttonLog{
    width: 149px !important;
    height: 40px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    display: inline !important;
}

.div-main-icons{
    width: 90%; margin: auto;
}

.main-icon-title-bx{
    text-align: left;
    position: relative;
    border: 1px solid #ddd;
    width: 90%;
    height: 100%;
    padding: 21px;
    cursor: pointer;
}

.main-icon-title-bx .par{
    display:grid;
    grid-template-columns:12% 87%;
    font-size:18px;
    color:#777;
    margin: auto;
    margin-top: 25px;
    width: 90%;
}

.main-icon-title-bx .par i {
    font-size: 2.5vw;
    line-height: 120%;
    height: 100%;
    display: block;
}

.main-icon-title-bx .title
{
    margin-left: 71px;
    font-size: 1.35rem;
    font-weight: bold;
    color: var(--fg0);
}

.main{
    height: 193px;
}



.main-btn{
    margin-top: 8px;
    height: 24px;
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 11px;
    float: right; 
}

.main-number{
    color: #38a;
    border: 2px solid #38a;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    line-height: 132%;
    display: block;
    font-size: 41px;
    margin: auto;
    margin-bottom: 23px;
}


.main-icon-button{
    color: #fff;
    background: #38a;
    border: none;
    padding: 9px;
    border-radius: 4px;
    margin-top: 16px;
    font-size: 16px;
}

.main-icon-title{
    width: 100%;
    margin: auto;
    display: grid;
    height: 100%;
    grid-template-columns: 100%;
    padding: 20px 0px;
    border: 1px solid #d0d0d0;
    cursor: pointer;
}

.support{
    width: 89%;
    margin: auto;
    margin-top: 48px;
}

.support .support-html{
    color: #38a;
    font-size: 23px;
}

.support .support-html span {font-weight: 900;    white-space: nowrap;}

.support .support-time{
    font-size: 12px;
    display: block;
    position: relative;
}

.support .support-html i{
    color: #777;
}

.main-icon-title:hover,.main-icon-title-bx:hover{
    background-color: #f3f3f3;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.34);
}

.main-icon-title i{
    color: #38a;
    font-size: 3vw;
    line-height: 107%;
    height: 100%;
}

.main-icon-title span{
    color: #666;
    font-size: 17px;
}

.exist-word-list-item span{
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 5px 14px;
    border-radius: 0px;
}


.stat-dashbord .dashbord-right .d2  .tab {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.stat-dashbord .dashbord-right .d2  .tab td, .stat-dashbord .dashbord-right .d2  .tab th {
  border: 1px solid #eee;
  padding: 8px;
}

.stat-dashbord .dashbord-right .d2  .tab tr:nth-child(even){background-color: #fbfbfb;}


.stat-dashbord .dashbord-right .d2  .tab th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.stat-dashbord .dashbord-right .d2 .rac{
    border: 1px solid #ccc;
    background-color: beige;
    padding: 1px 5px;
    border-radius: 3px;
    margin-right: 3px;
}

.back-div {
    width: 100%;
    margin: auto;
    margin-bottom: 16px;
    color: #38a;
    cursor: pointer;
}


.back-div:hover{
    /*background: white;
    color: #38a;*/
    transition: .5s;
    color: inherit;
}

.stat-dashbord .dashbord-right .d2 .word-list-text-avis .avis-det-avis p{
    border: 1px solid #eee;
    padding: 6px;
    border-radius: 3px;
    margin-top: 3px;
    font-size: 14px;
    color: #888;
    max-height: 160px;
    overflow: auto;
 }

.stat-dashbord .dashbord-right .d2 .word-list-text-avis .avis-det-full{
    text-align: left;
    padding: 5px 20px;
}

.stat-dashbord .dashbord-right .d2 .word-list-text-avis .avis-det-full .extract-notes{
    max-height: 240px;
    overflow: auto;
    font-size: 15px;
}

.stat-dashbord .dashbord-right .d2 .word-list-text-avis .avis-det-membre{
        margin-bottom: 11px;
        color: #333;
}
.stat-dashbord .dashbord-right .d2 .word-list-text-avis .avis-det-avis{
        color: #333;
} 

.stat-dashbord .dashbord-right .d2 .word-list-text-avis .avis-det-membre span{
    font-size: 15px;
    color: #888;
 }

.stat-dashbord .dashbord-right .d2 .word-list-text-avis .back-span{
    color: #38a;
    cursor: pointer;
    margin-left: -20px;
    margin-bottom: 27px;
    display: inline-block;
}

.stat-dashbord .dashbord-right .d2 .word-list-text-avis .back-span:hover{
    color: inherit;
    transition: .5s;
}

.stat-dashbord .dashbord-right .d2 .mlt-search{
    text-align: left;
}

.stat-dashbord .dashbord-right .d2 .mlt-search .word{
    border: 1px solid;
    border-radius: 2px 0 0 2px;
    padding: 6px;
    background: beige;
}
.stat-dashbord .dashbord-right .d2 .mlt-search .total-hits{
    border: 1px solid;
    border-radius: 0  2px 2px 0;
    padding: 6px;
    background: beige;
}

.stat-dashbord .dashbord-right .d2 .mlt-search .total-hits span{
    color: #38a;
}

.stat-dashbord .dashbord-right .d2 .mlt-search .search-info{
    grid-template-columns: 67% 33%;
    display: grid;
    width: 85%;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}



.stat-dashbord .dashbord-right .search-box{
    position: relative;
}

.stat-dashbord .dashbord-right .search-box .input-bar {
    line-height: normal;
}

.stat-dashbord .dashbord-right .search-box .input-bar input{
    box-shadow: none;
    border: 1px solid #ccc;
    width: 50%;
    height: 32px;
    border-radius: 3px 0 0 3px;
    margin: 0 -2px;
    padding: 0 9px;
}

.stat-dashbord .dashbord-right  .search-box .input-bar button{
    width: 44px;
    height: 34px;
    margin: 0 -2px;
    border: 1px solid #ccc;
    background: #fff;
}

.stat-dashbord .dashbord-right .search-box .input-bar button.fa-search{
    border-radius:0 3px 3px 0;
}

.stat-dashbord .dashbord-right .search-box .input-bar button.active{
    background: #38a;
    color: #fff;
}

.stat-dashbord .dashbord-right .search-box .input-bar button:hover{
    background: #ccc;
}

.stat-dashbord .dashbord-right .hp-box i.fa-angle-down{
    position: absolute;
    right: 19px;
    top: 25px;
    text-align: center;
    background: #38a;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 19px;
    transform: rotate(180deg);
    cursor: pointer;
}


.stat-dashbord .dashbord-right .hp-box i.down{
    transform: rotate(0deg);
}
.stat-dashbord .dashbord-right .hp-box i.down{
    transform: rotate(0deg);
}

.div-det-acc{
    text-align: left !important;
}

.div-det-acc .accp{
    width: 85%;
    margin: auto;
    font-size: 15px;
}

.div-det-acc .accp .desc{
    margin-bottom: 35px;
}

.div-det-acc .accp .acc-titles{
    height: auto;
    position: relative;
}

.div-det-acc .accp .acc-titles .acc-title{
    font-size: 18px;
    color: #333;
}

.div-det-acc .accp .acc-titles p{
    font-size: 13px;
}

.div-det-acc .accp .acc-titles button{
    background-color: #eee;
    color: black;
    border: 1px solid black;
    border-radius: 3px;
    margin: 0 20px 10px 0;
    height: 25px;
    padding: 0 11px;
}

.div-det-acc .accp .acc-titles button:hover{
    background-color: black;
    color: #fff;
    transition: .3s;
}

.div-det-acc .accp .acc-titles .ow-btn-container{
    text-align: right;
}

.div-det-acc .accp .acc-titles hr{
    width: 300px;
}

.hr-acc{
    margin: auto !important;  
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.div-det-acc .accp .acc-titles i{
    font-size: 42px;
    color: #333;
}

.div-det-acc .accp .consult-acc{
    width: 80%;
    text-align: center;
    margin: auto;
}

.div-det-acc .tags{
    text-align: center;
    margin-bottom: 10px;
}

.div-det-acc .tags a{
    font-size:13px;
    color: #38a;
}

.div-det-acc .tags a:hover{
    color:rgba(255, 153, 0, 1)
}


.fieldSets .p-list-but{
    margin-bottom: 25px;
}

.fieldSets .p-list-but span.gen-num{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #666;
    line-height: 150%;
    color: white;
    text-align: center;
    margin-top: 3px;
    font-size: 15px !important;
}

.fieldSets .p-list-but .title{
    font-size: 15px;
    color: #333;
}

.fieldSets .p-list-but p{
    font-size: 13px;
    color: #999;
    margin: 0;
    margin-top: 5px;
}

.fieldSets .p-list-but .but-orange{
    border: 1px solid #f93;
    color: #f93;
    background-color: #fff;
    padding: 1px 2px;
}

.fieldSets .p-list-but .but-orange:hover{
    color: white;
    background: #f93;
    transition: .3s;
}

.fieldSets .p-list-but .but-blue{
    border: 1px solid #38a;
    color: #38a;
    padding: 1px 2px;
    background-color: #fff;
}


.fieldSets .p-list-but .but-blue:hover{
    color: white;
    background: #38a;
    transition: .3s;
}

.fieldSets .p-list-but .inline-html,.fieldSets .p-list-but .ow-btn-container{
    display: inline;
}

.fieldSets .p-list-but .gen-num-html{
    text-align: center;
}

.fieldSets .p-list-but .gen-num-html span{
    font-size: 25px;
}

.note-danger-list-but{
    width: 80%;
    margin: auto;
}

.note-danger,.note-danger-list-but{
    margin-bottom: 27px;
}

.note-danger-list-but i{
    font-size: 15px;
}


.note-danger i{
    font-size: 28px;
}

.note-danger p,.note-danger-list-but p{
    margin: 0;
    margin-top: 2px;
    font-size: 11px;
}

.fieldSets .title-principale{
    color: #38a;
    font-size: 16px;
    margin-bottom: 32px;
    margin-top: 15px;
    margin-left: 28px;
}

.fieldSets .p-list-but .doc-icon i{
    color: #999;
    font-size: 24px;
} 

.fieldSets .p-list-but .doc-icon i.cl-orange{
    color: #999;
    font-size: 24px;
    color: #f93;
} 

.fieldSets .p-list-but .gen-num-html .fa-user-circle,.fieldSets .p-list-but .gen-num-html .fa-gavel{
    font-size: 23px;
    margin-top: 3px;
    color: #666;
}

.fieldSets .p-list-but .gen-num-html .fa-gavel{
    
}

.div-det-acc .fieldSets .ow-tabpanel-flex .ow-label-pl{
    color: #666;
}
.div-det-acc .fieldSets .ow-tabpanel-flex{
    margin-bottom: 50px;
}

.div-det-acc .fieldSets .scroll-top{
    color: #38a;
    text-align: right;
    margin-right: 15px;
    margin-bottom: 10px;
}

.div-det-acc .fieldSets .scroll-top .scroll-top-sp{
    cursor: pointer;
}

.div-det-acc .fieldSets .scroll-top .scroll-top-sp:hover{
    color: #f93;
} 

.div-det-acc .fieldSets .scroll-top .scroll-top-sp i{
    transform: rotate(90deg);
}

.div-det-acc .fieldSets .hr-fieldset hr{
    margin: auto;
    border: none;
    height: 0.7px;
    flex: 1;
    background-color: #ddd;
    width: 97%;
    margin-bottom: 27px;
    margin-top: 1px;
}

.div-det-acc .fieldSets .ow-pl-toolbar{
    border-bottom: 0;
}

.height-auto-vbox .hp-box{
    height: auto !important;
}

.height-986{
    height: 98.6% !important;
}

.back-to-acc:hover{
    color: #f93; 
    cursor: pointer;
}
.back-to-acc:hover{
    color: #f93; 
    cursor: pointer;
}

.Header-signup .Header-signup-min{
        display: none;
        background: #38a;
        padding: 2px 0px 0 13px;
}

.Header-signup .Header-signup-min .menu-bar-icon i{
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.Header-signup .Header-signup-min .menu-bar-img{
    padding-top: 5px;
}
    


@media (max-width: 900px) {
    
    .last-log-info{
        font-size: 10px;
    }

    .stay-grid .ow-gbox{
        display: grid !important;
    }
    
    .main-icon-title-bx .title{
        margin-left: 10px;
        font-size: 20px;
    }

    .main-icon-title-bx .par i {
        font-size: 30px;
    }

    .main-icon-title i {
        font-size: 40px;
    }

    .last-log .hp-box-icon{
        font-size: 3rem !important;
    }

    .item-body p{
        font-size: 14px !important;
    }

    .full-search-list-item .item-body .item-body-title {
        font-size: 16px;
    }

    .main-icon-button{
        color: #fff;
        background: #38a;
        border: none;
        padding: 9px;
        border-radius: 4px;
        margin-top: 32px;
        position: static;
    }
    
    .buttonLog {
        position: relative;
        right: 0;
        margin: auto;
    }
    
    .full-grid-small{
            display: grid;
            grid-template-columns: 100% !important;
     }
    
    .main-icon-title-bx{
        text-align: left;
        position: relative;
        border: 1px solid #ddd;
        width: 100%;
        margin-bottom: 25px;
        padding: 21px;
        cursor: pointer;
    }
    
    
    .Header-signup .Header-signup-min{
        display: block;
}

    .Header-signup .Header-signup-min .ow-vl-inner{
        display: grid !important;
}

.simulator .simulator-qr .next-button button {
    width: auto !important;
}

.simulator .simulator-qr{
    height: auto !important;
}

.simulator .simulator-qr .next-button{
    
}

.simulator .simulator-qr select{
    width: 90% !important;
    margin: auto !important;
}

    .Header-signup .Header-signup-glo{
        display: none;
    }
    
    .header-menu{
        margin: 0;
    }
    
    .vbox-button-signup-header .ow-vl-inner,.header-menu .ow-vl-inner{
        width: 100%;
        padding-left: 17px;
    }
    
    .vbox-button-signup-header button,.header-menu button{
        width: 100%;
        margin: 0;
        outline: none;
        text-align: left;
        border: none;
    }
    
    .vbox-button-signup-header button span,.header-menu button span{
        font-size: 19px !important;
        text-transform: uppercase;
    }
    
    .header-div-toggle .dropdown-content{
        position: static;
        background: #fff;
        border:none;
    }

    .header-div-toggle{
            background: #3ba5c1;
            padding: 2px 5px 18px 0px;
            box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.4);
            display: none;
    }

    .header-menu button {
        color:#f2f4f4 !important;
        margin: 5px 0;
    }

    
    .header-menu button:hover {
        color: #050f6c !important;
    }
    
    .Header-signup{
        width: 100%;
        z-index: 1000;
    }
    
    .vpanel-title{
        padding: 8px;
        margin-bottom :0px;
    }
    
    .pagination a {
        padding: 8px 7px;
    }

    .pagination {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .div-det-acc{
        padding: 0 !important;
    }
   
    .simulator .simulator-qr input{
        margin: auto !important;
        width: 100% !important;
    }

    .input-search-all-result{
        display: grid !important;
    }

    .simulator .simulator-qr .rep-type-0, .simulator .simulator-qr .rep-type-1, .simulator .simulator-qr .rep-type-2 {
        display: block !important;
    }
    
    .div-det-acc .fieldSets .ow-tabpanel-flex
    {
      padding: 0px 12px;
      margin-right: -7.5%;
      margin-left: -7.5%;
    }
        
    .fieldSets .p-list-but .gen-num-html span{
        width: 50px;
        height: 50px;
        line-height: 355%;
    }
    
    .fieldSets .p-list-but .gen-num-html .fas,.fieldSets .p-list-but .gen-num-html .far{
        font-size: 50px;
        margin-bottom: 3px;
    }
       
}
       


.butt-otm span{
 	background: #38a;
 	padding: 7px;
 	color: #fff;
 	border-radius: 3px;
 }
 
 .butt-otm span:hover{
 	color: #38a;
 	padding: 7px;
 	background: #fff;
	 border-radius: 3px;
 }

.pagination-otm,.pagination-otm-search,.pagination-word-list{
    margin-top: 16px;
    font-size: 14px;
    text-align: center !important;
}

.pagination-otm-search{
    margin-top: 55px;
}


.pagination-otm a ,.pagination-otm-search a,.pagination-word-list a{
    color: inherit !important;
    padding: 8px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #eee;
    border-right: none;
}

.pagination-otm a:last-child ,.pagination-otm-search a:last-child,.pagination-word-list a:last-child{
    border-right: 1px solid #eee;
    border-radius:0 3px 3px 0;
}


.pagination-otm a:first-child ,.pagination-otm-search a:first-child,.pagination-word-list a:first-child{
    border-radius: 3px 0 0 3px;
}

.pagination-otm a:hover:not(.active),.pagination-otm-search a:hover:not(.active),.pagination-word-list a:hover:not(.active) {background-color: #ddd;}

.pagination-otm a.active ,.pagination-otm-search a.active,.pagination-word-list a.active{
  background-color: #38B;
  color: white !important;
}

.dashbord-right .d2 .mlt-search .content {
    height: 322px;
}

.extract-notes-button{
    border: 1px solid #ccc;
    background-color: beige;
    padding: 1px 5px;
    border-radius: 3px;
    margin-right: 3px
}

.stat-dashbord .fieldSets .ow-tabpanel-flex .ow-label-pl {
    color: #888;
    text-align: left;
}

.stat-dashbord .fieldSets .ow-pl-inner{
    padding: 30px 39px 35px 39px;
    color: #999;
    text-align: center;
}

#retageHomePage button.ow-button.float{
    margin-left: 80%;
    position: relative;
}
#retageHomePage .search_Button {
    color: #757777 !important;
}

#retageHomePage .hp-search_btn {
 height: 36px;
    width: 119px;
    border: 1.8px solid;
    border-radius: 0.5em;
    /* border-radius: 6px; */
    font-weight: bold;
    letter-spacing: 1.1px;
    background: #ededed;
    color: #3388AA;
    /* border: 5px #3388AA; */
    margin: 4px;
}

#retageHomePage .hp-search_btn:hover {
    background: var(--form-button-fg);
	color: white;
}
#retageHomePage .search_buttonAR_ar {
     background: var(--form-button-fg);
	color: white;
}
#retageHomePage .search_buttonFR_fr {
     background: var(--form-button-fg);
	color: white;
}

#retageHomePage .hp-sbox-big-title {
    font-size: 1.35rem;
    font-weight: bold;
    color: var(--fg0);
    text-align: center;
    margin: 0.5rem 0 0 1rem;
}
#retageHomePage .hp-sbox-text {
    font-size: 1rem;
    display: block;
    color: var(--fg1);
    margin-left: 1rem;
    margin-right: 2rem;
    text-align: left;
    margin-top: 10px;
}

#retageHomePage .hp-sbox-big-title-ar {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--fg0);
    text-align: center;
    margin: 0.5rem 0 0 1rem;
}

#retageHomePage .hp-sbox-text-ar {
    font-size: 1.0rem;
    display: block;
    color: var(--fg1);
    margin-left: 1rem;
    margin-right: 2rem;
    text-align: left;
    margin-top: 10px;
	text-align: right;
	word-wrap: break-word;
}
#retageHomePage .res-div-height-ar {
	 height: 44%;
}

#retageHomePage-ar  {
 font-family: Droid Arabic Kufi, sans-serif;
  font-size: 1.2em;
}
#retageHomePage .search_buttonAR_ar .ow-btn-label {
        font-family: Noto Kufi Arabic;
    font-size: 13px;
}
#retageHomePage .search_buttonAR_fr .ow-btn-label {
        font-family: Noto Kufi Arabic;
    font-size: 13px;
}
#retageHomePage .support {
    width: 85%;
    margin: auto;
    margin-top: 28px;
}
#retageHomePage .header_lang_btn{
	grid-template-columns: 50% auto;
    display: flex;
    justify-content: center;
}
#retageHomePage .header_logo{
       justify-content: center;
    display: flex;
    margin-top: 3px;
    margin-bottom: 2px;
	
}
#retageHomePage #footerBanner {
    width: 100% !important;
    height: 139px !important;
	background: url(../img/rokhas_footer.png) no-repeat center;
    margin-top: 0px !important;
    border-bottom: 0px solid #FFFFFF !important;
    box-sizing: border-box !important;
    background-size: 300px auto;
    background-position-y: 30px;
	
}
#retageHomePage .item {
	color: white;
	*    padding-left: 9px;
    *padding-right: 9px;
}
#retageHomePage #shareFooter,#retageHomePage #footerBanner {
    background-color: #2d2d2d;
}

#retageHomePage #shareFooter {
    width: 100%;
    margin: auto;
    margin-top: 50px;
}
#retageHomePage #footerMenu {
    background: #2d2d2d;
    overflow: hidden;
    width: 100%;
    height: 40px;
	
}

#retageHomePage .providerMention {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 35px;
    margin-left: 10px;
	background-color: #2d2d2d;
}

#retageHomePage span.contact:before {
    content: "\f095";
    font-family: FontAwesome;
    margin-right: 8px;
}
#retageHomePage span.security:before {
    content: "\f023";
    font-family: FontAwesome;
    margin-right: 8px;
}
#retageHomePage span.legales:before {
    content: "\f0e3";
    font-family: FontAwesome;
    margin-right: 8px;
}
#retageHomePage span.faq:before {
    content: "\f059";
    font-family: FontAwesome;
    margin-right: 8px;
}
#retageHomePage .footer_acess_icon {
    grid-template-columns: 25% 25% 25% 25%;display: grid;
	 padding-left: 20%;
}
#retageHomePage .support-time-ar {
    font-size: 12px;
    display: block;
    position: relative;
    bottom: -40px;
}
@media screen and (max-width: 900px){
#retageHomePage .ow-gbox {
    display: contents;
}
#retageHomePage .btn-link-prod {
    display: flex;
	justify-content: center;
}
#retageHomePage-ar  .t4 {
	width: 100% !important;
}
#retageHomePage .item.order0 {
	color: white;
	padding-left: 27%;
}
#retageHomePage .providerMention {
	display:flex;
}
#retageHomePage .footer_acess_icon {
    grid-template-columns: 63% 45% 58% 25%;
    display: grid;
}
#retageHomePage .separate_div {
    width:30%;
}
#retageHomePage .support-time-ar {
    font-size: 12px;
    display: block;
    position: relative;
    bottom: 0px;
}

}
#retageHomePage .footer_logo{
       justify-content: center;
    display: flex;
    margin-top: 3px;
    margin-bottom: 2px;
	
	
}

/* from css file guideVideo.css */

.consultation-video{
    display: none;
}


.video-iframe{
    width: 100%;
    height: 500px;
    background:#fff;
    margin: 2px 0 2px 0;
}

 .consultation-video-title{
    font-size: 25px;
    color: #444;
    display: block;
    text-align: left;
}

 .video-description{
    text-align: justify;
    width: 95%;
    margin: auto;
}

.edit-width{
    width: 300px;
    height: 300px;
}

@media screen and (max-width: 1300px) {
    .pagination-otm a, .pagination-otm-search a, .pagination-word-list a{
        padding: 8px 7px !important;
    }

    .dashbord-right .d2 .word-list-div {
    }

    .stat-dashbord .d1 .config-bar span {
        width: 28px;
    }

    .stat-dashbord .d1 .config-bar select.s2 {
        width: 247px;
    }
}

@media screen and (max-width: 900px) {
    .classSearch-4 .hp-sec.qst-faq .vpanel-title div{
        display:block !important;
        margin-top: auto;
    }

    .classSearch-4 .hp-sec.qst-faq .vpanel-title div span{
        margin-left: 0 !important;
    }

    .classSearch-4 .div-det-acc{
        padding: 0 !important;
    }

}

.item-body-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media (min-width: 900px) and (max-width:1200px) {
    .ow-view  .hp-box{
        margin: 10px 1% !important;
    }

    .ow-view .yb-btn-home ,.ow-view .buttonLog ,.ow-view .support-html{
        font-size: 13px !important;
    }

    .ow-view .yb-btn-home{
        padding: 9px 10px;
    }

    .ow-view .support-time span{
        font-size: 9.5px !important;
    }

    .ow-view .simulator-sub .hp-box{
        margin: auto !important;
    }

    .height-mobile-10{
        height: 10px;
    }

    .height-mobile-10{
        height: 20px;
    }

    .ow-view .buttonLog{
        padding: 3px;
        width: auto !important;
        height: 31px !important;
    }
    
    box-card{
        padding: 13px !important;
        margin: 10px 2% !important;
    }

    .fieldset-articles .article img {
        height: 130px;
    }

    .NFQ-fieldset{
        padding: 8px;
    }

    .NFQ-fieldset .video-list-item img,.NFQ-fieldset img{
        height: 50px !important;
    }

    .type-demande i {
        font-size: 26px;
    }

    .type-demande{
        width: auto !important;
    }

    .size955{
        margin-top: 10px !important;
    }

    .simulator-qr .rep-check{
        font-size: 14px;
        margin-left: 6px;
    }

    .simulator .simulator-qr .next-button button{
        width: 105px;
        font-size: 14px;
        height: 33px;
    }

    .divSearch-article {
        color: #333 !important;
        padding: 10px !important;
    }

    .divSearch-article .content-article {
        font-size: 14px;
    }
}

.divSearch-article .content-article img{
    max-width: 100%;
} 


@media screen and (max-width: 900px) {
    .contact-us-div .type-div ,.contact-us-div .type-div div,.contact-us-div .type-div div span{
        display: block !important;
        height: auto;
        font-size: 15px !important;
    }

    .contact-us-div .type-div div i{
        display: block !important;
    }

    .contact-us-div .type-div i{
        font-size: 35px !important;
    }

}

.NQF-prev-resp img,.response-body img{ 
    max-width: 100%;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/ProceduresCSS.css  */
/* start procedure  */
.NQF-edit-float .ow-field-boolean-container .ow-field-core{
    margin-top : 18px;
}

button.ow-button.PCD-button-signup-header{
    background-color: #F0F0F0;
    color: var(--edit-button);
    border: 1px solid var(--edit-button);
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    outline: none;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}
button.ow-button.PCD-button-signup-header:hover{
    background-color: #ffffff;
}
.div-det-acc .accp{
    width: 85%;
    margin: auto;
    font-size: 15px;
    color: #999999
}
.PCD-hr-acc{
    margin: auto !important;  
    margin-top: 1em !important;
    margin-bottom: 3em !important;
}

.PCD-hp-box {
    display: block;
    padding: 1.25rem;
    margin: 10px 2rem;
    color: #999999;
    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;
 } 
.PDC-prag-p + .PDC-prag-pp  { margin-top: 10px; }
/* start btn moteur recherche */
.PDC-btn-container-right .ow-btn-container{
    text-align: right !important;
}
.PCD-moteur-search {
    background: #38A !important;
    color: white !important;
}
/* end btn moteur recherche */

/* icon size */
.PCD-vpanel-body-icon i{ 
    font-size: 10rem;   
}

/*  */
.PCD-tooltip{
    float: right;
    font-size: 1em !important;
    color: #38A;  
}
.PCD-filtre-scf{
    font-size: 13px;
    color: #999999;
    float: right;
    margin: 0.5em 2rem !important;
}

.PCD-parent-ann{
    display: grid;
    grid-template-columns: 12% auto 5%;
}
.PDC-hov-title >  .ow-pl-toolbar .ow-label-pl:hover{
    color: #f93 !important; 
    cursor: pointer;
}
/*  */
/* end procedure  */

/* start Non decrit */
.PCD-not-described{
    background: #666666;
    padding: 1.3em 0.3em;
    color: #FFF;
}
.PCD-not-described p{
    margin-bottom: 0.3em !important;
}

.PCD-not-described i{
    font-size: 28px;
}

  ul.dashed {
    list-style-type: none;
  }
  ul.dashed > li {
    text-indent: -5px;
  }
  ul.dashed > li:before {
    content: "-";
    text-indent: -5px;
    margin-right: 3px;
  }
 /* start Non decrit */
 /* start NQF */
.DC-Customized-fields-NQF .ow-field-input-line{
    border: unset;
    border-bottom: 1.5px solid #DDD;
	}
	
    .DC-Customized-fields-NQF .ow-field-core.labelAlign-float{
        margin-left: 3em !important;
        margin-right: 3em !important;
    }
    .DC-btn-filtrer-NQF{
        background-color: white!important;
        border-radius: 0px !important;
        color: #757575 !important;
        padding-bottom: 0px !important;
    }
    .NQF-btn-color-normal{
        border-bottom: 1px solid #555 !important;
    }
    .ow-button.usage_r.DC-btn-filtrer-NQF{
        padding: 0 !important;
    }
    
    .NFQ-all-quest{
    margin-top: 2em;
    box-shadow: 3px 3px 3px rgba(102, 102, 102,0.34);
    
}
    
    .NQF-vue-question{
        margin: 0em 0.5em;
        border: 1px solid #DDD;
        box-shadow: 3px 3px 3px rgba(102, 102, 102,0.34);
        border-radius: 2px;
        padding: 0.5em 2em;
        font-size: 13px;
        color: #757575;
    }
    .NQF-btn-color .ow-btn-label{
        color: #38A;
    }
    .NQF-btn-alg .ow-btn-container{
        text-align: right
    }
    .NQF-btn-color-blue{
        border-bottom: 1px solid #38A !important;
    }
    .NQF-btn-alg{
        padding-bottom: 1em;
    }
    .NQF-horizontal-line{
        height: 1px !important;
        border: none;
        background-color: #e3e4e5;
        flex: 1;
        margin-top: 8px;
        margin-bottom: 8px;
        margin: 0 20%;
    }
    
    .NFQ-mgn-bt{
    margin-bottom: 1em;
	}
	.NFQ-click-btn:hover{
    cursor: pointer;
    color: #38A;
	}
	
	.NQF-shadow .ow-label-pl, .pcd-header-NQF .ow-label-pl{
    color: #999;
	}
	.pcd-header-NQF .ow-pl-inner{
	    padding: 2em !important;
	}
	.NQF-shadow {
	    box-shadow: 3px 3px 3px rgba(102, 102, 102,0.34) !important;
	    margin: 1em 0 !important;
    }
    
    .NQF-edit-playlist,.NFQ-all-quest,.NQF-vue-question{
        display: none;
    }


/* start left field */	
.NFQ-fieldset{
    display: block;
    padding: 1.25rem;   
    color: #999999;
    background-color: white;
    border-radius: 2px;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}
.NFQ-fa-style{
    font-size: 20px;
    line-height: .75em;
    vertical-align: -15%;
    margin: auto;
    margin-right: 4px;
}
.NFQ-end{
    font-size: 11px;
    float: right;
    color: #38A;
    text-decoration: underline;
    cursor: pointer;

}
/* start left field */

.NQF-freq-quest > .ow-pl-inner{
    height: 1077px;
    overflow: auto;
}

.det-article-fieldset2.NQF-freq-quest > .ow-pl-inner{
	height:auto !important;
}

/*added */
.NQF-new-quest-btn{
    text-align: center !important ;
}

.NQF-new-quest-btn .ow-vl-inner .ow-btn-container{
    text-align: center !important ;
    display: inline-block;
}
.NQF-new-quest-btn .ow-button {
    background: var(--form-button-hover-bg) !important;
    color: var(--form-button-hover-fg) !important;
}
.NQF-shadow .ow-label-pl, .NQF-header-NQF .ow-label-pl{
    color: #999;
}
.NQF-header-NQF .ow-pl-inner{
        padding: 10px 2em 2em 2em !important;
        
}

.NQF-quest-delete{
    grid-template-columns: auto 5%;
    display: grid;
    grid-column-gap: 1em;
}
.NFQ-close-quest:hover{
    
    color:red;
    cursor: pointer;
}

.NFQ-load-img{
    text-align: center;
}

.NQF-vue-ref{
        margin: 0em 0.5em;
        border: 1px solid #DDD;
        box-shadow: 3px 3px 3px rgba(102, 102, 102,0.34);
        border-radius: 2px;
        padding: 0.5em 2em;
        font-size: 13px;
        color: #757575;
    }

.NQF-prev-quest >span{
    display: block;
    margin: 8px 0;
}
/*end */
/*end NQF*//* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/articles.css  */

.classSearch-home-glo .h-icon{
    width: auto !important;
}

 .fieldset-articles{

  }
  
  .comment-det .ql-align-right{
  	text-align : right !important;
  }
  
  .comment-det img{
  	max-width:90%;
  }

  .fieldset-articles .article{
    padding: 7px;
    width: 97%;
    margin: 4px;
        border: 1px solid #eee;
    box-shadow: #999 1px 1px 5px;
    background: #fff;
    position: relative;
    height: 450px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
  }

  .fieldset-articles .article .footer-article{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #fff;
    z-index: 5;
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .fieldset-articles .article .footer-article span{
    margin: 3px;
}

  .fieldset-articles .article img{
        width: 100%;
        height: 190px;
        top: 4px;
        right: 0px;
        display: block;
  }

  .fieldset-articles .article .like-icon{
      position: absolute;
      color: #aaa;
      top: 17px;
      right: 17px;
      font-size: 24px;
  }

  .fieldset-articles .article span.tag{
    padding: 2px 8px;
    background: #38a;
    border-radius: 2px;
    color: #fff;
    font-size: 13.5px;
    cursor: pointer;
    display: none;
    margin: 3px;
  }

  .fieldset-articles .article .pub-by {
    margin: 9px;
    display: none;
  }

  .fieldset-articles .article .toggle-art{
      position: absolute;
      top: auto;
  }

  .fieldset-articles .article:hover img{
      opacity: 0.3;
      transition-duration: .7s;
  }

  .fieldset-articles .article:hover .pub-by{
      -webkit-animation-name: showB; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
        animation-name: showB;
        animation-duration: 0.8s;
        display: block;

  }

  .fieldset-articles .article:hover span.tag{
      -webkit-animation-name: showIB; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
        animation-name: showIB;
        animation-duration: 0.8s;
        display: inline-block; 

  }

  .fieldset-articles .article:hover .toggle-art{
      top: 100px;
      background: #fff;
      -webkit-animation-name: movment; /* Safari 4.0 - 8.0 */
      -webkit-animation-duration: 0.7s; /* Safari 4.0 - 8.0 */
      animation-name: movment;
      animation-duration: 0.7s;
  }

  .right-side .NQF-freq-quest > .ow-pl-inner{
    height: auto !important;
  }

  @keyframes movment {
    from {top: 200px;}
    to {top: 100px;}
  }

  @keyframes showB {
    from {display: none;}
    to {display: block;}
  }

  @keyframes showIB {
    from {display: none;}
    to {display: inline-block;}
  }
  
.fieldset-footer {
    margin-top: 23px;
    cursor: pointer;
    color: #333;
    text-align: right;
    padding: 2px;
    border-radius: 2px;
}



.fieldset-footer-home{
    padding: 15px;
    font-size: 17px;
    width: 98%;
    margin: auto;
    font-weight: 600;
    border-radius: 2px;
    margin-top: 23px;
    cursor: pointer;
}


.fieldset-footer:hover {
    text-decoration: underline;
}

.search-input-articles .hp-search_field{
    padding-left: 0 !important;
}

.search-input-articles{
    width: 80%;
    margin: auto;
}


.divSearch-article{
    color:#333 !important;
    padding : 0 !important;
  }

  .divSearch-article .div-fsb-details .fsb-container {
      padding-left: 0; 
 }

  .divSearch-article .det-div{
    color:#666;
    /*border: 1px solid #ccc;*/
    background: #eee;
    padding: 8px;
  }

  .divSearch-article .article-img{
      border: 1px solid #ccc;
      border-bottom:none;
      /*background: #eee;*/
  }
  
  .divSearch-article .article-desc{
   /* background: #eee;
    border: 1px solid #ccc;*/
    border-top: none;
    padding-left : 5px;
    padding-right : 5px;
    color:#666;
    padding: 5px;
  }

  .divSearch-article .content-article{
      text-align: justify;
      padding: 5px;
  }/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/globalSearch.css  */

.hp-IND{
    margin: 3px 9px !important;
}

.graph-ind{
    display: block;
    width: 100%;
    height: auto;
}

.graph2,.graph3{
    display: none;
}

.dash-menu-graph{
    display: grid;
    grid-template-columns: 33% 34% 33%;
    text-align: center;
    width: 97.5%;
    margin: auto;
}

.indicator-div-title{
    display: grid;
    grid-template-columns: 90% 10%;
    padding: 5px 4px;
    background: #eee;
    border: 1px solid #ddd;
    cursor: pointer;
    color: #888;
}

.indicator-div-title.active{
    border-bottom: 1px solid #fff;
    background: #fff;
}

.indicator-div-title .fat{
    font-size: 23px;
    margin-right: 6px
}

.indicator-div-title i.fa-question-circle{
    color: #38A;
}

.ind-det-but{
    text-align: right;
}

.ind-det-but button{
    border: 1.4px solid #38A;
    background: #eee;
    border-radius: 4px;
    font-size: 16px;
    color: #38A;
    padding: 3px 9px;
}

.ind-det-but button:hover{
    background: #38A;
    color: #EEE;
}

.notif_info_header{
    grid-template-columns:10% 40% 50%;
    display: grid;
    font-family: 'Arial Italique', 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    padding-bottom: 6px;
}
.sf_notif{
    font-size: 28px;
    margin-top: -5px;
    position: inherit;
    color:#9a9898;
}
.notificone_:before {
	 content: "\f0e0";
}
.notificone_EMAIL:before {
	 content: "\f0e0";
}
.notificone_FCM:before {
	content: "\f013";
}
.notificone_SMS:before {
	     content: "\f7cd";
}
.email_to_cls{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notif_emailSubject{
        font-weight: bold;
}
#dashboardArchitect  .ow-pagination-bar {
        height: 43px;
    overflow: hidden;
}

#dashboardArchitect button.ow-button.float{
    margin-left: 80%;
    position: relative;
}
#dashboardArchitect .dashboardArchitect_serach_Button {
    color: #757777 !important;
}
button.ow-button.dashboardArchitect_serach_Button {
    padding: 3px 0.75rem;
    border: 1px solid var(--form-button-fg);
    outline: none;
}
#gobalModelSearch  .ow-pagination-bar {
        height: 43px;
    overflow: hidden;
}


#gobalModelSearch button.ow-button.float{
    margin-left: 80%;
    position: relative;
}
#gobalModelSearch .gobalModelSearch_Button {
    color: #757777 !important;
}
button.ow-button.gobalModelSearch_Button {
    padding: 3px 0.75rem;
    border: 1px solid var(--form-button-fg);
    outline: none;
}
#gobalModelSearch .date_title{
padding-top: 7px;padding-left: 32px;   
 font-family: 'Arial Italique', 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
}
#gobalModelSearch .inforow_0{
grid-template-columns: 28px 94%;
    display: grid;
}
#gobalModelSearch .inforow_1{
grid-template-columns: 82% 18%;
display:grid;
}
#gobalModelSearch .inforow_2{
    padding-top: 5px;
    padding-left: 30px;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
}
#gobalModelSearch .icon_acceedossier{
font-size:30px;
color: #a7a3a3;
cursor: pointer;
}
#gobalModelSearch .icon_pc{
    margin-right: 0px;
    font-size: 20px;
    color: #a7a3a3;
}
#gobalModelSearch .info_town{
    
     
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #999999;
}
#gobalModelSearch .inforow_3{
    padding-left: 30px;
}
#gobalModelSearch .inforow_4{
    padding-left: 30px;
    color: #3388AA;
}
#gobalModelSearch .inforow_5{
grid-template-columns: 10% auto 10%;
    text-align: center;
    display: grid;
    padding-bottom: 5px;
}
#gobalModelSearch .main_search{
    font-family: 'Roboto Regular', 'Roboto';
        width: 100%;
        min-height: 350px;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/mainDefault.css  */
.last-log .hp-text-input>.ow-field-input-side>.ow-field-input-line {
    /* border: 2px solid #4f7ab6; */
    border-radius: 0px; 
    height: 40px;
}

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

.last-log .hp-sbox-text a,.hp-sbox-text i {
    color: inherit !important;
}

.last-log .hp-sbox-text:hover{
    color: #38a;
}

.last-log{
    color: #777 !important
}

.last-log .hp-box-small-title {
    display: block;
    font-size: 1.2rem;
    margin: 0.3rem auto;
    padding: 0.15rem 0rem;
    margin-bottom: 0;
    text-align: left;
}

.card-bx box-text {
    font-size: 0.9rem;
    padding: 0.15rem 1rem;
    display: block;
    color: rgb(100, 100, 100);
}

.height-973{
    height: 97.3% !important;
}

.h-icon{
    height: 5rem !important;
    font-size: 4rem !important;
    width:50px;
}

.link-div-ref{
    text-align: right;
    width: 56%;
    margin: auto;
    font-size: 12px;
    text-decoration: underline;
}

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


/* external css: flickity.css */

#css-script-menu{position:absolute;height:90px;width:100%;top:0;left:0;border-top:5px solid #16a1e7;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);box-shadow:0 2px 3px 0 rgba(0,0,0,.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.css-script-center{max-width:960px;margin:0 auto}.css-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}.css-script-center a{text-decoration:none}.css-script-ads{max-width:728px;height:90px;float:right}.css-script-clear{clear:both;height:0}#carbonads{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,Helvetica,Arial,sans-serif}#carbonads{display:block;overflow:hidden;max-width:728px;position:relative;font-size:22px;box-sizing:content-box}#carbonads>span{display:block}#carbonads a{color:#111;text-decoration:none}#carbonads a:hover{color:#000}.carbon-wrap{display:flex;align-items:center}.carbon-img{display:block;margin:0;line-height:1}.carbon-img img{display:block;height:90px;width:auto}.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:left}.carbon-poweredby{display:block;position:absolute;bottom:0;right:0;padding:6px 10px;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;border-top-left-radius:4px;line-height:1;color:#ccc!important}@media only screen and (min-width:320px) and (max-width:759px){.carbon-text{font-size:14px}}

/*
	SimpleSlider v1.4.1
	Simple responsive slider created in pure javascript.
	https://github.com/michu2k/SimpleSlider

	Copyright 2017 Michał Strumpf
	Published under MIT License
*/
.simple-slider{width:100%;height:500px;overflow:hidden;box-sizing:border-box;z-index:0;position:relative}.simple-slider .slider-wrapper{height:100%;position:relative;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.simple-slider .slider-slide{background-size:cover;background-repeat:no-repeat;background-position:center top;height:97%;float:left;position:relative}.simple-slider .slider-btn{width:30px;height:50px;top:50%;cursor:pointer;background-repeat:no-repeat;position:absolute;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.simple-slider .slider-btn.slider-btn-prev{left:20px;background-image:url(../img/prev.svg);background-position:left}.simple-slider .slider-btn.slider-btn-next{right:20px;background-image:url(../img/next.svg);background-position:right}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/vueLarge.css  */
@media screen and (min-width: 1900px) {

    .item-body p{
        font-size:13px !important; 
    }

    .item-body .item-body-title{
        font-size:15px !important; 
    }

    .ow-field-input-select[data-xpath="query.filterRef"]{
        font-size:15px !important; 
    }

    .divSearch-article .det-div .ow-gbox{
        font-size:17px !important; 
    }

    .last-log .hp-box-icon{
        font-size: 45px !important;
    }

    .main-icon-title i{
        font-size: 42px;
    }

    .main-icon-title-bx .par i {
        font-size: 42px;
    }

    .last-log-info {
        font-size: 14px;
    }
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/vuemobile.css  */
@media screen and (max-width: 900px) {

    .mobile-height-0{
        height: 0px !important;
    }
    
    .mobile-height-auto{
        height: auto !important;
    }    

    .hp-search_field{
        margin: 0 !important;
        padding-left : 0 !important;
    }

    .classSearch-2 .pagination-new-style{
        display: block;
    }

    .NQF-freq-quest > .ow-pl-inner{
        height: auto !important;
    }

    .divSearch-article .fsb-container{
        padding: 13px !important;
    }

    button.send-comment{
        float: none !important;
        margin: auto !important;
        display: block !important;
    }

    .divSearch-article .det-div{
        color:#333;
        padding: 8px;
        font-size:15px;
      }

    .reseau-ss{
        text-align: left !important;
    }

    .comments-list .grided-mobile{
        grid-template-columns: 63px auto !important;
        display: grid !important;
        font-size: 14px !important;
    }


    .comments-list .comment-user-img img{
        width: 46px !important;
    }

    .size955 {
        width: 100%;
    }

    .simulator .simulator-qr {
        margin: auto !important;
        margin-left: 0px !important;
        position: relative;
        height: auto !important;
        
    }

    .simulator .simulator-qr .next-button button{
        margin-bottom: 4px !important;
        height: auto !important;
        margin-left: 0;
    }
    
    .simulator .simulator-sub {
        padding: 10px 15px !important;
    }

    .docs-container-div .doc-item .doc-name div,.docs-comp-container .doc-item .doc-name div,.docs-sort-container .doc-item .doc-name div,.docs-fac-container .doc-item .doc-name div{
        width: 250px !important;
        right:0 !important;
    }
    
    .full-search-list-item{
        height: auto !important;
    }

    .full-search-list-item .item-body-button{
        float: none !important;
        display: block;
        margin: auto
    }

    .video-iframe {
        height: auto;
        margin: 9px 0 9px 0;
    }

    .height-mobile-10{
        height: 10px !important;
    }

    .height-mobile-20{
        height: 20px !important;
    }

    .div-main-icons {
        width: 100%;
        margin: auto;
    }

    .support-html{
        display: block;
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }

    .classSearch-4 .iframe-tab iframe{
        height: auto !important;
    }

    .classSearch-1 .full-search-list-item{
        margin-top: 0 !important;
        padding-top:0 !important;
    }

    .classSearch-1 .full-search-list-item .item-title{
        top: 71px !important;
    }

    .classSearch-1 .full-search-list .full-search-list-item .item-body{
        margin-top: 0 !important;
    }

    .classSearch-1 .full-search-list .full-search-list-item .item-body .item-body-title{
        font-size: 14px;
    }

    .type-demande{
        display: grid !important;
        grid-template-columns: 25% 75% !important;
        width: 100%;
        height: auto;
        margin: 9px auto;
        font-size: 13px;
    }

    .type-demande i{
        font-size: 30px;
    }

    #ranking-table td,#ranking-table2 td{
        font-size: 12px;
    }

    #ranking-table td.rank-dl,#ranking-table td.rank-dg,#ranking-table td.rank-at,#ranking-table td.rank-fs,#ranking-table td.rank-es{
        display: none;
    }

    /* #ranking-table2 td.rm{
        display: none;
    }  */

    .ranking-bar10-U .div-1-top10 span{
        font-size : 12px !important;
        line-height: 12px !important;
    }

    .ranking-bar10-U .div-3-top10 div{
        width: 45% !important;
    }
    
    .ranking-bar10-U .top-10-small{
        display:grid;
        grid-template-columns: 65% 5% 30%;
    }

    .ranking-bar10-E .div-1-top10 span{
        font-size : 12px !important;
        line-height: 12px !important;
    }

    .ranking-bar10-E .div-3-top10 div{
        width: 45% !important;
    }
    
    .ranking-bar10-E .top-10-small{
        display:grid;
        grid-template-columns: 65% 5% 30%;
    }
    
    .legend-region .lg{
        display:grid;
        grid-template-columns: 50% 50% !important;
    }

    .div-bar-1{
        width: 90%;
    }

    .div-bar-2{
        width: 90%;
    }

    #ranking-table{
        display: none;
    }

    #ranking-table2 .commune-td{
        font-size: 12px !important;
        padding-left: 0px !important;
    }

    #ranking-table2 .first-tr{
        display: contents !important;
    }

    .dipslay-block{
        display: block;
    }

    .calcul-index{
        font-size: 13px !important;
        padding: 20px 15px !important;
        text-align: left !important;
    }

    .calcul-index img{
        max-width: 70% !important;
    }

    .autocomplete-items{
        width: 95% !important;
    }

    .classSearch-4 .hp-small{
        padding: 10px 20px !important;
    }

	.divSearch-article{
		font-size:14px !important;
	}
	
	.divSearch-article .content-article{
		text-align:left !important;
    }
    
    .filterRef-class.ow-field-core.labelAlign-float{
             margin-top: 0px; 
             margin-left: 0px;
    }

    .classSearch-0 .ow-vl-inner .stay-grid .ow-gbox-small .ow-vbox .ow-gbox,.classSearch-1 .ow-vl-inner .stay-grid .ow-gbox-small .ow-vbox .ow-gbox,.classSearch-12 .ow-vl-inner .stay-grid .ow-gbox-small .ow-vbox .ow-gbox {
        grid-template-columns: 67% 39% !important;
    }
 
    .filterRef-class .ow-field-input-select{
        font-size: 7px !important;
    }

    .ranking-fieldset .ow-btn-container{
        text-align: center;
        margin-bottom: 25px;
    }

    #ranking-table2 .err-msg-rk{
        position: absolute;
    }

}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .geo-card-gb.geo-grd .geoProtailBck {
        height: 467px !important;
        overflow: hidden !important;
    }

    .geo-card-gb.geo-grd .geoProtailBck img{
        height: auto !important; 
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .menu-geo-gis .ow-button > span {
        margin: 0.1rem 0.1rem !important;
        font-size: 15px !important; 
    }
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 900px) {
    .simple-slider{
        height: 200px !important;
    }
    
    .body-geo-gis .geo-card-gb{
        height: auto !important;
    }

    .geo-card-gb.geo-grd .geoProtailBck {
        height: auto !important;
    }
    .hp-box-geoCov{
        margin: 0 !important;
    }

    .geoPortPop .modal-content {
        width: 95% !important;
    }

    .search-global-organisme-urba .ow-objectlist .ow-form-body .main_search .ow-pl-toolbar{
        display: block !important;
        height: auto !important;
    }

    .search-global-organisme-urba .ow-objectlist .ow-form-body .main_search .ow-pl-toolbar > div {
        width: 100% !important;
        text-align: center !important;
    }

    .upgrade-2{
        font-size:13px !important;
    }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (max-width: 1460px) and (min-width: 800px) {
    .geo-card-gb.geo-grd .geoProtailBck {
        height: 482px !important;
        overflow: hidden !important;
    }

    .menu-geo-gis .ow-button > span {
        margin: 0.1rem 0.1rem !important;
        font-size: 0.9vw !important; 
    }

    .menu-geo-gis button.ow-button {
        padding: 0.25rem 1px;
    } 
    

    .header-menu-geoprotail .mon-space{

    }

    #header-menu-geoprotail .header-grid{
        
        grid-template-columns: 280px auto !important;
    }

    #header-menu-geoprotail .header-logo img{
        width: 55px;
    }

    #header-menu-geoprotail .mini-text-logo{
        font-size: 7.5px !important;
    }

    #header-menu-geoprotail .text-logo{
        font-size: 10px !important;
    }

    .geo-card .upgrade-2{
        font-size: 13.5px !important;
    }

    .geo-card .upgrade-1-p{
        font-size: 1vw !important;
    }

    .geo-card .upgrade-1-title{
        font-size: 1.4vw !important;
    }

    .geo-card .respon-voir{
        font-size: 1.1vw !important;
    }

    .geo-card.geoCard1:hover .upgrade-grid-geoCard,.geo-card.geoCard2:hover .upgrade-grid-geoCard,.geo-card.geoCard3:hover .upgrade-grid-geoCard{
        grid-template-columns: 100% !important;
    }

    .geo-card .upgrade-icon{
        font-size: 50px !important;
        height: 65px !important;
    }

    .geo-card.geoCard1:hover .upgrade-icon,.geo-card.geoCard2:hover .upgrade-icon,.geo-card.geoCard3:hover .upgrade-icon{
        display:none;
    }

     .upgrade-1-para-title{
        font-size: 1.4vw !important;
    }

     .upgrade-1-para-p{
        font-size: 0.9vw !important;
    } 
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1430px) {
    .menu-geo-gis .ow-button > span {
        margin: 0.2rem 0.2rem;
        font-size: 14px !important;
        padding: 4px;
    }
    
}



/* 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/ma/karaz/backend/dynamictranslate/model/dynamictranslate/web/Dynamictranslate.css  */

.ico_dynamictranslate { 
	background-image: url(img/dynamictr.png);
}
.message_err .ow-field-input{
	height: 400px;
	}/* from css file karazapps/olaprest/model/olaprest/web/Olaprest.css  */

.ico_olaprest { 
	background-image: url(img/soamaReferentiel.png);
}
.ico_olaprest2 { 
	background-image: url(img/Referentiel_60.png);
}
/* from css file karazapps/referentiel/decoupage/model/decoupage/web/Decoupage.css  */

.ico_decoupage { 
	/*background-image: url(img/decoupage.png);*/
}

.ico_decoupage:before{ 
	font-family: FontAwesome !important;
	content: "\f041";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}/* from css file karazapps/referentiel/document/model/document/web/Document.css  */
.fa-file-text:before {
	font-family: FontAwesome !important;
    content: "\f15c";
	padding: 5px;
	font-size: 22px;
}

	

/* from css file karazapps/referentiel/localite/model/localite/web/Localite.css  */
 
.ico_localite { 
	/*background-image: url(img/localite.png);*/
}