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

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

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

 
.File_icon:before{
	position: relative;
	font-family: FontAwesome !important;
	content: "\f15b" ;
	padding: 5px;
	font-size: 22px;
	top: 7px;
}/* from css file karazapps/backend/admin/ecm/repository/model/repository/web/Repository.css  */

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

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

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

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

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

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

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

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

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





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

.BoldTextArea.labelAlign-float .ow-label-side {
	background :#FFF;
	font-size: 12px !important;
}  /* from css file karazapps/backend/bam/activityinst/model/activityinst/web/Activityinst.css  */

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

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

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

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

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

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

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

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

.refreshScriptButton:before {
	
	
}

.ScriptCodeTextArea textarea {
    color: #9B9;
    font-family: CURSIVE;
    /* font-style: oblique; */
    background: #323;
    font-size: 13px;
    padding: 10px;
	
}/* from css file karazapps/karaz/dashboard/dashboard/model/dashboard/web/Dashboard.css  */
.ico_dashboard{
   background-image: url(img/dashboard.png);
}/* from css file karazapps/karaz/dashboard/dashlet/model/dashlet/web/Dashlet.css  */

.titleDashlet{
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 10px !important;
    color: #1886b9 !important;
}
/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/DashboardSearch.css  */

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

.classSearch-3 .upload{
	display:none;
} 
.detail,.synthetique {
    font-family: 'Roboto';
    font-weight: 100;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.hidden{
    display: none;
}

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*res*/

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

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

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

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

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

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

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

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

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

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

.header-div-toggle .dropdown-content hr{
    height: 1px;
    width: 85%;
    margin: auto;
    background: #ccc;
    border: 1px solid #eee;
}
  
.header-div-toggle .dropdown-content a:hover {
      background-color: #f1f1f1;
      color: #38a;
}
  
.folder-feature{
    width: 233%;
    position: absolute;
    margin-left: -16px !important;
    top: -10px;
    z-index: 1;
    left: 100%;
    display: none;
    padding: 1.25rem;
    margin: 10px 2rem;
    color: var(--fg1);
    background-color: white;
    border-radius: 2px;
    box-shadow: 3px 3px 3px #0004;
    border: 1px solid #DDD;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

}

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

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



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

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



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

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


.search_icon:hover{
    color: darkgrey;
}


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

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

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

#pagination a,.pagination a,.pagination-new-style a {
  color: inherit !important;
  padding: 8px 10px;
  border-radius: 3px;
  text-decoration: none;
  transition: background-color .3s;
}
#pagination a:active {
  background-color: #38B;
  color: white !important;
}
#pagination a:hover:not(.active) {background-color: #ddd;}

.myInput,.myInputOld{
    position: relative;
    /*left: 0%;
    top: 16%;*/
    border: none;
    color:white;
    text-align: center;
    width: -webkit-fill-available;
    margin-right: 2%;
    background: #3287AA;
    text-align: left;
    padding: 5px;
padding-left: 28px;}
.myInput:focus::placeholder, .myInputOld:focus::placeholder{
    color: transparent; 
}
.myInput:focus-visible,.myInputOld:focus-visible{
    outline: none;
}
.detail,.synthetique {
    font-family: 'Roboto';
    font-weight: 100;
}
.mysearch{
	  z-index: 1;
    position: absolute;
    left: 81%;
    top: 26%;
    font-size: x-large;
}
.searchList .searchP{
    margin-top: 3px;
}

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

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

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

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

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

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


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

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


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

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

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


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

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

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

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



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

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



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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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


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

.vpanel-body-title span{
     

}

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

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



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

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

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

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

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

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

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

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



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

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

.divSearch {
    height: auto !important;
}

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

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

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


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

.cl-orange{
    color: #f93;
}

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

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

.gris666{
    color: #666;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rokhas-home{
    cursor: pointer;
}



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



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

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


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


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


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

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

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

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

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


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

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

.stat-dashbord .stat-div{
}

.dashbord-right .search-box{
}

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


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

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

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


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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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



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

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


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

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

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

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

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

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

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

.main{
    height: 193px;
}



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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

#retageHomePage .hp-sbox-big-title {
    font-size: 1.35rem;
    font-weight: bold;
    color: var(--fg0);
    text-align: center;
    margin: 0.5rem 0 0 1rem;
}
#retageHomePage .hp-sbox-text {
    font-size: 1rem;
    display: block;
    color: var(--fg1);
    margin-left: 1rem;
    margin-right: 2rem;
    text-align: left;
    margin-top: 10px;
}

#retageHomePage .hp-sbox-big-title-ar {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--fg0);
    text-align: center;
    margin: 0.5rem 0 0 1rem;
}

#retageHomePage .hp-sbox-text-ar {
    font-size: 1.0rem;
    display: block;
    color: var(--fg1);
    margin-left: 1rem;
    margin-right: 2rem;
    text-align: left;
    margin-top: 10px;
	text-align: right;
	word-wrap: break-word;
}
#retageHomePage .res-div-height-ar {
	 height: 44%;
}

#retageHomePage-ar  {
 font-family: Droid Arabic Kufi, sans-serif;
  font-size: 1.2em;
}
#retageHomePage .search_buttonAR_ar .ow-btn-label {
        font-family: Noto Kufi Arabic;
    font-size: 13px;
}
#retageHomePage .search_buttonAR_fr .ow-btn-label {
        font-family: Noto Kufi Arabic;
    font-size: 13px;
}
#retageHomePage .support {
    width: 85%;
    margin: auto;
    margin-top: 28px;
}
#retageHomePage .header_lang_btn{
	grid-template-columns: 50% auto;
    display: flex;
    justify-content: center;
}
#retageHomePage .header_logo{
       justify-content: center;
    display: flex;
    margin-top: 3px;
    margin-bottom: 2px;
	
}
#retageHomePage #footerBanner {
    width: 100% !important;
    height: 139px !important;
	background: url(../img/rokhas_footer.png) no-repeat center;
    margin-top: 0px !important;
    border-bottom: 0px solid #FFFFFF !important;
    box-sizing: border-box !important;
    background-size: 300px auto;
    background-position-y: 30px;
	
}
#retageHomePage .item {
	color: white;
	*    padding-left: 9px;
    *padding-right: 9px;
}
#retageHomePage #shareFooter,#retageHomePage #footerBanner {
    background-color: #2d2d2d;
}

#retageHomePage #shareFooter {
    width: 100%;
    margin: auto;
    margin-top: 50px;
}
#retageHomePage #footerMenu {
    background: #2d2d2d;
    overflow: hidden;
    width: 100%;
    height: 40px;
	
}

#retageHomePage .providerMention {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 35px;
    margin-left: 10px;
	background-color: #2d2d2d;
}

#retageHomePage span.contact:before {
    content: "\f095";
    font-family: FontAwesome;
    margin-right: 8px;
}
#retageHomePage span.security:before {
    content: "\f023";
    font-family: FontAwesome;
    margin-right: 8px;
}
#retageHomePage span.legales:before {
    content: "\f0e3";
    font-family: FontAwesome;
    margin-right: 8px;
}
#retageHomePage span.faq:before {
    content: "\f059";
    font-family: FontAwesome;
    margin-right: 8px;
}
#retageHomePage .footer_acess_icon {
    grid-template-columns: 25% 25% 25% 25%;display: grid;
	 padding-left: 20%;
}
#retageHomePage .support-time-ar {
    font-size: 12px;
    display: block;
    position: relative;
    bottom: -40px;
}
@media screen and (max-width: 900px){
#retageHomePage .ow-gbox {
    display: contents;
}
#retageHomePage .btn-link-prod {
    display: flex;
	justify-content: center;
}
#retageHomePage-ar  .t4 {
	width: 100% !important;
}
#retageHomePage .item.order0 {
	color: white;
	padding-left: 27%;
}
#retageHomePage .providerMention {
	display:flex;
}
#retageHomePage .footer_acess_icon {
    grid-template-columns: 63% 45% 58% 25%;
    display: grid;
}
#retageHomePage .separate_div {
    width:30%;
}
#retageHomePage .support-time-ar {
    font-size: 12px;
    display: block;
    position: relative;
    bottom: 0px;
}

}
#retageHomePage .footer_logo{
       justify-content: center;
    display: flex;
    margin-top: 3px;
    margin-bottom: 2px;
	
	
}

