/* floatingbuttonbarcontainer */
.floatingbuttonbarcontainer {
    width: 650px;
    box-sizing: border-box;
    position: absolute;
    left: 90px;
    border: 0px;
    padding: 5px;
    background-color: white;
    z-index: 100;
}

.floatingbuttonbarcontainer .wwmarkupbuttonbar{
    box-shadow: 0 0 10px #868686;
    border-radius: 5px;
}

/* wwmarkupbuttonbar */

.buttonbarcontainer{
    width: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #D6D6D6;
    border-top:0px;
    box-sizing: border-box;
}

.wwmarkupbuttonbar .chzn-container-single{
    width: 150px;
    float: right;
}

.wwmarkupbuttonbar .chzn-container-single .chzn-single{
    height: 100%;
    border: 0px;
    background: white;
    text-align: center;
    box-sizing: border-box;
    line-height: 27px;
    box-shadow: none;
}

.wwmarkupbuttonbar .chzn-container .chzn-drop{
    width: 270px;
}

.wwmarkupbuttonbar .spacer{
    display: inline-block;
    width: 20px;
}

.wwmarkupbuttonbar{
    min-height: 29px;
}

body.medium_screen_and_smaller .wwmarkupbuttonbar{
    height: auto;
}

.wwmarkupbuttonbar .button{
    width: 23px;
    height: 23px;
    /*border: 1px solid #D6D6D6;*/
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 70% 70%;
    background-color: white;
    opacity: 0.5;
    margin:2px;
    background-position: center center;
}

.wwmarkupbuttonbar .opmaakbutton{
    width: 20px;
    height: 20px;
    padding:4px;
    border-radius:4px;
}

.wwmarkupbuttonbar .opmaakbutton.pressed{
    box-shadow: inset 0px 0px 8px 0px #737373;
}

.wwmarkupbuttonbar .button:hover{
    background-color: #dedede;
    opacity: 1;
}

.wwmarkupbuttonbar .button.active{
    background-color: #d2d2d2 !important;
}
.wwmarkupbuttonbar .button.bold{
    background-image: url(../../assets/images/buttonbar/bold.svg);
}
.wwmarkupbuttonbar .button.italic{
    background-image: url(../../assets/images/buttonbar/italic.svg);
}
.wwmarkupbuttonbar .button.underline{
    background-image: url(../../assets/images/buttonbar/underline.svg);
}
.wwmarkupbuttonbar .button.heading{
    background-image: url(../../assets/images/buttonbar/font-size.svg);
}
.wwmarkupbuttonbar .button.unorderedlist{
    background-image: url(../../assets/images/buttonbar/list2.svg);
}
.wwmarkupbuttonbar .button.indent{
    background-image: url(../../assets/images/buttonbar/indent-increase.svg);
}
.wwmarkupbuttonbar .button.outdent{
    background-image: url(../../assets/images/buttonbar/indent-decrease.svg);
}
.wwmarkupbuttonbar .button.pagebreak{
    background-image: url(../../assets/images/buttonbar/page-break.svg);
}
.wwmarkupbuttonbar .button.tab{
    background-position: -148px 3px;
}
.wwmarkupbuttonbar .button.fullscreen{
    background-image: url(../../assets/images/buttonbar/enlarge.svg);
}
.wwmarkupbuttonbar .button.table {
    background-image: url(../../assets/images/buttonbar/table.svg);
    position: relative;
}
.wwmarkupbuttonbar .button.table_insert_row {
    background-image: url(../../assets/images/buttonbar/table_insert_row.svg);
}
.wwmarkupbuttonbar .button.table_insert_column {
    background-image: url(../../assets/images/buttonbar/table_insert_column.svg);
}
.wwmarkupbuttonbar .button.table_delete_row {
    background-image: url(../../assets/images/buttonbar/table_delete_row.svg);
}
.wwmarkupbuttonbar .button.table_delete_column {
    background-image: url(../../assets/images/buttonbar/table_delete_column.svg);
}
.wwmarkupbuttonbar .button.clearFormatting {
    background-image: url(../../assets/images/buttonbar/clear-formatting.svg);
}
.wwmarkupbuttonbar .button.fontName {
    background-image: url(../../assets/images/buttonbar/font.svg);
}
.wwmarkupbuttonbar .button.forecolor {
    background-image: url(../../assets/images/buttonbar/paint-format.svg);
}
.wwmarkupbuttonbar .button.justifyCenter {
    background-image: url(../../assets/images/buttonbar/paragraph-center.svg);
}
.wwmarkupbuttonbar .button.justifyFull {
    background-image: url(../../assets/images/buttonbar/paragraph-justify.svg);
}
.wwmarkupbuttonbar .button.justifyleft {
    background-image: url(../../assets/images/buttonbar/paragraph-left.svg);
}
.wwmarkupbuttonbar .button.justifyRight {
    background-image: url(../../assets/images/buttonbar/paragraph-right.svg);
}
.wwmarkupbuttonbar .button.fontSize {
    background-image: url(../../assets/images/buttonbar/font-size.svg);
}

