/* tab css */
.rt-loading{
    background: url('../images/loading.gif') no-repeat center center;
    padding: 11px;
}

.field-holder{
    margin-bottom: 15px;
}
.field-holder.fa-icon-drop-down .field, span.select2-container.select2-container--default.select2-container--open{
    font-family: FontAwesome, Arial;
}

.field-holder:after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
}
.field-holder > label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.rt-textarea{
    width: 100%;
    height: 150px;
}
.rt-setting-holder .custom-css {
    border: 1px solid #DFDFDF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    max-width: 800px;
    height: 200px;
    position: relative;
}

/* ShortCode Generator */
body.post-type-servicessc div#misc-publishing-actions, body.post-type-servicessc div#minor-publishing-actions, body.post-type-services #edit-slug-box {
    display: none;
}
.post-type-servicessc div#submitdiv.sticky {
    position: fixed;
    top: 32px;
}
input.large-text.code.rt-code-sc {
    color: #fff;
    background: #8cc63e;
    font-weight: bold;
    padding-top: 3px;
}

ul.rt-tab-nav{
    clear: both;
    margin-top: 0;
    padding: 0;
    display:inline-block;
    width: 100%;
    margin-bottom: -4px;
}
ul.rt-tab-nav li{
    background: none repeat scroll 0 0 rgb(230, 230, 230);
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0;
}

ul.rt-tab-nav li:focus{
    outline: none;
}
ul.rt-tab-nav li.active a , ul.rt-tab-nav li a:hover{
    background: #8cc63e;
}
ul.rt-tab-nav li.active a:after , ul.rt-tab-nav li a:hover:after{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 5px solid #8cc63e;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    content: "";
}
ul.rt-tab-nav li a{
    text-decoration: none;
    display: block;
    padding: 8px 15px;
    border-right: 1px solid;
    background: #0071bd;
    color: #fff;
    position: relative;
    font-weight: bold;
}
ul.rt-tab-nav li:last-child a{
    border-right: 0;
}
ul.rt-tab-nav li a:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.rt-tab-content{
    display: none;
    border: 1px solid #e7e7e7;
    padding: 15px;
}
.field-holder:after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
}
.field-holder {
    margin-bottom: 15px;
}
.field-holder select{
    width: 100%;
}
.field-holder > label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.rt-tab-container .field-holder {
    border-bottom: 1px solid #e7e7e7;
}

.rt-tab-container .field-holder:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.rt-tab-container .field-holder:first-child {
    border-top: none;
    padding-top: 15px;
}
.rt-sc-meta-field-holder .field-holder {
    padding: 10px;
    margin-bottom: 10px;
}
.rt-tab-container .field-holder > label {
    float: left;
    max-width: 150px;
    width: 25%;
}
.rt-tab-container .field-holder > .field {
    float: right;
    width: 75%;
}
.checkbox-group.vertical > label, .radio-group.vertical > label {
    display: block;
    margin-bottom: 5px;
}
.field-holder .checkbox-group > label {
    margin-right: 15px;
}

.rt-select{
    min-width: 300px;
}

.field-holder > .field:after {
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    height: 0;
}
/*#wls_categories{*/
/*width: 500px;*/
/*}*/
.select2-container {
    width: 100% !important;
}
#sc-wls-filter .field-holder, #sc-wls-style .field-holder{
    padding: 5px;
    margin-bottom: 5px;
}
.field-holder > .field > .field-item {
    display: inline-block;
    min-width: 33.3333%;
}
.rt-tab-container .field-holder .wp-picker-container .iris-picker {
    position: absolute;
    z-index: 999;
}
.rt-tab-container .field-holder .wp-picker-container.wp-picker-active {
    width: 265px;
}
.field-holder > .field > .field-item > label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.field-holder > .field > .field-item > .wp-picker-container > a {
    margin: 0;
}

/* settings page */

.rt-response{
    padding: 5px;
}
.rt-response.updated, .rt-response.error {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 767px ) {
    .rt-setting-holder .field-holder{
        float: none;
        width: 100%;
    }
}