/* from css file guideVideo.css */

.consultation-video{
    display: none;
}


.video-iframe{
    width: 100%;
    height: 500px;
    background:#fff;
    margin: 2px 0 2px 0;
}

 .consultation-video-title{
    font-size: 25px;
    color: #444;
    display: block;
    text-align: left;
}

 .video-description{
    text-align: justify;
    width: 95%;
    margin: auto;
}

.edit-width{
    width: 300px;
    height: 300px;
}

@media screen and (max-width: 1300px) {
    .pagination-otm a, .pagination-otm-search a, .pagination-word-list a{
        padding: 8px 7px !important;
    }

    .dashbord-right .d2 .word-list-div {
    }

    .stat-dashbord .d1 .config-bar span {
        width: 28px;
    }

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

@media screen and (max-width: 900px) {
    .classSearch-4 .hp-sec.qst-faq .vpanel-title div{
        display:block !important;
        margin-top: auto;
    }

    .classSearch-4 .hp-sec.qst-faq .vpanel-title div span{
        margin-left: 0 !important;
    }

    .classSearch-4 .div-det-acc{
        padding: 0 !important;
    }

}

.item-body-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media (min-width: 900px) and (max-width:1200px) {
    .ow-view  .hp-box{
        margin: 10px 1% !important;
    }

    .ow-view .yb-btn-home ,.ow-view .buttonLog ,.ow-view .support-html{
        font-size: 13px !important;
    }

    .ow-view .yb-btn-home{
        padding: 9px 10px;
    }

    .ow-view .support-time span{
        font-size: 9.5px !important;
    }

    .ow-view .simulator-sub .hp-box{
        margin: auto !important;
    }

    .height-mobile-10{
        height: 10px;
    }

    .height-mobile-10{
        height: 20px;
    }

    .ow-view .buttonLog{
        padding: 3px;
        width: auto !important;
        height: 31px !important;
    }
    
    box-card{
        padding: 13px !important;
        margin: 10px 2% !important;
    }

    .fieldset-articles .article img {
        height: 130px;
    }

    .NFQ-fieldset{
        padding: 8px;
    }

    .NFQ-fieldset .video-list-item img,.NFQ-fieldset img{
        height: 50px !important;
    }

    .type-demande i {
        font-size: 26px;
    }

    .type-demande{
        width: auto !important;
    }

    .size955{
        margin-top: 10px !important;
    }

    .simulator-qr .rep-check{
        font-size: 14px;
        margin-left: 6px;
    }

    .simulator .simulator-qr .next-button button{
        width: 105px;
        font-size: 14px;
        height: 33px;
    }

    .divSearch-article {
        color: #333 !important;
        padding: 10px !important;
    }

    .divSearch-article .content-article {
        font-size: 14px;
    }
}

.divSearch-article .content-article img{
    max-width: 100%;
} 


@media screen and (max-width: 900px) {
    .contact-us-div .type-div ,.contact-us-div .type-div div,.contact-us-div .type-div div span{
        display: block !important;
        height: auto;
        font-size: 15px !important;
    }

    .contact-us-div .type-div div i{
        display: block !important;
    }

    .contact-us-div .type-div i{
        font-size: 35px !important;
    }

}

.NQF-prev-resp img,.response-body img{ 
    max-width: 100%;
}


button.ow-button.button-signup-header {
    background-color: #38A !important;
    color: #FFF !important;
    border: 1px solid var(--edit-button) !important;
    border-radius: 2px !important;
    text-align: center !important;
    cursor: pointer !important;
    outline: none !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/ProceduresCSS.css  */
/* start procedure  */
.NQF-edit-float .ow-field-boolean-container .ow-field-core{
    margin-top : 18px;
}

button.ow-button.PCD-button-signup-header{
    background-color: #F0F0F0;
    color: var(--edit-button);
    border: 1px solid var(--edit-button);
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    outline: none;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}
button.ow-button.PCD-button-signup-header:hover{
    background-color: #ffffff;
}
.div-det-acc .accp{
    width: 85%;
    margin: auto;
    font-size: 15px;
    color: #999999
}
.PCD-hr-acc{
    margin: auto !important;  
    margin-top: 1em !important;
    margin-bottom: 3em !important;
}

.PCD-hp-box {
    display: block;
    padding: 1.25rem;
    margin: 10px 2rem;
    color: #999999;
    background-color: white;
    border-radius: 2px;
    box-shadow: 3px 3px 3px #0004;
    border: 1px solid #DDD; 
    text-align: center;
    height: 100%;
    box-sizing: border-box;
 } 
.PDC-prag-p + .PDC-prag-pp  { margin-top: 10px; }
/* start btn moteur recherche */
.PDC-btn-container-right .ow-btn-container{
    text-align: right !important;
}
.PCD-moteur-search {
    background: #38A !important;
    color: white !important;
}
/* end btn moteur recherche */

/* icon size */
.PCD-vpanel-body-icon i{ 
    font-size: 10rem;   
}

/*  */
.PCD-tooltip{
    float: right;
    font-size: 1em !important;
    color: #38A;  
}
.PCD-filtre-scf{
    font-size: 13px;
    color: #999999;
    float: right;
    margin: 0.5em 2rem !important;
}

.PCD-parent-ann{
    display: grid;
    grid-template-columns: 12% auto 5%;
}
.PDC-hov-title >  .ow-pl-toolbar .ow-label-pl:hover{
    color: #f93 !important; 
    cursor: pointer;
}
/*  */
/* end procedure  */

/* start Non decrit */
.PCD-not-described{
    background: #666666;
    padding: 1.3em 0.3em;
    color: #FFF;
}
.PCD-not-described p{
    margin-bottom: 0.3em !important;
}

.PCD-not-described i{
    font-size: 28px;
}

  ul.dashed {
    list-style-type: none;
  }
  ul.dashed > li {
    text-indent: -5px;
  }
  ul.dashed > li:before {
    content: "-";
    text-indent: -5px;
    margin-right: 3px;
  }
 /* start Non decrit */
 /* start NQF */
.DC-Customized-fields-NQF .ow-field-input-line{
    border: unset;
    border-bottom: 1.5px solid #DDD;
	}
	
    .DC-Customized-fields-NQF .ow-field-core.labelAlign-float{
        margin-left: 3em !important;
        margin-right: 3em !important;
    }
    .DC-btn-filtrer-NQF{
        background-color: white!important;
        border-radius: 0px !important;
        color: #757575 !important;
        padding-bottom: 0px !important;
    }
    .NQF-btn-color-normal{
        border-bottom: 1px solid #555 !important;
    }
    .ow-button.usage_r.DC-btn-filtrer-NQF{
        padding: 0 !important;
    }
    
    .NFQ-all-quest{
    margin-top: 2em;
    box-shadow: 3px 3px 3px rgba(102, 102, 102,0.34);
    
}
    
    .NQF-vue-question{
        margin: 0em 0.5em;
        border: 1px solid #DDD;
        box-shadow: 3px 3px 3px rgba(102, 102, 102,0.34);
        border-radius: 2px;
        padding: 0.5em 2em;
        font-size: 13px;
        color: #757575;
    }
    .NQF-btn-color .ow-btn-label{
        color: #38A;
    }
    .NQF-btn-alg .ow-btn-container{
        text-align: right
    }
    .NQF-btn-color-blue{
        border-bottom: 1px solid #38A !important;
    }
    .NQF-btn-alg{
        padding-bottom: 1em;
    }
    .NQF-horizontal-line{
        height: 1px !important;
        border: none;
        background-color: #e3e4e5;
        flex: 1;
        margin-top: 8px;
        margin-bottom: 8px;
        margin: 0 20%;
    }
    
    .NFQ-mgn-bt{
    margin-bottom: 1em;
	}
	.NFQ-click-btn:hover{
    cursor: pointer;
    color: #38A;
	}
	
	.NQF-shadow .ow-label-pl, .pcd-header-NQF .ow-label-pl{
    color: #999;
	}
	.pcd-header-NQF .ow-pl-inner{
	    padding: 2em !important;
	}
	.NQF-shadow {
	    box-shadow: 3px 3px 3px rgba(102, 102, 102,0.34) !important;
	    margin: 1em 0 !important;
    }
    
    .NQF-edit-playlist,.NFQ-all-quest,.NQF-vue-question{
        display: none;
    }


/* start left field */	
.NFQ-fieldset{
    display: block;
    padding: 1.25rem;   
    color: #999999;
    background-color: white;
    border-radius: 2px;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}
.NFQ-fa-style{
    font-size: 20px;
    line-height: .75em;
    vertical-align: -15%;
    margin: auto;
    margin-right: 4px;
}
.NFQ-end{
    font-size: 11px;
    float: right;
    color: #38A;
    text-decoration: underline;
    cursor: pointer;

}
/* start left field */

.NQF-freq-quest > .ow-pl-inner{
    height: 1077px;
    overflow: auto;
}

.det-article-fieldset2.NQF-freq-quest > .ow-pl-inner{
	height:auto !important;
}

/*added */
.NQF-new-quest-btn{
    text-align: center !important ;
}

.NQF-new-quest-btn .ow-vl-inner .ow-btn-container{
    text-align: center !important ;
    display: inline-block;
}
.NQF-new-quest-btn .ow-button {
    background: var(--form-button-hover-bg) !important;
    color: var(--form-button-hover-fg) !important;
}
.NQF-shadow .ow-label-pl, .NQF-header-NQF .ow-label-pl{
    color: #999;
}
.NQF-header-NQF .ow-pl-inner{
        padding: 10px 2em 2em 2em !important;
        
}

.NQF-quest-delete{
    grid-template-columns: auto 5%;
    display: grid;
    grid-column-gap: 1em;
}
.NFQ-close-quest:hover{
    
    color:red;
    cursor: pointer;
}

.NFQ-load-img{
    text-align: center;
}

.NQF-vue-ref{
        margin: 0em 0.5em;
        border: 1px solid #DDD;
        box-shadow: 3px 3px 3px rgba(102, 102, 102,0.34);
        border-radius: 2px;
        padding: 0.5em 2em;
        font-size: 13px;
        color: #757575;
    }

.NQF-prev-quest >span{
    display: block;
    margin: 8px 0;
}
/*end */
/*end NQF*//* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/Treant.css  */
.Treant { position: relative; overflow: hidden; padding: 0 !important; }
.Treant > .node,
.Treant > .pseudo { position: absolute; display: block; visibility: hidden; }
.Treant.Treant-loaded .node,
.Treant.Treant-loaded .pseudo { visibility: visible; }
.Treant > .pseudo { width: 0; height: 0; border: none; padding: 0; }
.Treant .collapse-switch { width: 3px; height: 3px; display: block; border: 1px solid black; position: absolute; top: 1px; right: 1px; cursor: pointer; }
.Treant .collapsed .collapse-switch { background-color: #868DEE; }
.Treant > .node img {	border: none; float: left; }
.Treant.Treant-loaded .node{
            background: #eee;
            padding: 9px;
            border: 2px solid #38a;
            border-radius: 5px;
            color: #38a;
}

.evolution-tree{
    width: 224px;
    margin: 10px;
    height: 180px;
}

.evolution-tree .show,.evolution-tree .paste{
    display: none;
}

.evolution-tree p {
    margin: 4px;
    font-size: 15px;
}

.evolution-tree .node-red{
    display: none;
}

.copied{
    background: #29a7bb !important;
    color: #fff !important;
}

.copied button{
    color: #38a !important;
}

.classe-evo{
    background: #e3f6f2 !important;
}

.classe-red{
    background: #ffeded !important;
    border-color: black !important;
    color:#666 !important;
}

.classe-red .red,.classe-red .add,.classe-red .rm{
    display: none;
}

.classe-red .show{
    display: inline-block;
}


.tree-buttons{
    text-align: center;
}

.tree-buttons button{
    width: 30px;
}

.Treant.Treant-loaded .node .node-question{
	height: 68px;
}

.Treant.Treant-loaded .node .node-docIn,.Treant.Treant-loaded .node .node-docOut,.Treant.Treant-loaded .node .node-id,.Treant.Treant-loaded .node .node-question_id{
    display: none;
}

.Treant.Treant-loaded .node .node-id,.Treant.Treant-loaded .node .node-columns_id,.Treant.Treant-loaded .node .node-columns_idB,.Treant.Treant-loaded .node .node-status,.Treant.Treant-loaded .node .node-rep_size,.Treant.Treant-loaded .node .node-type_aff{
    display: none;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/articles.css  */
.tesssssss{
	
}
.classSearch-home-glo .h-icon{
    width: auto !important;
}
 .fieldset-articles{

  }
  
  .comment-det .ql-align-right{
  	text-align : right !important;
  }
  
  .comment-det img{
  	max-width:90%;
  }

  .fieldset-articles .article{
    padding: 7px;
    width: 97%;
    margin: 4px;
        border: 1px solid #eee;
    box-shadow: #999 1px 1px 5px;
    background: #fff;
    position: relative;
    height: 450px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
  }

  .fieldset-articles .article .footer-article{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #fff;
    z-index: 5;
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .fieldset-articles .article .footer-article span{
    margin: 3px;
}

  .fieldset-articles .article img{
        width: 100%;
        height: 190px;
        top: 4px;
        right: 0px;
        display: block;
  }

  .fieldset-articles .article .like-icon{
      position: absolute;
      color: #aaa;
      top: 17px;
      right: 17px;
      font-size: 24px;
  }

  .fieldset-articles .article span.tag{
    padding: 2px 8px;
    background: #38a;
    border-radius: 2px;
    color: #fff;
    font-size: 13.5px;
    cursor: pointer;
    display: none;
    margin: 3px;
  }

  .fieldset-articles .article .pub-by {
    margin: 9px;
    display: none;
  }

  .fieldset-articles .article .toggle-art{
      position: absolute;
      top: auto;
  }

  .fieldset-articles .article:hover img{
      opacity: 0.3;
      transition-duration: .7s;
  }

  .fieldset-articles .article:hover .pub-by{
      -webkit-animation-name: showB; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
        animation-name: showB;
        animation-duration: 0.8s;
        display: block;

  }

  .fieldset-articles .article:hover span.tag{
      -webkit-animation-name: showIB; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
        animation-name: showIB;
        animation-duration: 0.8s;
        display: inline-block; 

  }

  .fieldset-articles .article:hover .toggle-art{
      top: 100px;
      background: #fff;
      -webkit-animation-name: movment; /* Safari 4.0 - 8.0 */
      -webkit-animation-duration: 0.7s; /* Safari 4.0 - 8.0 */
      animation-name: movment;
      animation-duration: 0.7s;
  }

  .right-side .NQF-freq-quest > .ow-pl-inner{
    height: auto !important;
  }

  @keyframes movment {
    from {top: 200px;}
    to {top: 100px;}
  }

  @keyframes showB {
    from {display: none;}
    to {display: block;}
  }

  @keyframes showIB {
    from {display: none;}
    to {display: inline-block;}
  }
  
.fieldset-footer {
    margin-top: 23px;
    cursor: pointer;
    color: #333;
    text-align: right;
    padding: 2px;
    border-radius: 2px;
}



.fieldset-footer-home{
    padding: 15px;
    font-size: 17px;
    width: 98%;
    margin: auto;
    font-weight: 600;
    border-radius: 2px;
    margin-top: 23px;
    cursor: pointer;
}


.fieldset-footer:hover {
    text-decoration: underline;
}

.search-input-articles .hp-search_field{
    padding-left: 0 !important;
}

.search-input-articles{
    width: 80%;
    margin: auto;
}


.divSearch-article{
    color:#333 !important;
    padding : 0 !important;
  }

  .divSearch-article .div-fsb-details .fsb-container {
      padding-left: 0; 
 }

  .divSearch-article .det-div{
    color:#666;
    /*border: 1px solid #ccc;*/
    background: #eee;
    padding: 8px;
  }

  .divSearch-article .article-img{
      border: 1px solid #ccc;
      border-bottom:none;
      /*background: #eee;*/
  }
  
  .divSearch-article .article-desc{
   /* background: #eee;
    border: 1px solid #ccc;*/
    border-top: none;
    padding-left : 5px;
    padding-right : 5px;
    color:#666;
    padding: 5px;
  }

  .divSearch-article .content-article{
      text-align: justify;
      padding: 5px;
  }/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/globalSearch.css  */

.hp-IND{
    margin: 3px 9px !important;
}

.graph-ind{
    display: block;
    width: 100%;
    height: auto;
}

.graph2,.graph3{
    display: none;
}

.dash-menu-graph{
    display: grid;
    grid-template-columns: 33% 34% 33%;
    text-align: center;
    width: 97.5%;
    margin: auto;
}

.indicator-div-title{
    display: grid;
    grid-template-columns: 90% 10%;
    padding: 5px 4px;
    background: #eee;
    border: 1px solid #ddd;
    cursor: pointer;
    color: #888;
}

.indicator-div-title.active{
    border-bottom: 1px solid #fff;
    background: #fff;
}

.indicator-div-title .fat{
    font-size: 23px;
    margin-right: 6px
}

.indicator-div-title i.fa-question-circle{
    color: #38A;
}

.ind-det-but{
    text-align: right;
}

.ind-det-but button{
    border: 1.4px solid #38A;
    background: #eee;
    border-radius: 4px;
    font-size: 16px;
    color: #38A;
    padding: 3px 9px;
}

.ind-det-but button:hover{
    background: #38A;
    color: #EEE;
}

.notif_info_header{
    grid-template-columns:10% 40% 50%;
    display: grid;
    font-family: 'Arial Italique', 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    padding-bottom: 6px;
}
.sf_notif{
    font-size: 28px;
    margin-top: -5px;
    position: inherit;
    color:#9a9898;
}
.notificone_:before {
	 content: "\f0e0";
}
.notificone_EMAIL:before {
	 content: "\f0e0";
}
.notificone_FCM:before {
	content: "\f013";
}
.notificone_SMS:before {
	     content: "\f7cd";
}
.email_to_cls{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notif_emailSubject{
        font-weight: bold;
}
#dashboardArchitect  .ow-pagination-bar {
        height: 43px;
    overflow: hidden;
}

#dashboardArchitect button.ow-button.float{
    margin-left: 80%;
    position: relative;
}
#dashboardArchitect .dashboardArchitect_serach_Button {
    color: #757777 !important;
}
button.ow-button.dashboardArchitect_serach_Button {
    padding: 3px 0.75rem;
    border: 1px solid var(--form-button-fg);
    outline: none;
}
#gobalModelSearch  .ow-pagination-bar {
        height: 43px;
    overflow: hidden;
}


#gobalModelSearch button.ow-button.float{
    margin-left: 80%;
    position: relative;
}
#gobalModelSearch .gobalModelSearch_Button {
    color: #757777 !important;
}
button.ow-button.gobalModelSearch_Button {
    padding: 3px 0.75rem;
    border: 1px solid var(--form-button-fg);
    outline: none;
}
#gobalModelSearch .date_title{
padding-top: 7px;padding-left: 32px;   
 font-family: 'Arial Italique', 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
}
#gobalModelSearch .inforow_0{
grid-template-columns: 28px 94%;
    display: grid;
}
#gobalModelSearch .inforow_1{
grid-template-columns: 82% 18%;
display:grid;
}
#gobalModelSearch .inforow_2{
    padding-top: 5px;
    padding-left: 30px;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
}
#gobalModelSearch .icon_acceedossier{
font-size:30px;
color: #a7a3a3;
cursor: pointer;
}
#gobalModelSearch .icon_pc{
    margin-right: 0px;
    font-size: 20px;
    color: #a7a3a3;
}
#gobalModelSearch .info_town{
    
     
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #999999;
}
#gobalModelSearch .inforow_3{
    padding-left: 30px;
}
#gobalModelSearch .inforow_4{
    padding-left: 30px;
    color: #3388AA;
}
#gobalModelSearch .inforow_5{
grid-template-columns: 10% auto 10%;
    text-align: center;
    display: grid;
    padding-bottom: 5px;
}
#gobalModelSearch .main_searchV4{
    font-family: 'Roboto Regular', 'Roboto';
        width: 100%;
        min-height: 350px;
}
.autocomplete-items {
    width: 96%;
    cursor: pointer;
    position: relative;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 106;
    top: 0%;
    text-align: left;
    /* margin-top: 10px; */
    left: 0;
    font-size: 15px;
    right: 0;
    margin-left: 16px;
    margin-top: -5px;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/mainDefault.css  */
.last-log .hp-text-input>.ow-field-input-side>.ow-field-input-line {
    /* border: 2px solid #4f7ab6; */
    border-radius: 0px; 
    height: 40px;
}

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

.last-log .hp-sbox-text a,.hp-sbox-text i {
    color: inherit !important;
}

.last-log .hp-sbox-text:hover{
    color: #38a;
}

.last-log{
    color: #777 !important
}

.last-log .hp-box-small-title {
    display: block;
    font-size: 1.2rem;
    margin: 0.3rem auto;
    padding: 0.15rem 0rem;
    margin-bottom: 0;
    text-align: left;
}

.card-bx box-text {
    font-size: 0.9rem;
    padding: 0.15rem 1rem;
    display: block;
    color: rgb(100, 100, 100);
}

.height-973{
    height: 97.3% !important;
}

.h-icon{
    height: 5rem !important;
    font-size: 4rem !important;
    width:50px;
}

.link-div-ref{
    text-align: right;
    width: 56%;
    margin: auto;
    font-size: 12px;
    text-decoration: underline;
}

.ow-button.hp-search_field_icon {
    height: 59px;
    border-radius: 9px;
    font-weight: bold;
    letter-spacing: 1.1px;
    background: var(--form-button-fg);
    color: white;
    width: 59px;
    margin: 4px;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/otc.css  */
.cf .cf-2 .cf-menu{
    display: grid;
    grid-template-columns: 50% 50%;
}


.cf .cf-2 .cf-menu .cf-type-butt{
    text-align: center;
    text-align: center;
    font-size: 17px;
    border: 1px solid #eee;
    padding: 16px;
    margin-top: -10px;
    background: #eee;
    color: #38a;
    cursor: pointer
}

.cf .cf-2 .cf-menu .div-1{
    margin-left:-10px 
}

.cf .cf-2 .cf-menu .div-2{
    margin-right:-10px
}

.cf .cf-2 .cf-menu .active{
    background: #fff;
    color: #aaa;
    border-bottom: none;
}

.cf .cf-2 .clusters{
    display: grid;
    width: 55%;
    grid-template-columns: 10% 47% 3% 25%  15%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 33px;
}

.cf .cf-2 .clusters .cluster-item{
    text-align: center;
    border: 1px solid #ddd;
    color: #999;
    padding: 7px;
    
}

.cf .cf-2 .clusters .sp1,.cf .cf-2 .clusters .sp2,.cf .cf-2 .clusters .sp3,.cf .cf-2 .clusters .sp4,.cf .cf-2 .clusters .sp-sep{
    height: 36px;
    border: 1px solid #ddd;
    color: #999;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    border-right: none;
    text-align: center;
}

.cf .cf-2 .clusters .sp1{
    border-radius:2px 0 0 2px;
    font-size: 19px;
    height: 20px;
}

.cf .cf-2 .clusters .sp4{
    border-radius:0 2px 2px 0;
    border-right: 1px solid #ddd;
}

.cf .cf-2 .clusters .sp-sep{
    background: #999;
}

.cf .cf-1 .menu-config,.cf .cf-2 .menu-config{
    width: 97%;
    margin: auto;
    padding: 5px;
    padding-left: 19px;
    border: 1px solid #ddd;
    background: #eee;
    color: #337ab7;
    font-size: 15px;
}

.cf .cf-1 .menu-config-bottom,.cf .cf-2 .menu-config-bottom{
    width: 97%;
    margin: auto;
    padding: 3px;
    border: 1px solid #ddd;
    background: #eee;
    color: #337ab7;
    margin-bottom: 39px;
}

.cf .cf-1 .menu-config .item{
    
}

.cf .cf-1 .tab,.cf .cf-2 .tab{
    margin: auto;
    width: 97%;
    max-height: 570px;
    overflow: auto;
}

.cf .cf-2 .tab{
    max-height: 470px;
}

.cf .cf-1 .tab .item,.cf .cf-2 .tab .item{
    /*display: grid;*/
    grid-template-columns: 5% 95%;
    font-size: 13px;
    border: 1px solid #ddd;
    padding: 6px;
    padding-left: 13px;
    border-top: none;
}

.cf .cf-1 .tab .item .check,.cf .cf2 .tab .item .check{
    text-align: center
}

.cf .cf-1 .tab .item .note{
    
}

.cf .cf-1 .menu{
    display: grid;
    grid-template-columns: 75% 25%;
    margin: auto;
    width: 97%;
    margin-top: 20px;
}

.cf .cf-1 .menu .config{
    padding-top: 10px;
}

.cf .cf-1 .menu .config span{
    font-size: 15px;
    color: #38a;
    cursor: pointer;
}

.cf .cf-1 .menu .acc{
    text-align: center;
    display: grid;
    grid-template-columns: 20% 40% 40%
}

.cf .cf-1 .menu .acc i{
    border: 1px solid #eee;
    padding: 5px;
    margin-bottom: 8px;
    color: #fff;
    background: #38a;
    display: block;
}

.cf .cf-1 .menu .acc span{
    border: 1px solid #eee;
    padding: 3px;
    margin-bottom: 8px;
    display: block;
    cursor: pointer;
    font-size: 14px;
}

.cf .cf-1 .menu .acc span.active{
    background: #eee;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/refActivites.css  */
.intitule-fr-ar{
	display: grid;
    grid-template-columns: 50% 50%;
    margin: 10px 0 25px 0;
    gap: 10px;
}

.intitule-fr{
    font-weight: bold;
    font-family: nunito Sans,Segoe UI,Tahoma;
}
.intitule-ar{
    text-align: right;
    direction: rtl;
    font-weight: bold;
    font-family: nunito Sans,Segoe UI,Tahoma;
}




.tableContainer {
    border: solid 1px #38a;
    padding: 5px 20px 5px 20px;
    border-radius: 19px;
}

.cinField .ow-field-input-line {

    border-radius: 33px !important;
    border: solid #0369ad 1px;
    height: 27px;
}


.showDet {
    margin-top: 35px !important;
}
.ow-pl.expanded.ow-tabpanel-flex.detailsBox {
    border: solid 1px #38a;
    border-radius: 30px;
    margin: 15px;
}
.cinFieldV4 .ow-field-input-line {

    border-radius: 33px !important;
        color: white;
    background: #0369a1;
    border-radius: 22px;
    height: 28px;
    margin-top: -1px;
   
}
button.ow-button.filterBtn {
    background: var(--form-button-bg);
    border: 1px solid #38A4 !important;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: -206px !important;
    /* margin: 1px; */
    background: #0369a1;
    /* background-position-x: -69px; */
}

.btnContainer .ow-btn-container {
    margin-top: 21px;
}

button.ow-button.searchbtn {
   /* margin-left: -57px;*/
    z-index: 1000;
  /*  position: relative;*/
}


.cinFieldV4 .ow-field-input.ow-field-input-select {
    color: white !important;
}

.ow-button.lcProc {
    background: color: rgb(255, 255, 255);
    background-color: #0369a1;
    color: white;
}

.ow-button.vpd {
    background: white;
    color: color: rgb(255, 255, 255);
    color: #0369a1;
}

pagination a.active, .pagination-new-style a.activeV4 {
    color: #0369a1 !important;
    /* color: white !important; */
}
 #etapes > li {
    list-style-type: none;
}

 #docRequis > li {
    list-style-type: none;
}
 #membreCom > li {
    list-style-type: none;
}
 #docDeliv > li {
    list-style-type: none;
}

