@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');


html body{
	font-family: 'Tajawal', sans-serif !important;
	font-size: 15px;
	font-weight: 500;
}

.btn-actions  .bg-theme-1{
	background-color: #00009d !important;
}
.bg-blue,.edit-line{
	background-color: #00009d !important;
}
.side-menu__sub-open{
	background-color: #f1f5f8 !important;
}

.side-nav>ul ul li a:not(.side-menu--active) {
    color: inherit;
}

.bg-secondary{
	background-color: #979797 !important;
}

.grid form .tail-select{
	margin-top: 7px;
}
.white{
	color: #FFFFFF;
}

.pull-left{
	float: left;
}

.pull-right{
	float: right;
}

.clearfix{
	clear: both;
}
.button.bg-blue{
	background-color: #00009d !important;
}

.hide{
	display: none;
}

#global-loader {
    position:fixed;
    z-index:50000;
    background: url(../images/loader.gif) no-repeat 50% 50% rgb(255 255 255 / 37%);
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:0 auto;
    display: none;
}

body.loading #global-loader {
    display: block !important;
}

.inblock{
	display: inline-block;
}

.dblock{
	display: block;
}

.mttop23{
	margin-top: 2.3rem;
}

.mt-0{
	margin-top: 0 !important;
}

.mb-7{
	margin-bottom: 7px !important;
}

.bginvalid{
	background-color: #cccccc;
}

html body{
	padding: 0.75rem 2rem !important;
}
#ModalRecherche .tail-select{
	margin-top: 7px;
}

.hide{
	display: none !important;
}

.inline-block{
  display: inline-block;
}
.border-none{
  border: none !important;
}
/*
.BigModal{
  z-index: 9999999 !important;
}*/
@media (min-width: 576px){
.BigModal .modal__content {
  width: 60% !important;
}

.MinModal .modal__content {
  width: 40% !important;
}

}
/*div.tail-select{
  z-index: 9999999 !important;

} */

.modal div.tail-select{
  z-index: auto !important;

}
.overflow-y-hidden {
  overflow-y: scroll !important;
}
.table td, .table th {
  padding: 5px;
  font-weight: 700;
}

.notification-content{
  z-index: 9999999999;
}
.notification-content a {
  width: 100%;
  display: block;
  border-bottom: 1px solid #a5a5a5cc;
  padding: 14px 0;
}

.plclientbloc{
	  float: left;
    width: 70%;
}
.plclientsave{
	float: left;
	margin-left: 15px;
	margin-top: -1px;
}

.select2-container .select2-selection--multiple{
	min-height: 35px !important;
}

div.alertify{
      z-index: 9999999999;
}

.blockdisplay{
    cursor: pointer;
    min-height: 20px;
}
.pointer{
	cursor: pointer;
}

.spplaning {
    color: #4a5569;
    font-size: 15px;
    margin-bottom: 10px;
}

.col-span-3{grid-column:span 3/span 3}
.col-span-4{grid-column:span 4/span 4}
.col-span-5{grid-column:span 5/span 5}
.col-span-7{grid-column:span 7/span 7}

.dropdown-actions{
	   position: inherit !important;
}
.dropdown-actions .dropdown-toggle{
	color: inherit;
	border: 1px solid #cccccc;
	padding: 3px 15px;
	outline: none !important;
}

.w-half{
	width: 48%;
}

.table-lines td,
.table-lines th,
.table-resums td,
.table-resums th{
    border: 1px solid #cccccc;
    text-align: center;
}

.table-lines input[readonly] {
  background-color: whitesmoke;
}

.border-0{
	border: 0 !important;
}

body .select2-container--default .select2-selection--single {
	padding: 7.5px 32px 7.5px 12px;
	--tw-border-opacity: 1;
	border-color: rgba(226,232,240,var(--tw-border-opacity));
	border-radius: 0.375rem;
	border-width: 1px;
	--tw-shadow: 0 0 transparent;
	box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
	--tw-text-opacity: 1;
	color: rgba(45,55,72,var(--tw-text-opacity));
	height: 40px;
}


body .select2-container--default .select2-selection--multiple {
	--tw-border-opacity: 1;
	border-color: rgba(226,232,240,var(--tw-border-opacity));
	border-radius: 0.375rem;
	border-width: 1px;
	--tw-shadow: 0 0 transparent;
	box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
	--tw-text-opacity: 1;
	color: rgba(45,55,72,var(--tw-text-opacity));
}


body .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 23px;
}


body .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 8px;
}
.spvat{
	float: left;
	width: 100%;
	margin-left: -14px;
}

