/***************************** General *****************************/

fieldset.mandatory > label:before, .mandatoryField:before{content: "* ";color: #FF0000;}

[type="text"], [type="password"]{
    -moz-appearance:    textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

.DMForms input[type=text],
.DMForms input[type=number],
.DMForms input[type=email],
.DMForms input[type=password],
.DMForms .fakefile > input,
.DMForms textarea,
.DMForms .bootstrap-select > .btn{
  width: 100%;
  height: 35px;
  border-radius: 0;
  margin-top: 5px;
  margin-bottom: 15px;
}

.DMForms .bootstrap-select {
    margin-bottom: 15px;
    margin-top: 5px;
    height: 35px;
    border-radius: 0;
}
.DMForms .bootstrap-select .selectpicker > .filter-option{padding-left: 5px;}
.DMForms textarea{height: 120px;padding-top: 10px;resize:none;}
.DMForms input[type=text],
.DMForms input[type=password],
.DMForms input[type=email]{
  padding-left: 15px;
  padding-right: 15px;
}
.DMForms .bootstrap-select > .btn{margin: 0;}
.DMForms .form-fields fieldset>input{padding-left: 15px;padding-right: 15px;}

.formButtons{overflow: hidden;padding: 20px;}
.contactsForm .formButtons {padding-top: 0;}
.formButtons > span{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.formButtons input{
    border: 0 none;
    height: 40px;
    cursor: pointer;
    float: right;
    .box-sizing(border-box)
}
.formButtons input:nth-child(even), .DMForms.contactsForm input[type=submit]{margin-left: 0;}
.DMForms .bootstrap-select > .btn{
    font-size: 14px;
    text-indent: 10px;
    padding: 0;
    width: 100%;
    height: 40px;
    background-color: #FFF;
}
.DMForms .bootstrap-select.btn-group .btn .caret{
    display: inline-block;
    width: 30px;
    height: 100%;
    top: 0;
    right: 10px;
    margin: 0;
    border: 0;
    text-align: center;
}
.DMForms .bootstrap-select.btn-group .btn .caret:before{content: "\f0d7";line-height: 35px;}
#filtersContainer .bootstrap-select.btn-group .btn .caret:before{content: "\f0b0";}
#sortContent .bootstrap-select.btn-group .btn .caret:before{content: "\f0dc";}

.contactsInForm > ul {margin-top: 20px;}

.calendar{
    border: 0 none;
    width: 210px;
    padding: 10px;
    height: 210px;
    border: 1px solid blue;
}
.calendar tbody td,
.calendar thead .hilite,
.calendar tbody .rowhilite td,
.calendar tbody td.hilite,
.calendar > table,
.calendar .button,
.calendar thead .title,
.calendar table .wn,
.calendar thead .name,
.calendar tbody .day,
.calendar .daysrow > .weekend,
.calendar tfoot .ttip,
.calendar td.time,
.calendar tbody td.selected,
.calendar tbody td.day:hover{
  border: 0 none;
  padding: 0px;
}


/***************************** File input *****************************/
#msg-alerta p {color: #ff0000 !important;font-weight: 700;font-size: 14px !important;}

input.alerta, textarea.alerta {
    border: solid 1px #fe4a26 !important;
    color: #fe4a26;
}
.fileinputs{cursor: pointer;position: relative;}
.fileinputs .doneAlready{
    position: absolute;
    height: 45px;
    opacity: 0;
    width: 100%;
}
.fakefile{top: 0;width: 100%;}
.fakeInput{display: none;}
.fakefile > input{width: 70%;}
.fakefile > button{
    border: 0 none;
    background: #1ac9f0;
    color: #FFF;
    margin-top: 5px;
    width: 25%;
    height: 35px;
}
.DMForms .fakefile > input.fakeInput {width: 75%;}

/***************************** Radio / Check boxes *****************************/

.radioBoxContainer, .checkBoxContainer{
  margin-top: 15px;
  width: 100%;
  margin-left: 22%;
}
.radioBoxContainer span:after,
.checkBoxContainer span:after,
.radioBoxContainerCart span:before,
.checkBoxContainerCart span:before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: -2px;
    margin-left: 10px;
    vertical-align: middle;
    background-color: #FFF;
}
.radioBoxContainer span:after, .radioBoxContainerCart span:before{border-radius: 15px;}
.radioBoxContainer input[type=radio]:checked + span:after,
.checkBoxContainer input[type=checkbox]:checked + span:after,
#filtersForm .checkBoxContainer input[type=checkbox]:checked ~ span:before,
.radioBoxContainerCart input[type=radio]:checked + span:before,
.checkBoxContainerCart input[type=checkbox]:checked + span:before{
    content: "\2713";
    font-size: 13px;
    color: #000;
    text-align: center;
    line-height: 12px;
}

/***************************** Date Time / Date  *****************************/

.DateTime, .Date{font-size: 0;}
.DateTime > label, .Date > label{display: block;font-size: 14px;}
.DMForms .DateTime > .bootstrap-select > .btn{width: 30%;margin-right: 5%;}
.DMForms .DateTime > .bootstrap-select > .btn.DateTime_year{margin-right: 0;}
.DMForms .Date > .bootstrap-select > .btn{width: 25%;margin-right: 5%;}
.DMForms .bootstrap-select > .btn.DateTime_hour,
.DMForms .bootstrap-select > .btn.DateTime_minute{width: 15%;margin-top: 15px;}


/***************************** Form Errors *****************************/

.formErrors{margin-bottom: 10px;}
.formErrors, fieldset{margin-top: 10px;}

fieldset.fieldError > input[type=text],
fieldset.fieldError > input[type=password],
fieldset.fieldError > textarea,
fieldset.fieldError > .bootstrap-select > .btn,
fieldset.fieldError .fakefile > input{
    border: 1px solid #FF0000!important;
    background-color: white;
    .box-sizing(border-box);
}
fieldset.fieldError label, fieldset.fieldError span{color:#FF0000;}


/***************************** calendar backgrounds *****************************/

.calendar{background: white;}
.calendar tbody td.day.selected,
.calendar tbody td.day:hover{background: #fed22f;}

.calendar > table,
.calendar tbody td,
.calendar thead .hilite,
.calendar tbody .rowhilite td,
.calendar .button,
.calendar thead .title,
.calendar table .wn,
.calendar thead .name,
.calendar tbody .day,
.calendar .daysrow > .weekend,
.calendar tfoot .ttip,
.calendar td.time,
.calendar tbody td.wn:hover{background: none;}

.calendar .wn,
.calendar .time,
.calendar .button,
.calendar tfoot{display: none;}

.calendar .headrow .nav{display: table-cell;}


/***************************** calendar text *****************************/
.calendar > table{font-size: 12px;}

.calendar thead .title,
.calendar thead .headrow,
.calendar thead .button,
.calendar tbody td.today,
.calendar tbody .rowhilite td,
.calendar tbody .daysrow > *,
.calendar tfoot .footrow > *,
.calendar tbody td.weekend{color: #a9a9a9;}

.calendar thead .daynames > *,
.calendar tbody td.selected,
.calendar tbody .day:hover{color: blue;}

.calendar tbody .day{text-align: center;}
.calendar thead .headrow > *{text-transform: none;}

.calendar thead, footer #footerContent .footerMenuHolder ul > li{line-height: 24px;}

.calendar .daysrow,.calendar thead .daynames{line-height: 28px;}

/***************************** Standard Form *****************************/

.form-fields fieldset > label,
.form-fields fieldset > label,
.form-fields fieldset > label{
  width: 20%;
  text-align: right;
  float: left;
}

.DMForms .form-fields fieldset > input,
.DMForms .form-fields fieldset > .fakefile,
.DMForms .form-fields fieldset .bootstrap-select,
.DMForms .form-fields fieldset textarea,
.DMForms .form-fields fieldset .fakefile{
  margin-left: 2%;
  float: left;
  width: 78%!important;
}

.File input.doneAlready{position: fixed;top: -1000px;}

.CheckBox .checkBoxContainer{margin-left: 0;text-align: right;width: 24%;}
.CheckBox .checkBoxContainer span:after,.Image img{ margin-left: 20px;}
.Select button.btn-default{color:#000;}

.bootstrap-select.btn-group .btn .filter-option,.bootstrap-select.btn-group .dropdown-menu li a{text-align: left;}
.bootstrap-select.btn-group .btn .filter-option{padding-top: 1px;}

.DMForms input,
.DMForms textarea,
.DMForms select,
.DMForms .bootstrap-select > .btn,
.radioBoxContainer span:after,
.checkBoxContainer span:after,
.radioBoxContainerCart span:before,
.checkBoxContainerCart span:before{
  border-top: 2px solid #848484;
  border-left: 2px solid #848484;
  border-right: 2px solid #FAFAFA;
  border-bottom: 2px solid #FAFAFA;
}

.DMForms input#Submit{border: 2px solid #4e2683;}

.DMForms .TextInput label,
.DMForms .Textarea label,
.DMForms .Password label,
.DMForms .Select label,
.DMForms .File label{padding-top: 10px;}

.DMForms label{font-weight: normal;}

.successForm p{padding-top: 10px;}
#successFormMessage{padding: 30px 0;}
#successFormMessage h3{
  font-weight: 700;
  font-size: 22px!important;
  color: #1ac9f0;
  padding-bottom: 20px;
  text-transform: uppercase;
}

/***************************** Abreu Events *****************************/

.DMForms{padding: 30px 0;}
.DMForms .form-fields fieldset .bootstrap-select{
  width: 100%!important;
  margin-left: 0!important;
}

.DMForms .form-fields fieldset .fakefile{margin-left: 0!important;}
.DMForms .form-fields fieldset input,
.DMForms .form-fields fieldset textarea,
.DMForms .form-fields fieldset .bootstrap-select button{
  border: 1px solid #bedce5;
  padding: 15px;
  width: 100%!important;
  height: auto!important;
  margin-left: 0!important;
}

.DMForms .form-fields fieldset.mandatory input, .styled-select.mandatory{border-left:5px solid #1ac9f0;}
.DMForms .form-fields fieldset .bootstrap-select span.icon-icoEvents_DropDown{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 48px;
  height: 14px;
}
.DMForms.careerForm .form-fields fieldset textarea{margin-top: 20px;}
.styled-select{
    background: url(../images/seta-baixo.png) no-repeat right 20px center #fff;
    overflow:hidden;
    cursor:pointer;
    border: 1px solid #bedce5;
    padding: 15px;
    width: 100%!important;
    height:52px!important;
    margin-left: 0!important;
    margin-top:5px;
}
.styled-select select{
    width:111% !important;
    background:transparent;
    -webkit-appearance:none;
    border:none;
}
.styled-select.obrigatorio{
    border-left:solid 2px #febe26;
}
.DMForms .formButtons{
  max-width: 235px;
  float: right;
  padding-top: 0;
  border-left: 1px solid #8cb4bc;
  padding-bottom: 0;
  margin-top: 40px;
  position: relative;
}
.DMForms .formButtons:before{
  position: absolute;
  width: 15px;
  height: 18px;
  right: 60px;
  top:0;
  bottom:0;
  margin: auto 0;
  content:"\e999";
  font-family: icomoon;
  color:white;
}
.DMForms .formButtons input{
  padding-left: 50px;
  padding-right: 50px;
  border:0;
  border-radius: 10px;
  background-color: #ff6600;
  text-transform: uppercase;
  color:white;
}
.contentNews .DMForms .formButtons{border-left:none;margin-top:20px;}
.DMForms.careerForm fieldset.File{
  margin-top: 40px;
  margin-right: 0!important;
  padding-right: 0!important;
}
.DMForms.careerForm .formButtons input{padding-right: 70px;}
.DMForms.careerForm .cvUpload{width: 80%!important;}
.DMForms.careerForm .cvUpload .fakefile{width: 30%!important;float: right;}
.DMForms.careerForm .cvUpload .fakefile button{float: right;}
.DMForms.careerForm .cvUpload button{background-color: transparent;width: 80%!important;}
.DMForms.careerForm .cvUpload button span{
  font-size: 11px;
  float: left;
  text-transform: uppercase;
  width: 62%;
  text-align: left;
  line-height: 10px;
  margin-left: 10px;
  margin-top: 5px;
  color: #267687;
}

.DMForms.careerForm .cvUpload button span:first-child{font-weight: 700;}
.DMForms.careerForm .cvUpload button:before{
  content:"C.V.";
  float: left;
  color:#1ac9f0;
  font-weight: 800;
  font-size:30px;
  display: inline-block;
}
.DMForms.careerForm .cvUpload button:after{
    content: "+";
    display: inline-block;
    color: white;
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #1ac9f0;
    border-radius: 50%;
    font-size: 30px;
    line-height: 29px;
    float: right;
    right: 0;
    bottom: 0;
}
.mandatoryInfo{
    font-size:11px;
    font-size:1.1rem;
    padding-left: 15px;
    margin-top: -25px;
    float:left;
}
.mandatoryInfo:before{
  content: " ";
  width: 11px;
  height: 11px;
  background-color: #1ac9f0;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
.contentNews .mandatoryInfo{margin-top:20px;}

/***************************** Contactos *****************************/

#formContactIntro{color:#667d82;padding-bottom:35px;}
#formContactIntro .fci-left{font-size:40px;}
#formContactIntro .fci-right{font-size:14px;margin-top:15px;}

#formcontact-btn{
    width:100%;
    background-color:#42d0ee;
    padding:30px 0;
    text-align:center;
    color:#ffffff;
    text-transform:uppercase;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
}
#formcontact-btn .icon-icoEvents_Pedido{
    font-size:40px;
    margin-right:30px;
    line-height: 0px;
    vertical-align:middle;
}
#formcontact-btn .icon-icoEvents_DropDown{font-size:11px;margin-left:10px;}

.formfield-block{margin-bottom:25px;display:inline-block;}

/*#formContact{display:none;}*/
#formContact{background-color:#f7f7f7;padding:60px 0 40px 0;border-bottom:solid 1px #ffffff;}
#formContact .form-fields h5{
    color:#667d82;
    font-size:20px;
    position:relative;
    font-weight:700;
    padding-left:15px;
}
#formContact .form-fields h5:after{
    position:absolute;
    background-color:#c7cfd0;
    width:30px;
    height:1px;
    content:"";
    bottom:-8px;
    left:15px;
}
#formContact .form-fields h5 small{
    color:#667d82;
    font-size:16px;
    font-weight:400;
}
#formContact .form-fields h6{
    color:#1ac9f0;
    font-size:35px;
    font-weight:600;
    margin-top:40px;
    padding-left:15px;
}
#formContact .form-fields p{
    color:#5a7379;
    font-size:16px;
    padding-left:15px;
}
#formContact .form-fields fieldset h6{
    color:#5a7379;
    font-size:18px;
    font-weight:700;
    margin-top:0;
    padding-left:0;
}
#formContact.DMForms.careerForm .form-fields fieldset textarea{margin-top:0 !important;}
#formContact .mandatoryInfo{margin-top:20px;}
#formContact.DMForms .formButtons{border-left:none;margin-top:20px;}
#checks-solutions{float:none;}
#checks-solutions fieldset{height:230px;}
#formContact .check-option{margin-left:0;color:#36565d; font-size:13px;}
#formContact .check-option.outro-check input[type="text"]{
    height:30px !important;
    margin-top:10px;
    padding:0 10px;
}
#formContact .check-option label{margin-left:15px;}
#formContact .check-option input[type="checkbox"]{display:none;}
#formContact input[type="checkbox"] + span {
    display:inline-block;
    width:13px;
    height:13px;
    margin:-2px 10px 0px -15px;
    vertical-align:middle;
    background:url(../images/checkbox.jpg) left top no-repeat;
    cursor:pointer;
}
#formContact input[type="checkbox"]:checked + span {
    background:url(../images/checkbox_checked.jpg) top no-repeat;
}