#etapes span {
    background: #9dc4d8;
    color: white;
    border: 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 7px;
     margin-right:10px;
}




 #docRequis span {
    background: #9dc4d8;
    color: white;
    border: 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 7px;
     margin-right:10px;
}
 #membreCom  span {
   background: #9dc4d8;
    color: white;
    border: 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 7px;
     margin-right:10px;
}
 #docDeliv span {
    background: #9dc4d8;
    color: white;
    border: 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 7px;
    margin-right:10px;
}

#etapes a {
    margin-left: 39px !important;
    color: gray;
    font-size: 14px;
}
#docRequis a {
    margin-left: 39px !important;
    color: gray;
    font-size: 14px;
}
#membreCom a {
    margin-left: 39px !important;
    color: gray;
    font-size: 14px;
}
#docDeliv a {
    margin-left: 39px !important;
    color: gray;
    font-size: 14px;
}


div#docRequis i {
    /* margin-left: 961px; */
    float: right;
}
/*
div#etapes i {
    margin-left: 70%;
    BORDER: 1px solid #38a;
    padding: 5px 16px 5px 16px;
    color: #38a;
    font-size: 12PX;
}
*/

div#etapes i {
    /* margin-left: 70%; */
    BORDER: 1px solid #38a;
    padding: 5px 16px 5px 16px;
    color: #38a;
    font-size: 12PX;
    float: right;
    /* WIDTH: 180px; */
    width: 184px;
    text-align: center !important;
}