.icorightdrop{
	right: 10px;
	position: absolute;
	top: 7px;
}
.prelative{
	position: relative;
}

body .ui-widget.ui-autocomplete {
	font-family: inherit !important;
	padding: 5px;
	font-weight: 500;
	font-size: 16px;
    z-index: 99999999;
}

.dw100{
	float: left;
	width: 100%;
}

.dwleft{
	float: left;
}
.dwright{
	float: right;
}

.text-theme-9 {
    color: #76a900 !important;
}

.dropdown-box__content .p-2 a svg{
	top: -2px;
	position: relative;
}
/*
#ModalPayementBons.in,
#ModalReglement.in
{
    z-index: 99999;
}*/

#ModalPayementBons .modal-dialog{
	width: 90% !important;
}
.ModalVBig .modal__content{
    width: 70% !important;
    height: 800px;
    margin-top: 0 !important;
}
.h100{
	height: 100%;
}

#ModalPayementBons .table td, 
#ModalPayementBons .table th {
    padding: 0.75rem 1.25rem;
}

.dropdown .image-fit>img{
	height: auto;
	top: 9px;
	width: 80%;
	left: 4px;
}

.select2-container {
    width: 100% !important;
    min-width: 150px;
}

.bginvalid .dropdown-actions .dropdown-toggle{
	border-color: #FFFFFF;
}

.cancel_botton,
.cancel_botton_popup{
	background-color: #cccccc;
}

.smalli{
	font-size: smaller;
}
.small_total{
    font-size: smaller;
    width: max-content;
    margin: 0 auto;
    padding: 5px;
}
.wauto{
	width: auto !important;
}


.search .search__input{
    /*width: 11rem;*/
}
.block_notifications .tns-controls{
	display: none !important;
}

html {
    background-color: transparent !important;
}

.app{
	background-color: rgba(150,210,10,var(--tw-bg-opacity)) !important;
}

.modalquicksave .flex.flex-col{
	display: none !important;
}/*
.modalquicksave #vertical-form .button{
	display: none !important;
}*/
.modalquicksave #vertical-form{
	padding-top: 0 !important;
}

.iconisnew.bg-theme-11{
	background-color: #cf0000;
}
.iconisnew{
    margin-top: -5px;
}

.form-search-mobile .speed_search{
	float: left;
	width: 80%;
}
.form-search-mobile .btnplus{
    float: right;
    min-width: auto;
    margin-top: 8px;
}
.pb-2{
	padding-bottom: 0.5rem;
}

#ModalDisplayLines .modalclosed{
    z-index: 99999;
}

#ModalDisplayLines .table-lines td{
	text-align: left;
	padding: 10px;
}

.bg_gray{
	background-color: #cccccc;
}

.boxdisabld{
	background-color: #cccccc;
}

.accordion__panebg{
	background-color: #cccccc;
	padding: inherit;
}

.accordion_icone{
	position: absolute;
	top: 10px;
	right: 5px;
}

.accordion__pane.active .accordion_icone.up{
	display: block;
}
.accordion__pane.active .accordion_icone.down{
	display: none;
}
.content-tab .resum_totals{
	margin-top: 30px !important;
}
.content-tab .hidden_inshow{
	visibility: hidden !important;
	min-height: 30px;
}

.content-tab .hid_inshow{
	display: none; !important;
}

.content-tab-personal .title-programme{
	background-color: #e2e8f0 !important;
}
.content-tab-personal .preview_container{
	margin-top: 40px;
} 
.fhover{
	--tw-bg-opacity: 1;
    background-color: rgba(237,242,247,var(--tw-bg-opacity));
}

#head-options-table .overflow-x-auto .table td,
#head-options-table .overflow-x-auto .table th{
    border-width: 1px;
}

.bg_green {
    background-color: green;
    color: #fff;
}

.table-lines .bloc_sub_reglement input{
	margin-top: 0 !important;
}

.bloc_sub_reglement{
	/*border: 1px solid #ccc;
	padding: 30px 10px 20px 10px;
	position: relative;
	margin-bottom: 20px;
	float: left;
	width: 49%;*/
}
/*
.bloc_sub_reglement .delete-reglement,.delete-subreglement{
	position: absolute;
	right: 0;
	top: 5px;
}
*/
/*
.bloc_sub_reglement:nth-of-type(2),
.bloc_sub_reglement:nth-of-type(4),
.bloc_sub_reglement:nth-of-type(6),
.bloc_sub_reglement:nth-of-type(8),
.bloc_sub_reglement:nth-of-type(10),
.bloc_sub_reglement:nth-of-type(12),
.bloc_sub_reglement:nth-of-type(14),
.bloc_sub_reglement:nth-of-type(16),
.bloc_sub_reglement:nth-of-type(18) {
	float: right;
}*/
.speed-redit-quick{
	cursor: pointer;
}


