/* TUMBLER radiobutton
*/
span.tumbler-title, form.settings-form div > label > span.label {
    display: inline-block;
    min-width: 265px;
    font-weight: 400;
    vertical-align: middle;
}
.iwebsite-admin-page .dib label{
    width: 93px;
}
form.settings-form div > label span.select2-container, form.settings-form div > label select, form.settings-form div > label input {
    max-width: 180px;
    width: 100%;
}
form.settings-form div.row {
    margin: 0 0 10px;
}
form.settings-form > div {
    margin: 0 0 30px;
}
.dib {
    display: inline-block;
    vertical-align: middle;
}
.form-toggle {
    display: inline-block;
    float: left;
    overflow: hidden;
    line-height: 1;
}
.form-toggle-item {
    float: left;
    display: inline-block;
}
.form-toggle-item input[type=radio] {
    display: none;
}
.form-toggle .item-1 input[type=radio]:checked + label {
    background-color: #309cf3;
    color: #fff;
}
.form-toggle-item label {
    display: inline-block;
    padding: 0px 15px;
    line-height: 34px;
    border: 1px solid #999;
    border-right: none;
    cursor: pointer;
    user-select: none;
}
.form-toggle .item-1 label {
    border-radius: 5px 0 0 5px;
}
.ui-helper-clearfix {
    min-height: 0;
}
ul.ui-tabs-nav li.ui-state-active a {
    color: #555;
    position: relative;
    background-color: #fff;
    border-bottom: none;
}
ul.ui-tabs-nav li a {
    margin: 0 2px 0;
    padding: 10px;
    display: block;
    box-shadow: none;
    text-decoration: none;
    line-height: 20px!important;
    border-bottom: 1px solid #eee;
}
.nav-tab:focus, .nav-tab:hover,  .ui-tabs-active {
    background-color: #fff;
    color: #444;
}

.custom-image-container {
    display: inline-block;
}
.custom-image-container .icon-image-tooltip, .custom-image-container .set-custom-icon {
    vertical-align: middle;
}
.custom-image-container img.custom-icon-img {
    max-width: 100px;
    margin: 0 0 0 5px;
}
.custom-image-container button.remove-custom-icon, .custom-image-container.image button.set-custom-icon.button, .custom-image-container.image span.icon-image-tooltip {
    display: none;
}
.custom-image-container.image button.remove-custom-icon {
    display: inline-block;
}
/* .remove-add-copy-iwebsite-icon.add-copy-iwebsite:before {
        content: '\e800';
    }
    .remove-add-copy-iwebsite-icon.remove-copy-iwebsite:before {
        content: '\e801';
    } 
	.remove-add-copy-iwebsite-icon:before {
        font-family: "acf";
	}
	
	
	*/
	

/* .remove-add-copy-iwebsite-icon:before { */
	/* font-style: normal; */
	/* font-weight: normal; */
	/* speak: none; */
	/* display: inline-block; */
	/* text-decoration: inherit; */
	/* width: 1em; */
	/* text-align: center; */
	/*opacity: .8;*/
	/* font-variant: normal; */
	/* text-transform: none; */
	/* line-height: 1em; */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	/* position: relative; */
/* } */
/* .remove-add-copy-iwebsite-icon.remove-copy-iwebsite:hover{ */
	/* background-color: #F55E4F; */
	/* color: #fff; */

/* } */
/* .remove-add-copy-iwebsite-icon.add-copy-iwebsite:hover{ */
	/* border-color: transparent; */
	/* background: #2a9bd9; */
	/* color: #fff; */
/* } */
/* .remove-add-copy-iwebsite-icon.remove-copy-iwebsite{ */
	/* top: 50%; */
	/* transform: translateY(-50%); */
/* } */
/* .remove-add-copy-iwebsite-icon{ */
	/* padding: 0; */
	/* opacity: 0; */
	/* cursor: pointer; */
	/* display: inline-block; */
	/* height: 26px; */
	/* width: 26px; */
	/* border: transparent solid 1px; */
	/* border-radius: 100%; */
	/* font-size: 16px; */
	/* line-height: 26px; */
	/* text-align: center; */
	/* text-decoration: none; */
	/* vertical-align: top; */
	/* position: absolute; */
	/* right:5px; */
	/* top: 0; */
	/* width: 18px; */
	/* height: 18px; */
	/* line-height: 14px; */
	/* font-size: 14px; */
	/* color: #999; */
	/* border-color: #BBB; */
	/* background-color: #fff; */
	/* overflow: hidden; */
	/* transition: none; */
	/* z-index: 20; */

