@font-face {
        font-family: 'NunitoSans-Regular';
        src: url('./fonts/NunitoSans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');

}

@font-face {
        font-family: 'NunitoSans-Light';
        src: url('./fonts/NunitoSans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
}

@font-face {
        font-family: 'NunitoSans-Bold';
        src: url('./fonts/NunitoSans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
}


body {
	font-family: NunitoSans-Light;
}

.logo {
	
}

.pageTitle h1 {
	font-family: NunitoSans-Regular;
	font-size: 35px;
	color: #202020;
	line-height: 25px;
	font-weight: 500;
}

.float-right
{
	float: right;
}

.form legend, h1, h2, h3, h4, h5, h6 {
	font-family: NunitoSans-Regular;
	font-weight: normal;
	color: #202020;
	padding-top: 10px;
}

.form legend, h2 {
	font-size: 20px;
	line-height: 25px;
	margin: 0 0 16px 0;
	border: 0 none;
}

h4 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bg-danger, .bg-success {
        padding: 0 5px;
}

.bg-danger-red
{
	background-color: #ed1b24;
	color: #ffffff;
}

a {
        color: #202020;
	text-decoration: underline;
}

.help-block
{
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: normal;
	color: #737373;
}

.form-control, .form-control:focus, .bootstrap-select .btn.form-control, .has-error .form-control, .has-error .form-control:focus, .has-success .form-control, .has-success .form-control:focus {
    border-color: #cccccc;
    font-family: NunitoSans-Light;
    background-color: #ffffff;
}

.form-control, .form-control:focus, .bootstrap-select .btn.form-control, .bootstrap-select .btn:focus, .bootstrap-select .btn, .has-error .form-control, .has-error .form-control:focus, .has-success .form-control, .has-success .form-control:focus {
    border-style: solid;
    border-width: 1px;
    background-image: none;
    height: 35px;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    padding: 4px 10px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    resize: none;
    z-index: auto;
}

select.dropdown{
  background: url(../img/angle-double-down.svg);
  background-repeat:no-repeat;
  background-size: 5%;
  background-position: 98% 50%;
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
 	cursor: pointer;
 	background-image: none;
 	border: 1px solid transparent;
 	white-space: nowrap;
	padding: 8px 12px;
	font-size: 15px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-height: 38px;
	background-color: #cd101a;
	color: #ffffff;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #ad151b;
	border-color: #adadad;
}

.btn:disabled {
	background-color: #566573;
	color: #ffffff;
}

.btnRedStd {
	min-width: 220px;
	margin-bottom: 5px;
}

.btnRedTnC {
	min-width: 150px;
	margin-bottom: 5px;
}

.modal-body {
	text-align: justify;
	text-justify: inter-word;
	padding-right: 20px;
}

@media screen and (min-width: 768px) {
        .modal-dialog {
          width: 700px; /* New width for default modal */
        }
        .modal-sm {
          width: 350px; /* New width for small modal */
        }
}

@media screen and (min-width: 992px) {
        .modal-lg {
          width: 80%; /* 950px;*/ /* New width for large modal */
        }
}