/* 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/archive/strategy/model/strategy/web/Strategy.css  */

 
.Strategy_icon:before{
background-image: url(img/Archive_Strategie.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/data/importlocalite/model/importlocalite/web/Importlocalite.css  */

.ico_importlocalite { 
	background-image: url(img/importlocalite.png);
}/* from css file karazapps/karaz/croa/architecte/actioncompte/model/actioncompte/web/Actioncompte.css  */
.lang_ar .header-font-family{
	font-family: 'Droid Arabic Kufi', serif;
}
.lang_fr .header-font-family{
	font-family: 'Roboto';
}

.ico_actioncompte { 
	background-image: url(../img/actioncompte.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;
}

.customVboxSignupForget{
    padding: 10% 0;
}
.customVboxSignupForget .ow-gbox{
    justify-content: center;
}

#hiddenObjectList{
	display:none;
}
.ow-pl.recuppassword {
    width: 60%;
    margin-left: 22%;
}

.buttonsrecup .ow-hl-inner {
    position: relative;
    top: 38px;
}

.customVboxSignupForget .ow-field-core.labelAlign-top .ow-label-side {
    font-size: 12px;
}

.ow-btn-container .annuler {
    position: relative;
    left: 37px;
}
.ow-btn-container .suivant {
    position: relative;
   
    left: 2px;
}
/* from css file karazapps/karaz/croa/architecte/attestation/model/attestation/web/Attestation.css  */
a:active {
  border-bottom: 5px solid white;
}
.attestation_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	
	top: 7px;
}
.header-center{
	
    margin-left: 14%;
    text-align: center;
   width: 46%;
}
.demande .ow-btn-container {
	margin: 2px!important;
    float: right;
}
.step.first{
	   width: 32%;

}
.step.last{
	    width: 32%;

}
.step{
	    width: 32%;

}

.ow-form-toolbar-btn.bpmBtn.bpmBtn-export {
    display: none;
}

.progressbar1 li.notactive:before {
	
	
}


@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}


.ow-fcm-header .ow-fcm-header-title {
    color: gray !important;
}
.ow-menu-icon:before {
    content: "\f07c";
    font-size: 0.85rem !important;
    top: 0px !important;
    padding: 5px !important;
    
}
.height-auto-vbox-first{
	cursor: pointer;
}
.ow-label-pl {
 
    color: gray !important;
}


.nmberOuter {


    border-radius: 14PX !important;


}

.nmberInner {
display: none !important;

}


.ow-cfm-headers {
    padding: 1rem 1rem 0 1rem;
    background: #f0f0f0 !important;
    color: var(--header2-fg) !important;
    position: relative;
    border-left: 1px solid #c9cac9 !important;
    border-top: 1px solid #c9cac9 !important;
    border-right: 1px solid #c9cac9 !important;
    
    }

.ow-fcm-header.selected-frame {
	
	    color: grey !important;
	      border-left: 1px solid #c9cac9 !important;
    border-top: 1px solid #c9cac9 !important;
    border-right: 1px solid #c9cac9 !important;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    color: orange !important;
}
.active .nmberOuter {
    background: #FA9802;
    color: #FA9802 !important;
        border: 3px solid #FA9802;
  
}


.docc .ow-pl {
    border: none !important;
}





.ow-button.b {
    background: white !important;
}

.togglerbutton .ow-field-input-toggler>div>input:checked{
    border-color: orange !important;
    background-color: orange !important;
    box-shadow: 0 0 0 1.5pt orange !important;
    border: 3px solid white !important
}
.fa-folder:before {
    content: "\f07b";
    color: #808080 !important;
}
.fa-user:before{
	 content: "\f07b";
   
}
.fa-file-signature:before {
    content: "\f573";
    color: orange !important;
    font-size: x-large;}

.ow-process-steps-bar {

    overflow-y: hidden!important;


}




.coloricone.fa-user:before {
    color: #808080  !important;
}



.fa-sitemap:before {
    content: "\f0e8";
    color: grey !important;
}


.ow-field-container {
    font-family: Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    margin-left: 50px !important;
}
.ow-process-steps-bar {
    margin-top: 16px !important;
    border-bottom: none !important;
    width: 100% !important;
    display: flex !important;
    overflow-y: visible !important;
    height: 65px !important;
    background: white !important;
}


.expanded > .ow-pl-toolbar {
	
	border-bottom: none !important;
	box-shadow: none !important;

}
.ow-pl{
	box-shadow:none !important;
	margin-top: 1px !important;
}


.ow-pl-toolbar .expand-collapse{
	
	height: 10px !important;
	width:10px !important;
	
}

.horizontal-nav-bar-root > li > ul > li > .ow-menu {
	border: 1px solid ;
	border-radius: 12px;
	margin: 3px;
}

.horizontal-nav-bar-root > li > ul > li > ul > li > .ow-menu {
	border: 1px solid ;
	border-radius: 12px;
	margin: 3px;
}

.ow-nav-current-user {
	color: black !important;
}
summary {
  display: block;
}

summary::after {
  margin-left: 1ch;
  display: inline-block;
  transition: 0.2s;
    content: '\f078';
    font-family: 'FontAwesome';
    color: gray;}

details[open] summary::after {
  transform: rotate(90deg);
}




.ow-pl-inner {
    padding: 0rem 1rem !important;
    }


.fa-envelope-open:before{
	 content: "\f07b";
    color: #808080 !important;
}
.fa-file-alt:before {
    content: "\f15c";
        color: #808080 !important;
    
}

.fa-phone-alt:before {
    content: "\f879";
     color: #808080 !important;
    
}
.fa-address-card:before {
    content: "\f2bb";
         color: #808080 !important;
    
}

.fa-calendar-week:before {
    content: "\f784";
             color: #808080 !important;
    
}

#u95 {
    border-width: 0px;
    position: absolute;
    left: 381px;
    top: 245px;
    width: 16px;
    height: 16px;
    display: flex;
}
.w3-bar-item w3-button:focus{
	border-bottom: 1px solid white !important;
	
}

#u95_img {
    border-width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
}

.ax_default {
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
    color: #333333;
    vertical-align: none;
    text-align: center;
    line-height: normal;
    text-transform: none;
}









.togglerbutton .ow-field-input-toggler>div>input{
    box-shadow: 0 0 0 1.5pt orange !important;
     border: 3px solid white !important
}
.horizontal-nav-bar-root{
	    background-color: white !important;
	
}

.horizontal-nav-bar-root > li > div{
	color: orange !important;
}
.horizontal-nav-bar-root li div.ow-menu {
	
	color:orange !important;
}


.ow-app-setting{
	
	background: white !important;
}


.ow-app-search{
	background: white !important;
}

#global_search_input.ow-app-search.fa{
	margin-top: 25px;
	color: orange !important;
}

.horizontal-nav-bar-root > li > ul .ow-menu-label{
	color: black !important;
}





.togglerbutton .ow-field-input-toggler > div > label {
	display: inline-block !important;
    padding: 1px !important;
    font-size: 13px !important;
    font-family: 'Roboto',sans-serif !important;
    color: #000000 !important;
    position: relative !important;
    top: -2px !important;
	}

