.containerOverPage{
	position: fixed;
	z-index:99999999999999999999;
	top:0px;
	width: 100%;
	height: 100vh;
	background: rgba(200, 0, 0, 0.5);
	display:none;
}
/**/
.frameOverPageDown{
	position: fixed;
	z-index:99999999999999999999999;
	bottom:0px;
	width: 100%;
	height: 100vh;
	background: rgba(20, 0, 0, 0.2);
	display:none;
}
.frameOverPageDownMenu{
	position: fixed;
	z-index:9;
	bottom:0px;
	width: 100%;
	height: 100vh;
	background: rgba(20, 0, 0, 0.2);
	display:none;
}

.frameOverPageDown_cont ,.frameOverPageDown_cont_middle_content{
    text-align: center;
    display: flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    height: 100vh;
	width: 100%;
	background: transparent;
	overflow-y: scroll;
}
.frameOverPageDown_cadre{
	background: var(--cadre);
	width:35%;
	margin: auto;
	border-radius: 8px 8px 0px 0px;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .2), 0 2px 12px 2px rgba(0, 0, 0, .15);

}

.frameOverPageDown_header{
	display: flex;
	max-width: 92%; margin: auto;
	padding: 8px; padding-top: 18px;
	align-items: center;
}
.frameOverPageDown_title{
	flex-grow: 1;
	text-align: left;
	padding: 3px 2px;
	font-weight: 600;
	color: var(--title_text);
}
.frameOverPageDown_btnClose{
	background: transparent;
	border: none;
	font-size:28px;
	color:var(--main_text);
}

.frame{
	position: absolute;
	background: var(--cadre);
	width:35%;
	margin: auto;
	border-radius: 8px 8px 0px 0px;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .2), 0 2px 12px 2px rgba(0, 0, 0, .15);

}

.frameOverPageDown h2{
	font-weight: 700;
	font-size: 1rem;
    line-height: 1.5rem;
   --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.form-group{
	margin-bottom: 16px;
}
.col-form-label{
	--tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1));
	font-weight: 600;
	font-size: .75rem;
    line-height: 1rem;
    display: block;
	margin-bottom: 6px;
}
.form-control{
	border-width: 1px;
	border-radius: .25rem;
	outline: 2px solid transparent;
    outline-offset: 2px;
	width: 100%;
	padding: 2px 8px; padding:0px;
	display: flex;
}
.select-control, .select, .form-control{
    color: var(--formInputTextColor) !important;
    background: transparent !important;
}

.form-control input,.form-control select{
	flex-grow: 1;
	border:none;
	padding:6px;  font-size:13px;
}
form input:hover, form .form-control input:focus{
   border:none!important;
}
.form-control:hover input, .form-control input:focus{

	border:none!important;
}
.form-control select{
	flex-grow: 1;
	border:none;
}

.form-control-plaintext{
      width:100%;
       color: var(--formInputTextColor) !important;
}

.noticeEnd p{
     font-size:11px;
}


.tab_btn_option{
  cursor: pointer;
   max-height: 20px; padding: 0px; line-height: 0px;
}
table .optionmenu_btn_toggle {
     background:white;
     color: black;
     position: absolute;
     z-index: 9999999;
     border:solid 1px rgb(200, 200, 200);
     position: fixed;
     right: 10px;
     display: none;
     padding-left:0px;
     margin-top: 4px;
     text-align: left;
  }
  table .optionmenu_btn_toggle li{
    display: block;
    padding: 12px!important;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 0px; 

  }
 table .optionmenu_btn_toggle li:hover{
     background: rgb(240, 240, 240);
  }



  .tab_btn_option{
      cursor: pointer;
  }
  .tab_btn_option :hover{
    color: var(--primary);
  }
  table .tab_btn_option :hover li{
    color: black;
  }
  table .optionmenu_btn_toggle {
           
    position: absolute;
    z-index: 99999999999999999999;
    position: fixed;
    right: 20px;
    display: none;
    padding-left:0px;
    margin-top: 4px;
    margin-right:20px;
    text-align: left;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    box-shadow: 5px 5px 20px #000D2926;
    background: #FFF;
    color: black;
  }
  table .optionmenu_btn_toggle li{
            display: block;
            padding: 8px;
            padding-left: 12px;
            padding-right: 18px;
             margin-top: 5px;
            margin-bottom: 5px;
            cursor: pointer;
            font-size: 16px;
        }
        .optionmenu_btn_toggle li:hover{
            background: rgb(240, 240, 240);
            color: var(--primary);
        }




