/* from css file karazapps/autorisations/articleae/model/articleae/web/ArticleAE.css  */

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

.ico_autorisationafp { 
	background-image: url(img/autorisationafp.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.autorisationafp_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}
.hidvibox{
	display:none;
	}
.btn-fa-membere div div {
	font-size: 0;
}

.btn-fa-membere div div:before {
    font-family: FontAwesome !important;
    content: "\f007";
    font-size: 12px !important;
    color: #FFFFFF !important;
}	
a.vBox-fa-car:before {
	font-family: FontAwesome !important;
	content: "\f1b9";
	font-size: 14px;
	color: #8ABFE5 !important;
}

div.vBox-fa-car {
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 5px;
}/* from css file karazapps/autorisations/autorisationcomm/model/autorisationcomm/web/AutorisationComm.css  */

.ico_autorisationcomm { 
	background-image: url(img/autorisationcomm.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.ico_autorisationcomm:before {
	font-family: FontAwesome !important;
	content: "\f022";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}/* from css file karazapps/autorisations/autorisationec/model/autorisationec/web/AutorisationEC.css  */
.ico_autorisationec { 
	background-image: url(img/autorisationec.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.autorisationec_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}
.hidvibox{
	display:none;
	}
	
:root {
    /* Notification messages */
    --info-message-background : #eaf4fb;
    --info-message-border : #262f3d;
    --info-message-title : #38A;
    --info-message-text : #262f3d;
    
    /* Alert messages */
    --info-alert-background : #ffefcf;
    --info-alert-border : #fead0d;
    --info-alert-title : #fead0d;
    --info-alert-text : #55575d;

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

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

/* START :: Grid blink search */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/* END :: Grid blink search */

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

.RepresentantPMBeforeConfirm{
    background-color: #f7f7f7;
}

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

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

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

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

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

/* style popup annotations */

.visibilite_popupAnnotation{
    display: none;
}

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

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

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

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

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

/* Notification messages*/

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/************************** Start :: Oussama Css Permis de construire**************************/


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

.custom_for >.ow-vl-inner{
    display: flex;
    -webkit-flex-flow: row wrap;
    margin-left: 24px
}
.vbox-paiment-CB {
    margin-left: 80px;
    margin-right: 200px;
}
.noform-footer .ow-form-footer{
    display: none;
}
/************************** Start :: Oussama Css Block Document requis**************************/
#docData{
    margin-left: 20px;
}

.doc-drag .ow-uploadFormPanel {
    display: block;
    background: none;
    position: unset;
    top: 0;
    transform: none;
    padding: 0; 
    box-shadow: none;
    z-index: 0;
    width: unset;
    }
     
    .doc-drag .ow-ufp-bar{
        display: none;
    }
    .doc-drag .ow-dialog-btn {
        display: none;
    }
    .doc-drag-button{
        display: none !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;
}
    
.revue-doc-esoumission{
    margin: 0px 66px;
}
.revue-doc-esoumission .ow-field-input-toggler{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.receptiondoc-Non::before{
    content : "\f057";
    font-family: "Font Awesome\ 5 Free";
    color: red;
    font-weight: bold;
}

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

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

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

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

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

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

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

.ow-field-core.receptiondoc-stringToggler.labelAlign-float{
    margin-right: 0px;
}

#blockMoaCarousel .carousel{
    margin-left: 10px !important;
}
#blockMoaCarousel .carousel .carousel-item {
    width: 100%;
    visibility: hidden !important;
}
#blockMoaCarousel .carousel .carousel-item.active {
    width: 100%;
    visibility: visible !important;
}

/************************** END :: RIBATIS KARAZ 6.0 CSS CUSTOM **************************/
.payWith .ow-label.ow-label-side{
	min-width: 240px !important;
} 

.hk-heigth{
	min-height:250px;
}

.resetCount{
    counter-reset: line;
}

.count{
    counter-increment: line;
}

.count:before{
    content: counter(line);
}

.resetCount{
    counter-reset: line;
}

/* 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: "\f187" ;
	padding: 5px;
	font-size: 22px;
	top: 7px;
}






.ecmBrowser .gridTableContainer {border-width: 0px !important ;}
.krz_thumbnail_cell .krz_thumbnail.vignetteECM {
	padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.ecm_br_console_hbox  {
	
}
.ecm_br_console_hbox .gwt-Label {
	font-family: Roboto;
}
.ecm_console_sortBtn {
	    width: 20px !important;
    height: 20px;
    font-size: 24px;
    color: #1986b9;
    /* background: white; */
    /* border: 1px solid #dae1e6; */
    display: block;
    text-align: center;
    line-height: 20px;
    /* border-radius: 12px; */

} 

.ecm_console_sortBtn i.fa:before {
	
}
.ecm_table {}
.ecm_item {}
.ecm_br_thumbnail {}
.ecm_br_inner {
	line-height: 22px;
    font-size: 13px;
    font-family: Roboto, Helvetica;
    margin: 5px;
}
.ecm_br_fileName {}
.ecm_br_change {}
.ecm_br_description {color: #888}
.ecm_br_tags { color: #888}
.ecm_br_size {margin-left: 20px}
.ecm_br_thumbnail i {
	font-size: 50px;
    color: #8BD;
    line-height: 50px;
}

.ecm_br_actions {
	display:none;
    color: #444;
    font-size: 13px;
    font-family: Helvetica;
    line-height: 22px;
    cursor: pointer;
    padding: 5px;
}


.ecm_br_actions_container {
    width: 180px; 
	
}
.ecm_br_liner  {
    color: #888;
    font-size: 12px;
	}
.ecm_br_liner span {
   cursor: pointer;
	}
.ecm_br_liner .fa {
	color: #444;
	margin-left: 12px;
	margin-right: 4px;
}
.ecm_br_actions .fa  {
	color: #444;
	margin-left: 5px;
	margin-right: 10px;
}

.vignetteECM:HOVER   { 
	
    background-color: #f4faff;
}
.vignetteECM:HOVER .ecm_br_actions {
	display: block;
}
.vignetteECM:HOVER  tr td:last-CHILD {
	
	border-left: 2px solid #EEEAE5;
	
}
.vignetteECM .krz_thumbnail_inner {
	margin: 0 0 0 0 !important;
}

.vignetteECM table td { 
border: 0px solid white; 
padding: 5px;
}

.ecmBrowser input {
	background: none;
	
}

.ecmBrowser .kzf_select > div > div, .ecmBrowser .leftWrappedField > div, .ecmBrowser .leftWrappedField > div > div, .ecmBrowser .leftWrappedField .GEUASV1BALC {
    border-radius: 0px;
    background: none;
}
.KarazFormScreenPanel .ecmScreen {
	
    background: whitesmoke;
    border: 1px solid #c8c8c8;
    
   box-shadow: 3px 3px 6px #979c9e;
       padding-top: 5px;
}




.ecm_br_crumb {
	color: #777;
	font-size:12px;
}
.ecm_br_crumb .ecm_crum_sep { 
    font-family: FontAwesome;
    font-size: 13px;
    left: 5px;
    color: #777;
    margin-left: 10px;
    margin-right: 2px;
	cursor: pointer;
}

.ecm_crum_sep:before {
content:"\f07b";
}

.shareTextDivHidden {display:none;}
.shareTextDiv {position:relative}
.shareTextDiv   input {
	        border: 1px solid #AAA;
    padding: 5px;
    width: 98%;
    margin-top: 5px;
    color: #999;
    font-size: 13px;
    height: 22px;
}
.shareTextDiv   span {
	    position: absolute;
    right: 5px;
    top: 9px;
    background: white;
    padding: 1px;
    cursor: pointer;
    font-size: 15px;
} 

.ecm_br_header{
	    margin: 5px;
    color: #1986b9;
    font-size: 18px;
    font-family: Roboto;
    border-bottom: 1px solid #eaeae8;
    padding-bottom: 5px;
}






.ecm_br_omni > div {
	    width: 283px;
    border: 1px solid #CCC;
    border-radius: 19px !important;
    background-color: #f8f8f8;
}

.ecm_br_omni > div > input {
	   padding-left: 16px;
}


.thumbnailHidden img { display:none } 
.thumbnailExists i {display:none} 
.fa-file-pdf:before  { content: "\f1c1";  }
.fa-file-doc:before  { content: "\f1c2";  }
.fa-file-dwg:before  { content: "\f1c3";  }
.fa-file-dxf:before  { content: "\f1c2";  }
.fa-file-zip:before  { content: "\f1c6";  }
.fa-file-ppt:before  { content: "\f1c4";  }
/* from css file karazapps/backend/admin/ecm/repository/model/repository/web/Repository.css  */

/* from css file karazapps/backend/scheduling/script/model/script/web/Script.css  */

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

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

.refreshScriptButton:before {
	
	
}

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

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

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

div.visibilityHidden {
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 5px;
}
.btnwavisualisation:before {
	font-family: FontAwesome !important;
	content: "\f06e";
	font-size: 25px !important;
	color: #FFFFFF !important;
}
/* from css file karazapps/cug/cri/servicerendu/servicerd/model/servicerd/web/serviceRendu.css  */
.pym-search div#addDocBox > .ow-vl-inner {
    display: grid;
    grid-template-columns: 50% 50%;
 }

 .py-sr-view .form-header .ow-field-input-line{
    height: 28px;
 }

 .py-sr-view .form-header .ow-field-input-select{
    color: var(--k6-form-header-value-fg);
}

.py-sr-view .visualise-cs-btn{
    background: #38A !important;
    color: #FFF !important;
    padding: 0.45rem 0.75rem !important;
}

.py-sr-view .visualise-cs-btn:hover{
    background: var(--form-button-bg) !important;
    border: none !important;
    color: var(--form-button-fg) !important;
}

.py-sr-view .form-vertical-tag_En.Attente.de.Confirmation{
    height: 57px;
    margin-top: 41px;
    margin-left: -86px;
    width: 165px;
    margin-bottom: 42px;
  }
  
  .title-sr-div{
    margin: 15px auto;
    /* margin-top: 15px; */
    margin-bottom: 15px; 
    width: 98%;
    padding: 5px 17px;
    background: #EEE;
    border-bottom: 1px solid #AAA;
}

.title-sr-span{ 
    line-height: 1.6rem;
    text-transform: UPPERCASE;
    font-size: 15px;
    color: #666;
}

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

.download-visualise-cs .ow-btn-container{
    text-align: center;
} 

#AutBody{
    width: 100%;
    border: solid;
    border-width: 1px;
    border-color: #bbb;
    margin-top: 3%;
}

#AutBody> .ow-vl-inner{
    justify-content: center;
    margin-top: -19px;
}

