/* *************************************************************** */ 
/*            Css file   Generated by: web<<key>>template          */ 
/*            LLarsson                         */ 
/* *************************************************************** */ 
  
  
/* Layout px1Root  */
  
  
/* Layout px1Head  */
  
  
/* Layout px1Sections  */
  
input[type="submit"].special {                  
 background-color:               Royalblue;
 color:                          #ffffff !important;
}
input[type="reset"].special {                   
 background-color:               Royalblue;
 color:                          #ffffff !important;
}
input[type="button"].special {                  
 background-color:               Royalblue;
 color:                          #ffffff !important;
}
.button.special {                               
 background-color:               Royalblue;
 color:                          #ffffff !important;
}
input[type="submit"].special:hover {            
 background-color:               rgb(0,255,0);
}
input[type="reset"].special:hover {             
 background-color:               rgb(0,255,0);
}
input[type="button"].special:hover {            
 background-color:               rgb(0,255,0);
}
.button.special:hover {                         
 background-color:               blue;
}
input[type="submit"].special:active {           
 background-color:               rgb(30,98,13);
}
input[type="reset"].special:active {            
 background-color:               rgb(30,98,13);
}
input[type="button"].special:active {           
 background-color:               rgb(30,98,13);
}
.button.special:active {                        
 background-color:               rgb(30,98,13);
}
a {                                             
 color:                          Royalblue;
 text-decoration:                underline;
}
input[type="text"]:focus {                      
 border-color:                   Royalblue;
 box-shadow:                     0 0 0 1px #37b37f;
}
input[type="password"]:focus {                  
 border-color:                   Royalblue;
 box-shadow:                     0 0 0 1px #37b37f;
}
input[type="email"]:focus {                     
 border-color:                   Royalblue;
 box-shadow:                     0 0 0 1px #37b37f;
}
select:focus {                                  
 border-color:                   Royalblue;
 box-shadow:                     0 0 0 1px #37b37f;
}
textarea:focus {                                
 border-color:                   Royalblue;
 box-shadow:                     0 0 0 1px #37b37f;
}
input[type="checkbox"]:focus + label:before {   
 border-color:                   Royalblue;
 box-shadow:                     0 0 0 1px #37b37f;
}
      input[type="radio"]:focus + label:before {
 border-color:                   Royalblue;
 box-shadow:                     0 0 0 1px #37b37f;
}
input[type="submit"]:hover {                    
 background-color:               #363636;
}
input[type="reset"]:hover {                     
 background-color:               #363636;
}
input[type="button"]:hover {                    
 background-color:               #363636;
}
.button:hover {                                 
 background-color:               #363636;
}
input[type="submit"]:active {                   
 background-color:               #1c1c1c;
}
input[type="reset"]:active {                    
 background-color:               #1c1c1c;
}
input[type="button"]:active {                   
 background-color:               #1c1c1c;
}
.button:active {                                
 background-color:               #1c1c1c;
}
input[type="submit"].alt {                      
 background-color:               transparent;
 box-shadow:                     inset 0 0 0 2px rgba(144, 144, 144, 0.25);
 color:                          #616161 !important;
}
input[type="reset"].alt {                       
 background-color:               transparent;
 box-shadow:                     inset 0 0 0 2px rgba(144, 144, 144, 0.25);
 color:                          #616161 !important;
}
input[type="button"].alt {                      
 background-color:               transparent;
 box-shadow:                     inset 0 0 0 2px rgba(144, 144, 144, 0.25);
 color:                          #616161 !important;
}
.button.alt {                                   
 background-color:               transparent;
 box-shadow:                     inset 0 0 0 2px rgba(144, 144, 144, 0.25);
 color:                          #616161 !important;
}
input[type="submit"].alt:hover {                
 background-color:               rgba(144, 144, 144, 0.075);
}
input[type="reset"].alt:hover {                 
 background-color:               rgba(144, 144, 144, 0.075);
}
input[type="button"].alt:hover {                
 background-color:               rgba(144, 144, 144, 0.075);
}
.button.alt:hover {                             
 background-color:               rgba(144, 144, 144, 0.075);
}
input[type="submit"].alt:active {               
 background-color:               rgba(144, 144, 144, 0.2);
}
input[type="reset"].alt:active {                
 background-color:               rgba(144, 144, 144, 0.2);
}
input[type="button"].alt:active {               
 background-color:               rgba(144, 144, 144, 0.2);
}
.button.alt:active {                            
 background-color:               rgba(144, 144, 144, 0.2);
}
input[type="submit"].alt.icon:before {          
 color:                          #a7a7a7;
}
input[type="reset"].alt.icon:before {           
 color:                          #a7a7a7;
}
input[type="button"].alt.icon:before {          
 color:                          #a7a7a7;
}
.button.alt.icon:before {                       
 color:                          #a7a7a7;
}
input[type="submit"].disabled {                 
 background-color:               #888 !important;
 color:                          #fff !important;
 cursor:                         default;
 opacity:                        0.25;
}
      input[type="submit"]:disabled {           
 background-color:               #888 !important;
 color:                          #fff !important;
 cursor:                         default;
 opacity:                        0.25;
}
input[type="reset"].disabled {                  
 background-color:               #888 !important;
 color:                          #fff !important;
 cursor:                         default;
 opacity:                        0.25;
}
input[type="reset"]:disabled {                  
 background-color:               #888 !important;
 color:                          #fff !important;
 cursor:                         default;
 opacity:                        0.25;
}
input[type="button"].disabled {                 
 background-color:               #888 !important;
 color:                          #fff !important;
 cursor:                         default;
 opacity:                        0.25;
}
input[type="button"]:disabled {                 
 background-color:               #888 !important;
 color:                          #fff !important;
 cursor:                         default;
 opacity:                        0.25;
}
img.image fit {                                 
 display:                        block;
}
img.image fit rounded {                         
 border-radius:                  100%;
}
  
/* Layout px1Wrap  */
  
  
/* Layout px1WrapFeature  */
  
  
/* Layout px1Container  */
  
  
/* Layout flexboxCSS  */
  
.flexContainer {                                
 align-items:                    center;
 display:                        flex;
 height:                         100%;
 justify-content:                center;
}
.flexContainer p {                              
 max-width:                      70%;
 padding:                        15px;
}
  
/* Layout loginFormKokong  */
  
  
/* Layout px1Header  */
  
  
/* Layout px1NavMenu  */
  
  
/* Layout px1HeaderJL  */