﻿@charset "utf-8";
/*
*管理员后台扩展样式表
*/


#teachingPlanEdit .tableThree td:nth-child(2n-1){
    width:200px;
}

#addArticleVideoButton {
    position: fixed;
    right: 20px;
    width: 48px;
    border-radius: 4px;
    padding: 10px;
    background-color: #000;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    color: #fff;
    text-align: center;
    cursor: pointer;
bottom: 355px;
}
#addArticleVideoButton > img {
    width: 50%;
}
#addArticleVideoButton > p {
    margin: 10px 0 0 0;
}
/********************弹出层****************/
.dibian{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:10; background-color:#000;-moz-opacity: 0.3;opacity:.30;filter: alpha(opacity=30);}
.winTitle{ line-height:40px; background-color:#ddd;padding:0 10px 0 10px; border-top-left-radius:4px; border-top-right-radius:4px;}
.winClose{ cursor:pointer; float:right; font-size:24px;}
.winClose:hover{ color:#87a971;}
#turnWarnWord{ font-size:14px; line-height:20px; text-align:center; display: table-cell; vertical-align:middle; width:300px; height:60px; padding:10px;}
#turnWarnSure,#turnWarnCancel{ position:absolute; width:150px; height:40px; line-height:40px; text-align:center; bottom:0px; cursor:pointer; color:#fff;}
#turnWarnSure{ background-color:#ff7472; border-bottom-left-radius:4px;}
#turnWarnSure:hover{ background-color:#e66765;}
#turnWarnCancel{ background-color:#ccc; left:150px; border-bottom-right-radius:4px;}
#turnWarnCancel:hover{ background-color:#aaa;}
.winFooter{ background-color:#cecdbb; height:40px; line-height:40px; padding:0 10px 0 10px; text-align:right;}
.text730{    width: 730px;}
/************打印样式**********/
@media print {
    .column1{font-size: 20px;width: 1120px;/*margin: 6px;*/height: 14cm;margin: 30px 0 2px 25px;color: #000;}
    table,table tr th, table tr td{border: 0px solid #000000;}
    *{font-family: "宋体"!important;}
    table {width: 100%;height: 100%; min-height: 24px; line-height: 25px; text-align: center; border-collapse: collapse;}
    table td:nth-child(1) {
        text-align: left;
    }
    .pT{text-align: center;letter-spacing:5px; }
    .pT3{text-align: center;letter-spacing:12px;}
    .dOne p{display: inline-block;}
    p{line-height: 35px!important;font-size: 20px!important;}
    /*.listLeft{height: 300px;}*/
    .listRight em{width: 32.9%;
        display: inline-block;
        letter-spacing: 4px;
        font-style: normal;}
    .listRight i{font-style: normal;}
    .holdKuang{float: left;
        width: 15px;height: 440px; overflow: hidden;}
    .holdKuang p{width: 20px;
        font-size: 24px;
        -moz-transform: scale(0.55);
        -webkit-transform: scale(0.55);
        -o-transform: scale(0.55);
        transform: scale(0.55);
        transform-origin: 0 0;
        line-height: 0.5cm;
        display: inline-block;
        word-wrap: break-word;height: 780px;}
    .bag{    float: right;
        width: 1100px;height: 14cm;}
    .tableTwo{
        width: 95%!important;
        margin: 3px auto;
    }
    .tableFour{
        width: 68%!important;
        font-size: 13px!important;
    }
    .tableFour,.tableFour tr th, .tableFour tr td{
        width: 46px;
        min-width: 45px;
        max-width: 45px;
        max-height: 21px;
        height: 32px;
        line-height: 17px;
        overflow: hidden;
    }
    .other{
        width: 85px!important;
        max-width: 85px!important;
        min-width: 85px!important;
    }
    .other2{
        width: 60px!important;
        max-width: 60px!important;
        min-width: 60px!important;
    }
    .tableFour td:nth-child(1) {
        text-align: center;
    }
    .tableFour td {
        padding: 1px!important;
    }
    .tableTwo, .tableTwo tr th, .tableTwo tr td {
        border: 1px solid #000000!important;
    }
}
.tableEdit td img, .tableMany td img, .tableRight td img, .pic{
    width: 45%;
    max-width: 100px;
    max-height: 100px;
    margin-right: 5px;
}
.tableEdit tr input{height: 25px;}
.tableEdit tr select{height: 36px;}
.smallText {
    height: 24px;
    padding: 0 4px 0 4px;
    width: 170px;
    border-radius: 4px;
}
.littleText {
    height: 24px;
    padding: 0 4px 0 4px;
    width: 100px;
    min-width: 100px!important;
    border-radius: 4px;
}
.smallTextOne {
    height: 26px;
    padding: 0 4px 0 4px;
    width: 125px;
    border-radius: 4px;
}
.midText {
    height: 28px;
    padding: 0 4px 0 4px;
    width: 325px;
    border-radius: 4px;
}
.bigInput{
    width: 200px!important;
}
.smallSelect{
    width: 140px;
    border-radius: 4px;
    height: 24px;
    /*padding: 0 4px 0 4px;*/
    text-align-last: center;
}
.smallSelectTwo{
    width: auto;
    border-radius: 4px;
    height: 24px;
    /*padding: 0 4px 0 4px;*/
    text-align-last: center;
}
.tSpan{
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    width: 140px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 100px;
}
.subSpan{
    padding: 0 4px 0 4px;
    color: red;
}
.imgSpan{
    position: relative;
    margin-right: 5px;
}
.imgSpan .imgClose{
    position: absolute;
    right: 0;
    top: -40px;
    background-color: #03c2ea;
    color: #ffffff;
    font-size: 18px;
    line-height: 19px;
    width: 19px;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
}
.pageDel{
    position: absolute;
    left: -149px;
    top: 11px;
    font-style: normal;
    height: 15px;
    width: 15px;
    line-height: 15px;
    border: 1px solid #df9c9c;
    color: #df9c9c;
    border-radius: 50%;
    overflow: hidden;
    background: #fcfcfc;
    cursor: pointer;
}
/********教室弹窗*********/
.roomTop{text-align: left;}
.roomTop h3{display: inline-block}
.roomMain{height: 337px;background-color: #e8e8e8;}
.out{width: 850px;float: left;height: 321px;text-align: center;}
.platform{text-align:center;margin: auto;  width: 120px;  height: 25px;  border: 1px solid #cbbfbf;  padding: 1px 0;}
#layout{margin: auto;height: 282px;overflow-x: hidden; overflow-y: auto; }
.roomRight{width: 100px;height: 321px;float: right;text-align: center;}
.usable{display: inline-block;width: 20px;height: 20px;background-color: white;}
.disable{display: inline-block;width: 20px;height: 20px;background-color: pink;}
.classroom  tr>:first-child {text-align: right;}
.classroom {width: 80%!important;margin: auto;border-spacing: 0px;}
.classroom td > div {
    color: #333;
    user-select: none;
}
.classroom td {
    text-align: center;
    color: #353232;
    width: 30px;
    display: inline-block;
}
.classroom td > div {
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    color: #8a8a8a;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    cursor: -webkit-grab;
    background-color: white;
}
.backgra{background-color: white!important;}
.disable-backgra{background-color: pink!important;}
/*******************/
.familyTable{
    border-collapse: collapse;
    border: 1px solid #b9e0d7;
}
.familyTable td{
    text-align: center!important;
    min-width: 50px!important;
}
.familyTable input{
    text-align: center!important;
    width: 102px;
    min-width: auto;
    display: block;
    margin: 0 auto;
}
.familyTable .imgClose{
    cursor:pointer;
}
.newTable td{
    border: 1px solid #b9e0d7;
    padding: 10px;
    background-color: #f8f8f8;
}
.familyTable [type=checkbox] {
    width: auto!important;
    display: inline-block!important;
}
/******节假日设置********/
.square > li {
    width: 88px;
    padding: 4px;
    margin: 0 10px 10px 0;
    float: left;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
[squareLi=no] {
    border: 2px solid #99b189;
    color: #99b189;
}
[squareLi=yes] {
    border: 2px solid #f58989;
    color: #f58989;
    background-image: url(../img/websiteImg/rKa114395609EH.jpg);
    background-repeat: no-repeat;
    background-position: 80px 14px;
}
/*************节假日日历样式*************/
.pter-date {
    border: 1px solid #ddd;
    padding: 2px 8px;
    margin-top: 15px;
    width: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 25px;
    height: 455px;
}
.pter-date header h2 {
    font-weight: normal;
    color: #333333;
    margin: 0;
    line-height: 35px;
}
.pter-date header {
    margin: 0 8px;
    height: 35px;
    line-height: 35px;
    position: relative;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.clearfix {
    zoom: 1;
}
.pull-left {
    float: left!important;
}
.pter-date td, .dday-box div {
    /* border: 2px solid transparent; */
    /* border-radius: 50%; */
    display: inline-block;
    height: 52px;
    width: 52px;
    line-height: 23px;
    text-align: center!important;
    margin: 3px 8px;
    font-size: 17px;
    color: #333333;
    float: left;
}
.pter-date td{
    border:none!important;
    padding: 0px!important;
}
.dday-box div {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.dday-box div.can-see {
    background: #ffffff;
    color: #fff;
    position: relative;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    cursor: pointer;
}
.dday-box div.full {
    background: #8db9e8;
    color: #fff;
    line-height: 60px;
    position: relative;
}
.dday-box div.can-see span {
    display: block;
    text-align: center;
    color: #000;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-top: 2px;
}
.dday-box div.can-see p {
    display: block;
    text-align: center;
    font-size: 10px;
    width: 100%;
    line-height: 20px;
    color: #db0000;
    margin-top: 6px;
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.holidays li{
    width: 100%;
    border: 1px solid #90adca;
    display: inline;
    margin-right: 15px;
    padding: 5px;
    position: relative;
}
.holidays li em{
    position: absolute;
    top: -6px;
    right: -7px;
    border: 1px solid;
    height: 14px;
    width: 14px;
    line-height: 12px;
    border-radius: 50%;
    background-color: #dc9d9d;
    cursor: pointer;
    font-style: normal;
    text-align: center;
    color: wheat;
}
/*****************************/
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landr?               |
|--------------------------------------------------*/
.dtree-search{padding-left: 5px;
    font-size: 14px;}
.dtree-search span{    line-height: 25px;
    display: inline-block;
    padding-top: 10px;}
#dosearch_text{width: 200px;
    height: 25px;
    border-radius: 3px;
    padding-left: 10px;}
.dtree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    width:380px;
    padding: 20px;
    float:left;
}
.dtree img {
    border: 0px;
    vertical-align: middle;
}
.dtree a {
    color: #333;
    text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
    color: #333;
    text-decoration: underline;
}
.dtree a.nodeSel {
    background-color: #c0d2ec;
}
.dtree .clip {
    overflow: hidden;
}
.rootNode {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px !important;
    color: #666;

}
.dtree_Tree {
    margin-top:10px;
    padding:10px;
    width:380px;
    height:300px;
    overflow-y:auto;
    border:1px solid #000;
    border: 1px solid #cad9ea;
}
.pointer{cursor:pointer;}
.padd10{padding:10px !important;}
.add-box{padding: 20px 0 0 0;}
/*--------------------------------------------------|
| 增加的样式,选择节点显示在下面                     - |
|--------------------------------------------------*/
[readonly]{background-color: #f8f8f8;}
.trRemove{height: 20px;
    width: 20px;
    border: 1px solid;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    cursor: pointer;}
form[name="teachingPlanForm"] table tr>:first-child{
    min-width: 20px!important;
    max-width: 20px!important;
}
.textCourse{
    width: 150px;
    height: 24px;
    padding: 0 4px 0 4px;
    border-radius: 4px;
}
.follow1{
    height:30px;
    background-color: #87a971;
    line-height: 30px;
    padding-left: 20px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    border-radius:5px;
    margin: 20px 0;
}
.select1{
    width: 150px!important;
}
/********************三级弹框表格样式**************************/
.tableThree{ border-collapse:collapse;}
.tableThree td{ border:1px solid #b9e0d7; padding:10px; background-color:#f8f8f8;}
.tableThree td:nth-child(2n-1){ text-align:right;}
.tableThree td[colspan="4"]{ text-align:left;}
.tableThree input{ height:24px; padding:4px; border:1px solid #b9e0d7; min-width:200px;}
.tableThree [type=radio] , .tableThree [type=checkbox]{ height:auto; min-width:auto;}
.tableThree select{ min-width:100px; height:34px; border:1px solid #b9e0d7;}
.tableThree textarea{ padding:10px; width:100%; height: 100px; box-sizing: border-box; display:block; border:1px solid #b9e0d7;font-size: 14px;}
.tableThree .winTitle{background-color: #b9e0d7;}
.tableThree img{max-height: 90px;}
/***********************表格tr样式***********************/
.headTr{background-color: #dfe5ec!important;}
.mainTr{background-color: #fff!important;}
.subTr{background-color: #b8cece!important;}
.mainTr:hover{ background-color:#b0cba7!important; color:#fff!important;}
.clickSpan{cursor: pointer;}
.clickSpan_open{
    cursor: pointer;
    background-image :url(../img/websiteImg/MkK115931996nu.jpg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 2px;
}
.clickSpan_close{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    background-image :url(../img/websiteImg/fot115931948vy.jpg);
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 2px;
}
.record{
    margin-bottom: 20px;
    padding-left:20px ;
    font-size: 14px;
}
.record ul li:first-of-type{
    color: #869EB5;
}
.hr{
    margin-top: 20px;
}
/***************创建团班*******************/
.tempUl{width: 100%;
    margin: 0px;
    padding: 0px;
    float: none;
    clear: left;
    height: 32px;
    line-height: 32px;}
.tempUl:hover{background-color: #cbe2f6;cursor: pointer;}
.tempUl li{float: left;
    width: 33%;
    text-align: center;}
.choiceUl{background-color: #cbe2f6!important;}
.sideCampusDiv{height: 287px;overflow-y: auto;}
.sideCampusDiv label{display: block;text-align: center;}
/*****************************/
.search select{
    width: auto;
}
/***********表格样式**************************************/
.tableCustom td{ background-color:#f2ece0; color:#77643c;border: 1px solid #cad9ea;
    word-break: break-all;
    min-width: 28px;}
/***********跨校**************************************/
.addCross{
    line-height: 40px;
    background: #488FFA;
    display: inline-block;
    text-align: center;
    padding: 1px 28px;
    position: absolute;
    right: 36px;
}
.addCross div{
    position: absolute;
    background: wheat;
    width: 100%;
    right: 0px;
}
.addCross div ul li {
    border-bottom: 1px solid;
}
#editIframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}
.delte_cross{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 50%;
    text-align: center;
    color: white;
}
[data_adid]{
    border-bottom: 1px solid red;
}
.width600{
    width:600px;
}
/************************/
#right .b{    background-color:#b2b2f6;    font-size: 12px;}
#right .p{    background-color:pink;    font-size: 12px;}
#roomtable tr .b{    background-color: #bcbcf2;}
#roomtable tr .p{    background-color: pink;}
#roomtable tr .room{    background-color: pink;}
#right tr .y{    background-color: #e4ef7c;font-size: 12px;}
#right tr .g{    background-color: #b9e0d7;font-size: 12px;}
/****************/
.pulldownSpan{
    position: absolute;
    width: 178px;
    height: 100px;
    overflow-y: auto;
    background-color: #b3aeae;
    top: 31px;
    left: 6px;
    z-index: 100;
}
.pulldownSpan li{
    border-top: 1px solid #938080;
    line-height: 26px;
    cursor: pointer;
}

.spanButtonTwo {
    border: 1px solid #e5f6cb;
    color: #ffffff;
    background-color: #9fc7f9;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    padding: 0 6px 0 6px;
    white-space: nowrap;
    user-select: none;
}
.fixSpan{
    margin-right: 20px;
}
.mintextarea{
    width: 70%;
    height: 100px;
}
.checkboxTwo{
    width: 30px!important;
    height: 16px !important;
    vertical-align: middle;
    margin: 0px !important;
}
.longText{
    border: none;
    overflow: hidden;
    height: 100%;
    width: 98%;}

.layer_form{
    padding: 0 2%;
}
.layer_mark{
    width: 100%;
    height: 60px;
    margin-top: 10px;
}
/****新按钮*****/
.spanButtonThree {
    float:left;
    border: 1px solid #f4f4f4;
    color: #ffffff;
    background-color: #5eb599;
    border-radius: 4px;
    font-size: 17px;
    cursor: pointer;
    padding: 0px 6px 0 6px;
    white-space: nowrap;
    user-select: none;
}
.audio{margin-top: 10px;}
/********input框的遮罩**********/
.inputZhe{
    width: 247px;
    height: 70px;
    /* border: 1px solid; */
    display: inline-block;
    position: absolute;
    left: 0px;
    top: -5px;
    z-index: 10;
}
/***************小输入框********************/
.tinyText{
    min-width: 50px!important;
    width: 90px;
    margin-right: 7px;
}
.tinyEm{
    font-style: normal;
    font-size: 19px;
    border: 1px solid #2475eb;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    text-align: center;
    display: inline-block;
    color: #2475eb;
    line-height: 26px;
    cursor: pointer;
}
/****************/
/***********教室排课表************/
.courseShow{
    cursor: pointer;
    position: relative;
    width:170px;
    background-color: #e6e6e6;
    padding: 5px;
    border-radius: 10px;
}
.courseShow p{
    line-height: 22px;
}
.infoWin{
    position: absolute;
    top: auto;
    right: auto;
    border: 1px solid #d5c8c8;
    background-color: #d1ecff;
    padding: 5px;
    z-index: 10;
    border-radius: 14px;
}
/*****************/
.spanShow{
    padding: 10px;
}
.searchTime{
    padding: 10px;
}
/*******弹出层确认框样式，同提示框样式**********/
#warnWord1 {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 300px;
    height: 60px;
    padding: 10px;
}
#warnSure1 {
    background-color: #ff7472;
    border-bottom-left-radius: 4px;
}
#warnSure1, #warnCancel1 {
    position: absolute;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    bottom: 0px;
    cursor: pointer;
    color: #fff;
}
#warnCancel1 {
    background-color: #ccc;
    left: 150px;
    border-bottom-right-radius: 4px;
}

@charset "utf-8";
/**管理员后台扩展样式表*/
[readonly] {
    background-color: #f8f8f8;
}
#mxEditWord,#desEditWord{bottom: 210px;}
#mxEditImg,#desEditImg{bottom: 110px;}
#mxEditWord,#mxEditImg,#desEditWord,#desEditImg{position: fixed;right: 20px; width: 100px;border-radius: 4px;padding: 5px;background-color: #000;-moz-opacity: 0.5;opacity: .50;filter: alpha(opacity=50);color: #fff;text-align: center;cursor: pointer;}
#mxEditWord > img,#mxEditImg>img,#desEditWord>img ,#desEditImg>img  { width: 50%;}
#mxEditWord > p,#mxEditImg > p,#desEditWord> p, #desEditImg > p{margin: 10px 0 0 0; line-height: 16px!important;font-size:12px;}

.chinese{
    min-width: 100px!important;
    width: 120px!important;
}
.kuan{
    width: 150px!important;
}

/*自定义table*/
#pageMenu1 > ul > li{ float:left; padding:10px; background-color:#edf0e7; cursor:pointer; border-top-left-radius:4px; border-top-right-radius:4px; border-right:1px solid #dadada;}
#pageMenu1 {/* background-color: #eee; *//* margin: 10px 0 0 0; */border: 1px solid #dadada;border-top-left-radius: 4px;border-top-right-radius: 4px;}

/*****************/
.outSpan{
    position: relative;
    margin-right: 15px;
}
.delFj{
    position: absolute;
    top: -6px;
    right: -16px;
    font-size: 13px;
    font-style: normal;
    border: 1px solid gray;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 15px;
    cursor: pointer;
}






.fs-wrap {
    position: relative;
    display: inline-block;
    width: 140px;
height: 26px;
    font-size: 12px;
    line-height: 1;
 vertical-align: middle;
background-color:white;
}



.fs-label-wrap {
    position: relative;
    border: 1px solid #ccc;
    cursor: default;
background-color:white;
}

.fs-label-wrap,
.fs-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fs-label-wrap .fs-label {
    padding: 4px 22px 4px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fs-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
}

.fs-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 5px;
    width: 100%;
    z-index: 1000;
}

.fs-dropdown .fs-options {
    max-height: 200px;
    overflow: auto;
}

.fs-search input {
    width: 100%;
    padding: 2px 4px;
    border: 0;
}

.fs-option,
.fs-search,
.fs-optgroup-label {
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
    cursor: default;
}

.fs-option {
    cursor: pointer;
}

.fs-option.hl {
    background-color: #f5f5f5;
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: rgb(17, 169, 17);
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
}

.fs-wrap .fs-option:hover {
    background-color: #f5f5f5;
}

.fs-optgroup-label {
    font-weight: bold;
}

.hidden {
    display: none;
}