#AutBody #BodyButtons .ow-vl-inner{
    display: flex;
}

#AutBody .ow-tabpanel-headers .ow-tab-header {
    border-radius: 10px;
    padding: 8px 10px !important;
    background-color: #EEE;
    color: #666666;
    margin: 0px 10px;
    border: solid;
    border-width: thin;
    width: 235px;
    text-align: center;
    font-size: 70%;
}

#AutBody .ow-tabpanel-headers .ow-tab-header:hover {
    background-color: #666666;
    color: #EFEFEF; 
}

#AutBody .ow-tabpanel-headers .ow-tab-header.selected-tab {
    background-color: #666666;
    color: #EFEFEF; 
}

#AutBody .ow-tabpanel-headers {
    border-bottom: none !important;
    justify-content: center;
    display: flex;
}

#AutBody #visioFrame {
    display: block;
}

#AutBody #files {
    width: 98%;
    height: 170px;
    margin: 1%;
    margin-top: 3%;
    border: solid;
    border-radius: 5px;
    border-width: 1px;
    border-color: #bbb;
}

#AutBody #plm {
    margin-top: 4%;
} 

#AutBody #blinkSearch{
    margin-top: 3%;
}

#AutBody #blinkSearch .ow-vl-inner {
    margin-top: 3%;
}

#modeAssistant {
    margin-top: 8%;
}

#modeAssistant .ow-field-input-side {
    flex: none;
    margin-top: 8px;
    padding: 0px;
}

#modeAssistant .ow-field-core{
    flex-flow: row-reverse;
}

#modeAssistant .ow-label-side {
    min-width: fit-content !important;
}

#buttons .butn{
    border: solid;
    border-width: 1px;
    border-radius: 10px;
    color: #666666;
    outline: none;
}

#buttons .butn:hover {
    color: white;
}

#buttons .validESig {
    border: solid;
    border-width: 1px;
    border-radius: 10px;
    background-color: green;
    color: white; 
    padding: 5px 20px;
    margin-top: -3px;
    outline: none;
}

#buttons .validESig:hover {
    background-color: #226f17;
}

#buttons .valideGris {
    border: solid;
    border-width: 1px;
    border-radius: 10px;
    background-color: #666;
    color: white; 
    padding: 5px 20px;
    margin-top: -3px;
    outline: none;
}

#historiqueAvis {
    margin-top: 8%;
    margin-left: 10%;
}

#historiqueAvis i {
    color:#3388AA
}

#historiqueAvis a {
    text-decoration: underline;
}

#historiqueAvis a:hover {
    cursor: default;
}

#confDeciBody {
    width: 100%;
    /*min-height: 412px*/;
    /*overflow-y: auto;*/
}

#csr .ow-field-input-side {
    margin-top: 3px;
}   

.chevronLeft {
    margin: auto;
    color: #8D8D8D;
    cursor: pointer;
}

#AutBody .ow-tab-header {
    z-index: 9;
}

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

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

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

.obtenuParPlatf .NoUnderlineField .ow-vl-inner {
	display: flex;
}
.carousel .ow-collection-emptylabel {
    margin-top: 125px;
}

.carousel .carousel-item {
    width: 180px;
}

.carousel {
    height: 200px
}

.smallChev {
	color: #666;
    font-size: 5px;
    cursor: pointer;
    margin-top: 400px;
}

.receptiondoc-textArea{
    margin-left: 1em !important;
}