/* } */
/*
.nav-tab {
    float: right;
    border: 1px solid #ccc;
    border-bottom: none;
    margin-right: .5em;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.71428571;
    font-weight: 600;
    background: #e5e5e5;
    color: #555;
    text-decoration: none;
    white-space: nowrap;
}
.nav-tab-wrapper, .wrap h2.nav-tab-wrapper, h1.nav-tab-wrapper {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-top: 9px;
    padding-bottom: 0;
    line-height: inherit;
}
.nav-tab-active, .nav-tab-active:focus, .nav-tab-active:focus:active, .nav-tab-active:hover {
    border-bottom: 1px solid #f1f1f1;
    background: #f1f1f1;
    color: #000;
}
.nav-tab:focus, .nav-tab:hover {
    background-color: #fff;
    color: #444;
}
.nav-tab-active {
    margin-bottom: -1px;
    color: #444;
}
.nav-tab-active, .nav-tab:focus:active {
    box-shadow: none;
}*/
.form-toggle {
    /*display: inline-block;*/
    float: left;
    overflow: hidden;
    line-height: 1;
}

.form-toggle-item {
    float: left;
    display: inline-block;
}

.form-toggle-item input[type=radio] {
    display: none;
}

.form-toggle-item label {
    display: inline-block;
    padding: 0px 15px;   
    line-height: 34px;    
    border: 1px solid #999;
    border-right: none;
    cursor: pointer;
    user-select: none;   
}
 
.form-toggle .item-1 label {
    border-radius: 5px 0 0 5px;
}

.form-toggle .item-2 label {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #999;
}
 
/* Checked */
.form-toggle .item-1 input[type=radio]:checked + label {
    background-color:#309cf3; 
    color: #fff;
}

.form-toggle .item-2 input[type=radio]:checked + label {
    background-color: #309cf3;
    color: #fff;
}

/* CHECKBOX 
*/

.iwebsite-admin-page .field input[type=checkbox]:not(.iwebsite-checkbox-true-false){
    width: auto;
    margin: 5px 0!important;
    vertical-align: middle;
    width: 10px;
    /* padding: 10px 0 !important; */
    clear: both;
}

input.iwebsite-checkbox-true-false{
    display: block;
}

.iwebsite-switch{
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    background: #f8f8f8;
    height: 30px;
    vertical-align: middle;
    border: #ccc solid 1px;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -o-transition: background 0.25s ease;
    transition: background 0.25s ease;
}

.iwebsite-switch-toggle-on{
    background: #309cf3;
    border-color: #2b9af3;
}

.iwebsite-switch .iwebsite-switch-on {
    color: #fff;
    text-shadow: #1f7db1 0 1px 0;
}

.iwebsite-switch span{
    display: inline-block;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    padding: 4px 10px;
    min-width: 18px;
    vertical-align: text-bottom;
}

.iwebsite-switch .iwebsite-switch-slider {
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 50%;
    z-index: 1;
    background: #fff;
    border-radius: 3px;
    border: #ccc solid 1px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    transition-property: left, right;
}

.iwebsite-switch-toggle-on .iwebsite-switch-slider {
    left: 50%;
    right: 2px;
    border-color: #0d84e3;
}

div.select-color {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    padding: 0 5px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    font-size: 0.75rem;
    margin: 0 5px 0 0;
}  

.color-picker-wrap > input {
    vertical-align: middle;
}  

.color-sample {
    display: inline-block;
    width: 22px;
    height: 22px;
    border:1px solid #ccc;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.checkbox-container {
    display: inline-block;
}

.custom-image-container img.custom-icon-img {
    max-width: 100px;
    margin: 0 0 0 5px;
}

.custom-image-container.image  button.remove-custom-icon {
    display: inline-block;
}

.custom-image-container  button.remove-custom-icon,
.custom-image-container.image  button.set-custom-icon.button,
.custom-image-container.image span.icon-image-tooltip {
    display: none;
}
/*
*/

/*span.iwebsite-framework-field {
    position: relative;
}*/
span.tooltip:before{
    content: "\f223";
    display: block;
    font-family: Dashicons;
    cursor: help; 
    position: absolute;
    top: 25%;
}

span.tooltip {
    width: 30px;
    display: inline-block;
}

span.tooltip span.tooltip-text{
    position: absolute;
	margin: 0 20px;
    max-width: 150px;
	color: #fff;
	font-size: .8em;
    background: #333;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow:   0 1px 3px rgba(0,0,0,.2);   /* Firefox 3.5 - 3.6 */
    box-shadow:         0 1px 3px rgba(0,0,0,.2);
    padding: 5px;
    /*left: auto;
    right: -20%;*/
    z-index: 90;
    opacity: 0;
    visibility: hidden;
	text-align: center;
	border-radius: 5px;
    top: 10px;
    line-height: 1.5;
}
span.tooltip span.tooltip-text:before{
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: #333;
}

span.tooltip:hover  span.tooltip-text{
    opacity: 1;
    visibility: visible;
}

.rtl span.tooltip span.tooltip-text {
    left: -20%;
    right: auto;  
}