.togglerbutton .ow-field-input-toggler>div>input:checked+label
{
	font-weight: normal !important;
}
.togglerbutton .ow-field-input .ow-field-input-toggler>div label
{
	display: inline-block !important;
    padding: 1px !important;
    font-size: 13px !important;
    font-family: 'Roboto',sans-serif !important;
    color: #000000 !important;
    position: relative !important;
    top: -2px !important;
}






 .inline-div-cl div{
    display : inline !important;
 }
 
 
.NoUnderlineField .ow-field-input-line{
    border: none  !important;
    color:black !important;
}
.field-minHgt .ow-pl-toolbar .ow-label-pl {
    font-size: 15px !important;
}


.y.ow-button {
    background: #ffa500!important;
    HEIGHT: FIT-CONTENT;
}

.g .ow-label-side {
    margin-top: 14px !important;
}

.i.fa-info-circle:before {
    color: grey !important;
}

.circlefohead.fa-check-circle:before
{
	 margin-left: 0 !important;
    margin-right: 0 !important;
    color: gray !important;
    font-size: 13px !important;
}







 .buttonstyle{
 background-color:#03a113 !important; 
 color: white !important;
  border: none !important; 
  cursor: pointer !important; 
  padding: 5px 10px !important;
  border-radius: 12px !important;
 }
 .docthumbnail {
    cursor: pointer;
    border: 1px solid !important;
}

.docthumbnail:hover>.largeThumbnailImg {
    display: block;
}

.largeThumbnailImg {
    position: absolute;
    display: none;
    z-index: 10;
    top: 0px;
    left: 120px;
    background: white;
    max-width: 600px;
    box-shadow: 3px 3px 3px #0004;
    border: 1px solid #DDD;
}

.smallThumbnailImg {
    display: block;
    max-height: 130px;
    max-width: 100%;
    margin: auto;
}
.horizontal-nav-bar-root > li > ul{
	background: white !important;
}
.ow-app-bar{
	background: white !important;
	height: 87px !important;
}



.ow-app-logo{
	
    padding: 0;
    font-size: 18px;
    line-height: 19px;
    font-weight: bold;
    color: var(--dark1);
    text-align: center;
   
    background-repeat: no-repeat;
    background-size: 134px auto;
    margin: 2px 1rem;
    cursor: pointer;
}
.ow-menu-item.ow-menu-item-0:hover {

}
li.ow-menu-item.ow-menu-item-1:hover {
   
}
li.ow-menu-item.ow-menu-item-2:hover {
}



.ow-menu:HOVER
{
	
}


.w3-top {
      position: absolute !important;
}
.w3-top, .w3-bottom {
    position: absolute !important;
    width: 100%;
    z-index: 1;
}
.w3-white, .w3-hover-white:hover {
    color: #000!important;
   	    background-color: transparent !important;
   
  
}

.w3-white{
	    background-color: none;
}



.w3-padding {
    padding: 8px 16px !important;
}
.w3-card, .w3-card-2 {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.w3-bar {
    width: 100%;
    overflow: hidden;
}
.w3-wide {
    letter-spacing: 4px;
}
.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}

.w3-right {
    margin-top: 20px;
    position: relative;
    /* width: 38%; */
    margin-left: 35%;
   box-sizing: border-box;
}
.ow-form-body > .ow-vl {
    padding: 0 !important;
    background-color: white !important;
    }
    
    
    
    
  
    
    
    
    
    
    
    
    
    
    
    
    
    
.w3-bar .w3-button {
    white-space: normal;
    color: white;
    float: left;
    font-family: inherit;
    height: 25px;
    padding: 2PX 20PX 2PX 2PX;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
}


.w3-padding-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important;
    color: black !important;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
}


.w3-opacity, .w3-hover-opacity:hover {
    opacity: 0.60;
}
.w3-greyscale, .w3-grayscale {
    filter: grayscale(75%);
}
.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: 0 8px;
}




.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: 0 8px;
}
.w3-margin-bottom {
    margin-bottom: 16px!important;
}

.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
    float: left;
    width: 100%;
}

@media (min-width: 993px)
.w3-col.l3 {
    width: 24.99999%;
}












@media (min-width: 601px)
.w3-col.m6, .w3-half {
    width: 49.99999%;
}
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
    float: left;
    width: 100%;
}

.w3-margin-bottom {
    margin-bottom: 16px!important;
}
.progressbar {
      margin: 50px 0 50px 200px;
      counter-reset: step;
  }
  .progressbar li {
      list-style-type: none;
      width: 35%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      color: #333333;
  }
  .progressbar li:before {
      width: 21px;
      height: 21px;
      content: '';
      line-height: 30px;
      border: 2px solid #7d7d7d;
      background-color: #7d7d7d;
      border-radius:18px;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      transition: all .0s;
      transform: rotate(45deg);
      z-index: 1;
      position: relative;
  }
  
  
  .ow-button {
   background-color:#03a113 !important;
  
  }

 .progressbar li:after {
    width: 82%;
    height: 2px;    
    content: '';
    position: absolute;
    background-color: #C2C2C2 !important;
    top: 12px;
    left: -46%;
    transition: all .8s;
    margin-left: 16px;
    z-index: 0;
}
  .progressbar li:first-child:after {  
  	content: none;
  }
  .progressbar li.active:before {
      border-color: #FA9802;
      background-color: #FA9802 !important;
      transition: all .0s;
  }

  .progressbar1 {
      margin: 50px 0 50px 200px;
      counter-reset: step;
  }
  .progressbar1 li {
      list-style-type: none;
      width: 35%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      color: #333333;
  }
  .progressbar1 li:before {
      width: 21px;
      height: 21px;
      content: '';
      line-height: 30px;
      border: 2px solid #FA9802 !important;
      background-color: #FA9802 !important;
      border-radius:18px;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      transition: all .0s;
      transform: rotate(45deg);
      z-index: 1;
      position: relative;
  }

  .progressbar1 li:after {    
    width: 82%;
    height: 2px;    
    content: '';
    position: absolute;
    background-color: #C2C2C2 !important;
    top: 12px;
    left: -46%;
    transition: all .8s;
    margin-left: 16px;
    z-index: 0;
  }
  .progressbar1 li:first-child:after {  
  	content: none;
  }
  .progressbar1 li.active:before {
      border-color: #18A346 !important;
      background-color:  #18A346 !important;
      transition: all .0s;
  } 

.past .nmberOuter {
    background: #18A346;
    color: #18A346;
    border: 3px solid #18A346 !important;
}

li > span.desc{
	
	color:black !important;
}



.criteresearch{
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}
.ow-form-toolbar {
   
    border-bottom: none !important; 
    background: white !important; 
    color: orange !important;
    border-top: #ccccccb3 1px solid !important;
}
* {box-sizing: border-box;}