.dropdown-login{
	width: 80%;
    margin: 25px auto 0 auto;
}

.dropdown-login .dropdown-toggle{
	width: 100%;
}

.dropdown-login svg{
	position: absolute;
	right: 10px;
}
#FormReglement .add-new-reglement{
    position: absolute;
    bottom: 0;
    right: 18px;
}

.dblock.text-sm{
    font-size: x-small;
}
.text-midium{
    font-size: 13px;
}

.product_picture{
	float: right;
	width: 35px;
	margin-left: 5px;
}

.product_picture_mobile{
	float: left;
	width: 100%;
}

.product_title_mobile{
    margin: 0 auto;
    width: 50%;
    margin-top: 20px;
}

.ismobile .pricepro{
    float: left;
    margin-right: 12px;
    font-size: 13px;
 }

.productname {
    font-size: 13px;
    margin-top: 8px;
}
.side-nav .side-menu .side-menu__title .side-menu__sub-icon{
	margin-right: 0 !important;
}

.s-item-center{
	margin: 0 auto;
	width: 55%;
}
.ismobile .sdetailsco{
    font-size: x-small;
}
.ismobile .hide-mobile{
	display: none !important;
}

@media only screen and (max-width: 500px){
	.w100mobile{
		width: 100% !important;
	}
	button.button{
		min-width: 100px;
	}

	.container_hsearch{
		padding-left: 0;
		padding-right: 0;
	}
	.container_hsearch .reset-filter{
		right: 0 !important;
	}

	.container_hsearch #form-horizontal-search{
		width: 100%;
	}
	.container_hsearch #form-horizontal-search .itemsearch {
		width: 42% !important;
		margin-top: 0;
	}

	.content-tab .container_hsearch{
		position: relative;
		top: 0;
		width: 100%;
	}
	
	.content-tab .container_hsearch #form-horizontal-search .itemsearch,
	.ismobile .container_hsearch #form-horizontal-search .itemsearch {
	    width: 48% !important;
	    margin-right: 4px;
	}
	
	.ismobile .container_hsearch #form-horizontal-search .forcefull {
	    width: 100% !important;
	}
	.content-tab .opaction {
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.ismobile #ventes .container_hsearch .reset-filter{
		right: 0 !important;
		top: -40px;
	}
	.content-tab .container_hsearch .reset-filter{
		right: 0 !important;
		top: -60px;
	}
	body.isuser .table{
		width: 60rem !important;
	}	

	body.iscommercial .table{
		width: 100% !important;
	}	
	body.ismobile .table{
		width: 100% !important;
	}	
		
	body.ismobile .result-tab-jx{
		margin-top: 20px;
	}	
		
	
	#vertical-form{
		width: 100% !important;
		overflow: auto;
	}

	.col-span-4,
	.col-span-7,
	.col-span-5,
	.col-span-2,
	.col-span-6,
	.col-span-3{
	    grid-column: span 12/span 12;
	}

	.mttop23{
		margin-top: 0 !important;
	}
	.btnspeedadd a{
		float: right;
	}

	html body{
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}
}

.ismobile #avoir #form-horizontal-search .itemsearch,
.ismobile #factures #form-horizontal-search .itemsearch,
.ismobile .container_hsearch #form-horizontal-search .w100,
.ismobile .container_hsearch #form-horizontal-search.searcht_bonachats .spersonal,
.ismobile .container_hsearch #form-horizontal-search.searcht_devis .dstatut,
.ismobile .container_hsearch #form-horizontal-search.searcht_sales .spersonal,
.ismobile .container_hsearch #form-horizontal-search.searcht_histortics .itemsearch,
.ismobile .container_hsearch #form-horizontal-search.searcht_notes .itemsearch
{
	width: 100% !important;
}

.ismobile .fcontainer .container_hsearch{
	padding: 10px !important;
}



.ltag_secteur{
    flex-wrap: wrap !important;
}
.tag_secteur{
    margin: 2px; 
}

.dropdown-box a.delete-row{
	color: red;
}

.text-red{
	color: red;
}

.p10{
	padding: 10px;
}

#ModalCancelReglement .modal-dialog{
    top: 30%;
}