html {
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: 'Roboto', sans-serif !important;
}

.main-content {
    flex: 1;
}

.footer {
    margin-top: auto;
    height: 60px !important;
    width: 100% !important;
    color: #fff !important;
    flex-shrink: 0;
}

.footer-black {
    background-color: #000;
}

.footer-masquerade {
    background-color: #49247A;
    font-size: 1.3em;
}

.title{
    font-size:25px;
    padding:0px 0px 5px 0px;
}

.bu{
    font-weight:bold;
    text-decoration: underline;
}

.my-drop-zone{ border: 3px dotted #d3d3d3 }
.nv-file-over { border: dotted 3px red; }
.content{width:100%;}
.pointer{cursor: pointer}
.white-fa-icon{color:#fff}
.pars-modal-header{background-color: rgb(31,61,124)}
.buildingLink{color: darkblue}
.search-field{background-color: lightblue !important;}
.required::after{
    color:#F00;
    content: " (Required)";
    font-size:13px
}
.requiredDiv, .requiredDiv2{
    color:#F00;
    font-size:13px;
    font-weight:bold
}
.requiredDiv2{
    margin-top:-10px;
    margin-bottom:10px
}
.bold{font-weight:bold}
.btn{
    font-family: Arial, serif;
    font-size: 1.0em
}
.btn-sm{
    font-size: 0.8em
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CCC !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CCC !important;
}

.autocomplete {
    position: relative;
}
.autocomplete-items {
    position: absolute;
    overflow: auto;
    max-height:300px;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.btn-clear {
    background-color:#FFF !important;
    border-color: rgb(206, 212, 218) !important;
}

.btn-clear:hover {
    background-color: #EEE !important;
}

.btn-purple {
    color: #ffffff !important;
    background-color: #611BBD !important;
    border-color: #130269 !important;
}

.btn-purple-outline {
  color: #611BBD !important;
  background-color: #ffffff !important;
  border-color: #130269 !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
}


.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    color: #ffffff !important;
    background-color: #49247A !important;
    border-color: #130269 !important;
}

.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    background-image: none !important;
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
    background-color: #611BBD !important;
    border-color: #130269 !important;
}

.btn-purple .badge, .text-purple {
    color: #611BBD;
    background-color: #ffffff;
}

.card-green > .card-header{
    background-color: #1D9C73;
    color: #ffffff;
}
.card-green{
    border-width:1px !important;
    border-color:#1D9C73 !important;
}

.btn-green {
    color: #ffffff !important;
    background-color: #1D9C73 !important;
    border-color: #00831F !important;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
    color: #ffffff !important;
    background-color: #198a66 !important;
    border-color: #00831F !important;
}

.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
    background-image: none !important;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
    background-color: #1D9C73 !important;
    border-color: #00831F !important;
}

.btn-green .badge {
    color: #1D9C73 !important;
    background-color: #ffffff !important;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .content{margin-top:10px}
    .footer{height:80px;padding-right:5px}
    .custom-text-right{text-align:left}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .content{margin-top:10px}
    .footer{height:80px;padding-right:5px}
    .custom-text-right{text-align:left}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .content{margin-top:10px}
    .footer{height:80px;padding-right:5px}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .footer{height:60px;padding-right:50px}
    .custom-text-right{text-align:left}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .footer{height:60px;padding-right:50px}
    .custom-text-right{text-align:right}
}

.btn-mypars{
    width:270px;
    font-family: helvetica, serif;
    border-radius: 6px;
    font-size:18px;
}

.btn-mypars-blue {
    color: #ffffff !important;
    background-color: #337AB7 !important;
    border-color: #2E6DA4 !important;
}

.btn-mypars-blue:hover,
.btn-mypars-blue:focus,
.btn-mypars-blue:active,
.btn-mypars-blue.active,
.open .dropdown-toggle.btn-mypars-blue {
    color: #ffffff !important;
    background-color: #286090 !important;
    border-color: #2E6DA4!important;
}

.btn-mypars-blue:active,
.btn-mypars-blue.active,
.open .dropdown-toggle.btn-mypars-blue {
    background-image: none!important;
}

.btn-mypars-blue.disabled,
.btn-mypars-blue[disabled],
fieldset[disabled] .btn-mypars-blue,
.btn-mypars-blue.disabled:hover,
.btn-mypars-blue[disabled]:hover,
fieldset[disabled] .btn-mypars-blue:hover,
.btn-mypars-blue.disabled:focus,
.btn-mypars-blue[disabled]:focus,
fieldset[disabled] .btn-mypars-blue:focus,
.btn-mypars-blue.disabled:active,
.btn-mypars-blue[disabled]:active,
fieldset[disabled] .btn-mypars-blue:active,
.btn-mypars-blue.disabled.active,
.btn-mypars-blue[disabled].active,
fieldset[disabled] .btn-mypars-blue.active {
    background-color: #337AB7 !important;
    border-color: #2E6DA4 !important;
}

.btn-mypars-blue .badge {
    color: #337AB7 !important;
    background-color: #ffffff !important;
}

.program-title{
    color:#FFF;
    font-size:26px;
}
.banner-organization-name{
    font-size: 20px;
    margin-top: 8px;
    color: #FFF
}

.ru-header170, .ru-header190{
    /* background-color:#1f3d7c; */
    background-color: #293f6f;
    line-height:21.6px;
    height:126px;
    width:100%
}

.my-header{
   display: flex;
}

@media (max-width:767px) and (min-width:498px){
    /* .program-title{font-size:24px} */
}

@media (max-width:497px) and (min-width:5px) {
    /* .program-title{font-size:20px} */
}

@media (max-width:740px) and (min-width:5px){
    .ru-header190{height:190px}
    .ru-header190 .program-title {font-size: 20px}
    .ru-header170 .program-title {font-size: 24px}
    .ru-header170{height:170px}
}

/* .navbar{
    padding-left:0px !important;
    padding-right:0px !important;
} */
.navbar-light {
    font-size: 15px;
    background-color: rgba(79, 67, 25, 1);
    border-width: 0px;
}

.navbar-light a.nav-link, .navbar-light button.nav-link, div.dropdown-menu button{
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(248, 248, 248, 0);
    font-weight:400;
    font-size: 15px;
    padding-right:20px !important;
}

.navbar-light a.nav-link:hover, .navbar-light button.nav-link:hover, div.dropdown-menu button:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(100, 100, 100, 1);
}

button.dropdown-item, div.dropdown-menu {cursor: pointer;background-color: rgba(79, 67, 25, 1);}
div.dropdown-menu {border:0px}