body { 
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.header {
  overflow: hidden;
  padding: 8px 6px;
  background: #dddddd36;
  display:flex;
}



.header a {
  float: left;
 color: #506172;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
  font-size:13px;
  font-weight:700;
}



.ow-btn-container>.buttontelecharger {
    /* margin: 1px 5px; */
    height: fit-content;
}
.buttontelecharger .fa-download:before {
    content: "\f019";
    color: white !important;
}

.header a.logo {
    padding: 0;
    margin: 0;
    text-align:left;
    width: 18%;
    }

.header a:hover {
  background-color: #ddd;
  color: black;
}

.header .inscri {
    width: 100px;
    font-size: 13px;
    border-radius: 5px;
    height: 30px;
    margin: 8PX;    
    font-weight: 700;
    color: #f59a23;
    background: transparent;
    border: none;
    box-shadow: 0px 0px 3px 0px #f59a23;
}
.header .inscri:hover {
	transition: color 0.5s;
	border-color : #9acd32!important ;
	color : #9acd32!important ;		
}
.header .inscri:active {
	box-shadow: 0px 0px 0px 1px #f59a23;
}
	
.header .cnx {
 	border: none;
    width: 100px;
    font-size: 13px;
    border-radius: 5px;
    background: #f59a23;
    color: white;
    height: 30px;
	box-shadow: 0px 1px 5px -2px black;
}


.header .cnx:hover {
	transition: background 0.5s;
    background: #9acd32;
    color: white;
}
.header .cnx:active {
	box-shadow : none ;
	overline : 1px solid #ccc ;
}

.header-right {
  float: right;
}
 .rowcroa {
                        display: flex;
                        flex-wrap: nowrap;
                        width: 100%;

 }
 
 
 .hp-box.shadownone {
    box-shadow: none !important;
}
.HomePageLoginButton2.ow-button {
    width: 251PX !important;
}
span.bve{
	font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto Medium', 'Roboto Regular', 'Roboto', sans-serif;
}

span.crg{
	font-size: 18px;
    font-family: 'Roboto Medium', 'Roboto Regular', 'Roboto', sans-serif;
}




@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: center;
  }
  
  .header-right {
    float: none;
  }
  .header a.logo {
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
}
.logo img {
    width: 100% !important; 
}
.header-center{
	width:100%;
	margin-left: 0;
}
.header{
	display:inherit;
}
}

.moreStrapIcon {
background-color: white !important;
color: orange !important;

}

.actionContainerTitle, .reportContainerTitle, .attachContainerTitle {
	background-color: orange !important;
color: white !important;

}
.ow-collection-addBtn, .ow-collection-cloneBtn, .ow-collection-removeBtn, .ow-collection-pulldownBtn, .ow-collection-pushupBtn {
background-color: white !important;
color: orange !important;

}







/*med*/


.demande .ow-field-core.labelAlign-float{
	
	margin-top: 0px;
}

.ow-field-core.NoUnderlineField.labelAlign-float .ow-field-input-side  {
	display: none;
}


.ow-field-core.NoUnderlineField.labelAlign-float>.ow-label.ow-label-side{
	position: static!important;
	left: 0;
	top: 0 ;
	margin-top: 7px;
}

.buttons-attestation>.ow-vl-inner.ow-gbox{
	display: grid;
}

.buttons>.ow-vl-inner{
	display: flex;
}

.demande-gap{
	border: none; 
	box-shadow: 0 0 20px #ccc!important;
    	max-width: 1000px;
    	margin: auto!important;
}

.buttons-gestion-attestation .ow-vl-inner.ow-gbox{
	display: flex!important;
    	justify-content: space-around;
}

.choice-attestation-type-data-list{
	z-index: 9; 
	position: relative; 
	max-width: 485px; 
	margin-left: 0px!important;
	left: 50%; 
	transform: translate(-50%,0px);
}

.buttons-gestion-attestation>.ow-vl-inner.ow-gbox{
	display: grid!important
}

.demande>.ow-vl-inner>.ow-vl.ow-vbox>.ow-vl-inner{
	margin: 20px;
}

@media screen and (max-width: 700px){
	.form-attestation>.ow-pl-inner>.ow-vl.ow-vbox{
    		width: 100%!important;
 	}

	.demande>.ow-vl-inner>.ow-vl.ow-vbox{
		width: 100%!important;
		margin: 0 auto;
	}
}


.form-attestation>.ow-pl-toolbar>.ow-label-pl{
	width: fit-content;
}

@media screen and (max-width: 760px){
	.demande .ow-pl.expanded.ow-tabpanel-flex.form-attestation {
    		padding: 10px 0px!important;
	}

}

.demande .ow-pl.expanded.ow-tabpanel-flex.form-attestation {
    padding: 10px 30px;
}

.read-only-false>.ow-field-core.labelAlign-float>.ow-field-input-side>.ow-field-input-line{
	border : 1px solid #ccc!important;

}

.demande>.ow-vl-inner>.ow-vl.ow-vbox>.ow-vl-inner>.ow-pl.expanded.ow-tabpanel-flex{
	max-width: 800px;
    	border: none;
    	box-shadow: 0 0 20px #ccc!important;
    	margin: 0 auto;
}

@media screen and (max-width : 850px){
	.demande>.ow-vl-inner>.ow-vl.ow-vbox>.ow-vl-inner>.ow-pl.expanded.ow-tabpanel-flex{
		/*margin: 0 20px;*/
	}
}

.read-only-false>.ow-field-core.labelAlign-float>.ow-field-input-side>.ow-field-input-line{
	border: 1px solid #ccc!important; border-radius: 2px!important;
}

.demande .ow-field-bag.ow-field-bag-trailing.ow-field-bag-help{
	padding-top : 7px;
}

.demande .labelAlign-float .ow-field-bag {
    height: 100%;
    margin-top: 0!important;
    line-height: 100%;
    border-left: 1px solid #ccc;
    border-right: none;
    border-top: none;
    border-bottom: none;
}


.buttons-attestation{
	display: grid!important
}


.ow-process-steps-bar {
	justify-content : center;
}



@media screen and ( max-width : 900px ){
	.ow-pb-steps-panel>ul>li{
		width: 200px!important;
		margin: 0 60px;
	}
	.ow-process-steps-bar{  
		height: 80px!important;	
	}
	.ow-process-steps-bar{
		box-shadow: 0 0 3px 1px #ccc;
	}
}

.ow-process-steps-bar>.ow-pb-steps-panel{
	height: 100%; 
}



@media screen and ( max-width : 1000px ){
	.header>.logo{
		width: 320px!important;
	}
}

.classSearch-home-glo>.ow-vl-inner>.global-div-temp.classSearch-home>.ow-vl-inner.ow-gbox>.ow-vl.ow-vbox{
	height : 100%;
}

.classSearch-home-glo>.ow-vl-inner>.global-div-temp.classSearch-home>.ow-vl-inner.ow-gbox>.ow-vl.ow-vbox>.ow-vl-inner{
	height : 100%;
}

