:root {
    --maincolor: #2057b2; /* ALMOST WHITE */
    --secondary_color: #ffffff; /* ALMOST BLACK */
    --tertiary_color: #6D7073; /* GREY */
    --trim_color: #2057b2; /* RED */
    --trim_color2: #F69CA0; /*PINK */
}

body {
	font-family: "Roboto",sans-serif;
    background-repeat: no-repeat, no-repeat;
    background-attachment: fixed;
    background-position: left bottom, right bottom;
	color: rgb(200, 200, 200);
	background-color: var(--secondary_color);
}

.help-block {
  color: red!important;
}


.blanket_loading {
    width: 100%;
    height: 100%;
    margin: 0em;
    left: 0em;
    top: 0em;
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
	color:#000;
	display: table;
	opacity: 0;
}
.loading_gif {
	display: table-cell;
	vertical-align: middle;
}

.wrap-login {
	max-width: 400px;
	margin: 10% auto 0 auto;
}

.input-group-addon i {
	width: 20px;
	font-size: 20px;
	background-color: var(--trim_color);
}

.input-group-addon {
    background-color: var(--trim_color)!important;
}

.btn-red-lg {
    width: 100%;
    border-radius: 0;
    background-color: var(--trim_color);
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--secondary_color);
	margin-bottom: 10px;
	padding: 20px 0;
	font-size: 16px;
}
.btn-red-lg a{
    color: var(--secondary_color);
    background-color:  var(--trim_color);
}
.btn-red-lg:hover, .btn-red-lg:focus{
    background-color:  var(--maincolor);
    color: var(--secondary_color);
	outline: 0;
}
.btn-red-lg i {
	margin-right: 10px;
}

.input-group {
    margin-bottom: 15px;
}
.form-control {
	border-radius: 0;
	height: auto;
	padding: 12px 14px;
	font-size: 16px;
}

.top_bg {
	background-color: var(--maincolor);
	color: #333;
	padding: 10px 0px;
	border-bottom: 3px solid #CCC;
	margin-bottom: 30px;
}

.navbar{
	background-color: var(--maincolor);
}

.navbar-brand {
    height: 0!important;
    padding: 0px!important;
}

input[type=submit] {
  margin-left: 0px!important;
  width:auto!important;
}



/* Important part */
.modal-dialog{
    overflow-y: initial !important;
}
.modal-body{
    height: 250px;
    overflow-y: auto!important
}
#scroll-wrap {
    max-height: 10vh!important;
    overflow-y: auto!important;
}