/* CSS used for styling the Settings form */
#smooth_settings{padding-top:10px;}
h2.top_heading{font-family:'Century Gothic','Avant Garde',sans-serif;font-weight:bold;color:#00b7f3;font-size:20px;}
h2.top_heading span{color:#f07057;}
#settings_preview h2.heading{background:#f5f5f5;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;letter-spacing:1px;vertical-align:middle;margin-bottom: 10px;}
form#smooth_slider_form fieldset{margin:0px 0 10px 0px;background:#eee;border:0px;padding:10px 20px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
form#smooth_slider_form legend{padding:12px 9px 19px;margin:-10px 0 0 30px;background:#efefef;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;background: #fafafa;}
form#smooth_slider_form legend span{font-size:100%;font-weight:bold;color:#fff;background:#444;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;padding:5px 11px 0;}
form#smooth_slider_form{font-family:arial;font-size:100%;color:#666;}
form#smooth_slider_form label {}
form#smooth_slider_form input[type="text"] 	{}
form#smooth_slider_form input.regular-text{width:60%;}
form#smooth_slider_form select{width:60%;}
form#smooth_slider_form select {}
form#smooth_slider_form option{display:block;color:#666;}
code {word-break:break-all;}
form#smooth_slider_form input[type="checkbox"] {}
form#smooth_slider_form input[type="radio"]    {}

input[type="text"]:disabled {opacity: .5;border:1px solid #eee !important;filter: alpha(opacity=50);}

form#smooth_slider_form textarea {padding:2px 10px;margin-bottom:10px;}
form#smooth_slider_form .faulty_field {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
form#smooth_slider_form label span {color:#ff0000;font-size:85%;}

form#smooth_slider_form th{letter-spacing:1px;}
form#smooth_slider_form th, form#smooth_slider_form td,form#smooth_slider_form select,form#smooth_slider_form input,form#smooth_slider_form textarea{font-weight:normal;font-size:13px;}
h2.sub-heading,h3.sub-heading{font-family:Georgia,serif;font-size:16px;font-weight:normal;background: #00c0e4;
color: #fff;letter-spacing:1px;padding: 10px;margin-left:-10px;}
div.sub_settings{padding:0 0px 10px 10px;background:#fff;margin:0;}
div.sub_settings_m{padding:0 0px 10px 10px;background:#fff;margin:5px 0;}

/*Sliders Page*/
#smooth_sliders_create thead.blue,#smooth_sliders_create tfoot.blue{font-family: Georgia,serif;font-size: 16px;font-weight: normal;background: #00c0e4;color: #fff;letter-spacing: 1px;}
#smooth_sliders_create thead.blue th,#smooth_sliders_create tfoot.blue th{color:#fff;}
#smooth_sliders_create li.reorder{background: #ffffff;padding: 10px;border: 1px solid #ccc;cursor:move;}

/*For Tooltip*/
.moreInfo {position: relative;font-weight:bold;vertical-align:top;}
.trigger{padding:0px 3px;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:help;border-color: #eac14d;font-weight: bold;color: white;background: #eac14d;vertical-align:top;display: inline-block;}
.tooltip {position: absolute;top:-12px;	left:25px;z-index:999;width:25em;background:#EFEBCE;font-size:12px;color:#333;border:0px;padding:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;display: none; /* keeps the tooltip hidden if no JS available */ }
/************************************************
*	ui-tabs  									*
************************************************/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border: 0 !important; margin: 0 .2em -1px 0; padding: 0;  background:#585858;font-weight:normal;font-size:13px;letter-spacing:1px;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; color:#ffffff;}

/*Colored Tabs*/
.ui-tabs .ui-tabs-nav li.blue{background:#00c0e4;}
.ui-tabs .ui-tabs-nav li.green{background:#25b695;}
.ui-tabs .ui-tabs-nav li.yellow{background:#eac14d;}
.ui-tabs .ui-tabs-nav li.pink{background:#e6567a;}
.ui-tabs .ui-tabs-nav li.purple{background:#cb70d7;}
.ui-tabs .ui-tabs-nav li.gray{background:#585858;}
.ui-tabs .ui-tabs-nav li.orange{background:#f07057;}
.ui-tabs .ui-tabs-nav li.black{background:#323a45;}
.ui-tabs .ui-tabs-nav li.asbestos{background:#7f8c8d;}

.ui-tabs .ui-tabs-nav li.ui-state-active { border-bottom-width: 0; background-color:#323a45;font-size:15px;font-weight:bold;font-style:italic;}
.ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#ffffff;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-state-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*Left Sided Tabs*/
 .ui-tabs-vertical-left{padding:0;background:#f5f5f5;margin:10px 0 0 0;}
 .ui-tabs-vertical-left .ui-tabs-nav { float: left; padding: 0 2px 0 0;border-right:0px;max-width:24%;margin:0;background:none;border:none;}
 .ui-tabs-vertical-left .ui-tabs-nav li { float: left; clear: left; width: 100%; border-bottom-width: 1px !important; margin: 0 0 0.2em 0; white-space:normal;border-radius:none;word-break:break-all;}
 .ui-tabs-vertical-left .ui-tabs-nav li a { display:block; padding:1em 10%;width:80%;}
 .ui-tabs-vertical-left .ui-tabs-nav li.ui-state-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
 .ui-tabs-vertical-left .ui-tabs-panel { padding: 0; float: left; width: 75%;}
.smooth_sliders_create .ui-tabs-vertical-left .ui-tabs-panel{margin-left:10px;margin-right: 15px;}
 .ui-tabs-vertical-left .ui-tabs-nav li.ui-state-active { margin-right: -1px; padding-right: 1px; border-right:0px;}
 .svilla_cl{display:block;visibility:hidden;clear:left;height:0;content:".";}
 .svilla_cr{display:block;visibility:hidden;clear:right;height:0;content:".";}
 
 /*Active tabs*/
 .ui-tabs .ui-tabs-nav li.ui-state-active a:after{right: 0;border: solid transparent;content: " ";height: 0;width: 0;position: absolute; pointer-events: none;border-width: 8px;top: 50%;margin-top: -8px;border-right-color: #f1f1f1;}
 
/*tabs complete*/
#sldr_message {background-color:#FEF7DA;clear:both;width:72%;}
#sldr_close {float:right;} 

/*Buttons*/
.svilla_button{background:#333 !important;color:#fff !important;font-size:13px;width:100%;text-align:left;border:0 !important;padding:10px 5%;font-weight:bold;cursor:pointer;}a.svilla_button{text-decoration:none;display:block;margin-right:10px;width:100%;font-weight:bold;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.svilla_gray_button{background:#00c0e4 !important;padding:5px 5%;}a.svilla_gray_button{color:#ffffff !important; }
a.svorangebutton{background:#f07057;color:#fff !important;margin-right:10px;font-size:13px;width:100%;text-align:left;border:0 !important;font-weight:bold;cursor:pointer;text-decoration:none;display:block;font-weight:bold;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;float:right;max-width:25%;padding:10px 0px;text-align:center;max-width:25%;}

/*Color Picker*/
.color-picker-wrap {position: absolute;display: none;background: #fff;border: 3px solid #ccc;padding: 3px;z-index: 1000;}

/*Shortcode Popup*/
#popup,#popup2,.bMulti {background-color: transparent;border-radius: 10px 10px 10px 10px;color: #111;display: none;min-width: 350px;min-height: 18%;}
.button.b-close,.button.bClose {border-radius: 7px 7px 7px 7px;box-shadow: none;font: bold 131% sans-serif;padding: 3px 6px 2px 6px;position: absolute;right: -7px;top: -7px;}
.modal_shortcode{min-height: 50px;text-align: center;background: #222222;color: #ffffff;font-size: 18px;font-weight: bold;line-height: 3em;
font-family: "Century Gothic", "Avant Garde", "Trebuchet MS", sans-serif;}
.modal_preview{text-align: center;background: #efeeee;min-height: 80px;font-size: 14px;line-height: 4em;font-weight: bold;font-family:"Century Gothic", "Avant Garde", "Trebuchet MS", sans-serif;border-bottom: 4px solid #ed4938;}
.admin_shortcode{background:#fff;}
/* Validation Error */
#smooth_slider_form input.error{border: 1px solid #D8000C; padding: 5px 0}

#poststuff .inner-sidebar {width:100%;}
#poststuff .postbox{min-width:100%;}

.frmdiv{float:left;width:70%;}
/*responsive*/
@media only screen and (min-width: 1280px) { .ui-tabs-vertical-left .ui-tabs-nav li {width:175px !important;}}
@media only screen and (min-width: 768px) and (max-width: 1279px) {.ui-tabs-vertical-left .ui-tabs-panel {width: 75%;}}
@media only screen and (max-width: 767px) { #smooth_settings,#smooth_sliders_create{width:100% !important;float:none !important;}
#poststuff{width: 100% !important;}
.frmdiv{width:100%;} 
.ui-tabs-vertical-left .ui-tabs-nav {width:100%;max-width:100%;text-align:center;}.ui-tabs-vertical-left .ui-tabs-panel {width:100%;}}