.eSignBtn .tooltip .tooltiptext::before{
	bottom: 25%;
    left: -6px;
    transform: rotate(90deg);
}

.eSignBtn .tooltip .tooltiptext{
	transform: translate(18px, -18px);
	width: fit-content;
    padding: 3px 12px;
}

.eSignBtn .tooltip{
	border: 1px solid;
	display: inline;
}

.count{
    counter-increment: line;
}

.count:before{
    content: counter(line);
}

.resetCount{
    counter-reset: line;
}

#validerDeci {
	border-radius: 15px; 
    padding: 1px 15px;
}

#validerDeci span {
	font-size: 15px;
}

.span-truncate {
	display: table-cell;
    max-width: 300px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.span-truncate:hover {
	max-width: unset !important;
}

#membreOcc .ow-collection-removeBtn {
	border: 1px solid #000;
    width: 90px;
    border-radius: 10px;
    background-color: #e7e7e7;
    font-size: 0;
    display: flex;
    justify-content: center;
    color: black;
    padding-bottom: 3px;
    transform: translate(-185px, 130px);
}

#membreOcc .ow-collection-removeBtn:before {
	content: "Retirer";
	 font-size: 15px;
} 

#addMember .addbtn {
	float: right;
    border: 1px solid #000;
    width: 90px;
    border-radius: 10px;
    background-color: #e7e7e7;
    display: flex;
    justify-content: center;
    color: black;
    padding: 0px 0px;
    opacity: 0.7;
    outline: none;
}

#addMember .addbtn:hover {
	opacity: 1;
} 

#addMember .addbtn span {
	font-size: 14px;
}

.griser_label input{
    background-color : #efefef6b;
    cursor: default;
  }
  
  .griser_label .ow-label{
    color : black;
  }
  
  #generateAut {
    margin: auto;
    background: #38a;
      color: white;
      padding: 8px 10px;
      border-radius: 15px;
      outline: none;
  }
  
  #generateAut .ow-btn-label {
    font-size: 16px;
  }
  
  #generateAut .ow-btn-icon {
    font-size: 1.33333333em !important;
  }
  
  #generateAut:hover {
    background-color: #40a4cc;
  }
  
  #noborder_label .ow-field-input-line {
    border-bottom: none;
  }
  
  #quittance .ow-collection-cloneBtn{
    display: none;
  }   
  
  .approuverOp .ow-field-input-toggler div {
    margin-right: 20%;
  }
  
  #taxeBtn {
    justify-content: center;
      display: flex;
  }
  
  #taxeBtn button{
    width: -webkit-fill-available;
      border: #38a solid 1px;
      border-radius: 6px;
      outline: none;
  }
  .k-reference-truncate .ow-field-input-line{
      height: unset;
      min-height: 28px;
  }

  /****/
  .eSignBtn .tooltip{
    font-family: var(--font-global);
  } 

  #membreOcc .ow-collection-removeBtn:before{
    font-family: var(--font-global) !important; 
    color: #666;
    
  }

  #membreOcc .ow-collection-removeBtn{
    border-color: #666 !important; 
    color: #666 !important;

  }

  .editTaxe {
  	background: none !important;
    color: #38a !important;
    outline: none;
  }

  .editTaxe span {
  	font-size: 30px;
    margin: -5px -20px;
  }

  .dsprisdent{
    grid-template-columns: 10% 90%;
    width: 88%;
    font-size: 14px;
    margin: auto;
    color: #666;
 }
​
 .dsprisdent i{
    font-size : 37px;
 }
​
 .dsprisdent .dsc{
    font-size: 18px;
    color: #666
 }
​
    .dsprisdent .dsc i{
       text-align:center;
    }
​
    .dsprisdent .dsc .ds-title{
       margin:10px 3px;   
    }
​
    .printDiv{
       margin-top: 32px;
    }
​
    .btn-666{
       background: #fff !important;
       color: #666 !important;
       margin-top: 6px !important; 
    }
​
    .btn-666 span{
       font-size : 15px !important;
    }
/************************** Youssef ::  Block Moa qualité**************************/

.qualiteClass{
    margin : 0 !important;
    display : inline !important;
 }

 .qualiteClass div,.qualiteClass span{
    display : inline !important;
 }

 .qualiteClass .ow-field-input-select{
    padding: 0 !important;
    text-transform: uppercase !important;
    color: #666 !important;
    font-size: 16px !important;
 }
 
 .qualiteClass .ow-field-input-line{
    border:none !important;
    display: inline !important;
 }

 .inline-div-cl,.inline-div-cl-pr .ow-field-select-container{
    display : inline !important;
 }

 .inline-div-cl div{
    display : inline !important;
 }

 .inline-div-cl .form-text-medium{
        margin-right: 0px;
 }
 
 .dateTextInlineVbox .ow-field-core {
    margin:0;
}
.dateTextInline .ow-field-input {
	font-size: 1rem !important;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
    cursor: text;
    width: 90px;
    background: transparent;
}
.dateTextInline .ow-field-input-side {
        padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.dateTextInline .ow-field-input-line {
    border-bottom: 0 !important;
}

 .qualiteClass .ow-field-assistance{
    display:none !important;
 }

 .qualiteClass .ow-field-select-container .ow-field-input{
    cursor:auto !important;
 }
 
 
 .inputElips input{
	width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hk-heigth{
	min-height:250px;
}


 .simple-toggle .ow-field-input-line{
    border: none !important;
    padding: 6px !important;
  }

  .simple-toggle .ow-label-side{
    font-size: 14px !important;
  } 
  
  .printDiv .ow-field-input-wrapper{
    overflow: visible;
}

.printDiv .ow-field-input-wrapper .ow-field-input-toggler{
    display: block !important;
}

.printDiv button.ow-button.float {
    margin-top: 10px;
}
  
.printDiv #taxeBtn button {
    text-align:left !important;
}   



.prepasg .ow-field-assistance {
    height: 400px;
}

#generateAut{
    padding: 5px 10px !important;
    font-size: 12px !important;
}

#generateAut .ow-btn-label {
    font-size: 13px !important;
}

.approuverOp .ow-field-input-toggler div {
    margin-right: 0% !important;
}

.approuverOp .ow-field-input-toggler{
    display: grid;
    grid-template-columns: 33% 34% 33%;
}

.esignStat-true:after {
    content: 'e-Signé' !important;
}

.esignStat-false-false {
    background-color: rgb(255, 153, 0) !important;
    color: white !important;
    border-radius: 10px !important;
    border: rgb(255, 153, 0) !important;
    padding: 4px 12px !important;
  }

  .esignStat-true-false {
    background-color: green !important;
    color: white !important;
    border-radius: 10px !important;
    border: green !important;
    padding: 4px 14px !important;
  }
  
  .esignStat-false-true {
    background-color: red !important;
    color: white !important;
    border-radius: 10px !important;
    border: green !important;
    padding: 4px 14px !important;
  }

  .esignStat-false-false:after {
    content: 'En attente';
  }

  .esignStat-false-true:after {
    content: 'Signature annulée';
  }
  
  .esignStat-true-false:after {
    content: 'e-Signé';
  }

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

