* {
    	-webkit-tap-highlight-color: rgba(0,0,0,0); /* prevent selected highlight colors */
    	-webkit-touch-callout: none !important; /* prevent longpress on images and other elements */
  	} 
  
	.noselect, .noSelect {
	  -webkit-touch-callout: none; /* iOS Safari */
	    -webkit-user-select: none; /* Safari */
	     -khtml-user-select: none; /* Konqueror HTML */
	       -moz-user-select: none; /* Old versions of Firefox */
	        -ms-user-select: none; /* Internet Explorer/Edge */
	            user-select: none; /* Non-prefixed version, currently
	                                  supported by Chrome, Edge, Opera and Firefox */
	}		
  

  html, body {
    margin:0px;
    padding:0px;
    font-family: 'Poppins', sans-serif;
  }
  #appWrapper{
    position:absolute;
    height: 100%;
    width: 100%;
    height: 100dvh;
    width: 100dvw;
    margin:0px;
    padding:0px;
    background-color:transparent;
  }



  /* anchors */
  a{
    color: #8E6AD8;
    text-decoration:none;
  }
  a:link{
    color: #8E6AD8;
    text-decoration:none;
  }
  a:active{
    color: #8E6AD8;
    text-decoration:none;
  }
  a:hover{
    color:#B79AF5;
    text-decoration:none;
  }
  

  /* forms */
  form{
    margin:0px;
  }
  form div .form-group{
    margin:0px;
    margin-bottom:10px;
  }
  form div .form-control{
    height:42px;
  }

  input{
    margin:0px;
  }
  .form-group !important, .form-control !important{
    margin:0px;
    padding:0px;
  }
  .textColor{
    color:#8E6AD8;
  }
  .grayColor{
    color:#979797;
  }
  .borderColor{
    border:1px solid #8E6AD8;
  }
  .btn.btn-primary{
    color: #000000; 
    background-color: #B79AF5; 
    border-color: #B79AF5;
  }      
  .btn.btn-primary:hover{
    color: #000000; 
    background-color: #8E6AD8; 
    border-color: #8E6AD8;
  }
  .btn.btn-primary.active, .btn.btn-primary.active.focus, .btn.btn-primary:not(:disabled):not(.disabled):active{
    box-shadow: none;
    color: #000000; 
    background-color: #8E6AD8; 
    border-color: #8E6AD8;
  }
  .btn.btn-danger{
    color: #000000; 
  }      
  .btn.btn-danger:hover{
    color: #000000; 
  }
  .btn.btn-danger.active, .btn.btn-danger.active.focus, .btn.btn-danger:not(:disabled):not(.disabled):active{
    box-shadow: none;
    color: #000000; 
  }
  .btn:focus,.btn:active{
     outline: none !important;
     box-shadow: none;
  }
  textarea:focus,
  input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus,
  input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus,
  input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus,
  input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus,
  input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
    outline: 0 none;
    border-color: #8E6AD8;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  textarea{
    outline: 0 none;
    border: 1px solid #CED4DA;
    border-radius:5px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  }
  .btn-group-xs > .btn, .btn-xs {
    padding: 5px;
    padding-top:4px;
    height:30px;
    font-size: .875rem;
    border-radius: .2rem;
  }

  /* info div */
  .infoDiv{
    line-height:20px;
    border:1px solid #8E6AD8;
    border-radius:5px;
    padding:10px;
  }
  .errorDiv{
    line-height:20px;
    border:1px solid #FA8072;
    background-color:#FA8072;
    border-radius:5px;
    padding:10px;
  }

  /* sweet alert OLD */
  .sweetAlertOk{
    background-color:#B79AF5;
    color:#000000;
    border: none;
  }
  .swal-button.sweetAlertOk:hover{
    background-color:#8E6AD8;
    color:#000000;
    border: none;
  }      
  .swal-title{
    font-size:17px;
  }
  .swal-footer{
    text-align:center;
  }
  .swal-button{
    font-weight:normal;
    width:200px;
  }
  
.swal-icon.swal-icon--info {
  	border-color: #B79CED !important;
} 
.swal-icon--info:after, .swal-icon--info:before{
 	color: #B79CED !important;
 	background-color: #B79CED !important;
}



  /* form-control */
  .form-control{
    height:45px;
  }