/* -------------- */
/* FORM BUTTONS   */
/* -------------- */

.TableFormV2 .Btn_Wrapper_Compact {  }

.Btn_Wrapper_Wide_Top	 { background-color: #727f8b;position: fixed; left:0px; right:0px; top:0; width:100%; padding:15px; transition: 0.2s ease-in-out; z-index: 10000; }
.Btn_Wrapper_Wide_Bottom { text-align:center; background: radial-gradient(circle, #55717f 0%, #222d32 83%); position: fixed; left:0px; right:0px; bottom:0;width:100%;padding:5px;margin-top:10px;transition: 0.2s ease-in-out;z-index: 501;}
.Btn_Wrapper_Compact	 { transition: 0.2s ease-in-out; }

.Btn_Wrapper_Table			{ border-top: 1px solid #dde4ea; padding-top:5px; padding-bottom:3px; }	
.Btn_Wrapper_Table i 		{ font-family:"FontAwesome"}
.Btn_Wrapper_Table input 	{ padding:5px; }
.Btn_Wrapper_Table *		{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;  font-weight:bold;  }

.Btn_Wrapper_Wide_Top *		 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;  font-weight:bold;  }
.Btn_Wrapper_Compact *		 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;  font-weight:bold;  border-left:0px !important;  }
.Btn_Wrapper_Wide_Bottom *	 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;  font-weight:bold;  }
.Btn_Wrapper_Wide_Bottom button	 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; border: 1px solid #e1e1e18a; padding:10px 25px 10x 25px;}

.Btn_Wrapper_Wide_Top i 		{ /* margin-right:5px; margin-left:0px; color:white;*/ font-family:"FontAwesome"}
.Btn_Wrapper_Wide_Bottom i 		{ /* color:white; padding: 7px; */ font-family:"FontAwesome";}
.Btn_Wrapper_Compact i 			{ /*margin-right:5px; margin-left:0px; color:white;*/ font-family:"FontAwesome"}
	
.Btn_Wrapper_Wide_Top input 	{ padding:5px; }
.Btn_Wrapper_Wide_Bottom input 	{ padding:5px; }
.Btn_Wrapper_Compact input 		{ padding:5px; }

.Btn_input_grid       { display: flex; justify-content: center; gap: 0px 10px; }
.Btn_input_grid input { width: unset; text-indent: unset;  }

/* Buttons */

.Btn  				 { background-color: #a5a7ad;  font-size:11px; border:1px; transition: 0.2s ease-in-out;  border-bottom: 3px solid white; cursor:pointer; box-sizing: border-box; height: 30px; line-height:26px } 
.BtnBlue  			 { background-color: #5881AC;  font-size:11px; border:1px; transition: 0.2s ease-in-out;  border-bottom: 3px solid white; cursor:pointer; box-sizing: border-box; height: 30px; line-height:26px } 
.BtnRed  	 		 { background-color: #BA2D2D;  font-size:11px; border:0px; transition: 0.2s ease-in-out;  border-bottom: 3px solid white; cursor:pointer; box-sizing: border-box; height: 30px; line-height:26px } 
.BtnGrey 	 		 { background-color: #959794;  font-size:11px; border:0px; transition: 0.2s ease-in-out;  border-bottom: 3px solid white; cursor:pointer; box-sizing: border-box; height: 30px; line-height:26px } 
.BtnGreen 	 		 { background-color: #74AC58;  font-size:11px; border:0px; transition: 0.2s ease-in-out;  border-bottom: 3px solid white; cursor:pointer; box-sizing: border-box; height: 30px; line-height:26px } 
.BtnYellow 			 { background-color: #EFB716;  font-size:11px; border:0px; transition: 0.2s ease-in-out;  border-bottom: 3px solid white; cursor:pointer; box-sizing: border-box; height: 30px; line-height:26px } 
.BtnSystem 			 { background-color: #FFF;     font-size:11px; border:1px DOTTED #949494; transition: 0.2s ease-in-out;   cursor:pointer; box-sizing: border-box; height: 30px; line-height:26px; color:#5881AC; } 

.BtnAttachL 		 { background-color: #1B3A59;  border:0px DOTTED #949494; transition: 0.2s ease-in-out;  box-sizing: border-box; height: 30px; color: #85C1FF; border-radius: 10px 0px 0px 10px;margin-right: -4px;} 
.BtnMerge button	 { margin-right:-4px }
.BtnAttachR 		 { background-color: #1B3A59;  border: 0px DOTTED #949494; box-sizing: border-box;height: 30px; color: #85C1FF;border-radius: 0px 5px 5px 0px; display: inline-block; width: 12px;margin-bottom: 0px;padding: 0px;font-size: 5px; vertical-align: top;} 

.Btn:HOVER  		 { background-color: #495057;  border:0px solid #4c6379;  border-bottom: 3px solid #768390; color: #ffffff;box-sizing: border-box; } 
.BtnBlue:HOVER  	 { background-color: #FFF; 	   border:0px solid #5881AC;  border-bottom: 3px solid #5881AC; color:#5881AC; box-sizing: border-box; } 
.BtnRed:HOVER  		 { background-color: #FFF; 	   border:0px solid #BA2D2D;  border-bottom: 3px solid #BA2D2D; color:#BA2D2D; box-sizing: border-box; } 
.BtnGrey:HOVER  	 { background-color: #FFF; 	   border:0px solid #959794;  border-bottom: 3px solid #959794; color:#959794; box-sizing: border-box; } 
.BtnGreen:HOVER  	 { background-color: #FFF; 	   border:0px solid #74AC58;  border-bottom: 3px solid #74AC58; color:#74AC58; box-sizing: border-box; } 
.BtnYellow:HOVER  	 { background-color: #FFF; 	   border:0px solid #EFB716;  border-bottom: 3px solid #EFB716; color:#EFB716; box-sizing: border-box; } 
.BtnSystem:HOVER  	 { background-color: #1B3A59;  border:1px solid #1B3A59;  border-bottom: 3px solid #1B3A59; color:#FFFFFF; box-sizing: border-box; } 

.BtnBlue:HOVER i  	 { color:#5881AC;} 
.BtnRed:HOVER i  	 { color:#BA2D2D;} 
.BtnGrey:HOVER i  	 { color:#959794;} 
.BtnGreen:HOVER i  	 { color:#74AC58;} 
.BtnYellow:HOVER i   { color:#EFB716;} 
.BtnSystem:HOVER i   { color:#FFFFFF;} 
.BtnSystem i   		 { color:#1B3A59;} 

.text-is-link                   { }      /* For Span Texts*/
.text-is-link::before           { font-family: 'fontawesome'; font-size:14px; border:0px solid red; content: "\f0c1"; color:grey; }      /* For Span Texts*/


.aspNetDisabled 	 {
                        font-family:"open sans";
                        font-size:11px;
                        cursor:not-allowed;
                        background-color: #0000000f !important;
                        color: #929292 !important;
                        height: 30px;
                        line-height:26px;
                        margin-bottom:5px;
                        padding: 4px 8px 4px 8px;
                        border-radius:2px;
                        /* display:block; */
                        box-shadow:0px 1px 0px 0px #ffffff2c;
                        }  /* Interveniente */

/* -------------- */
/* FORM BUTTONS   */
/* -------------- */

[class^="Button-"]   { margin-bottom:5px; font-size:11px; font-weight:normal; font-family:"open sans"; cursor:pointer; 
					   transition:all 0.2s; text-transform:uppercase; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0); 
					   padding: 4px 8px 4px 8px !important; margin: 0px; border-radius:4px !important; 
					   display:block; text-decoration: none;
					   border:0px !important; box-shadow:0px 1px 0px 0px #ffffff2c; }
					   
[class^="Button-"] i { /* text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.238); */ font-size:10px;margin-right: 5px; margin-top: 1px; display: inline-block; }

.Button-is-jumbo    { padding: 8px 16px 8px 16px; }

/* .Button-Blue       	{ background: linear-gradient(to top, #18293b 0%,#2f5277 100%); display:inline; color:white;  transition: 0.2s ease-in-out;} */
/* .Button-Red       	{ background: linear-gradient(to top, #681b1b 0%,#ba2d2d 100%); border:0px; display:inline; color:white; } */
/* .Button-Grey       	{ background: linear-gradient(to top, #444544 0%,#959794 100%); border:0px; display:inline; color:white; } */
/* .Button-Green        { background: linear-gradient(to top, #18293b 0%,#56965b 100%); border:0px; display:inline; color:white; } */
/* .Button-Yellow       { background: linear-gradient(to top, #a47e12 0%,#efb716 100%); border:0px; display:inline; color:white; } */
/* .Button-System       { background: linear-gradient(to top, #e3ebf2 0%,#ccd4db 100%); border:0px; display:inline; color:#20374f !important; text-shadow:none;} */
/* .Button-Transparent  { display:inline; width:auto; border:none; background-color:transparent; padding:0px;} */


.Button-Blue       	 { background-color: #1679a7;border:0px;display:inline;color:white;transition: 0.2s ease-in-out;}
.Button-White        { background-color: #FFFFFF; border: 0px; display: inline; color: #1d3852; transition: 0.2s ease-in-out; box-shadow: 0px 0px 0 1px #0000001a; text-shadow: none; }
.Button-Dark-Blue    { background-color: #1b3a59 ;border:0px;display:inline;color:white;transition: 0.2s ease-in-out;} /* #676f89 */
.Button-Red       	 { background-color: #b32121;border:0px;display:inline;color:white;}
.Button-light-Grey   { background-color: #E5EAEE;border:0px;display:inline;color:rgb(32, 32, 32); text-shadow:none;}
.Button-Grey         { background-color: #505050;border:0px;display:inline;color:white;}
.Button-Green        { background-color: #18984c;border:0px;display:inline;color:white;}
.Button-Yellow       { background-color: #efb717;border:0px;display:inline;color:white;}
.Button-System       { background-color: #e2e2e2;border:0px;display:inline;color:#20374f !important;text-shadow:none;}
.Button-Attach-Start { display:inline; border-radius:6px 0px 0px 6px;margin-right:-5px; border-right: 2px solid #ffffff4d;}
.Button-Attach-End   { display:inline; border-radius:0px 6px 6px 0px; margin-left:-5px; border-left: 2px solid #ffffff4d;}
.Button-Transparent  { display:inline; text-shadow:0px; width:auto; border:none; background-color:transparent; padding:0px; }

.Button-Blue   i     { color:white !important; }
.Button-Dark-Blue   i     { color:white !important; }
.Button-White  i     { color:#1c1c1c !important; }
.Button-Red    i     { color:white !important; }
.Button-Grey   i     { color:white !important; }
.Button-Green  i 	 { color:white !important; }
.Button-Yellow i 	 { color:#20374f !important; }
.Button-System i 	 { color:#20374f !important; }

.Button-Blue   span     { color:white !important; }
.Button-Dark-Blue   span     { color:white !important; }
.Button-White  span     { color:#1c1c1c !important; }
.Button-Red    span     { color:white !important; }
.Button-Grey   span     { color:white !important; }
.Button-Green  span 	 { color:white !important; }
.Button-Yellow span 	 { color:#20374f !important; }
.Button-System span	 { color:#20374f !important; }

.Button-Blue:hover 	     { background-color: #2394c9; color:white; text-decoration:none;  } 
.Button-Dark-Blue:hover  { background-color: #3e71a2; color:white; text-decoration:none;  } 
.Button-White:hover      { background-color: #d4dee7; color: black; text-decoration: none; }
.Button-Red:hover	     { background-color: #7d1d1d; text-decoration:none; }
.Button-Grey:hover	     { background-color: #646763; text-decoration:none; }
.Button-Green:hover	     { background-color: #158241; color:white; text-decoration:none; }
.Button-Yellow:hover	 { background-color: #e0b131; color:white;}
.Button-System:hover  	 { background-color: #d5d5d5;  text-decoration:none;}

.Button-is-active        { background-color: #08384e; box-shadow: 0px 0px 0px #2394c9; color:white; }

.Button-System i   		 { color:#1d3852;} 
.Button-System:hover i   { color:#1d3852;} 
.Button-White:hover i    { color:black !important;} 
.Button-Attach:hover i   { color:#ffffff;} 

.icon-round-32px        { width: 32px; height: 32px; border-radius: 32px; display: inline-flex; align-items: center; justify-content: center; }
.icon-round-32px        { width: 32px; height: 32px; border-radius: 32px; display: inline-flex; align-items: center; justify-content: center; }

/* Base for all round buttons */
[class*="Button-Round-"] { display: inline-block; min-width: 50px; border-radius: 50px; padding: 4px 10px 4px 8px; 
                           text-shadow: none; font-family: 'Open Sans', sans-serif; 
                           font-weight: bold; line-height: 17px; cursor: pointer; 
                           transition: 0.1s; font-size: 0.7em !important; }

/* Dark button */
.Button-Round-Dark { background-color: #1b3a59; border: 0px solid transparent; color: #ccd4db; } /* #395968 */
.Button-Round-Red  { background-color: #b90c2c; color: #ccd4db; }

/* Purple button */
.Button-Round-Purple { background-color: #5b31d2; color: #ffffff; box-shadow: 0px 0px 9px #5b31d29c; border: 1px solid white !important; }

.Button-Round-Purple:hover { background-color: #2e0f83; color: #ffffff; }

/* White button */
.Button-Round-White { background-color: white; color: #90959b !important; border: 1px solid #ccd4db !important; }
.Button-Round-White i { color: #90959b !important; }

.icon-holder { }
.icon-holder i { margin-right: 0px; padding: 5px 5px 5px 5px; }

/* Bootstrap 5 Override */
.btn-group label:first-of-type                { border-radius: 5px 0px 0px 5px !important; }
.btn-group label                              { margin-bottom: 0px; }
.btn-group .btn-primary:hover                 { background-color: #95a1ba; border:1px solid #95a1ba;  }
.btn-group .btn-primary                       { background-color: #d8dde7; color:black; border:1px solid #c7ccd8; }
.btn-group .btn-check:checked+.btn-primary    { background-color: #FF6600 !important; border:0px solid #c7ccd8; box-shadow: inset 0 1px 2px rgba(10,10,10,.1);}

.btn-col-submit    			 {  text-align:left;  }
.btn-col-submit > input   	 { width:50% !important; margin-right:5px; display:inline; left:0px; text-align:left;  }
.btn-col-submit > button   	 {/*  width:20% !important; */ display:inline;   }

.btn-col-2 > input   	 { display:inline-block; width:48.7% !important; margin-right:5px;   }
.btn-col-2 > select   	 { display:inline-block;width: 48% !important;margin-right:5px;      }
.btn-col-2 > label   	 { display:inline-block; width:44.5% !important; margin-right:5px;   }
.btn-col-2 > a   	 	 { display:inline-block; width:48.3% !important; margin-right:5px;   }
.btn-col-2 > button   	 { width:49.1% !important;    } /*  Experimental */
.btn-col-2 div   		 { display:inline-block; }

.btn-col-3 > input   	 { display:inline-block; width:32% !important; margin-right:5px;     }
.btn-col-3 > select   	 { display:inline-block;width: 31.7% !important;margin-right:5px;    }
.btn-col-3 > label   	 { display:inline-block; width:29.2% !important; margin-right:5px;   }
.btn-col-3 > a   		 { display:inline-block; width:29.2% !important; margin-right:5px;   }
.btn-col-3 div   		 { display:inline-block; }

.btn-col-4 > input   	 { display:inline-block; width:23.6% !important; margin-right:5px;   }
.btn-col-4 > select   	 { display:inline-block;width: 23.5% !important;margin-right:5px;    }
.btn-col-4 > label   	 { display:inline-block; width:21.6% !important; margin-right:5px;   }
.btn-col-4 > a   	 	 { display:inline-block; width:21.6% !important; margin-right:5px;   }
.btn-col-4 div   		 { display:inline-block; }

.Btn_Group		 	 		 { list-style:none;  margin:0px; padding:0px; width: 100%;}
.Btn_Group LI				 { display:inline;  }
.Btn_Group .to_right		 { float: right;    }
.Btn_Group .to_left			 { float: left;     }

.button-space-10l button            { margin-left:  10px;}
.button-space-05l button            { margin-left:  05px;}
.button-space-10r button            { margin-right: 10px;}
.button-space-05r button            { margin-right: 05px;}

.button-wide button                 { min-width: 150px;}

/* asp:button type submit trickery */
input[type=submit]	   { margin-bottom:5px; font-size:11px; font-weight:normal; font-family:"open sans"; cursor:pointer; 
						transition:all 0.2s; text-transform:uppercase; /* text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.41);  */
						padding: 4px 8px 4px 8px; margin: 0px; border-radius:2px; 
						display:inline;
						border:0px; box-shadow:0px 1px 0px 0px #ffffff2c; width: auto !important; } 

.btn-col-submit > input[type=submit]   	 {/*  width:20% !important; */ display:inline;   } /* asp:button type submit */
	
/* Switch Box Toggle for checked item */
.switch						   { position: relative; display: inline-block; width: 39px; height: 20px; vertical-align:middle; margin:0px; }
.switch input                  { display:none;}
.slider                        { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #33505D; -webkit-transition: .4s; transition: .4s; border-radius:50px; }
.slider:before                 { position: absolute; content: ""; height: 13px; width: 13px; left: 4px; bottom: 4px; background-color: #54D554; -webkit-transition: .4s; transition: .4s; border-radius:50px; }
input:checked + .slider        { background-color: #194466; }
input:focus + .slider          { box-shadow: 0 0 1px #2196F3; background-color: #2196F3 }
input:checked + .slider:before { -webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px); }

.Table-View-Switch  {  }
.Table-View-Switch i { margin-left:10px; vertical-align:middle; }