/*
 * Hack to correct a bug in Firefox which adds too much padding for select elements.
 * https://bugzilla.mozilla.org/show_bug.cgi?id=1582545
 */
@-moz-document url-prefix() {
    select {
        text-indent: -.13rem;
    }
}

.RecommendPage nav {
    border: 0px;
}

.RecommendPage main {
    margin-top: 80px;
}

.menu-container .menu-container-cell.fechar {
    margin: 8px 0px;
}

.menu-container .menu-container-cell.fechar img {
    height: 22px;
}

.recommend .col-content-100 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.recommend-container {
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
	color: #000000;
}

.recommend-container .page-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    line-height: 38px;
    font-weight: bold;
    color: #FDA100;
    margin: 0 auto 15px;
    width: 100%;
    padding-bottom: 15px;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.recommend-container .desc-block .title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}

.recommend-container .desc-block .type {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 15px;
}

.recommend-container .desc-block .desc {
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    margin: 0 auto 20px;
    width: 100%;
}

.recommend-container .recommend-form-container {
	max-width: 510px;
	margin-left: auto;
	margin-right: auto;
}

#recommendation-form {
	margin-left: 0px;
    margin-right: 0px;
}

#recommendation-form .form-control {
    color: #000000;
}

#recommendation-form .form-control:not(textarea) {
    background-color: #EDEDED;
    height: 44px;
    border: 0px solid;
    margin-bottom: 10px;
}

#recommendation-form .form-control:not(textarea).error {
}

#recommendation-form fieldset {
	
}

#recommendation-form fieldset .form-group {
	padding-left: 0;
	padding-right: 0;
}

#recommendation-form fieldset .form-group.actions {
    margin-bottom: 0;
}

#recommendation-form fieldset .form-group .row {
	margin-left: 0;
    margin-right: 0;
}

#recommendation-form fieldset .form-group .row:nth-child(n+2) {
	margin-top: 20px;
}

#recommendation-form fieldset .form-group .field-label {
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 5px;
	text-align: left;
}

#recommendation-form fieldset .form-group .form-group-item {
    padding-left: 0;
    padding-right: 0;
}

#recommendation-form fieldset .form-group .form-control {
    font-size: 16px;
    text-align: left;
}

#recommendation-form .btn.btn-default {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    text-transform: uppercase;
    background-color: #FDA100;
    border-radius: 10px;
    width: 100%;
    height: 40px;
    padding: 0;
    margin: 0;
}

#recommendation-form .btn.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgb(253 161 0 / 25%);
}

/* Override the global (infopedia.css) settings */
#recommendation-form .error {
    color: #FF3C50;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    width: 100%;
}

/* Change the border colour when a field error is detected */
#recommendation-form .form-control.error {
    box-shadow: 0 0 5px #FF3C50;
    border: 1px solid #FF3C50;
    outline: 1px solid #FF3C50;
}

/* Change the placeholder text colour when a field has errors */
#recommendation-form .form-control.error::placeholder {
  color: #FF3C50;
  opacity: 1; /* Firefox needs this */
}

/* Change the floating label placeholder text colour when a field has errors */
#recommendation-form .floating-label-field+label.error:not([style*="none"])+.floating-label {
  color: #FF3C50;
}

/* ### START FLOATING LABELS ### */
#recommendation-form label.floating-label, #recommendation-form label.select-floating-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #777777;
    width: auto;
}

#recommendation-form .floating-label-field, #recommendation-form .floating-label-wrap {
    height: auto;
    position: relative;
}

#recommendation-form .floating-label-field textarea, #recommendation-form .floating-label-wrap textarea {
    min-height: 42px;
    padding-top: 10px;
    padding-left: 19px;
}

#recommendation-form .floating-label-field+.floating-label, #recommendation-form .floating-label-field+label.error+.floating-label {
    position: absolute;
}

#recommendation-form textarea.floating-label-field+.floating-label, #recommendation-form textarea.floating-label-field+label.error+.floating-label {
    top: -170px;
}

#recommendation-form .floating-label-field+.floating-label, #recommendation-form .floating-label-field+label.error+.floating-label {
    display: none
}

#recommendation-form .floating-label-field:not(:placeholder-shown)+.floating-label, #recommendation-form .floating-label-field:not(:placeholder-shown)+label.error+.floating-label {
    top: 6px;
    left: 20px;
    display: initial;
}

#recommendation-form textarea.floating-label-field:not(:placeholder-shown)+.floating-label {
    top: 6px;
}

