@charset "utf-8";
*{box-sizing: border-box;}
body{padding:0;margin:0;font-family:'Roboto',sans-serif}
ul{padding:0;list-style:none;}
a{text-decoration:none;outline:none}
body a:hover,body a:focus{color:initial;text-decoration:none}
a:focus{outline:none;text-decoration:underline}
textarea:focus{outline:none}
input{outline:none!important}
button,button:focus{outline:none}
a img{border:none}
img{border:0}
p{padding:0;margin:0}
h1,h2,h3,h4,ul,p{padding:0;margin:0}
textarea{resize:none}
input::-moz-placeholder{opacity:1;outline:none}
textarea::-moz-placeholder{opacity:1;outline:none}
.clr{clear:both;height:0}
a{text-decoration:none;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
a:hover{text-decoration:none;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
#main-theme-option { background: #2f4050; }
#wpcontent { padding-top:20px;  }
/*Header Panel*/
.header-option-panel, .footer-option-panel { clear: both; background: #3663e1; height: 60px; padding:5px 20px; }
.header-option-panel h2, .footer-option-panel h2 {display: inline-block; margin: 16px 120px 0 0;     font-weight: 400; font-size: 21px; color: #fff; }

.header-option-panel h3, .footer-option-panel h3 {display: inline-block; margin: 16px 0 0 0;font-weight: 400; font-size: 21px; color: #fff; }
/*Left Panel*/
.left-option-panel { float: left; width: 25%; padding: 10px 0; background: #2f4050; }
.left-option-panel ul { margin: 0; padding: 0; }
.left-option-panel ul li { margin: 0; list-style: none; border-bottom: 1px solid #3c4f61;}
.left-option-panel ul li:last-child { padding-bottom: 0; border-bottom: none; }
.left-option-panel ul li a { display: block; padding:10px; font-size: 14px; color: #a7b1c2; text-decoration: none; outline: none;}
.left-option-panel ul li a:hover, .left-option-panel ul li a:focus, .left-option-panel ul li.active { background: #293846; color: #fff; box-shadow: none;}
/*Right Panel*/
.toggle_field_row {display: none; padding: 20px 0 0;}

.toggle-row-label:after {
    content: "\f345";
    position: absolute;
    right: 0; 
    top: 2px;
    font-family: dashicons;
}

.toggle-row-label {
    margin: 0;
    position: relative;
    font-size: 27px;
    cursor: pointer;
    color: #000;
}
.active-row.toggle-row-label:after {
    content: "\f347";
}
#right-option-panel { float: left; width:75%; padding: 30px; background: #ecf0f5; }
#right-option-panel .field-row { float:left; width: 100%;margin: 0 0 10px;background: #fff;padding: 25px 20px;}
#right-option-panel .field-row label { display: block; font-size: 20px; color: #000; }
#right-option-panel .field-row input[type="text"], 
#right-option-panel .field-row input[type="url"],
#right-option-panel .field-row input[type="email"],
#right-option-panel .field-row input[type="tel"],
#right-option-panel .field-row input[type="number"],
#right-option-panel .field-row input[type="date"],
#right-option-panel .field-row input[type="time"],
#right-option-panel .field-row textarea { float: left; width: 100%; margin: 0 0 10px; padding: 12px 10px; font-size: 14px; color: #000; }
.social-panel .field-row input:focus { outline: none; }
#right-option-panel .field-row textarea { min-height: 150px; border: 1px solid #ccc; }
.social-icon { float: left; width: 40px; height: 40px; margin: 0 0 0 10px; }

.social-icon-upload { float: left; background: #294f75!important; color: #fff!important; box-shadow: none; border: none!important; }
.social-icon-upload:hover, .social-icon-upload:focus { background: #35608b!important; }
.social-icon img {width: 100%;overflow: hidden;}
.general-btn { display: block;margin: 10px 0 0;}
.general-btn button { display:inline-block; margin: 0 10px 0 0!important; }
.logo-img {width: 300px;}
.logo-img img { overflow: hidden; width: 100%; max-width: 300px;max-height: 300px;  object-fit: cover;border: 1px solid #f2f2f2; }
.option_save_changes { cursor: pointer; float: right; margin: 8px 0 0; background: #1e8fc6; border: none; padding: 10px 25px; border-radius: 80px; color: #fff; text-align: center; box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2); }
.option_save_changes:hover, .option_save_changes:focus { box-shadow: none; background: #67c2ef; }

/*ON Off Switch*/
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none!important;

}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/*end*/

/*2.2.19 css*/
#right-option-panel .field-row input {
    float: left; margin-top: 8px; margin-right: 10px;
}
#right-option-panel .field-row label{line-height: 36px;}