/* width */
::-webkit-scrollbar {
  width: 6px;
	background-color: #F5F5F5;
}

/* Track */
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #000000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}


 


table thead {
    position:sticky;
    top:-1;
	padding:10px;
    font-size:12px;
	z-index:1;
   
	background: #f2f8fd;
	color:#19598b;
	height:33px;
	border-right:1px solid #fff
	
    
}

table th {
     
    top:-1;
    padding:10px;
	z-index:1;
    text-align:center;
	background: #f2f8fd;
	color:#19598b;
	height:33px;
	border-right:1px solid #fff
	
	
	
    
}
@media print 
{
table th {
   
	color:#000;
	height:40px;
	border: 1px solid black;
	background:none;
	
    
}
table thead {
     background:none;
	
    
}

.btnwire {display:none}




}






   
 
.wrap_table { overflow-y:scroll;height:86%;}
.wrap_table2 { overflow-y:scroll;height:74%;border-bottom:1px solid #ccc;}
.padspec { padding:20px;}
@media (max-width: 952px)
{
::-webkit-scrollbar {display: none;}
.wrap_table { overflow :scroll;height:69%;}
.wrap_table2 { overflow :scroll;height:64%;border:none;}
.padspec { padding:10px;}
#history {margin-top:0px;}
}


 
.bgc-1 { background-color:#f4f9fb;}
.bgc-2 { background-color:#f4f9fb;}
.bgc-3 { background-color:#cee3e9;}
.bgc-4 { background-color:#a2cbd7;}
.bgc-5 { background-color:#71afbf;}
.bgc-6 { background-color:#4f96a8;}
.bgc-7 { background-color:#3c798d;}
.bgc-8 { background-color:#326172;}
.bgc-9 { background-color:#2c5360;}
 

 
.clr-1 {  color:#f4f9fb;}
.clr-2 {  color:#f4f9fb;}
.clr-3 {  color:#cee3e9;}
.clr-4 {  color:#a2cbd7;}
.clr-5 {  color:#71afbf;}
.clr-6 {  color:#4f96a8;}
.clr-7 {  color:#3c798d;}
.clr-8 {  color:#326172;}
.clr-9 {  color:#2c5360;}
 


 
#shx		{ display:none}
#shc		{ display:block;}
#sht        {font-size:18px;font-weight:bold;background:#4f96a8;color:white}
.bonbon { background:#4f96a8;color:white;padding:7px;font-size:15px;font-weight:300;width:33px;height:33px;display:flex;align-items:center; border-radius:50%; text-align:center;} 
#bungkus { background:none;} 
.doe { height:85%;}

 
 
.loader {
   width: 56px;
   height: 56px;
   display: grid;
   animation: spinner-plncf9 4s infinite;
}

.loader::before,
.loader::after {
   content: "";
   grid-area: 1/1;
   border: 9px solid;
   border-radius: 50%;
   border-color: #474bff #474bff #0000 #0000;
   mix-blend-mode: darken;
   animation: spinner-plncf9 1s infinite linear;
}

.loader::after {
   border-color: #0000 #0000 #dbdcef #dbdcef;
   animation-direction: reverse;
}

@keyframes spinner-plncf9 {
   100% {
      transform: rotate(1turn);
   }
}
 
 

 

table {background:#fff;border-radius:3px;}
.alas { top:0px;margin-top:0px;left:0px;margin-left:0px;width:100%;position:fixed;z-index:999999;width:100%;height:100%;background:rgba(0, 0, 0,0.5);}
.ccb { width:15px;height:15px;margin-right:5px}
.dataTables_filter {margin-bottom: 30px;}
.odd {padding:0px;margin:0px;height:10px;}
#txd_info {display:none}
.form-control-sm { height:35px}
.custom-select.custom-select-sm.form-control.form-control-sm { display:none;height:35px}
.sorting_asc {height:0px;margin:0px;padding:0px; font-weight:bold} 
.sorting_desc {height:0px;margin:0px;;padding:0px;font-weight:bold}
.dataTables_length {display:none}
.pagination {display:none}
.dataTables_info {display:none}
.dataTables_length {display:none}
.dataTables_filter {display:none}
 
.konti {text-align:left}

.scrollside {height:72%;margin-top:0;overflow-y:scroll}
#err  { left:0px;top:0px;margin-top:0px;height:100%;background:rgba(0, 0, 0,0.7);width:100%;align-items:center;position:fixed;z-index:1000000000000;}
#err2 {z-index:99999999999;cursor:pointer;top:0px;color:white;float:right;right:0px;margin-bottom:20px;position:absolute;padding:10px;color:red;}
#kartux { margin-top:0px; }
.noscroll::-webkit-scrollbar {display: none;}
#txgx th 		{font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;padding:13px;font-weight:bold;border-top:1px solid #ccc;background-color:#fcfcfc}
.closex			{ cursor:pointer;position:absolute;top:0px;width:20%;padding:18px;right:0px;color:white;text-align:center; background:#e74c3c;height:50px;overflow:hidden; }
.judulx         { position:absolute;top:0px;width:80%;padding:5px;text-align:center;left:0px;color:white;font-size:18px;font-weight:bold;
                  background:#3498db;height:48px;overflow:hidden;}
.font1			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;font-weight:400; font-size:12px;}
.fonttable	    { font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;font-weight:400; font-size:12px;}  
.font2			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;font-weight:400; font-size:14px;}
.font3			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:16px;}
.bold           { font-weight:bold;margin-bottom:2px;}
.box0			{ border:1px solid #ccc;padding:5px;border-radius:10px;overflow:hidden;}
.box0p			{ border:1px solid #ecf0f1;padding:5px; background:#FFFFFF;box-shadow: 5px 5px 5px -7px rgba(0,0,0,0.75);}
.box0c			{ border:1px solid #ccc;padding:5px;border-radius:0px;}

.fonth1			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:20px; color:#2c5360; font-weight:bold;}
.fonth2			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:18px; color:#2c5360; font-weight:bold;}
.fonth3			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:16px; color:#2c5360; font-weight:bold;}
.fonth4			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:14px; color:#2c5360; font-weight:bold;}
.fonth5			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:12px; color:#2c5360; font-weight:400;}
.fonti1			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:20px; color:#333;  }
.fonti2			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:18px; color:#333;  }
.fonti3			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto; font-size:16px; color:#333;  }
.wrapper		{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:100%;padding:30px;float:left;position:relative;}
.box100 		{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:100%;float:left;position:relative; }
.box5 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:5%;float:left;position:relative; }
.box10 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:10%;float:left;position:relative; }
.box15 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:15%;float:left;position:relative; }

.box20 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:20%;float:left;position:relative; }
.box25 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:25%;float:left;position:relative; }
.box30 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:30%;float:left;position:relative;}
.box33 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:33.3333333333333%;float:left;position:relative; }
.box32 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:32.1%;float:left;position:relative; }
.box40 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:40%;float:left;position:relative; }
.box45 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:44%;float:left;position:relative; }
.box50 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:50%;margin-right:5px;float:left;position:relative; }
.box50o 		{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:50%; float:left;position:relative; }
.box60	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:60%;float:left;position:relative; }
.box67	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:67%;float:left;position:relative; }

.box70	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:70%;float:left;position:relative;}
.box75	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:75%;float:left;position:relative;}
.box80	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:80%;float:left;position:relative;}
.box85	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:85%;float:left;position:relative;}  
.box90	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:90%;float:left;position:relative;}
.box95	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:95%;float:left;position:relative;}
.shadowx 		{ box-shadow: 5px 5px 5px -7px rgba(0,0,0,0.75);}
.bordert 		{ font-family: "Roboto Condensed", sans-serif;border:none;
  				  font-optical-sizing: auto;overflow:hidden;box-shadow:  6px  6px  7px -7px rgba(0,0,0,0.75);border-radius:0px;
				  background: #f5f6f8;
				  
				  }

.border 		{ font-family: "Roboto Condensed", sans-serif;border:none;
  				  font-optical-sizing: auto;overflow:hidden;box-shadow:  5px  5px  5px -7px rgba(0,0,0,0.75); 		
				  background:white;margin-right:7.5px;margin-left:7.5px;}
.border2        { font-family: "Roboto Condensed", sans-serif;
                  font-optical-sizing: auto;border-radius:5px;box-shadow:  5px  5px  5px -7px rgba(0,0,0,0.75); border-radius:5px; background:white;
				  border:1px #ccc solid;padding:10px;overflow:hidden; }
.border3 		{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;margin-right:0.333%;box-shadow:  5px  5px  5px -7px rgba(0,0,0,0.75); 
                  border-radius:5px; background:white;border:1px #ccc solid;height:270px;margin-bottom:10px;overflow:hidden; }
.flexcenter		{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;display:flex;justify-content:center;}
.flexleft		{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;display:flex;justify-content:left;}
.flexright		{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;display:flex;justify-content:right;}
.pad5			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;padding:5px;}
.pad10			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;padding:10px;}
.pad20			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;padding:20px;}

textarea 		{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;background:#fcfcfc;
                   border:1px solid #3c798d; font-size:12px;color:#666;padding:3px; width:98%;border-radius:3px;;box-shadow: 5px 5px 5px -7px rgba(0,0,0,0.75);}
input 			{ font-family: "Roboto Condensed", sans-serif;padding:5px;font-size:12px;font-optical-sizing: auto;background:#fcfcfc; 
                  border:1px solid #ccc; font-size:12px;color:#666;padding:3px; height:30px;width:100%;
				  
				   
				  }  
select 			{ font-family: "Roboto Condensed", sans-serif;padding:5px;font-size:12px;
                  font-optical-sizing: auto;background:#fcfcfc;;border:1px solid #ccc; font-size:12px;color:#666;padding:3px; height:30px;width:100%;
				 
				  }
label           { font-family: "Roboto Condensed", sans-serif;padding:12px;padding-left:0px;
  font-optical-sizing: auto;line-height:1.2;height:10px;font-size:12px;z-index:9999;font-weight:500; color: #2c5360    ;}


.btnblue        { background:#2c5360;margin-right:10px;border:1px solid #2c5360;margin-top:10px;text-align:center;cursor:pointer;
                  padding:5px; color:#FFFFFF;font-size:13px;font-weight:400;height:30px;} 
.btnwire        { background:none;margin-right:10px;border:1px solid #2c5360;margin-top:10px;text-align:center;cursor:pointer;
                  padding:5px; color:#2c5360;font-size:13px;font-weight:400;height:30px;} 
.btnwire:hover        { background:#fff;margin-right:10px;border:1px solid #e67e22;margin-top:10px;text-align:center;cursor:pointer;
                  padding:5px; color:#2c5360;font-size:13px;font-weight:400;} 

.btnwire2        { background:none;margin-right:10px;border-bottom:1px solid #2c5360;margin-top:10px;text-align:center;cursor:pointer;
                  padding:5px; color:#2c5360;font-size:13px;font-weight:400;height:30px;} 
.btnwire2:hover        { background:#fff;margin-right:10px;border-bottom:1px solid #e67e22;margin-top:10px;text-align:center;cursor:pointer;
                  padding:5px; color:#2c5360;font-size:13px;font-weight:400;height:30px;} 

.btnred         { background:#e74c3c;margin-right:10px;border:1px solid #e74c3c;margin-top:10px;text-align:center;cursor:pointer;
                  padding:5px;color:#FFFFFF;font-size:13px;font-weight:400;;height:30px;} 
.btngreen       { background:#2ecc71;margin-right:10px;border:1px solid #2ecc71;margin-top:10px;text-align:center;cursor:pointer;
				  padding:5px;color:#FFFFFF;font-size:13px;font-weight:400;;height:30px;} 
.btnyellow      { background:#e67e22;margin-right:10px;border:1px solid #e67e22;margin-top:10px;text-align:center;cursor:pointer;
                  padding:5px;color:#FFFFFF;font-size:13px;font-weight:400;height:30px;} 

.btnblue:hover        { opacity:0.6; } 
.btnred:hover         { opacity:0.6; } 
.btngreen:hover       { opacity:0.6; } 
.btnyellow:hover      { opacity:0.6; } 

.qr 			{ height:95%;overflow: visible;top:0px;margin-top:10px;float:left;width:100%;z-index:99999999999999999999;
                  background:none;display:flex;justify-content:center;position:fixed;}
.boxpil 	  	{ cursor:pointer;width:100%;padding:10px;font-size:14px;border-bottom:1px dashed #FF9900;}
.boxpil:hover 	{ width:100%; background:#fcfcfc;font-weight:bold;padding:10px;font-size:14px;border-bottom:1px dashed #FF9900;}
.boxpil2 	  	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;font-weight:400; font-size:12px;
                  text-align:center;padding:10px;border:1px solid #ccc;cursor:pointer;border-radius:3px;}
.boxpil2:hover  { background:#fcfcfc;font-weight:bold;padding:10px;font-size:12px;border-bottom:1px dashed #FF9900;}
.boxpil3 	    { font-family: "Roboto Condensed", sans-serif; background:#2c5360;height:40px;
 				  font-optical-sizing: auto;font-weight:400; 
                  text-align:left;padding:10;font-size:14px;cursor:pointer;border-radius:10px;margin-bottom:15px;}
.boxpil4 	    { font-family: "Roboto Condensed", sans-serif; 
 				  font-optical-sizing: auto;font-weight:400; 
                  text-align:left;padding:7;font-size:14px;cursor:pointer;border-radius:10px;}
.boxpil4:hover	{ font-family: "Roboto Condensed", sans-serif; 
 				  font-optical-sizing: auto;
                  text-align:left;padding:5;font-size:16px;font-weight:bold; color:#006699;cursor:pointer;border-radius:10px;}

.boxpil42 	    { font-family: "Roboto Condensed", sans-serif; background:none;
 				  font-optical-sizing: auto;font-weight:400; 
                  text-align:left;padding:6;padding-left:15px;font-size:14px;cursor:pointer;transition: transform .2s;}
.boxpil42:hover	{ transform: scale(1.06);color:red; }

.boxpil3:hover  { background:#fcfcfc;color:white;font-weight:bold; font-size:14px; background-color:#0097e6;}
#popi 			{ width:70%; margin-top:7%;height:80%;z-index:9999999999999999999999999;}

input:hover     { border:1px solid #3c798d;box-shadow: 0 0 5pt 2pt #D3D3D3;}

@media (max-width: 952px)
{
#bungkus { background:#fff;} 
#shx		{ display:block}
#shc		{ display:none}
.doe { height:70%;}
#sht        {;margin-top:-10px;font-size:18px;background:#fff;color:black}

body {font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;font-weight:400; font-size:14px;}
.font1			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;font-weight:400; font-size:14px;}
.btnwire        { background:none;margin-right:10px;border:1px solid #2c5360;margin-top:10px;text-align:center;cursor:pointer;
                  padding:10px; color:#2c5360;font-size:15px;font-weight:400;height:43px;} 
#bungkus{display:none;}
.box67	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:100%;float:left;position:relative; }
.boxpil42 	    { font-family: "Roboto Condensed", sans-serif; background:none;
 				  font-optical-sizing: auto;font-weight:300; 
                  text-align:left;padding:10;font-size:16px;cursor:pointer;}
.boxpil42:hover	{ font-family: "Roboto Condensed", sans-serif; background:none;
 				  font-optical-sizing: auto;font-weight:400; color: #006699; background:#ccc; border-radius:10px; 
                  text-align:left;padding:9;font-size:18px;cursor:pointer;}

.box5 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:100%;float:left;position:relative; }
.box0p			{ border:none;padding:5px; background:#FFFFFF;box-shadow:none;}
.konti {text-align:center}
.scrollside {height:75%;margin-top:15%;overflow-y:scroll}
#kartux { margin-top:10px; }
.box85	     	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:100%;float:left;position:relative;}  
.bordert		{ font-family: "Roboto Condensed", sans-serif;border:none;font-optical-sizing: auto;overflow:hidden;box-shadow:none;background:white;margin-right:0;margin-left:0;
                  border-shadow:none;border-radius:0px;}
.boxpil2 	  	{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;font-weight:400; font-size:12px;
                  text-align:center;padding:10px;border:1px solid #ccc;cursor:pointer;border-radius:3px;}
.pad10			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;padding:10px;}
				  
.border 		{ font-family: "Roboto Condensed", sans-serif;border:none;font-optical-sizing: auto;overflow:hidden;box-shadow:none;background:white;margin-right:0;margin-left:0;}
.btnblue        { background:#2c5360;height:40px;width:100%;border:1px solid #2c5360;text-align:center;padding:8px;border-radius:15px;color:#FFFFFF;font-size:15px;font-weight:400;} 
.btnred         { background:#e74c3c;height:40px;width:100%;border:1px solid #e74c3c;text-align:center;padding:8px;border-radius:15px;color:#FFFFFF;font-size:15px;font-weight:400;} 
.btngreen       { background:#2ecc71;height:40px;width:100%;border:1px solid #2ecc71;text-align:center;padding:8px;border-radius:15px;color:#FFFFFF;font-size:15px;font-weight:400;} 
.btnyellow      { background:#e67e22;height:40px;width:100%;border:1px solid #e67e22;text-align:center;padding:8px;border-radius:15px;color:#FFFFFF;font-size:15px;font-weight:400;} 
.btnwire        { background:none;margin:0;   height:40px;width:100%;border:1px solid #2c5360;text-align:center;padding:8px;border-radius:15px;color:#2c5360;font-size:15px;font-weight:400;} 

.btnblue:hover        { opacity:0.6; } 
.btnred:hover         { opacity:0.6; } 
.btngreen:hover       { opacity:0.6; } 
.btnyellow:hover      { opacity:0.6; } 



.table           {width:1200px;}
.table-sm          {width:1200px;}
.box0			{  border:none;padding:5px;width:100%;padding:0px;padding:10px;padding-top:10px;padding-bottom:30px;border-top:2px solid #FF6600;border-radius:0px 0px 0px 0px;}
.boxpil3 	  { font-family: "Roboto Condensed", sans-serif; background:#2c5360;height:50px;border-radius:30px;z-index:9999999999999;
 				font-optical-sizing: auto;font-weight:400; 
                text-align:left;padding:15px;font-size:14px;cursor:pointer;margin-bottom:10px;margin-top:10px;}
.qr 			{height:100%;overflow:hidden;float:left;width:100%;z-index:99999999999999999999;background:none;position:fixed;margin-top:0%;top:0%}
.box33 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;margin-right:1%;float:left;position:relative; }
.box100 		{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;   }
.box40 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;  }
.box25 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;border:none;  }
.box32 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative; }
.box15 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:100%;float:left;position:relative; }

.box50 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;  }
.box50o 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%; float:left;position:relative; }
.box60	     	{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;  }
.box30 			{ font-family: "Roboto Condensed", sans-serif;font-style: normal;font-optical-sizing: auto;width:100%;float:left;position:relative;  }
.box70	     	{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;overflow:scroll;  }
.box75	     	{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;overflow:scroll;  }
#popi { width:100%;position:fixed;top:0px;margin-top:0px;left:0px;margin-left:0px;border:none;height:100%;z-index:9999999999999999999999999;} 
.box80	     	{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;overflow:scroll;  }
.box85	     	{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:80%;float:left;position:relative;}

.box10 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative; }
.wrapper		{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;padding:10px;position:relative; }
.box20 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;width:100%;float:left;position:relative;  }
.border2         { font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;border-radius:0px;width:100%;margin-left:0%;border:none;width:100%;position:relative;float:left;margin-top:0px;overflow:hidden; margin-bottom:20px;}

#myinfo         { visibility:collapse; height:0px;margin-top:-30px;padding:0px;width:100%;position:relative;float:left;}

textarea 			{ font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;background:#fff;border:1px solid #3c798d; font-size:12px;color:#666;padding:3px; width:98%;}

input 			{ font-family: "Roboto Condensed", sans-serif;font-size:12px;
  font-optical-sizing: auto;background:#fafafa;border:1px solid #2980b9;border-radius: 15px;  font-size:12px;color:#666;padding:5px; height:40px;width:100%;}  
select 			{ font-family: "Roboto Condensed", sans-serif;font-size:12px;
  font-optical-sizing: auto;background:#fafafa;border:1px solid #2980b9;border-radius: 15px;  font-size:12px;color:#666;padding:5px; height:40px;width:100%;}
label           { font-family: "Roboto Condensed",sans-serif;padding:10px;padding-left:0px;
  font-optical-sizing: auto;line-height:1.2;margin-top:8px;padding-bottom:10px;font-size:14px;z-index:9999;font-weight:400; color: #666666    ;}

}
 
input[type=file]
{
padding:0px; border: 1px solid #2c5360;font-size:12px; background-color:#fafafa;
}
input[type=file]::file-selector-button {
  padding:5px;
 
  background: #2c5360;
  color: #fff;
  cursor: pointer;
  height:100%;font-size:12px;
  
  margin-left:0px;left:0px;margin-left:0px;margin-top:0px;
  transition: background .2s ease-in-out;
  border: 1px solid #2c5360;
  
}

input[type=file]::file-selector-button:hover {
  background: #0d45a5;font-size:12px;
}