.classSearch-home-glo>.ow-vl-inner>.global-div-temp.classSearch-home>.ow-vl-inner.ow-gbox>.ow-vl.ow-vbox>.ow-vl-inner>.shadownone{
	height : 100%!important;
	border: none!important;
    box-shadow: 1px 1px 5px 1px #ccc!important;
}
.classSearch-home-glo>.ow-vl-inner>.global-div-temp.classSearch-home>.ow-vl-inner.ow-gbox>.ow-vl.ow-vbox>.ow-vl-inner>.shadownone>.ow-vl-inner{
	display: flex;
    min-height: 100%;
    height: fit-content;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width : 900px){
	.classSearch-home-glo>.ow-vl-inner>.global-div-temp.classSearch-home>.ow-vl-inner.ow-gbox{
		max-width: 450px;
	    display: block;
	    margin: auto;
	}
}


.shadownone .ow-button.usage_display.hp-box-btn {
	background: #ffa500!important;
	box-shadow: 0 0 6px #ccc;
}
.shadownone .ow-button.usage_display.hp-box-btn:hover {
	background: #FB3!important;
}
.shadownone .ow-button.usage_display.hp-box-btn:active {
	box-shadow: none;
}

.buttonstyle{
	display: flex;
    min-width: 90px;
    height: 95%;
    justify-content: center;
}
.buttonstyle::before{
	display: none!important;
}
.buttonstyle{
	background: #ffa500!important;
	box-shadow: 0px 0px 3px -2px black;
}
.buttonstyle:hover{
	background: #f59a23!important;
}

.buttonstyle:active{
	box-shadow: none;	
}





.horizontal-nav-bar-root > li > div {
    font-weight: 400;
    display: block;
    width: 100%;
    margin-top: 26px!important;
    text-align: center; 
    box-sizing: border-box;
    height: fit-content!important;

}

/* from css file karazapps/karaz/croa/architecte/coutisation/model/coutisation/web/Coutisation.css  */

 
.coutisation_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	top: 7px;}
	
.cb-de-field .ow-field-input-side .ow-field-input-line {
    width: 71px;
}
.cb-ye-field .ow-field-input-side .ow-field-input-line {
    width: 84px;
    margin-left:-60px;
 }

.cb-cv-field .ow-field-input-side .ow-field-input-line {
    width: 58px;
}
.fa-exclamation-triangle:before {
    content: "\f071";
    margin-right: 12px;
    color: orange;
}
.virm .ow-field-input-side .ow-field-input-line {
    min-height: 130px !important;
    border: 1px solid white !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 7px !important;
    margin-left: 52px !important;
    width:126px !important;
    margin-top: -4% !important;
}

.ow-vl.ow-vbox.pai-mode {
    padding: 25px 45px 48px 45px;
}

.ow-vl.ow-vbox.pai-mode-title {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    color: rgba(0, 0, 0, 0.94);
}
.ow-vl.ow-vbox.pai-mode-header {
    border: 1px solid #f2f2f2;
    border-bottom: none;
}

.pai-mode-header .ow-vl-inner.ow-gbox .ow-vl.ow-vbox {
    padding: 10px;
    color: #333333;
    text-align: center;
    background-color: rgba(245, 154, 35, 0.04);
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-size: 13px;
    cursor:pointer;
}

.ow-vl.ow-vbox.pai-mode-carte {
    border: 1px solid #f2f2f2;
    border-top: none;
}

.ow-vl.ow-vbox.pai-mode-carte .ow-vl-inner .ow-vl.ow-vbox .ow-vl-inner .ow-htm5.ow-span.span1 {
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
    color: rgba(51, 51, 51, 0.94);
}

.ow-vl.ow-vbox.pai-mode-carte .ow-vl-inner .ow-vl.ow-vbox .ow-vl-inner .ow-htm5.ow-span.span2 {
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
    color: rgba(51, 51, 51, 0.94);
    margin-left: 4%;
}
.ow-vl.ow-vbox.pai-mode-chq {
    border: 1px solid #f2f2f2;
    border-top: none;
}

.ow-vl.ow-vbox.pai-mode-chq-title {
    font-family: 'Roboto', sans-serif;
    color: rgba(0, 0, 0, 0.94);
    font-size: 13px;
    margin-left: 65px !important;
    padding-top: 30px !important;
}

.fa-exclamation-circle:before {
    content: "\f06a";
    color: grey;
    opacity: 0.72;
    margin-right: 12px;
}

.ow-vl.ow-vbox.pai-mode-vrm {
    border: 1px solid #f2f2f2;
    border-top: none;
    padding-top: 3%;
    padding-bottom: 40px;
}
.ow-vl.ow-vbox.pai-mode-vrm .ow-vl-inner .ow-vl.ow-vbox .ow-vl-inner.ow-gbox {
    margin-bottom: 5%;
}
.virm .ow-field-input-side .ow-field-input-line {
    min-height: 75px !important;
    border: 1px solid white !important;
    box-sizing: content-box !important;
    border-radius: 7px !important;
    margin-left: 52px !important;
    width: 126px !important;
    margin-top: -9% !important;
}
.virm .ow-button.ow-fileUpload.upload {
    background-color: #d7d7d7 !important;
    height: 30px !important;
    box-sizing: border-box !important ;
    font-family: 'Roboto', sans-serif !important;
    color: #333333 !important;
}

.ow-vl.ow-vbox.pai-rec {  
    border-bottom: 1px solid #f2f2f2;
    margin-top: 24%;
}

.ow-vl.ow-vbox.pai-rec-header {
    padding: 10px;
    color: #333333;
    text-align: center;
    background-color: #f2f2f2;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid #f2f2f2;
    border-bottom: none;
}

.ow-vl.ow-vbox.pai-rec-body {
    border: 1px solid #f2f2f2;
    border-top: none;
}
.ow-vl.ow-vbox.chq {
    background-color: #f2f2f2!important;
}


.ow-vl.ow-vbox.pai-mode-header .cb .ow-btn-container .ow-button {
    background: none!important;
    color: #333333 !important;
    width: 100% !important;
}

.ow-vl.ow-vbox.pai-mode-header .chq .ow-btn-container .ow-button {
    background: none!important;
    color: #333333 !important;
    width: 100% !important;
}

.ow-vl.ow-vbox.pai-mode-header .vrm .ow-btn-container .ow-button {
    background: none!important;
    color: #333333 !important;
    width: 100% !important;
}


.ow-field-core.pai-rec-body-field.labelAlign-left .ow-field-input-side .ow-field-input-line {
    border: 1px solid #f2f2f2 !important;
}

.pai-rec-body-field {
    font-size: 13px;
}

.ow-field-core.cb-de-field.labelAlign-left .ow-field-input-side .ow-field-assistance .ow-option {
    min-height: 17px;
}

.ow-field-core.cb-de-field.labelAlign-left .ow-field-assistance .ow-field-assistance-inner {
    max-height: 25vh !important;
}



/* from css file karazapps/karaz/croa/architecte/inscription/model/inscription/web/Inscription.css  */

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