/* Padding for the input box text */
#recommendation-form .form-control:not(:placeholder-shown) {
    padding: 25px 20px 11px 20px;
}

/* Padding for the placeholder text */
#recommendation-form input {
    padding-left: 20px;
}

#recommendation-form input::placeholder {
    padding-left: 0px;
}

#recommendation-form input.error::placeholder {
    color: #FF3C50;
}

/* ### END FLOATING LABELS ### */

/* Success and error messages */
#recommendation-form label.alert {
	font-size: 14px;
}

/**************************************
 *
 * MODAL WINDOW DEFINITIONS
 *
 **************************************/

#recommend-modal.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99900; /* Sit on top, even above the navbar */
    left: 0;
    top: 0px; /* Cover the entire screen */
    width: 100vw; /* Full width */
    /* height: 100vh; /* Full height */
    overflow: auto; /* Allow scrolling if needed (e.g. mobile sizes) */
    background-color: #FFFFFF; /* White to simulate an entire page */
}

/* Modal Content */
#recommend-modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border: none;
    border-radius: unset;
}

/* Adjust the Close Button */
#recommend-modal .close {
    margin-right: 15px;
}

#recommend-modal .close img {
    width: 15px;
    height: 15px;
    float: right;
}

#recommend-modal .close:hover,
#recommend-modal .close:focus {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}



@media (min-width: 992px) {
	.recommend-container .page-title {
	}
	
	.recommend-container .desc-block .title {
	}
	
	.recommend-container .desc-block .type {
	}
	
	.recommend-container .desc-block .desc {
	    font-size: 16px;
	    line-height: 22px;
	}
	
	.recommend-container .recommend-form-container {
	}
	
	#recommendation-form {
	}
	
	#recommendation-form .form-control:not(textarea) {
	}
	
	#recommendation-form .form-control:not(textarea).error {
	}
	
	#recommendation-form fieldset {
	}
	
	#recommendation-form fieldset .form-group {
	}
	
	#recommendation-form fieldset .form-group .row {
	}
	
	#recommendation-form fieldset .form-group .row:nth-child(n+2) {
	}
	
	#recommendation-form fieldset .form-group .field-label {
		font-size: 16px;
		line-height: 22px;
	}
	
	#recommendation-form fieldset .form-group .form-group-item {
	}
	
	#recommendation-form fieldset .form-group .form-control {
	    font-size: 16px;
	}
	
	#recommendation-form .btn.btn-default {
	}
	
	#recommendation-form .btn.btn-default:focus {
	}
	
	/* Override the global (infopedia.css) settings */
	#recommendation-form .error {
	    font-size: 16px;
	}
	
	/* Change the border colour when a field error is detected */
	#recommendation-form .form-control.error {
	}
	
	/* Change the placeholder text colour when a field has errors */
	#recommendation-form .form-control.error::placeholder {
	}
	
	/* Change the floating label placeholder text colour when a field has errors */
	#recommendation-form .floating-label-field+label.error:not([style*="none"])+.floating-label {
	}
	
	/* ### START FLOATING LABELS ### */
	#recommendation-form label.floating-label, #recommendation-form label.select-floating-label {
	}
	
	#recommendation-form .floating-label-field, #recommendation-form .floating-label-wrap {
	}
	
	#recommendation-form .floating-label-field textarea, #recommendation-form .floating-label-wrap textarea {
	}
	
	#recommendation-form .floating-label-field+.floating-label, #recommendation-form .floating-label-field+label.error+.floating-label {
	}
	
	#recommendation-form textarea.floating-label-field+.floating-label, #recommendation-form textarea.floating-label-field+label.error+.floating-label {
	}
	
	#recommendation-form .floating-label-field+.floating-label, #recommendation-form .floating-label-field+label.error+.floating-label {
	}
	
	#recommendation-form .floating-label-field:not(:placeholder-shown)+.floating-label, #recommendation-form .floating-label-field:not(:placeholder-shown)+label.error+.floating-label {
	}
	
	#recommendation-form textarea.floating-label-field:not(:placeholder-shown)+.floating-label {
	}
	
	/* Padding for the input box text */
	#recommendation-form .form-control:not(:placeholder-shown) {
	}
	
	/* Padding for the placeholder text */
	#recommendation-form input {
	}
	
	#recommendation-form input::placeholder {
	}
	
	#recommendation-form input.error::placeholder {
	}
	
	/* ### END FLOATING LABELS ### */
	
	/* Success and error messages */
	#recommendation-form label.alert {
		font-size: 16px;
	}
}