.icoWarning:before {
	font-family: FontAwesome;
	content: "\f071";
	font-size: 2em;
	color: #FFBF00 !important;
}

.icoInfo:before {
    font-family: FontAwesome;
    content: "\f05a";
    font-size: 2em;
    color: #FFBF00;
}
.check-boolean .ow-vl-inner{
    display: grid;
    grid-template-columns: 7% 93%;
    width: 90%;
    margin: auto;
    font-size: 13px;
    text-align: justify;
    color: #38a;
}

.check-boolean{
    margin-top: 23px;
}

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

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

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


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

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

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

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

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

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

#LambertCoor .ow-vl-popup{
    position: fixed;
    top: 80px;
    z-index: 11;
    width: 600px;
    background: #FFF;
    border: solid 1px #999;
    box-shadow: 5px 5px 5px #888888a1;
    padding: 1.2rem 1rem 0.5rem;
    overflow: auto;
    max-width: unset;
}

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

#LambertCoor button.ow-button{
    background: none;
    padding: 0;
    outline: none;
    color: #666666;
}
#LambertCoor .ow-button > span{
    font-size: 18px;
}
#LambertCoor button.ow-button:hover{
    background: none;
    outline: none;
    color: #38a;
}

#popupCoor button.ow-button{
    margin-top: 0px;
}
#popupCoor textarea.ow-field-input{
    min-height: 140px;
}
#popupCoor .ow-pagination-sttgroup{
    display: none;
}
.coordsFor{
    max-height: 300px;
    overflow-y: scroll;
    overflow: auto;
}


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


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

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

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

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

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

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

.hieebtnLoader button{
    display:none;
}

.hiedtblLoader .ow-table-btns{
    display:none;
}

.hiedtblLoader .tbl-action-icon{
    display:none;
}

.hiedtblLoader .ow-table td .actions{
    display:none;
}

.authBtn {
    width: -webkit-fill-available;
    border-radius: 15px;
}

.cinField .ow-field-input-line {

    border-radius: 33px !important;
}

.ow-pl.expanded.no-collapse.ow-tabpanel-flex.OppFS {
    margin-left: 12%;
    margin-right: 12%;
    border-radius: 33px;
}

.OppField .ow-field-input {
    height: 122px;
    
}

.ow-vl.ow-vbox.searchContainer {
    margin-left: 5%;
    margin-right: 5%;
    background: white;
    padding: 2.5%;
    
}

.addOpp {
    width: -webkit-fill-available;
    border-radius: 16px !important;
}


.ow-vl.ow-vbox.criterBox {
    border: 1px solid #38a;
    border-radius: 33px;
    padding: 1%;
}

.filterBtn {
    
    border: solid 1px #38a !important;
    border-radius: 33px !important;
    margin-top: 12px !important;
}

.addOpp .fa-search-plus {
    margin-left: -40px;
    margin-right: 9px;
}
/* from css file karazapps/autorisations/autorisationoan/model/autorisationoan/web/AutorisationOAN.css  */