.cinFieldV4 .ow-field-input.ow-field-input-select:before{
	color:white;
}

.ow-pl .ow-pl .ow-pl-toolbar .ow-label-pl {
    font-size: 13px;
    color: #0369a1;
    font-weight: bold;
}

.ow-pl.expanded > .ow-pl-toolbar .expand-collapse:before {
  /*  content: "\f139";*/
    color: #0369a1; 
}
.filledInput span.ow-field-bag-remove {
    display: inline;
    background: none;
    border-left: none;
    color:white;
}

span.ow-field-bag.ow-field-bag-trailing.ow-field-bag-loop.fa.fa-search {
    background: none;
    border-left: none;
    
}

/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/simulator.css  */
.lang_ar .zohohc-111f9be57a.zohohc-de53d4bb27 .zohohc-7a021c0b4b {
    flex-direction: initial;
}

.qr .rep .rep-pred.rep-type-0 #bloc-bouton_3, .qr .rep .rep-pred.rep-type-0 .type-demande[idd="3"] {
    pointer-events: none;
    background: #80808030;
}

.error-msg-sim{
    padding: 12px 15px;
    background: #666;
    color: #fff;
    margin-bottom: 25px;
    margin-top: -31px;
    display: none;
}

.error-msg-sim p{
    text-align: left;
    font-size: 15px;
}