view{
	background-color: white !important;
}
body {
    box-sizing: border-box;
    font-family: var(--font-global);
    background-color: white !important;
}
.ow-pl .modifbox
{
	border:1px solid #DDD !important
}
.regularisation .ow-label {
    margin-left: 12px !important;
}
.modifbox .ow-field-select-container {
    width: 100% !important;
}

.valpaidec .ow-field-core.labelAlign-float {
    margin-top: 0px !important;
}
.ow-field-core.addressmail.labelAlign-top {
    margin-top: 31px !important;
}


fieldset{
	box-shadow: none !important;
	border: 0 none;
	outline: 0;
}

.ow-form-body > .ow-vl {
    padding: 0rem !important;
    }

/*  MENU */
.w3-top-inscrp {
      position: absolute !important;
      margin-top: -12px !important;
      width:100% !important;
      margin-left:0% !important;
}


.w3-top-inscrp2{
	  position: absolute !important;
      margin-top: -64px !important;
      width:100% !important;
      margin-left:0% !important;
}

.w3-top-inscrp3{
	  position: absolute !important;
      margin-top: -64px !important;
      width:100% !important;
      margin-left:0% !important;
}
.w3-top-inscrp, .w3-bottom-inscrp {
    position: absolute !important;
    width: 100% !important;
    z-index: 1 !important;
}

.w3-top-inscrp3, .w3-bottom-inscrp {
    position: absolute !important;
    width: 100% !important;
    z-index: 1 !important;
}


.w3-white, .w3-hover-white:hover {
    color: #000!important;
       background-color: transparent !important;
}

.w3-white{
    background-color: none;
}

.w3-padding-inscrp {
    padding: 26px 16px !important;
}
.w3-card, .w3-card-2 {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.w3-bar-inscrp {
    width: 100% !important;
    overflow: hidden;
    margin-top: -35px;
}
.w3-bar-inscrp2{
    width: 100% !important;
    overflow: hidden;
    margin-top: -35px;
    height:94px;
}

.w3-bar-inscrp2 .w3-button-inscrp {
    white-space: normal;
    color: #facd91 !important;;
    float: left;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    height: 25px;
    padding: 2PX 20PX 2PX 2PX;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: normal;
}

.w3-right-inscrp2 {
    margin-top: 26px !important;
    position: relative !important;
    margin-left: 35% !important;
    box-sizing: border-box !important;
}

.w3-wide {
    letter-spacing: 4px;
}
/* .w3-btn, .w3-button-inscrp {
    border: none !important;
    display: inline-block !important;
    padding: 8px 16px !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: inherit !important;
    background-color: inherit !important;
    text-align: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
} */

.w3-right-inscrp {
    margin-top: 0px !important;
    position: relative !important;
    margin-left: 35% !important;
  	box-sizing: border-box !important;
}
 
    
.w3-bar-inscrp .w3-button-inscrp {
    white-space: normal;
    color: #ffaa27 !important;;
    float: left;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    height: 38px;
    padding: 2PX 20PX 2PX 2PX;
    font-weight: 550;
    font-style: normal;
    font-size: 16px;
    letter-spacing: normal;
}


.w3-padding-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important;
    color: black !important;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
}


.w3-opacity, .w3-hover-opacity:hover {
    opacity: 0.60;
}
.w3-greyscale, .w3-grayscale {
    filter: grayscale(75%);
}
.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: 0 8px !important;
}




.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: 0 8px !important;
}
.w3-margin-bottom {
    margin-bottom: 16px!important;
}

.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
    float: left !important;
    width: 100% !important;
}
/* /MENU */

.title .ow-pl-toolbar .ow-label-pl {
    margin-top: 10% !important;
    font-size: 18px !important;
    margin-left: 34%;
}
.title2 .ow-pl-toolbar .ow-label-pl {
    margin-top: 10% !important; 
    font-size: 18px !important;
    margin-left: 34%;
}
.title3 .ow-pl-toolbar .ow-label-pl {
    margin-top: 10% !important;
    font-size: 18px !important;
    margin-left: 34%;
}



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

.commentTextDivHidden {
    display: none !important;
}

.commentTextHidden {
    display: none !important;
}

.commentTextDiv {
    position: relative !important;
}

.commentTextDiv input {
    border: 1px solid #AAA !important;
    padding: 5px !important;
    width: 98% !important;
    margin-top: 5px !important;
    color: #999 !important;
    font-size: 13px !important;
    height: 22px !important;
}

.commentTextDiv span {
    position: absolute !important;
    right: 5px !important;
    top: 9px !important;
    background: white !important;
    padding: 1px !important;
    cursor: pointer !important;
    font-size: 15px !important;
}

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

.fa-calendar-week:before{
	content: "\f133";
    color: grey !important;
}

.fa-folder:before {
    content: "\f07b";
    color: grey !important;
}
.fa-user:before{
 	content: "\f07b";
    color: grey !important;
}

.fa-envelope-open:before{
	content: "\f07b";
    color: grey !important;
}
.fa-phone-alt:before{
	content: "\f07b";
    color: grey !important;
}
.fa-graduation-cap:before{
	content: "\f07b";
    color: grey !important;
}
.fa-briefcase:before{
	content: "\f07b";
    color: grey !important;
}
.fa-info-circle:before {
    content: "\f05a";
    color: green !important;
}
.fa-download:before {
    content: "\f019";
    color: grey !important;
}
.check-boolean .ow-vl-inner{
    display: grid;
    grid-template-columns: 7% 93%;
    width: 90%;
    margin: auto;
    font-size: 13px;
    text-align: justify;
    color: #38a;
}
.headerbloc{
    border: 1px solid #fce8cf;
    width: max-content;
    border-radius: 7px;
    padding: 0 5px 0 5px;
}


.headerbloc > p{
margin: 10px 0px;
font-size: 13px;
	
	}

.ow-btn-container>.buttontelecharger{
	width:fit-content;
}




.sign.fa-exclamation-circle:before{
	color:green !important;
}







.check-boolean{
    margin-top: 23px !important;
    margin-left: -25px;
}
.ow-button {
    background: orange !important;
    border: none !important;
    color: white !important;
    padding: 0.2rem 0.75rem !important;
    border-radius: 5px !important;
    margin: 1px !important;
}

.ow-field-input-line{
    min-height: 20px !important;
    border: 1px solid orange !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 7px !important;
}


.ow-field-input-line .modif
{
	height: 28px !important;
	width: 67% !important;
	border-radius: 15px !important;
	 height: 35px !important;
}
.boxadress{
	margin-right: 3%;
    border: 1px solid orange;
    border-radius: 7px;
    padding: 29px 0px;
    margin-top: 8px;
    width: 77%;
}
.modif .ow-btn-container {
    justify-content: right !important;
}

.cloturebox .ow-btn-container{
	justify-content: right !important;
	margin-right: 9% !important;
}
.ow-field-stringToggler-container .ow-field-input-line {
    border: none !important;
 
}
.ow-field-input-line .ccc{
    min-height: 20px !important;
    border: 1px solid white !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 7px !important;
}
.cc .ow-vl-inner .ow-field-container .ow-field-core .ow-field-input-side .ow-field-input-line{
    min-height: 20px !important;
    border: 1px solid white !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 7px !important;
}
.veracity .ow-vl-inner .ow-field-container .ow-field-core .ow-field-input-side .ow-field-input-line{
    min-height: 20px !important;
    border: 1px solid white !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 7px !important;
    margin-left: 15%;
}