.center_v_align-items{
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.bottom_v_align-items{
    text-align: center;
    display: flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:center;
    align-items:flex-end;
}
.d-flex{
	display: flex;
}
.d-flex_block_mb{
	display: flex;
}
.middle_disp{
	align-items: center;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.bottom_disp{
	align-items:flex-end;
}

.modalBox, .contextMenu{
	width:100%;
	position:fixed;
	height:100vh;z-index:99999999999999;  
	background:rgba(120,120,120,0.6);
    display:none;  top: 0px;
}
.modalBox  .boxContainer{
	width:30%; margin:auto; 
	position:absolute; top:100px; left:35%;
	background:white;
	border-radius:15px;
}
.modalBox .head_dialogBox{
  background:rgb(220,220,220);
  border-radius:15px 15px 0px 0px;
  padding:5px; padding-left:15px;
  font-weight:500;
}

.modalBox .bottomStyleDisplay{
	bottom:0px; 
	margin:auto; 
	box-shadow: rgba(121,121,121,.35) 1px 5px 10px;
	border-radius:25px 25px 0px 0px;
	
}

.dialogBox{ 
   width:30%; 
   line-height: 16px;
   padding:0px; 
   padding-bottom:0px;
   text-align: center;
   box-shadow: rgba(121,121,121,.35) 1px 5px 10px;
   border-radius: 12px;
    opacity: 1;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    
    background:white!important;
}
.dialogBoxMSG{
	border-radius: 16px;
	padding: 4px;
}

.dialogBox_medium { 
	width:60%; 
}
.dialogBox_large{ 
	width:80%; 
}
.dialogBox  .dialogBox_cont_icon{
	/*padding: 8px;*/
}
.dialogBox  .dialogBox_cont_icon i{
	font-size: 78px;
}
.dialogBox  .dialogBox_cont_text{
	/*padding: 8px;*/
}

.dialogBox  .dialogBox_main{
	padding: 18px;
	padding-top:24px;
	padding-bottom:24px;
	line-height:20px; max-height: 80vh;
}
.dialogBox  .dialogBox_titre{
	font-size: 18px;
	color:black ;
	font-weight: 600;
	padding-top:8px; 
	padding-bottom: 13px;
}
.dialogBox .dlgb_description{
    width:90%;
    margin:auto; 
	line-height:16px;
	padding-top: 12px;
	/*
	padding-bottom:12px;
	*/
}
.dialogBox_footer{
	
}
.dialogBox_footer, .dialogBox_footer_dbtn{
	border-radius: 0px 0px 8px 8px;
	text-align: center;
	border-top:solid 0px rgb(220,220,220);
	min-height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*background: rgba(120,120,120,0.6);*/
}
.dialogBox button{
	min-width: 40%;
    height: 45px;
	min-width:30% ; 
	border-radius: 8px;
	margin:auto; 
	background: transparent;
	/*border:solid 1px var(--primary);*/
	border-color: transparent;
	color:var(--primary);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
    margin-bottom: 5px;
}
 .dialogBox .dlg_btn_primary{
	margin:auto; margin-right: 5%;
	background: var(--primary);
	color:var(--text_primary);
}

.dialogBox_footer_dbtn button{
	float:left; margin-left:5%;
}
.dialogBox_footer_dbtn .dlg_btn_primary{
	float:right; margin-right:5% ;
}
.dialogBox .inputBox{
	display:flex;
	align-items: center;
	background: white;
	margin-top:15px ;
	border-radius:5px;
	padding-top:5px ; padding-bottom: 5px;
	padding-left: 5px;
}
.dialogBox .inputBox input,.dialogBox .inputBox select{
	border: none;
	flex-grow: 1;
	height: 35px;
}
.dialogBox input{
	flex-grow: 1;
	box-sizing: border-box;
    height: 35px;
    margin: 0;
    padding: 0 5px; 
	padding-top: 5px; padding-bottom: 5px;
    border-radius: 5px;
	border:solid 1px var(--border_color);
	border-radius: 12px;
    max-width: 90%;
    font-size: 16px;
    font-family: inherit;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
	appearance: none;
	
}

.dialogBoxMSG .dialogBox_main ,.dialogBoxMSG .dialogBox_footer, .dialogBoxMSG .dialogBox_titre{
	padding:0px;
}
/**/
.animateFrameDlg{
    position:fixed ;
	bottom: 0px; 
	width:100%; 
	height: 100vh;
	z-index:999999999999999;
	display: none;
	background: rgba(10,10,10,0.6);
	text-align: center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:center;
    align-items:flex-end;
}
.animateFrameDlg .cont_animateFrameDlg{
	width:100%; 
	
}


@media screen and (max-width:648px) {
	.frameOverPageDown_cadre{
        width:90%!important;

    }
}