.error-msg-sim i{
    font-size: 31px;
    color: #f93;
}

.ques-rep .fa-question-circle{
    margin-left: 7px;
}

.type-demande i{
    font-size: 41px;
}
.type-demande span{
    margin-top: 7px;
    display: block;
}

.simulator .simulator-qr .next-button {
    display: none;
}

.simulator .simulator-qr .next-report{
    display: none;
}

.type-demande{
    width: 140px;
    height: 126px;
    background: #fff;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    padding: 17px 3px;
    cursor: pointer;
    border:1px solid #d0D0D0;
}

.type-demande:hover{
    background-color: #f3f3f3;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.34);
}

.simulator .simulator-sub{
    padding: 20px 34px;    
}

.membre-span{
    border: 1px solid #f93;
    color: #f93;
    border-radius: 9px;
    margin-left: 5px;
    height: 23px;
    padding: 3px;
    display: inline-block;
    font-size: 12px;
}

.simulator .hp-sbox-text {
    margin-left: 10px;
}

.simulator .simulator-qr{
    position: relative;
    margin: 10px auto !important;
    height: auto !important;
    width: 95%;
}

.size955{
    width: 95%;
    margin: auto;
}

.size955 .ow-pl{
    margin: auto;
}

.simulator .simulator-qr .qr{
    padding: 20px;
    width: 90%;
    margin: auto;
    text-align: left;
    color: #38a
}