.cc .ow-field-input-side .ow-field-input-line{
    min-height: 20px !important;
    margin-left: 28px !important;
    border: 1px solid white !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 7px !important;
}
.ow-field-input .ow-field-input-toggler{
	 min-height: 20px !important;
    border: 1px solid orange !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 7px !important;
}

::emptyText {
    color: black !important;
}

/* chekbox */
.ow-field-input .ow-field-input-toggler>div>input:checked {
    background-color: orange !important;
    border: 3px solid white !important;
    box-shadow: 0 0 0 1.5pt orange !important;
}
.ow-field-input .ow-field-input-toggler>div>input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    position: relative !important;
    background-color: #ffffff !important;
    top: 4px !important;
    height: 18px !important;
    width: 19px !important;
    border: 0 !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    margin-right: 7px !important;
    outline: none !important;
    border: 2px solid orange !important;
}
.ow-field-input .ow-field-input-toggler>div>input:checked+label {
    color: black !important;
    font-weight: bold !important;
}

.ow-field-input.ow-field-input-toggler>div label {
    display: inline-block !important;
    padding: 1px !important;
    font-size: 13px !important;
    font-family: 'Roboto',sans-serif !important;
    color: black !important;
}
.ow-field-input .ow-field-input-toggler>div>input:hover {
    background-color: white !important;
    border: 3px solid #fbfafa !important;
    box-shadow: 0 0 0 1.5pt white !important;
}
/* /checkbox */


.signerButton {
    position: relative;
    width: 184px;
}

.fontp{
	font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 14px !important;
    color: #00000 !important;
}

.ow-vbox .ow-vl-inner .filebtn {
    border: 1px solid white !important;
    top: -12px !important;
    position: relative !important;
}
.ow-field-container {
    margin-left: 0PX!important;
}
/* 
.doc-upload button.ow-button span:hover {
    background: orange !important;
}
.doc-upload button.ow-button:hover {
    background: orange !important;
}*/
.doc-upload:hover {
    background-color: white !important;
    } 
#mybtn {
	backgroud-color:blue !important;
}
#null {
	backgroud-color:blue !important;
}

.ow-field-fileUpload-container .ow-field-input-line, .ow-field-fileDownload-container .ow-field-input-line {
    border: none !important;
}






.ow-pl.expanded > .ow-pl-toolbar .expand-collapse:before {
    content: "\f139";
    display: none !important;
}
.ow-form-footer {
    height: 20px;
    background-color: white;
}
.form-header .ow-field-core .ow-field-input-side input {
    background: none;
    padding: 0px;
    color: #000000 !important;
}
.decision .ow-vl-inner .ow-field-container .ow-field-core .ow-field-input-side .ow-field-input-line {
    min-height: 20px !important;
    border: 1px solid white !important;
    border-bottom: 1px solid #fce8cf !important;
    box-sizing: content-box !important;
    height: 28px !important;
    width: 351px;
    border-radius: 1px !important;
    margin-left: 12px;
}
.decision .ow-vl-inner .ow-field-container .ow-field-core .ow-label-side {
    text-align: left;
}
.notedecision .ow-vl-inner .ow-field-container .ow-field-core .ow-field-input-side .ow-field-input-line {
    min-height: 20px !important;
    border: 1px solid #fce8cf !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 3px !important;
    width: 70% !important;
}

.ow-field-input.ow-checkbox-input.checkedCB {
    font-family: FontAwesome !important;
    font-size: 17px !important;
    line-height: 17px !important;
    padding: 0px !important;
    background: #fa9802 !important;
    color: white !important;
    border-color: #fa9802 !important;
}

.ow-label-side {
    text-align: right;
    margin-top: 10px;
    line-height: 22px;
    padding-left: 5px;
    font-size: 13px;
    position: relative;
    color: black !important;
    font-family: var(--font-form-label);
}

.ow-hl.ow-hbox-flex.btnval .ow-hl-inner .ow-btn-container .ow-button {
    background-color: #03A113 !important;
}



/*  *********** PROGRESSE BAR *********** */
  .progressbar {
      margin: 111px  0 50px 200px;
      counter-reset: step;
  }
  .progressbar li {
      list-style-type: none;
      width: 35%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      color: #333333;
  }
  .progressbar li:before {
      width: 25px;
      height: 25px;
      content: '';
      line-height: 30px;
      border: 2px solid #C2C2C2;
      background-color: #C2C2C2;
      border-radius:18px;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      transition: all .0s;
      transform: rotate(45deg);
      z-index: 1;
      position: relative;
  }

 .progressbar li:after {
    width: 100%;
    height: 4px;    
    content: '';
    position: absolute;
    background-color: #C2C2C2 !important;
    top: 14px;
    left: -46%;
    transition: all .8s;
    margin-left: -4px;
    z-index: 0;
}
  .progressbar li:first-child:after {  
  	content: none;
  }
  .progressbar li.active:before {
      border-color: #ff7e00 !important;
      background-color: #FA9802 !important;
      transition: all .0s;
  }

  .progressbar1 {
      margin: 111px 0 50px 200px;
      counter-reset: step;
  }
  .progressbar1 li {
      list-style-type: none;
      width: 35%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      color: #333333;
  }
  .progressbar1 li:before {
      width: 25px;
      height: 25px;
      content: '';
      line-height: 30px;
      border: 2px solid #ff7e00 !important;
      background-color: #FA9802 !important;
      border-radius:18px;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      transition: all .0s;
      transform: rotate(45deg);
      z-index: 1;
      position: relative;
  }

  .progressbar1 li:after {    
    width: 100%;
    height: 4px;    
    content: '';
    position: absolute;
    background-color: #C2C2C2 !important;
    top: 14px;
    left: -46%;
    transition: all .8s;
    margin-left: -4px;
    z-index: 0;
  }
  .progressbar1 li:first-child:after {  
  	content: none;
  }
  .progressbar1 li.active:before {
      border-color: #18A346 !important;
      background-color:  #18A346 !important;
      transition: all .0s;
  } 
  
/* *********** /PROGRESSE BAR *********** */
/* *********** POPUP *********** */
.ow-dialog-btn {
    cursor: pointer !important;
    border: 1px solid #CCC !important;
    padding: 0.4rem 1rem !important;
    border-radius: 4px !important;
    font-size: 1rem !important;
    font-family: Verdana !important;
    color: #131212 !important;
    font-size: 13px !important;
}