.ico_autorisationoan { 
	background-image: url(img/autorisationoan.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.autorisationoan_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}
.hidvibox{
	display:none;
	}
.btn-fa-membere div div {
	font-size: 0;
}

.btn-fa-membere div div:before {
    font-family: FontAwesome !important;
    content: "\f007";
    font-size: 12px !important;
    color: #FFFFFF !important;
}	
a.vBox-fa-car:before {
	font-family: FontAwesome !important;
	content: "\f1b9";
	font-size: 14px;
	color: #8ABFE5 !important;
}

div.vBox-fa-car {
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 5px;
}/* from css file karazapps/autorisations/autorisationodp/model/autorisationodp/web/AutorisationODP.css  */

.ico_autorisationodp { 
	background-image: url(img/autorisationodp.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.autorisationodp_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}
.btnRestaurerAuto:before {
	font-family: FontAwesome !important;
	content: "\f079";
	font-size: 25px !important;
	color: #FFFFFF !important;
}/* from css file karazapps/autorisations/autorisationopft/model/autorisationopft/web/AutorisationOPFT.css  */

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

.ico_autorisationsd { 
	background-image: url(img/autorisationsd.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.autorisationsd_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}
.icoInfo:before {
    font-family: FontAwesome;
    content: "\f05a";
    font-size: 2em;
}/* from css file karazapps/autorisations/controlepostoriori/model/controlepostoriori/web/ControlePostoriori.css  */

.ico_controlepostoriori { 
	background-image: url(img/controlepostoriori.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.controlepostoriori_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/autorisations/daycommisssion/model/daycommisssion/web/DayCommisssion.css  */

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

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

.ico_autorisationec { 
	background-image: url(img/autorisationec.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.autorisationec_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/autorisations/parametrageae/model/parametrageae/web/ParametrageAE.css  */

.ico_parametrageae { 
	background-image: url(img/parametrageae.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.parametrageae_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/autorisations/parametragecommssion/model/parametragecommssion/web/ParametrageCommssion.css  */

.ico_parametragecommssion { 
	background-image: url(img/parametragecommssion.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.parametragecommssion_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/autorisations/renouvellementodp/model/renouvellementodp/web/RenouvellementODP.css  */

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

.ico_travauxurgentodp { 
	background-image: url(img/travauxurgentodp.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.travauxurgentodp_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/backend/admin/domain/realme/model/realme/web/Domain.css  */

.ico_domain { 
	background-image: url(img/Domaine_Identification.png);
}/* from css file karazapps/backend/admin/dynamicmenu/model/dynamicmenu/web/DynamicMenu.css  */

.ico_dynamicmenu { 
	background-image: url(img/dynamicmenu.png);
}/* from css file karazapps/backend/admin/ecm/repository/model/repository/web/Repository.css  */

.ico_repository { 
	background-image: url(img/repository.png);
}/* from css file karazapps/backend/admin/feeder/emailreceiver/model/emailreceiver/web/EmailReceiver.css  */

.ico_emailreciver { 
	background-image: url(img/E-mail-Receiver.png);
}/* from css file karazapps/backend/admin/importation/model/Importation/web/Import.css  */

.ico_importations { 
	background-image: url(img/Import_Export.png);
}
/* from css file karazapps/backend/admin/parametrages/model/parametrages/web/Parametrages.css  */

.ico_parametrages { 
	background-image: url(img/parametrages.png);
}/* from css file karazapps/backend/admin/profile/model/profile/web/Profiles.css  */

.ico_profiles { 
	background-image: url(img/Profiles.png);
}/* from css file karazapps/backend/admin/report/model/report/web/Report.css  */

.ico_report { 
	background-image: url(img/Report.png);
}/* from css file karazapps/backend/admin/resources/liste/model/liste/web/Parametres.css  */

.ico_parametres { 
	background-image: url(img/Parametres.png);
}/* from css file karazapps/backend/adminuserdata/exportation/model/exportation/web/Exportation.css  */

.ico_exportation { 
	background-image: url(img/exportation.png);
}/* from css file karazapps/backend/adminuserdata/importation/model/importation/web/Importation.css  */

.ico_importation { 
	background-image: url(img/importation.png);
}/* from css file karazapps/backend/bam/activityinst/model/Activityinst/web/Activityinst.css  */

.ico_activityinst { 
	background-image: url(img/activityinst.png);
}/* from css file karazapps/backend/bam/processinst/model/Processinst/web/Processinst.css  */

.ico_processinst { 
	background-image: url(img/BAM.png);
}/* from css file karazapps/backend/bam/serverstartup/model/ServerStartup/web/ServerStartup.css  */

.ico_serverstartup { 
	background-image: url(img/BAM.png);
}/* from css file karazapps/backend/bam/usersession/model/UserSession/web/UserSession.css  */

.ico_usersession { 
	background-image: url(img/BAM.png);
}

.userSessionPermissionTab li {
	font-family: Candara;
	padding-left: 20px;
}/* from css file karazapps/backend/scheduling/execution/model/execution/web/Execution.css  */

.ico_execution { 
	background-image: url(img/execution.png);
}/* from css file karazapps/backend/scheduling/job/model/job/web/Job.css  */

.ico_job { 
	background-image: url(img/Scheduler.png);
}/* from css file karazapps/backend/scheduling/script/model/script/web/Script.css  */

.ico_script { 
	background-image: url(img/script.png);
}

.refreshScriptButton {
	background: url("img/refresh-64x64.png") ; 
	background-size: 32px 32px;
	width:32px;
	height:32px; 
	position:absolute;
	cursor:pointer; 
	top:2px; 
	right:20px
}

.refreshScriptButton:before {
	
	
}

.ScriptCodeTextArea textarea {
    color: #a2e6a2;
    font-family: Candara; 
    background: #303930;
    font-size: 13px;
    font-family: monospace;
    font-weight: normal;
	
}/* from css file karazapps/cessation/cessation/model/cessation/web/Cessation.css  */

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

.sendBtn{
background: #008000 !important;
color:white !important;
 margin-left: 43% !important;
}

.InlineStringTogglers .ow-field-input.ow-field-input-toggler >div {
    margin: 30px!important;
}
.InlineStringTogglers .ow-field-input.ow-field-input-toggler {
    margin-left: 119px;
}

.info-div .ow-pl-noborder {
    background: #EEE;
}
.info-div{
	 background: #EEE;
}

.text-doc{
	font-size: 12px;
    color: #666;
    margin: 10px 20px;
}

.obtenuParPlatf .NoUnderlineField .ow-vl-inner {
	display: flex;
}

.btnPrintAutoP {
    margin-left: 167px !important;
    margin-top: 26px !important;
}

.ow-vl .ow-vbox .ow-pl .noBorder {
    border: none !important;
}

.noBb .ow-field-input-line {
    border-bottom: none !important;
}
.genBtn {
    border: 1px solid #38a !important;
    outline: none !important;
    padding: 0rem 0.75rem !important;
}

.generateDocContainer .ow-btn-container{
	text-align: center !important;
}/* from css file karazapps/cession/cession/model/cession/web/Cession.css  */

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

.sendBtn{
background: #008000 !important;
color:white !important;
 margin-left: 43% !important;
}

.InlineStringTogglers .ow-field-input.ow-field-input-toggler >div {
    margin: 30px!important;
}
.InlineStringTogglers .ow-field-input.ow-field-input-toggler {
    margin-left: 119px;
}

.info-div .ow-pl-noborder {
    background: #EEE;
}
.info-div{
	 background: #EEE;
}

.text-doc{
	font-size: 12px;
    color: #666;
    margin: 10px 20px;
}

.obtenuParPlatf .NoUnderlineField .ow-vl-inner {
	display: flex;
}

.btnPrintAutoP {
    margin-left: 167px !important;
    margin-top: 26px !important;
}
.sendBtn .ow-btn-label {
    font-size: 18PX !IMPORTANT;
}

.corrbtn {
    margin-left: 61px !important;
}

.ow-vl .ow-vbox .ow-pl .noBorder {
    border: none !important;
}

.noBb .ow-field-input-line {
    border-bottom: none !important;
}
.genBtn {
    border: 1px solid #38a !important;
    outline: none !important;
    padding: 0rem 0.75rem !important;
}/* from css file karazapps/cms/cmskaraz/model/cmskaraz/web/CmsKaraz.css  */
/*
.ico_cmskaraz { 
	background-image: url(img/cmskaraz.png);
}
*/
.vignetteCMS {
	margin: auto;
	width: 96%;
	margin-bottom: 10px;
	min-wdth: 97%:
}

.kcmsVignetteDescription {
	font-family: helvetica, arial, verdana, sans-serif !important;
	font-size: 12px !important;
}

.kcmsVignetteThumbnail {
	float: left;
	padding: 10px;
}

.kcmsVignetteSuite {
	color: #1886b9 !important;
	font-weight: bold !important;
}

.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: 97% !important;
}

#cmsAttahcmentIframe body {
	text-align: center !important;
}

.slideDescription {
	font-family: helvetica, arial, verdana, sans-serif !important;
	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;
}

.fa-close:before {
	content: "\f00d";
}

.fa-info-circle:before {
	content: "\f05a";
}

.type-VIDEO {
	display: block !important;
}

.kcmsColumnGrid object {
	display: none;
}

.gridType-VIDEO object {
	display: block !important;
}

.gridType-VIDEO img, .gridType-VIDEO .kcmsGridDescription {
	display: none !important;
}

.kcmsColumnGridOuter {
	float: left;
	width: 350px;
	min-width: 22%
}

.kcmsColumnGrid {
	position: relative;
	float: left;
	margin: 10px 0 15px 10px;
	width: 300px;
	height: 300px;
	padding: 5px;
	background: white;
	border-radius: 9px;
	box-shadow: 3px 5px 13px rgba(0, 0, 0, 0.18);
	overflow: hidden;
}

.kcmsColumnGrid img, .kcmsColumnGrid embed {
	display: block;
	border: 1px solid rgb(187, 187, 170);
}

.kcmsGridTitle span {
	position: relative;
	color: #1886b9;
	width: 100%;
}

h3.kcmsGridTitle {
	padding: 3px;
	padding-top: 8px;
	max-height: 40px;
	overflow: hidden;
	text-transform: uppercase;
	white-space: initial;
}

.kcmsGridDescription {
	position: relative;
	width: auto;
	color: #333333;
	overflow: hidden;
	padding-top: 8px;
	white-space: initial;
	font-size: 13px;
	text-align: justify;
	background-color: white;
	line-height: 19px;
	padding: 3px;
}

/********** SLIDER *******/
.slidesjs-previous, .slidesjs-next {
	position: absolute;
	display: block;
	z-index: 100;
	overflow: hidden;
	font-size: 0px;
	width: 50px;
	height: 120px;
	top: 33%;
}

.slidesjs-previous {
	left: 5px;
}



.slidesjs-next {
	right: 10px;
}

.slidesjs-previous:before {
	font-family: FontAwesome !important;
	content: "\f104";
	padding-left: 5px;
	font-size: 120px;
	font-weight: normal;
	color: rgba(80, 146, 190, 0.6);
}
.slidesjs-next:before {
	font-family: FontAwesome !important;
	content: "\f105";
	padding-left: 5px;
	font-size: 120px;
	font-weight: normal;
	color: rgba(80, 146, 190, 0.6);
}

.slidesjs-pagination-item {
	float: left
}

.slidesjs-pagination-item a {
	width: 12px;
	height: 12px;
	display: block;
	border-redius: 6px;
	margin: 20px;
	font-size: 0px;
	background: #888;
}

.slidesjs-pagination-item a.active {
	background: #88F;
}

.slidesjs-pagination {
	position: absolute;
	z-index: 100;
	bottom: 20px;
	left: 45%;
}

.slideDescriptionInx h2 {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 20px;
	color: #FFF;
}

.slideDescriptionInx {
	width: 40%;
	position: absolute;
	top: 35% !important;
	left: 86px;
	background: rgba(34, 114, 156, 0.6);
	font-family: Calibri;
	font-size: 18px;
	line-height: 28px;
	color: #FEFEFF;
	text-align: left;
	overflow: hidden;
	padding: 14px;
	border-radius: 10px;
}

.lireSuite {
	color: #fff;
	float: right;
	font-size: 18px;
}

.type-VIDEO {
	display: block !important;
}

.blockSlide object {
	display: none;
}

.slideType-VIDEO object {
	display: block !important;
}

.slideType-VIDEO img, .slideType-VIDEO .slideDescriptionInx {
	display: none !important;
}

.slideContainer {
	width: 100%;
	height: 450px;
	overflow: hidden
}

.sildeRepeat {
	
}

.searchSlidesScreen {
	background-color: rgba(250, 250, 250, 0);
	left: 80px !important;
	overflow-y: visible !important;
	overflow-x: visible !important;
	position: absolute !important;
	z-index: 15;
	margin-top: 20px;
	margin-left: 100px;
}

.searchSlidesScreen div {
	
}

.searchSlidePanel {
	background-color: rgba(30, 109, 146, 0.5) !important;
	padding: 10px !important;
}

.searchSlidePanel div {
	padding: 0 !important; 
}

.searchSlidePanel .gwt-Label {
	font-family: Calibri;
	color: #EEE
}

@media screen and (max-width: 900px) {
	.searchSlidePanel { 
	width:580px;
	margin:auto;
	}
	.searchSlidesScreen {
	position: relative !important;
    margin-top: 0;
    margin-left: 0;
    left: 0!important;
    width: 600px !important;
	
	}
.slideDescriptionInx	{
	    width: 50%;
    margin: auto;
    margin-left: auto;
    left: 5px;
    top: inherit !important;
    bottom: 5px;
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    border-radius: 4px;
    }
	.slideContainer {
		
	}
	.sildeRepeat {
		
	}
	.kcmsColumnGridOuter {
		width: 300px;
		min-width: 45%
	}
	.kcmsColumnGrid {
		width: 290px;
		height: auto;
		margin: 10px 0 15px 5px;
	}
}

@media screen and (max-width: 500px) {
		.searchSlidePanel { 
	width:380px;
	margin:0px;
	}
	.searchSlidesScreen {
	position: relative !important;
    margin-top: 0;
    margin-left: 0;
    left: 0!important;
    width: 380px !important; 
	}
.slideDescriptionInx	{
	    width: 80%;
}
	.slidesjs-previous:before { 
	font-size: 40px; 
}
.slidesjs-next:before { 
	font-size: 40px; 
}

	.KarazSlides {
    min-height: 100px;
    max-height: 250px;
	}
	.slideContainer {
		
	}
	.sildeRepeat {
		
	}
	.kcmsColumnGridOuter {
		width: 99%;
		min-width: 22%
	}
	.kcmsColumnGrid {
		width: 97%;
		height: auto;
		margin: 10px 0 15px 0px;
	}
}/* from css file karazapps/cms/params/model/params/web/Params.css  */

.ico_params { 
	background-image: url(img/params.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.params_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/data/importdata/model/importdata/web/ImportData.css  */

.ico_importdata:before { 
	font-family: FontAwesome !important;
	content: "\f093";
	font-size: 25px !important;
	color: #FFFFFF !important;
}/* from css file karazapps/data/loaddocument/model/loaddocument/web/LoadDocument.css  */

.ico_loaddocument { 
	background-image: url(img/loaddocument.png);
}/* from css file karazapps/docbrowser/docanotation/model/docanotation/web/Docanotation.css  */
.docBrowserviewer {
	*width: 932px !important;
	height: 600px !important;
	border: 1px #aaa solid;
}/* from css file karazapps/docbrowser/documentviewer/model/documentviewer/web/Documentviewer.css  */

.ico_documentviewer { 
	background-image: url(img/soamaReferentiel.png);
}
.ico_documentviewer2 { 
	background-image: url(img/Referentiel_60.png);
}
/* from css file karazapps/docbrowser/docunitannotation/model/docunitannotation/web/Docunitannotation.css  */

.ico_docunitannotation { 
	background-image: url(img/soamaReferentiel.png);
}
.ico_docunitannotation2 { 
	background-image: url(img/Referentiel_60.png);
}
.no-padd{
	padding:0px !important;
}
.no-padd-left{
	padding-left: 0px !important;
}
.mypanel{
	border: 1px solid black;
	border-radius: 6px;
	margin: 4px;
}
.pan_head{
	color:white;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	padding: 7px 0px;
	background-color: black;
}
.panell2{
	margin-right: 96px;
}
.col-mb-12{
	width: 99.6%;
    display: inline-table;
}
.col-mb-6{
	width:50%;
	float:left;
}
.col-mb-3{
	width:30%;
	float:left;
}
.text-center{
	text-align: center;
}

.hideshowfilters{
    background-color: #8f868666;
}
.hideshowfilters span.GEUASV1BPKC{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rechbut {
    padding: 5px 15px;
    background-color: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.rechbut:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.rechbut:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

 .rechFilters .gwt-Label{
 	text-align: left !important;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 13px;
	color: #0078ff;
}

.cancelbut {
    padding: 5px 15px;
    background-color: #999;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #16191D4D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.cancelbut:hover {
    background-color: #666;
    border: solid 1px #17181A99;
    text-decoration: none;
}
.cancelbut:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #17181A99;
    border: solid 1px #17181A99;
}

 .rechFilters .gwt-Label{
 	text-align: left !important;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 13px;
	color: #0078ff;
}

.barhideshowsearch{
	height:600px;
	
	background-color: #bbb;
	width:15px;
	cursor:pointer;
}
.barhideshowsearch:hover{
	background-color: #999;
}
.sdocbrowbviewer.docBrowserviewer.GEUASV1BCK.GEUASV1BMK{
 width: 75% !important;
 float: left;
}
.hidedocbrowbviewer.docBrowserviewer.GEUASV1BCK.GEUASV1BMK{
 width: 96% !important;
 float: left;
}
.searchBox.GEUASV1BCK.GEUASV1BMK{
 width: 20% !important;
 left: 76% !important;
}

.vboxbarsearch.GEUASV1BCK.GEUASV1BMK{
 width:1.5% !important;
}
.avis-encours{

}
.avis-valide{
 background-color:rgba(101, 93, 93, 0.19);
}/* from css file karazapps/gestionactiviteeco/gestionactiviteeco/model/gestionactiviteeco/web/GestionActiviteEco.css  */

 
.gestionactiviteeco_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/helpdesk/categorie/model/categorie/web/Categorie.css  */

.ico_categorie { 
	background-image: url(img/categorie.png);
}

.btnCategorie {
	 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; 
	 margin-top: 33px !important;	
}

/* from css file karazapps/helpdesk/declarationincident/model/declarationincident/web/Declarationincident.css  */
.add_element_next {
	display: block !important;
}

.add_element_previous {
	display: none !important;
}

.ico_helepdesk:before {
	font-family: FontAwesome !important;
	content: "\f059";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_helepdesk:before {
	font-family: FontAwesome !important;
	content: "\f059";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_new_declaration:before {
	font-family: FontAwesome !important;
	content: "\f044";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_mes_declarations:before {
	font-family: FontAwesome !important;
	content: "\f0ca";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_mes_demandes_encours:before {
	font-family: FontAwesome !important;
	content: "\f0ae";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_demandes_encours:before {
	font-family: FontAwesome !important;
	content: "\f0ae";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_demandes_escalade:before {
	font-family: FontAwesome !important;
	content: "\f148";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_demandes_cloture:before {
	font-family: FontAwesome !important;
	content: "\f022";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

.ico_toute_demandes:before {
	font-family: FontAwesome !important;
	content: "\f00e";
	padding: 5px;
	font-size: 22px;
	top: 7px;
	position: relative;
}

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;
}

.btnAddReponse:before {
	font-family: FontAwesome !important;
	content: "\f064";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnRemoveReponse:before {
	font-family: FontAwesome !important;
	content: "\f112";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnEchangeReponse:before {
	font-family: FontAwesome !important;
	content: "\f0ec";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.btnattachment:before {
	font-family: FontAwesome !important;
	content: "\f0c6";
	font-size: 25px !important;
	color: #FFFFFF !important;
}

.message_body {
	margin-top: 3px;
	position: relative;
	width: 99.92%;
	left: 4px;
	top: 0px;
}

.message_contenu {
	overflow: hidden;
	margin-top: 10px;
	padding: 5px;
	font-family: Candara, Calibri, Arial;
	background-color: #EEE;
	border: 1px solid #AAA;
}

.message_avatar {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border: 1px dotted #AAA;
	border-radius: 3px;
}

.xattachement {
	/* 	margin-top: 3px !important; */
	/* position: relative !important; */
	/* width: 97.05% !important; */
	/* left: 4px !important; */
	top: -9px !important;
	overflow: hidden;
	margin-top: 10px;
	padding: 1.55px;
	font-family: Candara, Calibri, Arial;
	margin-left: 3px;
	background-color: #EEE;
	border-top: 0px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

.attachicon:before {
	font-family: FontAwesome !important;
	padding: 5px;
	font-size: 22px;
	top: 0px;
	position: relative;
	content: "\f0c6";
}

.btsatisfaction:before {
	font-family: FontAwesome !important;
	padding: 5px;
	font-size: 22px;
	top: 0px;
	position: relative;
	content: "\f118";
}

.btsanssatisfaction:before {
	font-family: FontAwesome !important;
	padding: 5px;
	font-size: 22px;
	top: 0px;
	position: relative;
	content: "\f119";
}

.ico_reponse:before {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	background: none !important;
	display: inline-block;
	font-family: FontAwesome;
	content: "\f064";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.btsatisftolef {
	left: 54% !important;
	width: 290px !important;
}

.btsanssatisftolef {
	width: 290px !important;
	left: 77% !important;
}/* from css file karazapps/karaz/booking/creneaux/model/creneaux/web/Creneaux.css  */
.ico_creneaux:before {
	font-family: FontAwesome !important;
	content: "\f073";
	padding: 5px;
	font-size: 22px;
}/* 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/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/mapping_activity_param/importexportmapping/model/importexportmapping/web/Importexportmapping.css  */

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

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

.nature-activite .container{
	padding: 10px;
}

.nature-activite .infos{
	margin-bottom: 7px;
}

.nature-activite .infos .ow-field-input-line{
	border:none;
	border-bottom: 1px solid #ccc
}

.validation-box{
	padding: 10px;
}
/* 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/aviscommission/model/aviscommission/web/AvisCommission.css  */

.ico_aviscommission { 
	background-image: url(img/aviscommission.png);
}
.btnCreateCodePin:before {
	font-family: FontAwesome !important;
	content: "\f084";
	font-size: 25px !important;
	color: #444444 !important;
}
.errormsgIcon:before{
			      font-family: FontAwesome !important;
    content: "\f00d";
    font-size: 22px !important;
    color: #f50000 !important;
			  }
.searchRedIcon:before{
    font-family: FontAwesome !important;
    content: "\f057";
    font-size: 22px !important;
    color: #ea1919 !important
			  }

.searchGreenIcon:before{
			      font-family: FontAwesome !important;
    content: "\f058";
    font-size: 22px !important;
    color: #057d05 !important;
			  }
/* START : Add by Anas */			  

#blinkSearchAvis .cheek_draftstatus{
    margin-top: 11px;
}
#blinkSearchAvis .ow-form-footer {
   display: none;
}
#blinkSearchAvis .ow-form-body > .ow-vl {
   padding: 0rem;
}
#blinkSearchAvis .list-wrapper {
    overflow: unset;
}  

#blinkSearchAvis .fs-action-select {
      grid-template-columns: 4% 96%;
    display: flex;
    font-size: 14px;
} 
#blinkSearchAvis .k-btn-radius-dark {
   background: #666666;
    color: white;
    float: right;
    padding: 0rem 0.75rem;
    border: 1px solid var(--form-button-fg);
    outline: none;
    cursor: pointer;
    pointer-events: visible;
} 
#blinkSearchAvis .k-btn-radius-dark:hover {
   background: var(--form-button-bg);
   color: var(--form-button-fg);
   
}  
#blinkSearchAvis .pc-blinkSearchAvis-infCommission {
    display: flex;
    grid-template-columns: 6% 70% 10% 10% 10%; 
   
}
#blinkSearchAvis .title-commision {
    font-size: 28px;
    padding-left: 45px; 
   
}
#blinkSearchAvis .fs-iconscommision {
        font-size: 23px;
    padding-left: 8px; 
   
}

#blinkSearchAvis .rep_title{
padding-top: 3px;
    padding-left: 32px;
    font-weight: 400;
    font-size: 12px;
    min-width: 123px;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 12px;
    color: #999999;
}
#blinkSearchAvis .ref_title{ 
padding-top: 7px;padding-left: 2px;   
    font-weight: 400;
    font-size: 12px;
}
#blinkSearchAvis .inforow_0{
grid-template-columns: 28px 94%;
    display: grid;
}
#blinkSearchAvis .inforow_1{
font-family: 'Roboto';
display:flex;
 color: #999999;
}

#blinkSearchAvis .avis_decision{
        border-radius: 5px;
    color: white;
    text-align: center;
    padding: 3px;
}
#blinkSearchAvis .avis_remarque{ 
    padding-top: 3px;
    padding-left: 32px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #999999;
}
#blinkSearchAvis .avis_sign_info{
    font-size:23px;
    padding-left: 0px;
    margin-left: 11px;
    padding-top: 2px;
}

.avisDisplayToolBar>.ow-form-main{
    display: none;
}
.avisDisplayToolBar>.ow-form-toolbar{
        display: none;
}
.avisDisplayToolBar>.ow-form-footer{
    display: none;
}

.avis-ba-status_Autorisé {
    background-color: rgb(180, 226, 95);    
}

.avis-ba-status_Brouillon {
    background-color: #999999;
}
.avis-ba-status_Non.concerné {
    background-color: #999999;
}
.avis-ba-status_En.Cours {
    background-color: lightskyblue;
}

.avis-ba-status_Ajourné {
    background-color: #ec9720;
}

.avis-ba-status_Rejet� {
    background-color: rgb(199, 193, 185);
}    

.avis-ba-status_Favorable{
    background-color:  #3b8006;
}
.avis-ba-status_Défavorable{
    background-color: #e52e2d;
}
.avis-ba-status_e-signé{
    background-color: #458bac;
}
.avis-ba-status_ {
    background-color: #999999;
}
.avis-ba-status_e-signé{
    background-color: #458bac;
}
.avis-ba-status__e-signé_true {
    color: #458bac;
}
.avis-ba-status__e-signé_false {
    color: #999999;
}

#autorisationCons .ow-field-input-line{
    border: none;
}

#autorisationCons a{
    color: rgb(51, 136, 170);
}

.decis{
    border-radius: 10px;
    width: fit-content;
    padding: 2px 10px;
    float: left;
    color: white;
}

.decis-Défavorable {
    background-color: red;
}

.decis-Favorable {
    background-color: green;
}

.decis- {
    min-width: 80px;
    background-color: #999
}

.decis-:before {
    content: "Aucun avis"
}
/* END ANAS *//* from css file karazapps/referentiel/commission/model/commission/web/Commission.css  */

.ico_commission { 
	background-image: url(img/commission.png);
}


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

.check-boolean-avis .ow-vl-inner{
    display: grid;
    grid-template-columns: 55px auto;
    width: 90%;
    margin: auto;
    font-size: 13px;
    text-align: justify;
    color: #38a;
}/* from css file karazapps/referentiel/configavis/model/configavis/web/Configavis.css  */
.ico_configavis{
   background-image: url(img/configavis.png);
}
	  .KarazFieldXmlviewer  textarea {
background-color: #ffffff !important;
    color: #18a7dd;
}/* 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/facturation/model/facturation/web/Facturation.css  */
.ico_voucher:before{
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
}/* from css file karazapps/referentiel/paramreunion/model/paramreunion/web/ParamReunion.css  */

.ico_paramreunion { 
	background-image: url(img/paramreunion.png);
}/* from css file karazapps/referentiel/sms/model/sms/web/Sms.css  */

.ico_sms { 
	background-image: url(img/sms1.png);

}

.ico_sms2 { 
	background-image: url(img/sms2.png);

}
/* from css file karazapps/referentiel/vchr/model/vchr/web/Vchr.css  */

.ico_vchr { 
	background-image: url(img/vchr.png);
}/* from css file karazapps/referentiel/voucher/model/voucher/web/Voucher.css  */

.ico_voucher { 
	background-image: url(img/voucher.png);
}

.fa-shopping-cart {
font-family: FontAwesome !important;
content: "\f07a";
}


.voucher_cri_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f0d6";
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/rokhas/activiteeconomique/model/activiteeconomique/web/Activiteeconomique.css  */

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

.disabledAdd{
    color: rgb(80, 79, 79) !important;
    background-color: rgb(210, 209, 209) !important;
	width: 150px !important;
}

.buttonsContainer>.ow-hl-inner>.ow-btn-container{
    display: flex;
    justify-content: right;
} 

.disabledSelect{
    pointer-events: none !important; 
}

.headerIntitule input{
	width: 570px;
}

.disabledSelect .ow-field-input-select{
	background-color: #f7f7f7 !important;
    margin-top:2px;
}

.grayDisField .ow-field-input-wrapper{
    background-color: #f7f7f7 !important;
    margin-top:2px;
}

.description .boldTitle .ow-field-input{
    font-weight: bold;
    font-size: 14px;
} 

.description .arDesc .ow-field-input{
    text-align: right;
} 

.description .descText .ow-field-input{
    font-size: 13px;
}




.tagsHintContainer{
    display: flex;
    justify-content: center;
}

.tagsHint{
    color: rgb(171, 168, 168);
    font-size: 12px
    
}

.activatedAdd{
	width: 150px;
    background-color: #38a !important;
    color: white !important;
}

.attributesList .tbl-add-icon, .attributesList .fa-copy{
	display: none;
}

/* .attributesList .hideField{
	display: none;
}

.attributesList tr>th:nth-child(5), .attributesList tr>th:nth-child(6){
    display: none !important;
}
.attributesList tr>td:nth-child(5), .attributesList tr>td:nth-child(6){
    display: none !important;
} */

.atrDescription .description .iconContainer{
    height: 100%;
    display: flex;
    align-items: center;
}

.attributesList .selected-row, .attributesList .selected-row:hover{
    background-color: rgb(190, 225, 246);
}

.atrDescription .ow-field-input-line{
    border-bottom: none;
}


.atrDescription .description>.ow-hl-inner>.filledInput{
    display: none;
}

#iconDiv{
    display: flex;
    align-items: center;
    justify-content: center;   
    width: 100px;
    font-size: 60px;
    flex: 0.5 0 0% !important;
}

.atrDescription .ow-field-input-line{
    border-bottom: none !important;
}

.atrDescription .ow-field-input-side{
	padding: 0px;
}

.atrDescription textarea{
    resize: none !important;
}
/* from css file karazapps/rokhas/importdata/model/importdata/web/ImportData.css  */

.ico_importdata { 
	background-image: url(img/importdata.png);
}

.import-export .operation .ow-field-input-toggler{
	justify-content: center;
	margin-bottom: 15px;
}

.import-export .operation .ow-field-input-line{
    border-bottom: none !important;;
}

.uploadFileInputDsbl .ow-file-input{
    pointer-events: none;
}

/* from css file karazapps/survey/quizconfig/model/quizconfig/web/QuizConfig.css  */

.ico_quizconfig { 
	background-image: url(img/quizconfig.png);
}/* from css file karazapps/survey/quizform/model/quizform/web/QuizForm.css  */
.ico_quizform:before{
	font-family: FontAwesome !important;
	content: "\f0e6";
	padding: 5px;
	font-size: 22px;
}/* from css file karazapps/survey/quizresponse/model/quizresponse/web/QuizResponse.css  */
.ico_quizresponse:before {
	font-family: FontAwesome !important;
	content: "\f29c";
	padding: 5px;
	font-size: 22px;
}