html, body
{
    font-size: 12pt;
    font-family: Roboto, sans-serif;
    color: #2D2D2D;
}

body
{
    height: 100%;
}

h1
{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 3em;
    text-transform: uppercase;
    padding-bottom: 30pt;
}

strong
{
    font-weight: bold;
}

ol
{
    list-style-type: decimal;
}

th
{
    font-weight: bold;
    font-family: 'Roboto Condensed';
}

#searchCandidates tr
{
    font-size: 0.85em;
}

ol li
{
    margin: 0 0 10px;
}

.cover
{
    background: linear-gradient(rgba(184,81,0, 0.35), rgba(184,81,0, 0.35)), url("/img/cover.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 300pt;
    padding: 0 10pt;
}

.cover .middleContainer
{
    padding-top: 20pt;
    max-width: 750pt;
    margin: 0 auto;
    color: #FFFFFF;
    position: relative;
}

.middleContainer i
{
    font-size: 3em;
}

.middleContainer .iconAndTitle
{
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.middleContainer .iconAndTitle .title
{
    display: block;
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 5pt;
}

.cover .mobileMenu
{
    display: none;
    position: absolute;
    right: 0;
    top: 10pt;
    vertical-align: middle;
    font-size: 0.8em;
}

.cover .mobileMenu a
{
    color: #FFFFFF;
}

.cover .menu
{
    position: absolute;
    right: 0;
    top: 30pt;
    vertical-align: middle;
    display: inline-block;
    margin-left: 210pt;
}

.cover .menu a:not(:first-child)
{
    margin-left: 50pt;
}

.cover .menu a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}

.cover .menu a:hover
{
    text-decoration: underline;
}

.cover .tagline
{
    margin-top: 30pt;
    text-align: center;
    font-size: 2em;
}

.cover .tagline p
{
    text-align: left;
}

.createProfileWrapper
{
    margin-top: 20pt;
    text-align: center;
}

.createProfileWrapper i
{
    font-size: 5em;
}

.createProfileWrapper a
{
    text-decoration: none;
    color: #2D2D2D;
}

.createProfileWrapper span
{
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 700;
}

.cover.subPage
{
    min-height: 100pt;
    background: none;
}

.contentMiddleContainer
{
    max-width: 700pt;
    margin: 0 auto;
    margin-top: 20pt;
    padding: 0 10pt;
}

#profileForm input[name='vatID']
{
    width: 65pt;
}

#profileForm .section
{
    display: none;
    visibility: hidden;
}

#profileForm .section.active
{
    display: block;
    visibility: visible;
}

#profileForm .language
{
    display: inline-block;
    vertical-align: top;
}

#profileForm label, #profileForm .link
{
    font-size: 0.8em;
}

#profileForm input, #profileForm select, #profileForm button[type='button']
{
    /*height: 30px !important;*/
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

#profileForm .multiselect-container.dropdown-menu
{
    height: 150pt;
    overflow-y: scroll;
}

.subPage .iconAndTitle, .subPage .menu a, .subPage2 .iconAndTitle, .subPage3 .iconAndTitle,
.subPage .mobileMenu i
{
    color: #3582AB !important;
}

.subPage3 .menu a
{
    color: #3582AB;
}

#aboutUs
{
    background: linear-gradient(rgba(184,81,0, 0.5), rgba(184,81,0, 0.5)), url("/img/aboutuscover.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10pt 0;
}

#aboutUs h1, #aboutUs p
{
    color: #FFFFFF;
}

#aboutUs p
{
    font-size: 1.2em;
}

.cover.subPage2, .cover.subPage3, .cover.subPage4
{
    background: linear-gradient(rgba(208, 208, 208, 0.8), rgba(208, 208, 208, 0.8)), url("/img/createprofilecover.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 70%;
    height: 130pt;
    min-height: 130pt;
}

.cover.subPage4
{
    background: linear-gradient(rgba(208, 208, 208, 0.5), rgba(208, 208, 208, 0.5)), url("/img/createaccountcover.jpg");
    background-position-y: 450pt;
}

.cover.subPage5
{
    height: 100pt;
    min-height: 100pt;
}

.navigationWrapper
{
    margin-top: -35pt;
    background: linear-gradient(rgba(122, 122, 122, 0.2), rgba(122, 122, 122, 0.2));
    padding: 5pt 0;
}

.navigation
{
    margin: 0 auto;
    max-width: 750pt;
    display: table;
    text-align: left;
    width: 100%;
    padding: 0 10pt;
}

.navigation h1
{
    text-align: left;
    font-size: 15pt;
    margin: 0;
    padding: 0;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    display: table-cell;
    line-height: 24pt;
}

.navigation .navigationButtons
{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.errorBalloon
{
    padding: 8pt;
    border: solid 1px #bf4845;
}

.arrow_box {
	position: relative;
	background: #d9534f;
	border: 1px solid #bf4845  ;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(217, 83, 79, 0);
	border-right-color: #d9534f;
	border-width: 5px;
	margin-top: -5px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #bf4845  ;
	border-width: 6px;
	margin-top: -6px;
}

#erpAndExcel, #programmingLanguagesWrapper
{
    display: none;
}

#profileForm #threepointone, #profileForm #threepointtwo, #profileForm #threepointzero
{
    display: none;
}

#submitDialog
{
    display: none;
    text-align: center;
    font-family: 'Roboto';
    font-weight: 400;
}

#submitDialog #progressBar
{
    margin-top: 10pt;
}

.loadingDialog .ui-dialog-titlebar
{
    display: none;
}

.ui-widget-header
{
    border: 1px solid #3582ab;
    background: #3582ab url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x
}

.loginFormWrapper, .passwordRecoveryFormWrapper
{
    max-width: 400pt;
    margin: 0 auto;
}

#loginAlert, #passwordRecoveryAlert, #passwordRecoveryAlertSuccess
{
    display: none;
}

.pageTermsAndConditions p, .pageTermsAndConditions li
{
    font-size: 0.8em;
}

#footer
{
    margin-top: 20pt;
}

.entityTypes *
{
    color: #FFFFFF;
}

.entityTypes:hover *
{
    text-decoration: none;
}

.accountTypes, .entityTypes
{
    text-align: center;
}

.accountTypes .accountType, .entityTypes .entityType
{
    color: #FFFFFF;
    width: 200pt;
    display: inline-block;
    margin-right: 50pt;
    padding: 20pt;
    border-radius: 10pt;
    cursor: pointer;
    background: linear-gradient(rgba(184,81,0, 0.35), rgba(184,81,0, 0.35)), url('/img/createaccountcover.jpg');
}

.entityTypes .entityType.candidatos
{
    background: linear-gradient(rgba(16, 115, 167, 0.8), rgba(16, 115, 167, 0.8)), url('/img/candidatos.jpg');
}

.entityTypes .entityType.company
{
    background: linear-gradient(rgba(16, 115, 167, 0.8), rgba(16, 115, 167, 0.8)), url('/img/company.jpg');
}

.entityTypes .entityType span
{
    margin-top: 100pt
}

.accountTypes .accountType:last-child, .entityTypes .entityType:last-child
{
    margin-right:0;
}

.accountTypes .accountType span, .entityTypes .entityType span
{
    display: block;
}

.accountTypes .accountType .accountTypeName
{
    text-shadow: -1px 0 #553114, 0 1px #553114, 1px 0 #553114, 0 -1px #553114;
    font-size: 2em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
    
.accountTypes .accountType .price
{
    margin-bottom: 20pt;
}
    
.entityTypes .entityType .entityTypeName
{
    font-size: 2em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20pt;
}

.accountTypes .accountType .accountTypeDescription
{
    /*text-align: justify;*/
}

.table-nonfluid
{
   width: auto !important;
}

#searchCandidates button[type='button']
{
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.searchCriteriaOptions *
{
    visibility: hidden;
}

#languageCriteria .btn-danger
{
    display: none;
}

#languageCriteria .btn
{
    color: #FFFFFF;
    font-family: "Roboto Condensed", sans-serif;
}

.uppercaselabel
{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
}

.full
{
    position:absolute; top:0; left:0; width:100%; height:100%;
    /*background: linear-gradient(rgba(208, 208, 208, 0.8), rgba(208, 208, 208, 0.8)), url("/img/cover.jpg");*/
    background-position: center center;
}

.fullScreenMenu
{
    position: fixed !important;
    top: 50pt !important;
    bottom: 0 !important;
    width: 100% !important;
    background-color: #FFFFFF;
    z-index: 1000;
}

.cover .fullScreenMenu a
{
    color: #FFFFFF !important;
    display: block;
    text-align: center;
    background-color: #286090;
    border: solid 1px #204d74;
    padding: 10pt;
    margin: 10pt !important;
}

.closeMobileMenu
{
    display: none;
}

@media only screen and (max-width: 1050px)
{
    .iconAndTitle i
    {
        font-size: 2em;
    }
    
    .middleContainer .iconAndTitle .title
    {
        font-size: 0.8em;
    }
    
    .cover
    {
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 5pt;
    }
    
    .cover .middleContainer
    {
        padding-top: 5pt;
    }
    
    .cover .menu
    {
        display: none;
    }
    
    .cover .mobileMenu
    {
        display: inline-block;
    }
    
    .cover.subPage4, .cover.subPage2
    {
        min-height: 90pt !important;
    }
    
    .accountTypes .accountType
    {
        display: block !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin-top: 10pt
    }
    
    .accountTypes .accountType:first-child
    {
        margin-top: 0;
    }
    
    .accountTypes .accountType .accountTypeName
    {
        font-size: 1.5em;
    }
    
    .accountTypes .accountType .accountTypeDescription
    {
        font-size: 0.9em;
    }
    
    h1
    {
        font-size: 2em;
        padding-bottom: 15pt;
    }
    
    .navigation h1
    {
        font-size: 12pt;
    }
    
    .searchCriteriaOptions *
    {
        max-width: 150pt;
    }
    
    #searchForm input[type="checkbox"]
    {
        /* Double-sized Checkboxes */
        -ms-transform: scale(2); /* IE */
        -moz-transform: scale(2); /* FF */
        -webkit-transform: scale(2); /* Safari and Chrome */
        -o-transform: scale(2); /* Opera */
        padding: 10px;
    }
    
    .ui-dialog.languageCriteriaDialog
    {
        left: 0 !important;
        top:0 !important;
        overflow: auto;
        height: 100% !important;
    }
}

@media only screen and (max-width: 350px)
{
    #searchCandidates tr td:nth-child(1),
    #searchCandidates tr th:nth-child(1)
    {
        max-width: 40pt;
    }
}

.overlay
{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3woGDwsEr6IZyAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAEklEQVQI12NQVVWtYyAK4FQJAFGeAdspk3NiAAAAAElFTkSuQmCC) repeat;
}

.choosingIndex .iconAndTitle
{
	color: #FFFFFF;
}