.wwmarkupbuttonbar .fontsizepopup{
    background-color: white;
    border-radius:4px;
    box-shadow: 0 0 10px #868686;
    position: absolute;
    width: 300px;
    height: 55px;
    margin-top: -57px;
    margin-left: 100px;
    padding: 10px;
    box-sizing: border-box;
}

.wwmarkupbuttonbar .fontsizepopup.below{
    margin-top: 30px;
}

.wwmarkupbuttonbar .fontsizepopup input[type=range]{
    width: 200px;
    float: left;
}

.wwmarkupbuttonbar .fontsizepopup .label{
    margin-left: 13px;
    margin-top: 5px;
    float: left;
}

.wwmarkupbuttonbar .fontnamepopup{
    background-color: white;
    border-radius:4px;
    box-shadow: 0 0 10px #868686;
    position: absolute;
    width: 300px;
    height: 200px;
    margin-top: -200px;
    margin-left: 260px;
    overflow-y: scroll;
    box-sizing: border-box;
}

.wwmarkupbuttonbar .fontnamepopup.below{
    margin-top: 30px;
}

.wwmarkupbuttonbar .fontnamepopup .item{
    width: 100%;
    height: 20px;
    cursor: pointer;
}

.wwmarkupbuttonbar .headerspopup{
    background-color: white;
    border-radius:4px;
    box-shadow: 0 0 10px #868686;
    position: absolute;
    width: 200px;
    height: 150px;
    margin-top: -150px;
    margin-left: 100px;
    overflow-y: scroll;
    box-sizing: border-box;
    z-index:50;
}

.wwmarkupbuttonbar .headerspopup.below{
    margin-top: 30px;
}

.wwmarkupbuttonbar .headerspopup .item{
    width: 100%;
    /*height: 20px;*/
    cursor: pointer;
    padding-top: 7px;
    padding-bottom: 7px;
}

.wwmarkupbuttonbar .button.table .table_popup{
    display: none;
    background-color: white;
    z-index: 1;
    position: absolute;
    opacity: 1;
    box-shadow: 0 0 10px #868686;
    padding:10px;
    border-radius:4px;
    width: auto;
    height: auto;
    position: absolute;
    bottom:24px;
}

.wwmarkupbuttonbar .button.table .table_popup table{
    border-collapse: separate;
}

.wwmarkupbuttonbar .button.table .table_popup td{
    width: 15px;
    height: 15px;
    border: 1px solid #aeaeae !important;
    padding: 0 !important;
}

.wwmarkupbuttonbar .button.table .table_popup td.active{
    background-color: #D6D6D6;
}

.wwmarkupbuttonbar.enabled .button.table:hover .table_popup{
    display: block;
}

.wwmarkupbuttonbar .spacer{
    display: inline-block;
    width: 20px;
}

.whiteworksmarkup_editor p {
    margin: 2px 0px !important;
}