@font-face {
   font-family: 'comteco' ;
   src: url('VAGRounded-Thin.otf') format('truetype');
}

@font-face {
   font-family: 'comtecobold' ;
   src: url('VAGRoundedStd-Bold.otf') format('truetype');
}
body{
	color: black;
	font-weight:300;
	font-size:14px;
	font-family: 'comteco';
  background-color: #FFFFFF;

}

span{
  color:red;
  font-size:12px;

}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ff0000;
    background-color: #F44336;
}

.form-control:focus {
  border-color: #F44336;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

#swal2-checkbox{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}

.scrollbar
{
  float: left;
  height: 300px;
  width: 100%;
  overflow-y: scroll;
}

.force-overflow
{
  min-height: 450px;
}

#wrapper
{
  text-align: left;
  width: 100%;
  margin: auto;
}

/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}

/*
 *  STYLE 2
 */

#style-2::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #D62929;
}