/*----------------------------------------------------*/
/* -------------- STYLING CALDERA FORMS ------------- */
/*----------------------------------------------------*/



/* ////// HIDE BROWSER DEFAULT INPUT TAGS ////// */

.caldera-grid label [type="radio"], .caldera-grid label [type="checkbox"] {
    display:none;
}


/* ////// MAIN STYLES ////// */

.caldera-grid .radio span:before, .caldera-grid .radio-inline span:before, .caldera-grid .checkbox span:before, .caldera-grid .checkbox-inline span:before {
    font-family: "ETmodules";
    font-size: 25px;
    position: relative;
    top: 0.3em;
    margin-right: 0.2em;
    margin-left: -25px;
    transition: all 0.3s ease-in-out;
}


/* ////// MAKE THE CURSOR A HAND ////// */

.caldera-grid .radio span:hover, .caldera-grid .radio-inline span:hover, .caldera-grid .checkbox span:hover, .caldera-grid .checkbox-inline span:hover { cursor: pointer; }


/* ////// CUSTOM INPUTS ////// */

.caldera-grid .radio span:before, .caldera-grid .checkbox span:before, .caldera-grid .radio-inline span:before, .caldera-grid .checkbox-inline span:before { content: "V"; transition: all 0.3s ease-in-out;}
.caldera-grid .radio span:hover:before, .caldera-grid .radio-inline span:hover:before { content: "W"; filter: alpha(opacity=40); opacity: 0.4; }
.caldera-grid .checkbox span:hover:before, .caldera-grid .checkbox-inline span:hover:before { content: "Z"; filter: alpha(opacity=40); opacity: 0.4; }


/* ////// CHECKED STATE ////// */

.caldera-grid [type=radio]:checked + span:before { content: "W"; transition: all 0.3s ease-in-out;}
.caldera-grid [type=checkbox]:checked + span:before { content: "Z";}
.caldera-grid [type=radio]:checked + span:before:hover, .caldera-grid [type=checkbox]:checked + span:before:hover { filter: alpha(opacity=100); opacity: 1; color: #0c71c3!important;}


/* ////// FORM FIELDS ////// */

.caldera-grid .form-control {
     padding: 15px!important;
     height: auto!important;
     font-size: 16px!important;
}


/* ////// CREDIT CARD FIELD ////// */

.caldera-grid .cf-credit-card {
    padding-left: 45px!important;
}

.caldera-grid .cf-credit-card + span:before {
    font-family: "ETmodules";
    content: "\e014";
    font-size: 30px;
    position:relative;
    margin-left: 0.3em;
}


/* ////// 'SEND' and 'RESET' BUTTON ////// */

.caldera-grid input[type=submit], .caldera-grid input[type=reset] {
     padding: 10px 20px;
     border-style: solid;
     transition: all 0.3s ease-in-out;
}

.caldera-grid .btn:focus {
    outline: none!important;
}

.caldera-grid button.btn {
      border-style: solid;
      transition: all 0.3s ease-in-out;
}


/* ////// PREVIOUS AND NEXT PAGE BUTTONS ////// */

.cf-page-btn-prev {
    float:left;
}

.cf-page-btn-next {
    float:right;
}


/* ////// UPLOAD FILE LIST ////// */

.caldera-grid .cf-multi-uploader-list>ul {
  margin: 0!important;
  padding: 15px 10px 0!important;
}


/* ////// SWITCH: DELETE BACKGROUND ON ERROR FIELD ////// */

.has-error.cf-toggle-switch .cf-toggle-group-buttons>a {
    background: none;
}


/* ////// DROPDOWN SELECT ////// */

.caldera-grid select  {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    background: none!important;
    background-color: none!important;
    border: none!important;
}

.caldera-grid select.form-control {
    margin-top: -14px!important;
    height: auto;
}

.select-wrapper, .select-two-wrapper {
    border-style: solid;
    padding: 7px 5px 5px 15px;
    height: 40px;
}

.select-wrapper:hover, .select-two-wrapper:hover {
        border-style: solid;
}

.select-wrapper:after, .select-two-wrapper:after {
    font-family: "ETmodules";
    display: block;
    content: "C";
    font-size: 25px;
    position: absolute;
    right: 1em;
}

.select-wrapper:after {
    transform: translateY(-1.4em);
    -ms-transform: translateY(-1.4em);
    -webkit-transform: translateY(-1.4em);
}

@-moz-document url-prefix() {
    .caldera-grid select.form-control {
        margin-top: -17px!important;
    }
    .select-wrapper:after {
        transform: translateY(-1.45em);
    }
}

.select-two-wrapper:after {
    transform: translateY(0em);
    -ms-transform: translateY(0em);
    -webkit-transform: translateY(-0.9em);
}

/* ////// SUCESS ALERT ////// */

.caldera-grid .alert-success {
    border-style: solid;
    text-align: center;
}

.caldera-grid .alert-success:before {
  display:block;
  font-family: "ETmodules";
  content: "\E0DD";
  font-size: 30px;
  margin-right: 15px;
}


/* ////// DATE PICKER ////// */

.cfdatepicker table tr td span.active.active, .cfdatepicker table tr td span.active:hover, .cfdatepicker table tr td span.active:hover.active, .cfdatepicker table tr td span.active:hover:hover {
    border: none;
}

.cfdatepicker table tr td.active.active, .cfdatepicker table tr td.active, .cfdatepicker table tr td.active:hover {
    text-shadow: none!important;
}


/* ////// BREADCRUMB ////// */

.caldera-grid .breadcrumb {
    border-style: solid;
}

.caldera-grid .breadcrumb li a:hover, .caldera-grid .breadcrumb li a:focus {
    filter: alpha(opacity=60);
    opacity: 0.6;
    text-decoration: none;
}

.caldera-grid .breadcrumb>li+li:before {
    font-family: "ETmodules";
    content: "\45"!important;
}


/* ////// TRANSITION ON HOVER ////// */

.caldera-grid input.form-control, .caldera-grid textarea.form-control, .select-wrapper, .cf-toggle-switch .btn, .caldera-grid .btn, .caldera-grid .breadcrumb li a {
    transition: all 0.3s ease-in-out;
}


/* ////// RESET SOME STYLES ////// */

.caldera-grid * {
    text-shadow: none!important;
    box-shadow:none!important;
    background-image:none!important;
}

.caldera-grid input.form-control {
    max-width:100%;
}