.simulator .simulator-qr .ques-rep{
    margin-bottom: 40px;
}

.simulator .simulator-qr .ques{
     margin-bottom: 17px;   
}

.simulator .simulator-qr .rep{
    margin-top: 13px;
    position: relative;
}

.simulator .simulator-qr .rep-type-0,.simulator .simulator-qr .rep-type-1,.simulator .simulator-qr .rep-type-2{
    
}

.simulator .simulator-qr input{
    border-top: none;
    border-left: none;
    border-right: none;
    height: 27px;
    width: 45%;
    padding-left: 9px;
    margin-left: 11px;
    color: #888;
    outline: none;
}

.simulator .simulator-qr select{
    border: 2px solid #eee;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 30px;
    width: 75%;
    padding-left: 9px;
    margin-left: 11px;
    color: #888;
    outline: none;
}

.simulator .simulator-qr .check{
    display: block;
    border: 3px solid #ccc;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    cursor: pointer;
}

.simulator .simulator-qr .check-ent{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: auto;
    margin-top: 18%;
}

.simulator .simulator-qr .active-check{
    background: #ccc;
}

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

.simulator .simulator-qr .next-button .stopped{
    background: #999;
    cursor: inherit;
}

.simulator .simulator-qr .next-button .stopped:hover{
    background: #999;
    color: #fff;
    border: none;
}

.simulator .simulator-qr .next-button button{
    background: #38a;
    color: white;
    border: none;
    width: 110px;
    font-size: 18px;
    height: 35px;
    border-radius: 3px;
    outline: none;
}

.simulator .simulator-qr .next-button button:hover{
    border: 1px solid #38a;
    color: #38a;
    background: #fff;
    transition-duration: .3s;
}

.simulator .danger-text{
    text-align: left;
    width: 85%;
    margin: auto;
    font-size: 13px;
}

.simulator .danger-text .fa-exclamation-triangle{
    font-size: 35px;
    color: #ffb65b;
        
}

.simulator .docs-container .doc-item,.simulator .steps-container .doc-item,.simulator .docs-comp-container .doc-item,.simulator .docs-fac-container .doc-item,.simulator .docs-sort-container .doc-item{
    display: grid;
    grid-template-columns: 10% 90%;
    text-align: left;
    width: 80%;
    margin: auto;
    color: #777;
    margin-bottom: 9px;
}

.simulator .steps-container .doc-item{
    width: 90%;
}

