* {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
html {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
body {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    background-color: #f3f3f3;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}
.content-main-div {
    display: flex;
    flex-direction: column;
    flex: 1;
    -webkit-flex: 1;
}
.menu {
    display: flex;
    border-bottom: 4px solid #e0dede;
    background-color: #e9e6e6;
}
.menu-item {
    font-size: 20px;
    flex: 1;
    -webkit-flex: 1;
    cursor: pointer;
    text-align: center;
}
.menu-item:hover, .menu-item.active {
    background-color: #e0dede;
}
.menu-item.active {
    font-weight: bold;
}
.msp-buttons-list-div {
    flex-wrap: wrap;
    margin: 6px;
    min-height: 0;
    display: flex;
}
.msp-buttons-item-div {
    cursor: pointer;
    color: #757474;
    font-size: 14px;
    background-color: #e3e3e3;
    padding: 0 5px;
    line-height: 24px;
    height: 24px;
    position: relative;
    margin-right: 10px;
}


.msp-popup .add-popup-div {
    border: 1px solid #c4c4c4;
    border-top: #008f9f 7px solid;
    display: flex;
    flex-direction: column;
    background: #eeeded;
    padding: 10px;
}
.msp-popup .add-popup-div label {
    display: flex;
    padding: 5px 0;
    line-height: 27px;
}
.msp-popup .add-popup-div label span:first-child {
    display: block;
    width: 150px;
    font-size: 14px;
}
.msp-popup .add-popup-div label input:not([type='checkbox']) {
    width: 220px;
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 3px 10px;
}
.msp-popup .add-popup-div label.listing input {
    padding-right: 25px;
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAECAYAAABcDxXOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkwQzRCRUM2MjA5RjExRTVCMDQyQzQ0QTUxNzcwODdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkwQzRCRUM3MjA5RjExRTVCMDQyQzQ0QTUxNzcwODdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTBDNEJFQzQyMDlGMTFFNUIwNDJDNDRBNTE3NzA4N0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTBDNEJFQzUyMDlGMTFFNUIwNDJDNDRBNTE3NzA4N0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6sizZtAAAAW0lEQVR42mK0s7MzZWBgWAHECkD8nQEBuID4ARCHM/7//5/B3t7eEshZC8SSSIqeA3HwwYMHjzOBeCAGkPIB4vtQBSDaByrOwATTBhQ4B6RCgHgniIbywQAgwACithzgOpXlqAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 200px center;
}
.msp-popup .add-popup-div label.hide_input_false {
    display: flex;
    padding: 5px 0;
    line-height: 27px;
}
.msp-popup .add-popup-div label.hide_input_true {
    display: none;
}
.msp-popup .add-popup-div label .generate {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAQAAAAEABcxq3DAAACiElEQVQ4y6WTXUhTARzFz77UuaypS92D0+laa44sP8IeNBQVzcIKlIgQInqKnpRexHzpi0IzIyOKlIiKeukhnVlQoYiI3zXnMJc658y7OTev5u69u/9eg0LCzus5v/N0DvCfkmxlVlafzeI4fkdg1W/r/9Tj+1tGvlWB2Zj2suJo+R6VWkMu14J30j5pc3uWO8dGhtt637/dAADZ70BWXr4y1bAvxWCyWIgoUZuUeLmwsEiijlFJbF/GVGaTKbWopKw0WZ9+Xh2fyEVEKsflDVdv1+fk5p5UKqN18XGxmrlZp4Rl12C0ZIPx+jA44YCfWcTu2J2AGEaqNh6p2vwkfUJM64dkrVmeaTEdqyguyBYJIAIy9qZDJABEkBhTIIZ5eBkGtXV1iFKqkHHwEBy2cTxsuwfnnGtCuuIPMiGBMOWYxqLbBakEICKIAEQiWK1daGxsgEAyFBSXIUwS6PQGFJaUe8dHR55Jvb4VJiQQHN9m0NHRDpYjrGyIYEOETYGgSdCi8lQ1eEGAQhGJMEkRvTMWVqu1/efG+pp82ev1bQpAXkEJ9mcegCgSBBFYZwPoevMKNecuwDFlx1owgAilCmOjQ3j9vIPr6e5sAwDpgsvFPGhtQkggqOMSIBIgiISRoUH0934GFwacs/PYFafBosfDd1u73IMDAy1sMDALAEg3ZeRfv/uIt3lC5F7laSkokH2JI5ubpdEZhr77eLpy445ToYg4DcAIIOqPwWTmHK7tsy+LLj9Pw7ZpqjpTQzYPR1/d69Ty+IVfpzdc2nLPUplMcqT0ePPMD5befeyji3X1dPP+U5/BZGkGoP+nU8hkcnnFiaonDdea5tOM5lsAdNs9l3I74Lb1C/REMhSe72ArAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEwLTAyLTEwVDA1OjM3OjU2LTA2OjAwN3jbiQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAwNS0xMS0yM1QxMTowODozNC0wNjowME4TgnoAAAAASUVORK5CYII=') no-repeat center;
    width: 27px;
    height: 27px;
    cursor: pointer;
    margin-left: 5px;
}
.msp-popup .add-popup-div label.checkbox span {
    width: 300px;
}
.msp-popup .add-popup-div .buttons-list-div {
    display: flex;
    justify-content: flex-end;
}
.msp-popup .add-popup-div .buttons-list-div .save {
    color: #fff;
    background: #6fcd00;
    font-size: 12px;
    font-weight: bold;
    width: 85px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}