.ow-dialog-icon.confirm:before, .ow-dialog-icon.busyResource:before {
    font-family: "FontAwesome" !important;
    content: "\f059" !important;
    margin: 1rem !important;
    font-size: 32px !important;
    display: inline !important;
    color: orange !important;
}
.ow-dialog-box {
    width: 500px !important;
    background: white !important;
    position: fixed !important;
    top: 220px !important;
    left: 46% !important;
    margin-left: -200px !important;
    padding: 1rem 1rem 0 1rem !important;
    border: 1px solid #ccc !important;
    box-shadow: 3px 3px 3px #ccc !important;
    z-index: 2100 !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
}

.ow-field-core.ow-field-input-linex.labelAlign-left .ow-field-input-side .ow-field-input-line {
    border: 1px solid #dcdcdc !important;
    border: 1px solid #dcdcdc !important;
    width: 85%;
    margin-left: 8%;
}

	/*  *********** PERSONNALISER *********** */
 .button {
  font-size: 13px !important;
    padding: 5px 16px !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease-out !important;
    background-color: orange !important;
}

.overlay {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transition: opacity 500ms !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.overlay:target {
  visibility: visible !important;
  opacity: 1 !important;
}

.modal {
    margin: 21px 437px !important; /* 150 */
    padding: 1rem 1rem 0 1rem !important;
    background: #fff !important;
    border-radius: 5px !important;
    border: 1px solid #ccc !important;
    box-shadow: 3px 3px 3px #ccc !important;
    width: 500px !important;
    transition: all 5s ease-in-out !important;
    }
    
#modalbtn {
    cursor: pointer !important;
    border: 1px solid #CCC !important;
    padding: 0.4rem 1rem !important;
    background-color: white !important;
    border-radius: 4px !important;
    font-size: 1rem !important;
    font-family: Verdana !important;
    color: #666 !important;
    margin: 1% 0 2% 42% !important;
}
#modalbtn:hover{
  border:1px solid #FA9802 !important;
  color:#FA9802 !important;
}

.modal .close {
    position: absolute !important;
    top: 30px !important;
    right: 350px !important;
    transition: all 200ms !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: #333 !important;
}
#addDocActions-upload{
	border:none !important;
}
.doc-upload:hover span{
	background:orange !important;
	border-radius: 5px !important;
}
.modal .content {
 	max-height: 30% !important;
    overflow: auto !important;
    color: black !important;
    font-family: Verdana !important;
    word-wrap: break-word !important;
    font-size: 0.85rem !important;
    padding-left: 21px !important;
    padding-bottom: 12px !important;
}
.fa-check-circle:before {
    content: "\f058";
    color: #FA9802 !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    font-size: 22px !important;
}	

.doc-file-actions:hover {
    color: grey !important;
    cursor: pointer;
}

.ow-field-core.commentTextdiv.commentField.labelAlign-left .ow-field-input-side .ow-field-input-line {
	border:1px solid #fce8cf !important;
    border-radius: 3px !important;
}	
	/* *********** /PERSONNALISER *********** */
	
	/* *********** TASK LIST *********** */
.ow-table-toolbar {
    display: none !important;
}
.ow-table-boolean, .ow-table-checkRow {
    display: none !important;
}
tr.ow-table-row:nth-child(even) {
    background-color: #f2f2f2 !important;
}
.ow-table > table > tbody > tr > td {
    border-right: 1px solid white !important;
    border-bottom: none !important;
    text-align:center !important;
}
.ow-table-row:HOVER {
    background: none !important;
}
.ow-table > table th {
    border-bottom: none !important;
    padding: 17px 10px !important;
    background: white !important;
    border-radius: 7px !important;
    text-align: center !important;
}

.ow-table {
    box-shadow: none !important;
    border-radius: 7px !important;
    color: black !important;
    border: 1px solid #f2f2f2 !important;
}

.ow-pagination-bar {
    background: orange !important;
    border-radius: 0px 0px 7px 7px !important;
    margin-top: 0.5px !important;
    opacity: 0.75 !important;
}

.ow-table-affected-sign {
    border-radius: 10px !important;
    outline: 2px solid #fffcf5 !important;
    background: green !important;
}

.ow-table-affected-reserved .ow-table-affected-sign {
    background: #E33 !important;
    outline: 2px solid #fffcf5 !important;
}
.ow-table-affected-mine .ow-table-affected-sign {
    background: orange !important;
    opacity: 0.75 !important;
    outline: 2px solid #fffcf5 !important;
}
.ow-field-core.tastListfield.labelAlign-float .ow-field-input-side .ow-field-input-line {
    border: none !important;
    border-bottom: 1px solid rgba(121, 121, 121, 0.78) !important;
    border-radius: 0px !important;
}

th.ow-table-th[data-ow-tbl-hi="0"] {
    display: none !important;
}

td[data-tbl-ci="0"] {
    display: none !important;
}

.ow-table-affected-message {
    background: grey !important;
}
.ow-btn-container .btngrise {
    background: grey !important;
}

.ow-field-core.opt.labelAlign-top .ow-field-input-side .ow-field-assistance .ow-field-assistance-inner .ow-option:nth-child(2) {
    background: lightgrey;
    pointer-events: none;
    min-height: 0px;
}
	/* *********** /TASK LIST *********** */
	
.ow-field-core.doc-upload.btnact.labelAlign-left .ow-field-input-side .ow-field-input-line .ow-field-input-wrapper .ow-button {
    width: 113px !important;
    background: orange !important;
}

.ow-field-core.doc-upload.btnact.labelAlign-left .ow-field-input-side .ow-field-input-line .ow-field-input-wrapper {
    width: 114px !important;
    margin-left: 5% !important;
    top: 10px !important;
    position:relative !important;
}
.ow-field-core.doc-upload.btnact.labelAlign-left .ow-field-input-side .ow-field-input-line .ow-field-input-wrapper .ow-button .ow-btn-label {
    font-size: 13px !important;
}
.ow-field-core.btnact1.labelAlign-left .ow-field-input-side .ow-field-input-line .ow-field-input-wrapper {
    margin-left: 12% !important;
    margin-top: 8px;
}

.ow-vl.ow-vbox.focalsearch .ow-button {
    background: white !important;
}
.ow-vl.ow-vbox.focalsearch .ow-button .ow-btn-label {
    color: #333333 !important;
    font-size: 12px;
} 
.focalsearch .fa-folder:before {
    content: "\f07b";
    color: orange !important;
    font-size: 15px !important;
}
.divtete {
    display: flex;
}
.ow-field-core.opt.labelAlign-top .ow-field-input-side .ow-field-assistance .ow-field-assistance-inner .ow-option {
    font-size: 13px !important;
}

.ow-field-input.ow-field-input-toggler>div>input{
	border: 2px solid orange !important;
}
.ow-field-input.ow-field-input-toggler>div>input:hover {
    background-color: orange !important;
    border: 3px solid #fbfafa !important;
    box-shadow: 0 0 0 1.5pt orange !important;
}
.ow-field-input.ow-field-input-toggler>div>input:checked {
    background-color: orange !important;
    border: 3px solid #fbfafa !important;
    box-shadow: 0 0 0 1.5pt orange !important;
}
button.ow-button.doc-actions{
	width: 118px !important;
}
   