.simulator .docs-container i.fa-info,.simulator .docs-comp-container i.fa-info,.simulator .docs-fac-container i.fa-info,.simulator .docs-sort-container i.fa-info{
    color: #fff;
    font-size: 9px !important;
    width: 15px;
    background: #999;
    height: 15px;
    text-align: CENTER;
    line-height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    vertical-align: text-bottom;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

.simulator .steps-container .doc-item span.icon-number{
    border: 2px solid;
    width: 30px;
    height: 30px;
    background: #777;
    color: #fff;
    border-radius: 50%;
    line-height: 18px;
    font-family: 'Open Sans', sans-serif;
}

.simulator .docs-container .doc-item i,.simulator .steps-container .doc-item i,.simulator .docs-comp-container .doc-item i,.simulator .docs-fac-container .doc-item i,.simulator .docs-sort-container .doc-item i{
    font-size: 28px;
}

.simulator .docs-container .doc-item span,.simulator .steps-container .doc-item span,.simulator .docs-comp-container .doc-item span{
    padding: 4px;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/simulatorCms.css  */

.top-header-doc{
    display: grid;
    padding: 9px;
    height: 500px;
    overflow: auto;
}

.att-img{
    visibility: hidden;
}

.top-header-doc span{
    background: #eee;
    text-align: center;
    cursor: pointer;
    padding: 10px 5px;
    margin: 4px 0;
    font-size: 17px;
}

.simulator-cms .autocomplete-items{
    width: 111%;
    border-top: 1px solid #38a;
    cursor: pointer;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: 1px solid #d4d4d4;
    z-index: 106;
    top: 67%;
    text-align: left;
    margin-top: 10px;
    left: 0;
    font-size: 15px;
    right: 0;
    max-height: 475px;
    overflow: auto;
}

.simulator-cms .autocomplete-items span{
    border: none !important;
    padding: 0 !important;
}

.simulator-cms{
    display: block;
    margin: 10px 2rem;
    color: var(--fg1);
    background-color: #eee;
    border-radius: 2px;
    box-shadow: 3px 3px 3px #0004;
    border: 1px solid #DDD;
    height: 870px;
    box-sizing: border-box;
}


.gif-load-simulator-cms{
    display: block;
    width: 60%;
    margin: auto;
    text-align: center;
    height: 100%;
    padding-top: 20%;
}

.simulator-cms .navbar-sim-cms{
    border: 1px solid #eee;
}

.simulator-cms .navbar-sim-cms-item{
    display: grid;
    grid-template-columns: 13% 90%;
    padding: 6px;
    border: 1px solid #eee;
    background: #fff;
    cursor: pointer;
    height: 100%;
}

.simulator-cms .navbar-sim-cms-item:hover{
    background: #efefef; 
}

.simulator-cms .active{
    background: #eee;
}

.simulator-cms .navbar-sim-cms-item i{
    padding: 4px;
}

.simulator-cms .navbar-sim-cms-item span{
    padding: 2px;
}


.simulator-cms .container-sim-cms .container-1{
    margin: 3px;
    background: #fff;
    width: 98%;
    height: 800px;
}



.simulator-cms .container-sim-cms .container-2,.simulator-cms .container-sim-cms .container-3,.simulator-cms .container-sim-cms .container-4{
    margin: 3px;
    background: #fff;
    width: 98%;
    height: 749px;
    padding-top: 30px;
    display: none;
}


.simulator-cms .container-sim-cms .container-2 .container-docs,.simulator-cms .container-sim-cms .container-3 .container-steps{
    margin-left: 31px;
    width: 51%;
    overflow: auto;
    max-height: 599px;
    font-size: 16px;
    margin-top: 35px;
}

.simulator-cms .container-sim-cms .container-2 .container-docs .item,.simulator-cms .container-sim-cms .container-3 .container-steps .item{
    border: 1px solid #eee;
    display: grid;
    width: 95%;
    margin: auto;
    grid-template-columns: 8% 72% 10% 10%;
}

.simulator-cms .container-sim-cms .container-2 .container-docs .item i,.simulator-cms .container-sim-cms .container-3 .container-steps .item i{
    padding : 5px;
}

.simulator-cms .container-sim-cms .container-2 .add-doc-class,.simulator-cms .container-sim-cms .container-3 .add-doc-class {
    width: 91%;
    margin: auto;
    color: #38a;
    cursor: pointer;
    margin-top: 15px;
}

.simulator-cms .side-bar{
    margin: 3px;
    height: 792px;
}

.simulator-cms .container-sim-cms .container-4 table.tab-matrix{
    width: 90%;
    margin: auto;
    overflow: auto;
    max-height: 600px;
}


.simulator-cms .container-sim-cms .container-4 table.tab-matrix tr th{
    border: 1px solid #ddd;
    padding: 7px;
    background: #eee;
    text-align: center;
    height: 50px;
}

.simulator-cms .container-sim-cms .container-4 table.tab-matrix tr td{
    border: 1px solid #ddd;
    padding: 7px;
    text-align: center;
    height: 50px;
}

.simulator-cms .container-sim-cms .container-1 .button-upload-es{
    text-align: center;
    padding: 14px;
    position: relative;
}

.simulator-cms .container-sim-cms .container-1 .button-upload-es button{
    color: white;
    background: red;
    font-size: 16px;
    border: none;
    padding: 0;
    border-radius: 2px;
}

.simulator-cms .container-sim-cms .container-1 .button-upload-es button span{
    padding: 6px;
    display: block;
}

.simulator-cms .container-sim-cms .container-1 .button-upload-es button span.active{
    background-color: rgba(0,0,0,0.5);
}

.simulator-cms .container-sim-cms .container-1 .button-upload-es span.valide{
    position: absolute;
    margin: 6px;
    margin-left: 15px;
    color: green;
    font-size: 15px;
}

.simulator-cms .side-bar .header{
    height: 100px;
    border: 1px solid #eee;
    text-align: center;
    padding: 15px;
    background: #fff;
}



.simulator-cms .side-bar .header i{
    font-size: 45px;
    padding: 9px;
    color: #38a;
}

.simulator-cms .side-bar .header span{
    font-size: 32px;
    color: #38a;
}



.simulator-cms .side-bar .body{
    height: 750px;
    font-size: 16px;
}

.simulator-cms .side-bar .body .div-1,.simulator-cms .side-bar .body .div-2,.simulator-cms .side-bar .body .div-3,.simulator-cms .side-bar .body .div-4{
    border: 1px solid #eee;
    padding: 15px;
    background: #fff;
    margin-top: 6px;
}

.simulator-cms .side-bar .body .div-5,.simulator-cms .side-bar .body .div-6,.simulator-cms .side-bar .body .div-7{
    border: 1px solid #eee;
    padding: 15px;
    background: #fff;
    height: 340px;
    margin-top: 6px;
}

.simulator-cms .side-bar .body .div-3,.simulator-cms .side-bar .body .div-4,.simulator-cms .side-bar .body .div-5,.simulator-cms .side-bar .body .div-6,.simulator-cms .side-bar .body .div-7{
    display: none;
}

.simulator-cms .side-bar .body .cms-form input,
.simulator-cms .side-bar .body .cms-form-2 input{
    border: none;
    text-align: center;
    background: inherit;
}

.simulator-cms .side-bar .body .cms-form-2 input.reponses,.simulator-cms .side-bar .body input.placeholder{
    width: 95%;
    border: 1px solid #eee;
    padding: 7px;
    text-align: left;
}


.simulator-cms .side-bar .body  .cms-form select,.simulator-cms .side-bar .body  .cms-form-2 select{
    width: 100%;
    height: 34px;
    border-radius: 2px;
    border: 1px solid #eee;

}

.simulator-cms .side-bar .body .cms-form div.class-responses div.responses-sim-cms .link-sim-cms{
    background: aliceblue;
    border-radius: 2px;
    padding: 2px 5px;
}

.simulator-cms .side-bar .body  .div-2 .cms-form select,.simulator-cms .side-bar .body  .div-3 .cms-form-2 select{
    border: 1px solid #eee;
}

.simulator-cms .side-bar .body  .cms-form .form-grid,.simulator-cms .side-bar .body  .cms-form-2 .form-grid{
    display: grid;
    grid-template-columns: 30% 70%;
}

.simulator-cms .side-bar .body .cms-form div.class-responses div.responses-sim-cms,.simulator-cms .side-bar .body .cms-form-2 div.class-responses div.responses-sim-cms{
    display: grid;
    grid-template-columns: 33% 33% 33%;
}

.simulator-cms .side-bar .body .cms-form div.form-grid span,.simulator-cms .side-bar .body .cms-form-2 div.form-grid span{
    border: 1px solid #eee;
    padding: 5px;
}

.simulator-cms .side-bar .body  .cms-form div.form-grid i{
    padding: 5px;
}

.simulator-cms .side-bar .body  .cms-form .class-help-q,.simulator-cms .side-bar .body  .cms-form .class-responses,.simulator-cms .side-bar .body  .cms-form .class-responses-q ,.simulator-cms .side-bar .body  .cms-form .class-placeholder-q{
    padding: 6px;
    border: 1px solid #eee;
}

.simulator-cms .side-bar .body  .cms-form .class-update-button,.simulator-cms .side-bar .body  .cms-form-2 .class-update-button {
    margin-top: 14px;
    text-align: right;
    padding: 7px;
}

.simulator-cms .side-bar .body  .cms-form .class-update-button button ,
.simulator-cms .side-bar .body  .cms-form-2 .class-update-button button {
    background: #38a;
    border: none;
    color: white;
    padding: 6px;
    border-radius: 2px;
    font-size: 15px;
}


.simulator-cms .side-bar .body .cms-form .header-cms-form,.simulator-cms .side-bar .body .cms-form-2 .header-cms-form{
    border: 1px solid #eee;
    padding: 5px;
    text-align: center;
    background: #eee;
    font-size: 18px;
    /*border-radius: 4px 4px 0 0;*/
}

.simulator-cms .side-bar .body .div-1 .link-sim-cms{
    color: #38a;
    cursor: pointer;
}

.simulator-cms .link-sim-cms textarea{
    width: 98%;
    border: 1px solid #eee;
}

.simulator-cms .side-bar .body1{
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    height: 692px;
    display: none;
}

.simulator-cms .side-bar .body1 .docs-in .header-doc{
    display: grid;
}
.simulator-cms .side-bar .body1 .docs-in .header-doc span{
    padding: 7px;
    border: 1px solid #eee;
    background: #fff;
    width: 95%;
    font-size: 15px;
    margin: auto;
}

.simulator-cms .side-bar .body1 .docs-in .header-doc span.active{
    background: #eee;
}

.simulator-cms .side-bar .body1 .docs-in .header-doc span i{
    margin-right: 6px;
}
.simulator-cms .side-bar .body1 .docs-in .docs-added{
    border: 1px solid #eee;
    width: 95%;
    margin: auto;
    height: 200px;
    overflow: auto;
    padding: 10px;
}

.simulator-cms .side-bar .body1 .docs-in .separate{
    width: 95%;
    border: 1px solid #eee;
    margin: auto;
    background: #eee;
    height: 5px;
}

.simulator-cms .side-bar .body1 .docs-in .docs-list{
    border: 1px solid #eee;
    width: 95%;
    margin: auto;
    height: 260px;
    overflow: auto;
    padding: 10px;
}

.simulator-cms .side-bar .body1 .docs-in .docs-in-buttons{
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}

.simulator-cms .side-bar .body1 .docs-in .docs-in-buttons button.save{
    border: none;
    color: white;
    background: #38a;
    border-radius: 2px;
    padding: 5px;
}

.simulator-cms .side-bar .body1 .docs-in .doc-item {
    display: grid;
    grid-template-columns: 10% 80% 10%;
    width: 92%;
    margin: 7px auto;
    font-size: 15px;
    color: #38a;
}


.simulator-cms .side-bar .body1 .docs-in .doc-item i {
    padding: 3px;
}

.simulator-cms .side-bar .body1 .docs-in .doc-item i.fa-close,.simulator-cms .side-bar .body1 .docs-in .doc-item i.fa-plus {
    cursor: pointer;
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/virtualKeyboard.css  */

#keyboardInputMaster {
    position:absolute;
    border:2px groove #eee;
    color:#38A;
    background-color:#eee;
    text-align:left;
    z-index:1000000;
    width:auto;
    direction: initial;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    top: unset !important;
  }
  
  #keyboardInputMaster thead tr th {
    text-align:left;
    padding:2px 5px 2px 4px;
    background-color:inherit;
    border:0px none;
  }
  #keyboardInputMaster thead tr th select,
  #keyboardInputMaster thead tr th label {
    color:#000000;
    font:normal 11px Arial,sans-serif;
  }
  #keyboardInputMaster thead tr td {
    text-align:right;
    padding:2px 4px 2px 5px;
    background-color:inherit;
    border:0px none;
  }
  #keyboardInputMaster thead tr td span {
    padding:1px 4px;
    font:bold 11px Roboto;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    background-color: white;
    border-radius: 5px;
    cursor:pointer;
  }
  #keyboardInputMaster thead tr td span.pressed {
    border:1px inset #999999;
    background-color:#bbbbbb;
  }
  
  #keyboardInputMaster tbody tr td {
    text-align:left;
    margin:0px;
    padding:0px 4px 3px 4px;
  }
  #keyboardInputMaster tbody tr td div {
    text-align:center;
    position:relative;
    height:0px;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout {
    height:auto;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table {
    height:20px;
    white-space:nowrap;
    width:100%;
    border-collapse:separate;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {
    width:auto;
    margin:0px auto;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
    vertical-align: middle;
    padding: 3px 7px 3px 7px;
    white-space: pre;
    font: bold 9px Droid Arabic Kufi, sans-serif;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    background-color: white;
    border-radius: 5px;
    cursor: default;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {
    width:99%;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {
    background-color:#ccccdd;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {
    background-color:#ddddcc;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {
    border-top:1px solid #d5d5d5;
    border-right:1px solid #555555;
    border-bottom:1px solid #555555;
    border-left:1px solid #d5d5d5;
    background-color:#cccccc;
  }
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,
  #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {
    border-top:1px solid #555555;
    border-right:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
    border-left:1px solid #555555;
    background-color:#cccccc;
  }
  
  #keyboardInputMaster tbody tr td div var {
    position:absolute;
    bottom:0px;
    right:0px;
    font:bold italic 11px Arial,sans-serif;
    color:#444444;
  }
  
  .keyboardInputInitiator {
    margin-left:3px;
    vertical-align:middle;
    cursor:pointer;
  }/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/vueLarge.css  */
@media screen and (min-width: 1900px) {

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

    .item-body .item-body-title{
        font-size:15px !important; 
    }

    .ow-field-input-select[data-xpath="query.filterRef"]{
        font-size:15px !important; 
    }

    .divSearch-article .det-div .ow-gbox{
        font-size:17px !important; 
    }

    .last-log .hp-box-icon{
        font-size: 45px !important;
    }

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

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

    .last-log-info {
        font-size: 14px;
    }
}/* from css file karazapps/karaz/ux/hub/portailsearch/model/portailsearch/web/vuemobile.css  */
@media screen and (max-width: 900px) {

    .mobile-height-0{
        height: 0px !important;
    }
    
    .mobile-height-auto{
        height: auto !important;
    }    

    .hp-search_field{
        margin: 0 !important;
        padding-left : 0 !important;
    }

    .classSearch-2 .pagination-new-style{
        display: block;
    }

    .NQF-freq-quest > .ow-pl-inner{
        height: auto !important;
    }

    .divSearch-article .fsb-container{
        padding: 13px !important;
    }

    button.send-comment{
        float: none !important;
        margin: auto !important;
        display: block !important;
    }

    .divSearch-article .det-div{
        color:#333;
        padding: 8px;
        font-size:15px;
      }

    .reseau-ss{
        text-align: left !important;
    }

    .comments-list .grided-mobile{
        grid-template-columns: 63px auto !important;
        display: grid !important;
        font-size: 14px !important;
    }


    .comments-list .comment-user-img img{
        width: 46px !important;
    }

    .size955 {
        width: 100%;
    }

    .simulator .simulator-qr {
        margin: auto !important;
        margin-left: 0px !important;
        position: relative;
        height: auto !important;
        
    }

    .simulator .simulator-qr .next-button button{
        margin-bottom: 4px !important;
        height: auto !important;
        margin-left: 0;
    }
    
    .simulator .simulator-sub {
        padding: 10px 15px !important;
    }

    .docs-container-div .doc-item .doc-name div,.docs-comp-container .doc-item .doc-name div,.docs-sort-container .doc-item .doc-name div,.docs-fac-container .doc-item .doc-name div{
        width: 250px !important;
        right:0 !important;
    }
    
    .full-search-list-item{
        height: auto !important;
    }

    .full-search-list-item .item-body-button{
        float: none !important;
        display: block;
        margin: auto
    }

    .video-iframe {
        height: auto;
        margin: 9px 0 9px 0;
    }

    .height-mobile-10{
        height: 10px !important;
    }

    .height-mobile-20{
        height: 20px !important;
    }

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

    .support-html{
        display: block;
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }

    .classSearch-4 .iframe-tab iframe{
        height: auto !important;
    }

    .classSearch-1 .full-search-list-item{
        margin-top: 0 !important;
        padding-top:0 !important;
    }

    .classSearch-1 .full-search-list-item .item-title{
        top: 71px !important;
    }

    .classSearch-1 .full-search-list .full-search-list-item .item-body{
        margin-top: 0 !important;
    }

    .classSearch-1 .full-search-list .full-search-list-item .item-body .item-body-title{
        font-size: 14px;
    }

    .type-demande{
        display: grid !important;
        grid-template-columns: 25% 75% !important;
        width: 100%;
        height: auto;
        margin: 9px auto;
        font-size: 13px;
    }

    .type-demande i{
        font-size: 30px;
    }

    #ranking-table td,#ranking-table2 td{
        font-size: 12px;
    }

    #ranking-table td.rank-dl,#ranking-table td.rank-dg,#ranking-table td.rank-at,#ranking-table td.rank-fs,#ranking-table td.rank-es{
        display: none;
    }

    /* #ranking-table2 td.rm{
        display: none;
    }  */

    .ranking-bar10-U .div-1-top10 span{
        font-size : 12px !important;
        line-height: 12px !important;
    }

    .ranking-bar10-U .div-3-top10 div{
        width: 45% !important;
    }
    
    .ranking-bar10-U .top-10-small{
        display:grid;
        grid-template-columns: 65% 5% 30%;
    }

    .ranking-bar10-E .div-1-top10 span{
        font-size : 12px !important;
        line-height: 12px !important;
    }

    .ranking-bar10-E .div-3-top10 div{
        width: 45% !important;
    }
    
    .ranking-bar10-E .top-10-small{
        display:grid;
        grid-template-columns: 65% 5% 30%;
    }
    
    .legend-region .lg{
        display:grid;
        grid-template-columns: 50% 50% !important;
    }

    .div-bar-1{
        width: 90%;
    }

    .div-bar-2{
        width: 90%;
    }

    #ranking-table{
        display: none;
    }

    #ranking-table2 .commune-td{
        font-size: 12px !important;
        padding-left: 0px !important;
    }

    #ranking-table2 .first-tr{
        display: contents !important;
    }

    .dipslay-block{
        display: block;
    }

    .calcul-index{
        font-size: 13px !important;
        padding: 20px 15px !important;
        text-align: left !important;
    }

    .calcul-index img{
        max-width: 70% !important;
    }

    .autocomplete-items{
        width: 95% !important;
    }

    .classSearch-4 .hp-small{
        padding: 10px 20px !important;
    }

	.divSearch-article{
		font-size:14px !important;
	}
	
	.divSearch-article .content-article{
		text-align:left !important;
    }
    
    .filterRef-class.ow-field-core.labelAlign-float{
             margin-top: 0px; 
             margin-left: 0px;
    }

    .classSearch-0 .ow-vl-inner .stay-grid .ow-gbox-small .ow-vbox .ow-gbox,.classSearch-1 .ow-vl-inner .stay-grid .ow-gbox-small .ow-vbox .ow-gbox,.classSearch-12 .ow-vl-inner .stay-grid .ow-gbox-small .ow-vbox .ow-gbox {
        grid-template-columns: 67% 39% !important;
    }
 
    .filterRef-class .ow-field-input-select{
        font-size: 7px !important;
    }

    .ranking-fieldset .ow-btn-container{
        text-align: center;
        margin-bottom: 25px;
    }

    #ranking-table2 .err-msg-rk{
        position: absolute;
    }

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