@import url('https://fonts.googleapis.com/css?family=Maven Pro');
@import url('https://fonts.googleapis.com/css?family=Roboto');

:root {
  --primary: #62800A; /*Light Green*/
  --secondary: #105B30; /*Green*/
  --secondary2: #FFA836; /*Orange*/
  --link: #E0001B; /*Red*/
  --link-footer: #FFFFFF;
}


body {
	font-family: Maven Pro;
	background-color: white;
}

.main-container {
	background-color: #fff;
	padding: 15px;
}

/* NAVIGATION */

.navbar-default {
    border-bottom-color: var(--primary);
    border-bottom-width: 1px;
	margin-bottom: 30px;
	padding: 8px 0;
    background-color: white;
    height: 90px;
}

.navbar-default .navbar-nav > li > a {
	color: var(--primary);
}

.navbar-default .navbar-nav > li > a:hover {
    color: var(--primary);
	text-decoration: underline;    
}

.align-bottom
{
    align-content: end;
}

.navbar-brand {
	padding: 0 0 0 15px;
}

.navbar-brand img {
	width: 105px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: var(--primary);
    color: #fff;
}

/*
	Used for global terms and conditions page
*/
#content-container {
	background-color: #fff;
}

#terms-and-conditions-section  {
	font-family: Maven Pro;
	font-size: 16px;
	font-weight: normal;
	color: #0099d2;
    text-align: left;
}

footer {
	margin: 30px 0 0 0;
}

footer .footer-top {
	background-color: var(--secondary) !important;
	color: black;
	padding: 30px 0;
}

footer .footer-top a {
	color: white;
}

footer .footer-bottom {
	background-color: var(--secondary);
	color: black;
	padding: 20px 0;
}

footer .footer-bottom a {
	color: black;
}

ul#menu {
	list-style: none;
}

ul#menu li {
	display: inline;
	margin-right: 15px;
}

.AIDS2020BoxLv1 {
    width : 200px;
    heigth : 180px;
    max-heigth : 180px;
    text-align:center;
}

.AIDS2020Box{
    background-color : #E30613;
    color : #fff;
    
}
.AIDS2020BoxLogo{
    margin-top:5px;
    background-color : #E30613;
    color : #fff;
    max-width:100%;
    height:auto;
}

.AIDS2020BoxLogoD{
    margin-top:5px;
    background-color : #E30613;
    color : #fff;
    max-width:100%;
    height:auto;
    filter: grayscale(100%);
    cursor: not-allowed;
}



/* TITLES & TEXTS */

h1 {
	font-family: Maven Pro;
	font-size: 36px;
    font-weight: bold;
    /*color: #989898;*/
    color: var(--secondary);
    margin: 0 0 24px 0;
}

h1.h1welcomepage{
	font-family: Maven Pro;
	font-size: 36px;
    font-weight: 300;
    color: Red;
    margin: 0 0 24px 0;
}

h2 {
	font-size: 20px;
    color: white;
    font-weight: normal;
    margin: 0 0 8px 0;
}

h3 {
	margin: 0 0 8px 0;
}

.highlighted-text-1 {
	color: #0099d2;
	font-size: 18px;
}

.highlighted-text-2 {
	color: #f79433;
	font-weight: 600;
}

.label-1 {
	font-weight: bold;
	margin: 0;
}

.text-lg {
	font-size: 1.8em;
}

.header-title {
	background-color: #a7d6dc;
    text-align: center;
    padding: 13px 0;
    margin-top: -30px;
    margin-bottom: 30px;
}

.header-title h1 {
	color: #fff;
	font-size: 24px;
	margin: 0;
}

.label-description {
	font-weight: 100;
}

.text-error {
	color: #a94442;
}

.input-error {
	border-color: #a94442;
}

/* PROFILE OVERVIEW */

.col-style-1 {
	background-color: #fff;
	padding: 40px 30px;
}

.tabs .col-inner {
	margin-bottom: 15px;
}

.tabs .tab {
	cursor: pointer;
}


.tab .col-inner:hover h2 {
    /*background-color: var(--secondary);*/
    text-decoration: underline;
}

.tabs p {
	margin: 0;
	color: white;
}

.dropdown-menu > li > a {
    color: var(--primary);
}

.dropdown-menu > li > a:hover{
    color: var(--primary);
    text-decoration: underline;
}

.navbar-default .navbar-nav > .open > a{
    background-color: : var(--primary);
}

.tabs .tab-active .col-inner {
	color: #fff;
	background-color: var(--secondary);
    margin-left: 20px;
    width:100%;
}

.col-md-12 .tab .tab-active{
    float:right;
}