/***************************************************************************************************************/
/******************************* RESPONSIVE ***********************************/
/***************************************************************************************************************/

@media (max-width: 1200px) {
    
    .DMForms.careerForm .cvUpload{width: 77%!important;}
    .DMForms.careerForm .cvUpload .fakefile{width: 55%!important;}
    .DMForms.careerForm .cvUpload button{width:80% !important;}
    
    .styled-select select{width:115% !important;}
    
    #formContact .form-fields fieldset h6{font-size:17px;}
    #checks-solutions fieldset{height:215px;}
    
}

@media (max-width: 991px) {
    
    .DMForms{padding:0 0 30px 0;}
    
    .DMForms.careerForm .cvUpload{width:100% !important;text-align:center;float:none;}   
    .DMForms.careerForm .cvUpload .fakefile{float:none;margin:auto !important;width:310px !important;}
    .DMForms.careerForm .cvUpload .fakefile button{float:left;position:relative;}
    .DMForms .formButtons{
        max-width: 100%;
        border-left: 0 none;
        width: 100%;
        margin-bottom: 20px;
        margin-top:20px;
    }
    .DMForms .formButtons input{width: 100%;}

    .DMForms .mandatoryInfo{margin-top: 0!important;}
    .DMForms.careerForm fieldset.File{margin-top:10px !important;}
    
    #formContact .form-fields fieldset h6{font-size:16px;height:35px;}
    #checks-solutions fieldset{height:240px;}
    
    #formContactIntro .fci-left{font-size:30px;}
    
}

@media (max-width: 767px) {

    #checks-solutions fieldset{width:50%;height:220px;}
      #checks-solutions fieldset.people {width:100% !important;}
    #formContact .form-fields h6{margin-top:20px;font-size:16px;}
    #formContact{padding-top:30px;}
    #formContact .form-fields h5{font-size:18px;}
    #formContact .form-fields h5 small{font-size:14px;}
    .formfield-block{margin-bottom:10px;}
    
    #formContactIntro .fci-left{font-size:25px;}

}

@media (max-width: 480px) {
    
    .DMForms.careerForm .cvUpload .fakefile{width:100% !important;}
    .DMForms.careerForm .cvUpload .fakefile button{width:100% !important;float:none;}
    .DMForms.careerForm .cvUpload button::after{right:15px;}
    
    #checks-solutions fieldset{width:100%;height:auto;margin-bottom:10px;}
    #formContact .form-fields fieldset h6{height:auto;}
    #formContact .form-fields h6{font-size:25px;}
    #formContact .form-fields p{font-size:14px;}
    
    #formContactIntro .fci-left{font-size:21px;}
    #formContactIntro .fci-right{font-size:12px;}
    
}