﻿/***************************** General *****************************/

fieldset.mandatory > label:before,
.mandatoryField:before{
    content: "* ";
    color: #FF0000;
    position: absolute;
    right: 15px;
    top: 0;
    margin-bottom: 25px;
    font-size: 24px;
    bottom: 0;
    width: 10px;
    margin: auto 0;
    display: inline-block;
    height: 27px;
}

[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: 0;
  margin-bottom: 0;
  border:1px solid transparent;
  font-size:18px;
}

.DMForms .bootstrap-select {
    margin-bottom: 0px;
    margin-top: 0;
    padding:0;
    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: 30px;}
.contactsForm .formButtons {padding-top: 0;}
.formButtons > span{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.formButtons input{
    border: 0 none;
    cursor: pointer;
    width:100%;
    font-size:25px;
    text-transform:uppercase;
    background-color:#158cba;
    color:white!important;
    font-weight:300;
    float: right;    
}

.formButtons input:nth-child(even), .DMForms.contactsForm input[type=submit]{margin-left: 0;}

.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;} -->
.DMForms .bootstrap-select.btn-group .btn .caret:before{content: "\e937";line-height: 35px;font-family: 'Abreu';top: 5px;position: absolute;right: 5px;}
#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 *****************************/

.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: #158cba;
    color: #FFF;
    margin-top: 5px;
    width: 25%;
    height: 48px;
      padding-bottom: 0;
    margin-bottom: 0;
}
.DMForms .fakefile > input.fakeInput {width: 75%;}

/***************************** Date Time / Date  *****************************/
.btn-group.bootstrap-select.std
{
  width:30%!important;
  padding:0;
}

.Date img,.DateTime img{display:none}

.DateTime, .Date{font-size: 0;}
.DateTime > label, .Date > label{display: block;font-size: 14px;}
.DMForms .DateTime > .bootstrap-select > .btn{width: 90%;margin-right: 10%;margin-bottom:15px;}
.DMForms .DateTime > .bootstrap-select > .btn.DateTime_year{margin-right: 0;}
.DMForms .Date > .bootstrap-select > .btn{width: 90%;margin-right: 10%;}
.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: 15px;}

.fieldError input[type=text],
.fieldError input[type=password],
.fieldError textarea,
.fieldError .bootstrap-select > .btn, .fieldError .fakefile > input{
    border: 1px solid #f26c4f!important;
    /*background-color: white;*/
    /*.box-sizing(border-box);*/
}
.fieldError > label,
.fieldError > label > span{
  color:#f26c4f;
}


/***************************** 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;
  color: #54667a;
}

.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;
  color: #54667a;
}

.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;font-size:18px;text-transform: none;font-weight:500;}

.DMForms input#Submit{border: 2px solid #4e2683;}

.DMForms .TextInput label,
.DMForms .Textarea label,
.DMForms .Password label,
.DMForms .Select label,
.DMForms .File label{padding-top: 0px;margin-bottom:0;width:100%;position:relative; color: #54667a;}

.DMForms label{font-weight: normal;    color: #54667a;}

.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 2016 ***********************************/
/***************************************************************************************************************/
.File label
{
  background: white;
  width: 75%!important;
  display: inline-block;
  float: left;
  color: #54667a;
  height: 48px;
  padding-left: 15px;
  line-height: 48px;
}

.File .fileinputs
{
  width:25%!important;
  display:inline-block;
  float:left;  
}

.File .fakefile > button
{
  color:white;
  text-transform:uppercase;
  width:100%!important;
  margin-top:0!important;
  
}

/***************************************************************************************************************/
/******************************* Abreu Exceptions ***********************************/
/***************************************************************************************************************/
.homeSearchForms fieldset {margin-top:0!important;}
.homeSearchForms .formButtons{padding: 0 15px!important;}


/***************************************************************************************************************/
/******************************* RESPONSIVE ***********************************/
/***************************************************************************************************************/
@media (max-width: 991px) {
    .DMForms .formButtons{
        max-width: 100%;
        border-left: 0 none;
        width: 100%;
        margin-bottom: 20px;
    }
    .DMForms .formButtons input{width: 100%;}

    .DMForms .mandatoryInfo{margin-top: 0!important;}    
}

@media (max-width: 480px) {
    
    
}