.tabs .col-inner {
	color: #fff;
	background-color: var(--primary);
    padding: 15px;
}


.tabs .tab-active .col-inner h2,  .tabs .tab-active .col-inner p {
	color: #fff;
}

/* ROW/COL */

.page {
    background-color:white;
    padding: 15px;
}

.row-review .col-inner {
	background-color:#fff;
	padding: 15px;
}

.col-md-3 .tabs {
    background-color:#ff585d;
}

.row-review .row.col-bordered .col-outer:not(:first-child) .col-inner {
	border-top: 1px solid #d9d9d9;
}

.row-header {
	font-size: 1.2em;
	padding: 0 0 15px 0;
}

/* REVIEW */

.grades i {
	cursor: pointer;
	font-size: 1.3em;
}

.grades i.grade-selected {
	color: #F2A81D;
}

span.score {
	margin-left: 5px;
}

.row-review .tab {
	cursor: pointer;
}

.row-review .tab-report {
	margin-top: 15px;
}

.row .mb-3{
    padding-left:15px;
    padding-right:15px;
    padding-bottom: 15px;
}

/* FORM - WEB FORM */

textarea {
	border-radius: 5px;
}

ol.progress {
	background-color: transparent;
	-webkit-box-shadow: none;
    box-shadow: none;
}

ol.progress li {
	width: 100%;
	color: #0099d2;
	font-size: 1.3em;
}

ol.progress li.active,
ol.progress li.active:hover {
	background-color: #f1f1f1;
	color: #0099d2;
	border: 0;
}

ol.progress li.list-group-item-success {
	background-color: transparent;
	border: 0;
}

ol.progress li.list-group-item-success .glyphicon {
	display: none;
}

ol.progress li .number {
	margin-left: 10px;
}

ol.progress li::before {
	display: inline-block;
  	font-style: normal;
  	font-variant: normal;
 	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	content: "\f111";
}

ol.progress li.active::before {
	display: inline-block;
  	font-style: normal;
  	font-variant: normal;
 	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	font-weight: 900;
}

ol.progress li.list-group-item-success::before {
	display: inline-block;
  	font-style: normal;
  	font-variant: normal;
 	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	content: "\f058";
}

.crmEntityFormView .cell.crmquickform-cell:first-child {
	border: 0;
}

.crmEntityFormView .section-title {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 15px;
}

.crmEntityFormView .form-readonly .cell {
	padding: 0 20px 6px 0;
}

.crmEntityFormView .cell {
	padding: 0 20px 10px 0;
}

.crmEntityFormView .cell label {

}

.crmEntityFormView .cell input {

}

.checkbox-cell label {
	font-weight: normal;
}

/* LINKS & BUTTONS */
.link-footer
{
    color: var(--link-footer);
}

.link-footer:hover
{
    color: var(--link-footer);
}

a {
	color: var(--link);
}

a:hover {
	color: var(--link);
    text-decoration: underline;
}


.btn-link {
	color: var(--link);
	text-decoration: none;
	font-size: 1.2em;
}

.btn-link:hover, .btn-link:focus, .btn-link:active {
	color: #0047BB;
	text-decoration: none;
	font-size: 1.2em;
}
.btn-alert{
    padding:5px;
    margin-bottom:21px;
    border:1px solid transparent;
    border-radius:0;
}