.ow-field-input-linex .ow-field-assistance-inner {
    width: 85% !important;
    margin-left: 8%;
}



.ow-field-input-linex input.ow-field-input.ow-field-input-select {
    color: #444 !important;
}
	
.ow-pl.BB {
    margin: 0;
}

.BB .ow-field-input-side {
    padding: 0;
}
.BB .ow-button {
    width: 117Px;
}/* from css file karazapps/karaz/croa/architecte/visa/model/visa/web/Visa.css  */
.form-vertical-tag {
    background-color: #eaf7eb;
    transform: rotate(
-90deg
);
    border: solid 0.1px #65bd6b;
    height: 40px;
    margin-left: -90px;
    width: 155px;
    text-align: center;
    padding: 9px;
    font-size: 15px;
    letter-spacing: 3px;
    color: var(--k6-form-header-value-fg);
}
.fa-exclamation-triangle:before {
    content: "\f071";
    margin-right: 12px;
    color: orange!important;
}
.fa-check-circle:before ,.fa-check:before ,.confirm-button-instruction-disable .fa-save:before ,.fa-map-marker-alt:before{
	 color: white!important;
}

.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.form-vertical-tag_Brouillon {
    background-color: #555;
    color: #eee;
}
 
.visa_icone:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f007";
	padding: 5px;
	font-size: 22px;
	top: 7px;}
	
.cb-de-field .ow-field-input-side .ow-field-input-line {
    width: 71px;
}
.cb-ye-field .ow-field-input-side .ow-field-input-line {
    width: 84px;
    margin-left:-60px;
 }

.cb-cv-field .ow-field-input-side .ow-field-input-line {
    width: 58px;
}

.virm .ow-field-input-side .ow-field-input-line {
    min-height: 130px !important;
    border: 1px solid white !important;
    box-sizing: content-box !important;
    height: 28px !important;
    border-radius: 7px !important;
    margin-left: 52px !important;
    width:126px !important;
    margin-top: -4% !important;
}

.ow-vl.ow-vbox.pai-mode {
    padding: 25px 45px 48px 45px;
}

.ow-vl.ow-vbox.pai-mode-title {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    color: rgba(0, 0, 0, 0.94);
}
.ow-vl.ow-vbox.pai-mode-header {
    border: 1px solid #f2f2f2;
    border-bottom: none;
}

.pai-mode-header .ow-vl-inner.ow-gbox .ow-vl.ow-vbox {
    padding: 10px;
    color: #333333;
    text-align: center;
    background-color: rgba(245, 154, 35, 0.04);
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-size: 13px;
    cursor:pointer;
}

.ow-vl.ow-vbox.pai-mode-carte {
    border: 1px solid #f2f2f2;
    border-top: none;
}

.ow-vl.ow-vbox.pai-mode-carte .ow-vl-inner .ow-vl.ow-vbox .ow-vl-inner .ow-htm5.ow-span.span1 {
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
    color: rgba(51, 51, 51, 0.94);
}

.ow-vl.ow-vbox.pai-mode-carte .ow-vl-inner .ow-vl.ow-vbox .ow-vl-inner .ow-htm5.ow-span.span2 {
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
    color: rgba(51, 51, 51, 0.94);
    margin-left: 4%;
}
.ow-vl.ow-vbox.pai-mode-chq {
    border: 1px solid #f2f2f2;
    border-top: none;
}

.ow-vl.ow-vbox.pai-mode-chq-title {
    font-family: 'Roboto', sans-serif;
    color: rgba(0, 0, 0, 0.94);
    font-size: 13px;
    margin-left: 65px !important;
    padding-top: 30px !important;
}

.fa-exclamation-circle:before {
    content: "\f06a";
    color: grey;
    opacity: 0.72;
    margin-right: 12px;
}

.ow-vl.ow-vbox.pai-mode-vrm {
    border: 1px solid #f2f2f2;
    border-top: none;
    padding-top: 3%;
    padding-bottom: 40px;
}
.ow-vl.ow-vbox.pai-mode-vrm .ow-vl-inner .ow-vl.ow-vbox .ow-vl-inner.ow-gbox {
    margin-bottom: 5%;
}
.virm .ow-field-input-side .ow-field-input-line {
    min-height: 75px !important;
    border: 1px solid white !important;
    box-sizing: content-box !important;
    border-radius: 7px !important;
    margin-left: 52px !important;
    width: 126px !important;
    margin-top: -9% !important;
}
.virm .ow-button.ow-fileUpload.upload {
    background-color: #d7d7d7 !important;
    height: 30px !important;
    box-sizing: border-box !important ;
    font-family: 'Roboto', sans-serif !important;
    color: #333333 !important;
}

.ow-vl.ow-vbox.pai-rec {  
    border-bottom: 1px solid #f2f2f2;
    margin-top: 24%;
}

.ow-vl.ow-vbox.pai-rec-header {
    padding: 10px;
    color: #333333;
    text-align: center;
    background-color: #f2f2f2;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid #f2f2f2;
    border-bottom: none;
}

.ow-vl.ow-vbox.pai-rec-body {
    border: 1px solid #f2f2f2;
    border-top: none;
}
.ow-vl.ow-vbox.chq {
    background-color: #f2f2f2!important;
}


.ow-vl.ow-vbox.pai-mode-header .cb .ow-btn-container .ow-button {
    background: none!important;
    color: #333333 !important;
    width: 100% !important;
}

.ow-vl.ow-vbox.pai-mode-header .chq .ow-btn-container .ow-button {
    background: none!important;
    color: #333333 !important;
    width: 100% !important;
}

.ow-vl.ow-vbox.pai-mode-header .vrm .ow-btn-container .ow-button {
    background: none!important;
    color: #333333 !important;
    width: 100% !important;
}


.ow-field-core.pai-rec-body-field.labelAlign-left .ow-field-input-side .ow-field-input-line {
    border: 1px solid #f2f2f2 !important;
}

.pai-rec-body-field {
    font-size: 13px;
}

.ow-field-core.cb-de-field.labelAlign-left .ow-field-input-side .ow-field-assistance .ow-option {
    min-height: 17px;
}

.ow-field-core.cb-de-field.labelAlign-left .ow-field-assistance .ow-field-assistance-inner {
    max-height: 25vh !important;
}
.fa-calendar,fa-calendar:before,fa-map-marked-alt:before,fa-university:before,fa-user:before,fa-user-tie:before,fa-user-check:before,fa-users:before {
    color: gray!important; 
}  
.floatRight{
	background-color: gray!important;
}
.backgroundToGray button{
	background-color: gray!important;  
}  
.forceColorOrange{
	background-color: orange !important; 
	color:white!important;
	border-color: orange !important;
}  
.forceColorGray:before{ 
	color: gray!important;    
}
.forceWhiteColor{
	color: white!important;
}
.forceStep{
	width: 310px!important;
}
.bizBtn:hover {
    background-color: orange!important;
}/* 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/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/localite/model/localite/web/Localite.css  */
 
.ico_localite { 
	/*background-image: url(img/localite.png);*/
}