/*---Form Control Global used in search filters or webforms CAPTCHA--*/
#zone-content .form-control {
    min-height: 45px !important;
    border-radius:2px !important;
    border:2px solid #ccc !important;
    transition:none;
}

#zone-content .form-control:focus {
    border-color: #8a3a6d !important;
    transition:none;
    -webkit-box-shadow: 0 0 8px rgb(102 175 233 / 70%);
    box-shadow: 0 0 8px rgb(102 175 233 / 70%);
}

/*--Search-Filter Styling found in views--*/
.views-exposed-widgets {
    margin-bottom:25px;
}

.views-exposed-form .views-exposed-widget {
    padding: 10px 5px;
    max-width: 350px;
}

/*--Pagination global--*/
#page .node ul.pagination {
    margin:0px !important;
}

#page .pagination, #colorbox .pagination {
    border-color: #e9e9e9;
}

#page .pagination > .active > span {
    background-color: #8a3a6d;
}

#page .pagination > li > a,
#page .pagination li > span,
#colorbox .pagination > li > a,
#colorbox .pagination li > span {
    padding: 6px 12px;
    border-left: 1px solid #e9e9e9;
    border-color: #e9e9e9;
}

.pagination>li {
    display: inline;
    margin: 0px !important;
}

#page .pagination, #colorbox .pagination {
    border-color: #e9e9e9;
    margin:auto !important;
}

/*--Webform Global Styling--*/
.panel-default>.panel-heading {
    color: white;
    background-color: #8a3a6d;
    border-radius: 0px;
    font-family: Helvetica, "Roboto", sans-serif !important;
}

#zone-content .panel-body {
    padding: 20px 15px;
    background-color: white;
}

#zone-content .panel {
    margin-bottom: 0px;
    border-right: 1px solid #d0cece;
    border-left: 1px solid #d0cece;
    border-bottom: 1px solid #d0cece;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#content-wrapper .webform-component {
    padding:5px 5px 15px 5px !important;
}

.panel-default {
    border-color: #d0cece;
}

fieldset.webform-component-fieldset {
    margin-top: 0px !important;
}

@media only screen and (max-width: 768px) { 
    /*.views-exposed-form .views-exposed-widget {
        width: 50%;
    }*/

    #zone-content .form-control,
    #zone-content .form-type-select select {
        width:100% !important;
    }
}

@media only screen and (max-width: 600px) {
    .views-exposed-form .views-exposed-widget {
        width: 100%;
        max-width: 100%;
    }
}

/*--Catcha Specific to Webforms--*/
.captcha img {
    margin-top:20px;
    margin-bottom:20px;
}