.alert-regconfirmed
{
    background-color: var(--primary);
    border-color: transparent;
    color: #FFFFFF;

    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert-missingpaymentunpaid{
    background-color: var(--link);
    padding:5px;
    color: var(--link-footer);
}

.alert-missingpayment{
    background-color: var(--secondary2);
    padding:5px;
    /*color: var(--link-footer);*/
    color: black;
}

.btn-default {
	font-family: 'Maven Pro', sans-serif;
	border-radius: 5px;
    color: #0047BB;
    border-color: #0047BB;
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
    background-color: #0047BB;
    color: #fff;
    border-color: #0047BB;
}

.btn-primary {
	font-family: 'Maven Pro', sans-serif;
	border-radius: 35px;
    background-color: var(--secondary);
    border: 2px solid var(--secondary);
    padding: 8px 36px;
    font-size: 20px;
    margin-top: 15px;
    /*color:var(--primary);*/
    color:white;

}

.btn-primary:hover{
    background-color: white;
    /*text-decoration: underline;*/
    border: 2px solid var(--secondary);
    color:var(--secondary);
}

.btn-primary:active{
    background-color:var(--secondary);
    text-decoration: underline;
    color:var(--secondary);
}

.btn-secondary{
	font-family: 'Maven Pro', sans-serif;
	border-radius: 35px;
    background-color: var(--secondary);
    border: 2px solid var(--secondary);
    padding: 8px 16px;
    font-size: 20px;
    margin-top: 15px;
    /*color:var(--primary);*/
    color:white;
}

.modal .btn-primary {
	border-radius: 5px;
	font-size: 15px;
    border: 1px #009E86 solid;
    padding: 6px 12px;
    margin-top:0;
}

.modal .btn-primary:hover, .modal .btn-primary:focus, .modal .btn-primary:active {
    border: 1px #0099d2 solid;
}

.btn-info {
	font-family: 'Maven Pro', sans-serif;
	border-radius: 35px;
	background-color: #0099d2;
	border: 0;
	padding: 10px 20px;
    font-size: 18px;
}
/* PAGE SCHOLARSHIP APPLICATION */

.step-content h1 {
	font-size: 24px;
	font-weight: 300;
	color: #989898;
	margin: 0 0 25px 0;
}

.row-bordered-1 {
	border: 1px solid #0099d2;
    border-radius: 5px;
    margin: 0 0 5px 0;
}

.row-bordered-1 p {
	padding: 6px 0;
	font-size: 1.2em;
	margin: 0;
}

.hidden-grid .view-grid {
	display: none !important;
}

.hidden-grid .view-empty {
	display: none !important;
}

.hidden-grid .view-loading {
	display: none !important;
}

.hidden-grid .notifications {
	display: none !important;
}

.crmEntityFormView .actions .col-sm-6 {
	width: 100%;
	text-align: right;
}

.progress {
  display:none;
}

.step-content {
  display:none;
}

.hide-file .file-cell {
	display: none;
}

.actions #NextButton {
	padding: 4px 36px;
	margin-top: 0;
}

.application-form .actions {
	display: none;
}

.custom-buttons .btn-next-step {
	padding: 4px 36px;
	margin-top: 0;
}

.custom-buttons .btn-previous {
	padding: 4px 36px;
	margin-top: 0;
}

.fa-trash-o::before {
    content: "\f2ed";
}

.fa-sign-in::before {
    content: "\f2f6";
}

/* HELPER */

.m-t-15 {
	margin-top: 15px;
}

.m-b-15 {
	margin-bottom: 15px;
}

.m-b-15 {
	margin-bottom: 15px;
}

.font-size-2 {
	font-size: 1.2em;
}

/* DATATABLES */

table.dataTable.table {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
	border-radius: 0;
	background-color: #0099d2;
}

.pagination > li > a, .pagination > li > span {
	margin: 0;
	border: 1px solid #0099d2;
	width: auto;
	height: auto;
}

/* NOTES */

.note-actions {
	margin: 15px 0 0 0;
}

.note-actions .col-sm-3 {
	width: 50%;
}

.note-actions a.addnote {
	float: none;
}

.tabs .col-inner-green {
	color: #fff;
	background-color: #00a79d;
    padding: 15px;
    margin-bottom: 15px;
}
.covidcolor{
    background-color: #00a79d;
}

.covid-font{
    color:#00a79d;
    font-size:17px;
}

.covid-font-color{
    color:#00a79d;
}


.virtual-font{
    color:var(--primary);
    font-size:17px;
}

.virtual-font-color{
    color:var(--primary);
}

.welcome{
    position: absolute;
    text-align: center;
    padding-top: 8px;
    padding-left: 350px;
}

.section
{
    width:100%;
}

/*
table, th, td, tr {
  border: 1px solid black;
}
*/

table {
  width: 100%;
  table-layout:fixed;
}

td:nth-child(2n){
    /*color: lime;*/
}

td:nth-child(1) {
  width: 100%;
}
td:nth-child(2) {
  width: 0%;
}
td:nth-child(3) {
  width: 0%;
}

.input-append.input-group.datetimepicker {
    width: 100%;
}

.crmEntityFormView fieldset {
    margin-bottom: 10px;
}

.validation-header {
    color: red;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child
{
    border-right: none;
}

.registration_button_red
{
    background-color: #e0001b;
}

.left_box_theme1
{
    background-color: #60B384 !important;
    padding: 15px;
}

.left_box_theme1_over
{
    background-color: #60B384 !important;
}

.button_green
{
    background-color: #60B384 !important;
}

.button_braun
{
    background-color: #69311F !important;
    border: 2px solid #69311F;
    color: white;
}

.button_braun:hover
{
    background-color: #69311F !important;
    border: 2px solid #69311F;
    color: white;
}

.button_braun:active{
    background-color:#69311F;
    text-decoration: underline;
    color:white;
}