ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / autopropr01 / wp-content / plugins / mfn-header-builder / admin / dist / css

@charset "utf-8";

/* Global ---------------------------------------------------------------------------- */

#wpbody-content > .updated,
#wpbody-content > #message{display:none!important}

.betheme_page_be-header #wpcontent{padding-left:0}
ul#adminmenu a.wp-has-current-submenu::after{border-right-color:#fff}

#mfn-wrapper.mfn-hb{margin:0;font-family:'Poppins',sans-serif;font-size:14px;line-height:24px;color:#2a3846;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}

.mfn-hb a{cursor:pointer;text-decoration:none;color:#2a3846}
.mfn-hb a:hover{color:#2a3846}
.mfn-hb a:focus{box-shadow:unset}
.mfn-hb ul,.mfn-hb ul li{margin:0}

/* Messages -------------------------------------------------------------------------- */

.mfn-message{border-left:3px solid transparent;margin:20px;padding:20px;font-size:15px;line-height:21px;font-weight:300}
.mfn-message a{box-shadow:0 0 0 0 transparent}
.mfn-message.mfn-error{background:#fce6e6;border-left-color:#fb5455!important}
.mfn-message.mfn-error a{color:#bc2b2c}

/* Buttons --------------------------------------------------------------------------- */

.mfn-hb a.mfn-button{height:40px;line-height:40px;padding:0 25px;color:#fff;background:##2a3846;color:#2a3846;border-radius:5px}
.mfn-hb a.mfn-button i{margin-left:10px}
.mfn-hb a.mfn-button-primary{background:#2a3846;color:#fff}
.mfn-hb a.mfn-button-primary:hover{background:#35e8c6;color:#0c6856}
.mfn-hb a.mfn-button-fw{width:100%;box-sizing:border-box}

.mfn-hb button.mfn-button-generic{margin-left:3px;padding:0 20px;line-height:38px;border:1px solid #ddd;border-radius:5px;background:transparent;cursor:pointer;text-decoration:none;outline:none}
.mfn-hb button.mfn-button-generic:hover{background-color:#eaeff2}
.mfn-hb button.mfn-button-close{padding:0;height:24px;width:24px;border:none;border-radius:100%;font-size:12px;text-align:center;background-color:#2a3846;cursor:pointer;text-decoration:none;outline:none;color:#fff}
.mfn-hb button.mfn-button-close:hover{background-color:#35e8c6;color:#2a3846}

/* Fields ---------------------------------------------------------------------------- */

.mfn-field input[type="text"],
.mfn-field textarea{border-radius:5px;width:395px;height:40px;padding:0 10px;border:1px solid #ddd;box-shadow:none;box-sizing:border-box;font-size:13px;}
.mfn-field input[type="text"]:focus,
.mfn-field textarea:focus{background-color:rgba(53,237,202,.05);border-color:#35edca}

::-webkit-input-placeholder{color:#c8c8c8}
::-moz-placeholder{color:#c8c8c8}
:-ms-input-placeholder{color:#c8c8c8}

/* .mfnf-text */
.mfn-field.mfnf-text.narrow input[type="text"]{width:140px}
.mfn-field textarea{height:200px;padding:10px}

/* .mfnf-upload */
.mfn-field.mfnf-upload input[type="text"]{width:265px}
.mfn-field.mfnf-upload button{min-width:120px}
.mfn-field.mfnf-upload img{display:inline-block;margin-top:10px;max-width:265px;max-height:200px}

/* .mfnf-bgimage */
.mfnf-bgimage .v-select{float:left;margin-top:10px;width:93px;margin-right:5px;}
.mfnf-bgimage .v-select:last-of-type{width:98px;margin-right:0}
.mfnf-bgimage .v-select .dropdown-toggle{width:auto}

/* .mfnf-margin */
.mfn-field.mfnf-margin .container{position:relative;width:170px;height:60px;margin:10px}
.mfn-field.mfnf-margin input[type="text"]{position:absolute;width:56px;background:rgba(248,198,150,.05);border-color:#f8c696;text-indent:0;text-align:center}
.mfn-field.mfnf-margin .top{left:50%;transform:translateX(-50%) translateY(-40%)}
.mfn-field.mfnf-margin .right{right:0;top:50%;transform:translateY(-50%) translateX(10%)}
.mfn-field.mfnf-margin .bottom{bottom:0;left:50%;transform:translateX(-50%) translateY(40%)}
.mfn-field.mfnf-margin .left{left:0;top:50%;transform:translateY(-50%) translateX(-10%)}

/* .mfnf-select-image */
.mfn-field.mfnf-select-image ul{margin:0}
.mfn-field.mfnf-select-image ul li{display:inline-block;padding:6px;margin:0 10px 10px 0;line-height:0;background:#e5e5e5;overflow:none;border:1px solid #dbdbdb;cursor:pointer}
.mfn-field.mfnf-select-image ul li.active,.mfn-field.mfnf-select-image ul li:hover{background-color:#d7e4ec;border-color:#5db4e6}

/* .mfnf-checkbox */
.mfn-field.mfnf-checkbox .switch{position:relative;float:left;margin:6px 10px 0 0;cursor:pointer}
.mfn-field.mfnf-checkbox .switch .path{display:block;width:40px;height:14px;background:#cfd6df;border-radius:7px;transition:background-color .3s ease-in-out}
.mfn-field.mfnf-checkbox .switch .handle{position:absolute;left:0;top:-3px;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #ddd;transition:all .3s ease-in-out}
.mfn-field.mfnf-checkbox.active .switch .path{background-color:#2a3846}
.mfn-field.mfnf-checkbox.active .switch .handle{left:20px}

/* .mfnf-icon */
.mfn-field.mfnf-icon > input[type="text"]{width:265px}
.mfn-field.mfnf-icon > button{min-width:120px}

.mfn-field.mfnf-icon .icon-select{margin-top:10px;position:relative}
.mfn-field.mfnf-icon .icon-select .mfn-icon{float:left;display:block;position:relative;width:28px;height:28px;text-align:center;cursor:pointer}
.mfn-field.mfnf-icon .icon-select .mfn-icon i{display:block;width:100%;}
.mfn-field.mfnf-icon .icon-select .mfn-icon i:before{margin:0;width:auto}

.mfn-field.mfnf-icon .icon-select .mfn-icon.active > i,
.mfn-field.mfnf-icon .icon-select .mfn-icon > i:hover{width:40px;font-size:28px;padding:10px;left:-16px;top:-13px;background-color:rgba(0,226,183,0.8);border:1px solid rgba(0,226,183,.9);border-radius:5px;z-index:2}

.mfn-field.mfnf-icon .icon-select .mfn-icon > i{color:#3e3e3e;font-size:20px;position:absolute;left:0;top:0}
.mfn-field.mfnf-icon .icon-select .mfn-icon > i:hover{z-index:3}
.mfn-field.mfnf-icon .icon-select .mfn-icon > i:hover:before{display:inline;margin:0}
.mfn-field.mfnf-icon .icon-select .popup{border:1px solid #ddd;background-color:#fff;border-radius:5px;display:inline-block;left:0;top:24px;padding:10px 20px;width:88%;position:absolute;overflow:visible;z-index:4}
.mfn-field.mfnf-icon .icon-select .popup label{margin-right:10px;display:inline-block}
.mfn-field.mfnf-icon .icon-select .popup input[type="text"]{width:190px}
.mfn-field.mfnf-icon .icon-select .popup .mfn-button-close{position:relative;top:-2px;margin-left:10px}

.mfn-field.mfnf-icon .selected-icons{margin-top:10px}
.mfn-field.mfnf-icon .selected-icons ul{width:100%}
.mfn-field.mfnf-icon .selected-icons li{list-style:none;width:100%;box-sizing:border-box;margin:5px 0;padding:10px;border:1px solid #ddd;border-radius:5px;cursor:move}
.mfn-field.mfnf-icon .selected-icons li .mfn-icon{font-size:20px;margin-right:5px}
.mfn-field.mfnf-icon .selected-icons li .mfn-button-close{float:right}
.mfn-field.mfnf-icon .selected-icons li .icon-sortable-handler{display:none}
.mfn-field.mfnf-icon .selected-icons li span{cursor:text}
.mfn-field.mfnf-icon .selected-icons li input{position:relative;top:-2px;width:305px;height:30px;margin-bottom:-3px}

/* .mfnf-select */
.mfn-field.mfnf-select{border-radius:25px;background:#f6f7f9;height:40px;font-size:12px;font-weight:500;border:0;text-indent:10px;min-width:150px;outline:none;overflow:hidden}

/* .mfnf-color */
.mfn-field.mfnf-color{position:relative}
.mfn-field.mfnf-color .wp-picker-holder{position:absolute;padding-bottom:20px;left:-10px;z-index:10}

.mfn-field.mfnf-color .wp-color-result.button{height:40px;font-size:14px;padding-left:60px;border-color:#ddd;box-shadow:unset;border-radius:5px}
.mfn-field.mfnf-color .wp-color-result .wp-color-result-text{line-height:38px;padding:0 20px;border-radius:0 5px 5px 0;border-color:#ddd;background-color:#fff}
.mfn-field.mfnf-color .wp-color-result:hover .wp-color-result-text{background-color:#eaeff2}
.mfn-field.mfnf-color .wp-color-result .color-alpha {width:60px!important;height:38px!important;border-radius:5px 0 0 5px!important}

.mfn-field.mfnf-color .wp-picker-default{height:40px;line-height:100%;font-size:14px;padding:0 20px;background-color:#fff;border-color:#ddd;box-shadow:unset;border-radius:5px}

/* Header -------------------------------------------------------------------------- */

.mfn-hb[data-position="top"] #mfn-hb-main .window .main{margin-bottom:80px}
.mfn-hb[data-position="bottom"] #mfn-hb-main .window .main{margin-top:80px}

.mfn-hb[data-position="left"] #mfn-hb-main .main,.mfn-hb[data-position="right"] #mfn-hb-main .main{width:33%}
.mfn-hb[data-position="left"] #mfn-hb-main .main .hb-row,.mfn-hb[data-position="right"] #mfn-hb-main .main .hb-row{border-width:0}
.mfn-hb[data-position="left"] #mfn-hb-main .main .hb-row .hb-col,.mfn-hb[data-position="right"] #mfn-hb-main .main .hb-row .hb-col{width:100%;text-align:center;border:center;border-width:1px}
.mfn-hb[data-position="left"] #mfn-hb-main .main .hbr-action .hb-col:not(:first-child),.mfn-hb[data-position="right"] #mfn-hb-main .main .hbr-action .hb-col:not(:first-child){display:none}
.mfn-hb[data-position="left"] #mfn-hb-main .main .hbr-second .hb-col:not(:first-child),.mfn-hb[data-position="right"] #mfn-hb-main .main .hbr-second .hb-col:not(:first-child){display:none}

.mfn-hb[data-position="right"] #mfn-hb-main .window .main{float:right}

.mfn-hb[data-device="Tablet"] #mfn-hb-main .window.primary{width:75%}
.mfn-hb[data-device="Mobile"] #mfn-hb-main .window.primary{width:50%}
.mfn-hb[data-device="Mobile"] #mfn-hb-main .window.secondary{display:block}

#mfn-hb-header .header{background:#fff;width:100%;height:72px;box-sizing:border-box;padding:15px;float:left}
#mfn-hb-header .header .left{float:left;width:200px;position:relative;top:-2px}
#mfn-hb-header .header .left .logo{display:block;background-image:url("../images/header-builder-logo.png");background-repeat:no-repeat;background-size:41px 40px;width:41px;height:40px;overflow:hidden;text-indent:-1000px;float:left}
#mfn-hb-header .header .left .title{display:block;float:left;position:relative;font-size:20px;line-height:58px;margin-left:10px}

#mfn-hb-header .header .center{float:left;width:calc(100% - 400px);line-height:0}
#mfn-hb-header .header .center ul.tabs{width:100%;text-align:center}
#mfn-hb-header .header .center ul.tabs li{display:inline-block;margin-right:5px}

#mfn-hb-header .header .center ul.tabs li a{display:block;height:38px;line-height:38px;padding:0 20px;border:1px solid #ddd;border-radius:5px}
#mfn-hb-header .header .center ul.tabs li a span{margin-right:3px}
#mfn-hb-header .header .center ul.tabs li a:hover{background:#eaeff2}
#mfn-hb-header .header .center ul.tabs li.active a{background:#2a3846;color:#fff;border-color:transparent}

#mfn-hb-header .header .right{float:left;width:200px;overflow:hidden}
#mfn-hb-header .header .right a#header-builder-submit{display:block;float:right}

/* Main -------------------------------------------------------------------------- */

#mfn-hb-main{width:100%;padding:15px;box-sizing:border-box;float:left;position:relative}

#mfn-hb-main .general{background:#fff;border-radius:5px}

#mfn-hb-main .general .tabs{float:left;width:205px;padding:15px;border-right:1px solid #edeef2;}
#mfn-hb-main .general .tabs li{display:block;float:left}
#mfn-hb-main .general .tabs li:first-child{margin-right:10px}
#mfn-hb-main .general .tabs li a{display:block;height:38px;line-height:38px;padding:0 25px;border:1px solid #ddd;border-radius:5px}
#mfn-hb-main .general .tabs li:hover a{background:#eaeff2}
#mfn-hb-main .general .tabs li.active a{background:#2a3846;color:#fff;border-color:transparent}

#mfn-hb-main .general .rows{float:left;width:calc(100% - 530px);padding:22px 15px;text-align:center}
#mfn-hb-main .general .rows > *{display:inline-block}
#mfn-hb-main .general .rows .title{display:none}
#mfn-hb-main .general .rows .mfnf-checkbox:last-child{margin-left:20px}

/* TODO TMP */
#mfn-hb-main .general .layouts{display:none}

#mfn-hb-main .general .layouts{float:right;padding:19px 15px;border-left:1px solid #edeef2}
#mfn-hb-main .general .layouts .title{display:block;float:left;line-height:32px;margin-right:10px}
#mfn-hb-main .general .layouts .select-position{float:left;height:32px}
#mfn-hb-main .general .layouts .select-position ul li{display:block;float:left;padding-left:0;margin:0 5px;cursor:pointer}
#mfn-hb-main .general .layouts .select-position ul li .icon{display:block;width:32px;height:32px;background-image:url(./images/header-builder-select-position.png);background-repeat:no-repeat;background-size:64px 128px;text-indent:-9999px}
#mfn-hb-main .general .layouts .select-position ul li[data-position="top"] .icon{background-position:0 0}
#mfn-hb-main .general .layouts .select-position ul li[data-position="top"].active .icon,#mfn-hb-main .options .layouts .select-position ul li[data-position="top"]:hover .icon{background-position:-32px 0}
#mfn-hb-main .general .layouts .select-position ul li[data-position="bottom"] .icon{background-position:0 -32px}
#mfn-hb-main .general .layouts .select-position ul li[data-position="bottom"].active .icon,#mfn-hb-main .options .layouts .select-position ul li[data-position="bottom"]:hover .icon{background-position:-32px -32px}
#mfn-hb-main .general .layouts .select-position ul li[data-position="right"] .icon{background-position:0 -64px}
#mfn-hb-main .general .layouts .select-position ul li[data-position="right"].active .icon,#mfn-hb-main .options .layouts .select-position ul li[data-position="right"]:hover .icon{background-position:-32px -64px}
#mfn-hb-main .general .layouts .select-position ul li[data-position="left"] .icon{background-position:0 -96px}
#mfn-hb-main .general .layouts .select-position ul li[data-position="left"].active .icon,#mfn-hb-main .options .layouts .select-position ul li[data-position="left"]:hover .icon{background-position:-32px -96px}

/* Main - Window -------------------------------------------------------------------------- */

#mfn-hb-main .window{position:relative;overflow:hidden;width:94%;border-radius:6px;box-shadow:0 10px 20px -10px rgba(0,0,0,0.3);margin:50px auto}
#mfn-hb-main .window .header{height:40px;position:relative;background:#2a3846;color:#fff;border-radius:5px 5px 0 0}
#mfn-hb-main .window .header .dots{display:inline-block;width:12px;height:12px;border-radius:50%;position:relative;margin:14px 35px 0;background:#435160;float:left}
#mfn-hb-main .window .header .dots:before{display:inline-block;width:12px;height:12px;border-radius:50%;content:'';position:absolute;top:0;left:-20px;background:#35e8c6}
#mfn-hb-main .window .header .dots:after{display:inline-block;width:12px;height:12px;border-radius:50%;content:'';position:absolute;top:0;right:-20px;background:#435160}
#mfn-hb-main .window .header .title{border-left:1px solid rgba(255,255,255,.1);line-height:40px;display:block;float:left;padding-left:1em}
#mfn-hb-main .window .header .title .res{margin-left:10px;border-left:1px solid rgba(255,255,255,.1);padding:2px 10px;font-size:12px;font-weight:300}

/* TODO */
#mfn-hb-main .window .header .title .res:after{content:" px"}

#mfn-hb-main .window .header .status{line-height:40px;text-align:center;position:absolute;left:50%;transform:translateX(-50%)}
#mfn-hb-main .window .header .status .label{display:none}
#mfn-hb-main .window .header .status ul{display:inline-block;margin:0}
#mfn-hb-main .window .header .status ul li{display:inline-block;margin:0;padding:0 10px;color:#cfd6df;cursor:pointer;position:relative}
#mfn-hb-main .window .header .status ul li:after{content:'';display:none;width:100%;height:4px;border-radius:2px;background:#35e8c6;position:absolute;left:0;bottom:-1px}
#mfn-hb-main .window .header .status ul li.active{color:#fff}
#mfn-hb-main .window .header .status ul li.active:after{display:block}
#mfn-hb-main .window .header .status ul li:hover{color:#fff}
#mfn-hb-main .window .header .tools{float:right;margin-right:10px}
#mfn-hb-main .window .header .tools a{line-height:40px;color:#fff;opacity:.8}
#mfn-hb-main .window .header .tools a:hover{opacity:1}

#mfn-hb-main .window .main{padding:5px;background:#fff}
#mfn-hb-main .window .main .hb-row{position:relative;float:left;width:100%}
#mfn-hb-main .window .main .hb-row .hbr-header{position:absolute;display:none;width:100%;top:-11px}
#mfn-hb-main .window .main .hb-row .hbr-header .hbr-title{display:block;height:24px;line-height:24px;padding:0 25px;background:#09ba98;color:#fff;position:absolute;left:12px;top:0;border-radius:5px;font-size:12px}
#mfn-hb-main .window .main .hb-row .hbr-header a.icon-edit{display:block;width:24px;height:24px;line-height:24px;text-align:center;background:#35e8c6;color:#fff;position:absolute;right:12px;top:0;border-radius:100%;font-size:12px}
#mfn-hb-main .window .main .hb-row .hbr-header a.icon-edit:hover{background:#09ba98}
#mfn-hb-main .window .main .hb-row .hbr-footer{position:absolute;display:none;width:100%;bottom:13px;text-align:center}
#mfn-hb-main .window .main .hb-row .hbr-footer .hbr-title-left{float:left;display:inline-block;margin:auto;height:24px;line-height:24px;padding:0 25px;background:#2a3846;color:#fff;position:absolute;left:12px;top:0;border-radius:5px;font-size:12px}
#mfn-hb-main .window .main .hb-row .hbr-footer .hbr-title-center{float:left;display:inline-block;margin:auto;height:24px;line-height:24px;padding:0 25px;background:#2a3846;color:#fff;position:absolute;left:calc(50% - 62px);top:0;border-radius:5px;font-size:12px}
#mfn-hb-main .window .main .hb-row .hbr-footer .hbr-title-right{float:left;display:inline-block;margin:auto;height:24px;line-height:24px;padding:0 25px;background:#2a3846;color:#fff;position:absolute;right:12px;top:0;border-radius:5px;font-size:12px}
#mfn-hb-main .window .main .hb-row .hb-col{float:left;width:calc(33.33% - 4px);margin:2px;border:1px dashed #ddd;padding:10px;box-sizing:border-box;min-height:108px;border-radius:5px}
#mfn-hb-main .window .main .hb-row .hbc-left{text-align:left}
#mfn-hb-main .window .main .hb-row .hbc-center{text-align:center}
#mfn-hb-main .window .main .hb-row .hbc-right{text-align:right}
#mfn-hb-main .window .main .hb-row .hb-item{display:inline-block;position:relative;vertical-align:top;width:70px;margin:7px 2px;text-align:center;background:#fff;border-radius:5px;border:1px solid #ddd}

#mfn-hb-main .window .main .hb-row .hb-item .icons{position:absolute;top:-14px;right:-5px;width:100%;text-align:right;display:none}
#mfn-hb-main .window .main .hb-row .hb-item .icons a{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background:#35e8c6;color:#fff;border-radius:100%;font-size:12px}
#mfn-hb-main .window .main .hb-row .hb-item .icons a:hover{background:#09ba98}
#mfn-hb-main .window .main .hb-row .hb-item .icons a.icon-delete:hover{background:red;color:#fff}

#mfn-hb-main .window .main .hb-row .hb-item .image{width:100%;height:70px;line-height:70px}
#mfn-hb-main .window .main .hb-row .hb-item .title{display:none}
#mfn-hb-main .window .main .hb-row .hb-item.sortable-ghost[draggable="true"]{opacity:1!important;box-shadow:0 2px 3px 0 rgba(0,0,0,0.2)!important}
#mfn-hb-main .window .main .hb-row .hb-item.sortable-ghost[draggable="true"] .icons{display:none!important}
#mfn-hb-main .window .main .hb-row .hb-item-placeholder{display:inline-block;width:70px!important;height:70px!important;margin:7px 2px;vertical-align:top;background:#eaeff2}

#mfn-hb-main .window .main .hb-row .hb-item:hover{cursor:move}
#mfn-hb-main .window .main .hb-row .hb-item:hover .icons{display:block}
#mfn-hb-main .window .main .hb-row .hb-item.sortable-choosen .icons{display:none}
#mfn-hb-main .window .main .hb-row .hb-item:hover .image{color:#17cdaa}

#mfn-hb-main .window .main .hb-row:hover{z-index:1}
#mfn-hb-main .window .main .hb-row:hover .hb-col{border:1px dashed #35e8c6;background:#e1fcf7}
#mfn-hb-main .window .main .hb-row:hover .hbr-header{display:block}
#mfn-hb-main .window .main .hb-row:hover .hbr-footer{display:block}
#mfn-hb-main .window .main .hb-row:hover div[data-placeholder]:empty:before{color:#17cdaa}
#mfn-hb-main div[data-placeholder]:empty:before{content:attr(data-placeholder);color:transparent;height:80px;line-height:80px;white-space:nowrap;font-weight:300}

/* [data-status="auto|off"] */

#mfn-hb-main .grid[data-status="auto"] .header{z-index:2}
#mfn-hb-main .grid[data-status="auto"] .window:after{position:absolute;top:0;display:block;width:100%;height:100%;background:rgba(255,255,255,.8);visibility:visible;}
#mfn-hb-main .grid[data-status="off"] .window .main{height:0;padding:0;overflow:hidden}
#mfn-hb-main .grid-auto{position:absolute;top:calc(50% - 40px);left:50%;transform:translateX(-50%);font-size:120%;font-weight:300;z-index:2}

/* Main - Items ---------------------------------------------------------------------- */

#mfn-hb-items, #mfn-hb-inactive-items{background:#fff;padding:0 12px;border-radius:6px}
#mfn-hb-items .header, #mfn-hb-inactive-items .header{padding:12px 0}
#mfn-hb-items .header .title, #mfn-hb-inactive-items .header .title{font-weight:500}
#mfn-hb-items .header .title i,  #mfn-hb-inactive-items .header .title i{color:#35e8c6;margin-right:7px}
#mfn-hb-items .hb-items .hb-item, #mfn-hb-inactive-items .hb-items .hb-item{float:left;position:relative;width:90px;height:90px;margin:0 12px 12px 0;text-align:center;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;cursor:move;}
#mfn-hb-items .hb-items .hb-item .icons, #mfn-hb-inactive-items .hb-items .hb-item .icons{display:none}
#mfn-hb-items .hb-items .hb-item .image, #mfn-hb-inactive-items .hb-items .hb-item .image{width:100%;font-size:22px;margin:20px 0 5px;color:rgba(42,56,70,.5)}
#mfn-hb-items .hb-items .hb-item:hover .image, #mfn-hb-inactive-items .hb-items .hb-item:hover .image{color:#35e8c6}
#mfn-hb-items .hb-items .hb-item .title, #mfn-hb-inactive-items .hb-items .hb-item .title{display:block;padding:0 0 15px;font-size:12px;font-weight:500}
#mfn-hb-items .hb-items .hb-item-placeholder, #mfn-hb-inactive-items .hb-items .hb-item-placeholder{float:left;position:relative;width:90px;height:90px;margin:0 12px 12px 0;border:1px solid #ddd;background-color:#eaeff2;border-radius:6px;box-sizing:border-box}
#mfn-hb-inactive-items{margin-bottom:1em}
#mfn-hb-inactive-items .hb-items{min-height:102px}

/* TODO TMP */
#mfn-hb-items .hb-items .hb-item[data-type="menuIcon"]{display:none}

/* Footer ---------------------------------------------------------------------------- */

.footer-links{padding-top:12px;font-size:12px}
.footer-links a:hover{opacity:.9}
.footer-links #reset-builder{float:right;color:#949ba2}

/* v--modal -------------------------------------------------------------------------- */

#mfn-wrapper .v--modal-overlay{background:rgba(35,40,45,0.7);z-index:9999}
#mfn-wrapper .v--modal{margin-top:15px;border-radius:5px;overflow:hidden;}
#mfn-wrapper .overflow-wrapper{height:100%}

.v--modal .header{height:40px;line-height:40px;padding:0 15px;background:#2a3846;color:#fff;}

.v--modal .header .left{float:left}
.v--modal .header .left .title{font-weight:300}

.v--modal .header .center{line-height:40px;text-align:center;position:absolute;left:50%;transform:translateX(-50%)}
.v--modal .header .center ul{display:inline-block;margin:0}
.v--modal .header .center ul li{display:inline-block;margin:0;padding:0 10px;cursor:pointer;position:relative}
.v--modal .header .center ul li:after{content:'';display:none;width:100%;height:4px;border-radius:2px;background:#35e8c6;position:absolute;left:0;bottom:-1px}
.v--modal .header .center ul li a{color:#cfd6df}
.v--modal .header .center ul li.active a,
.v--modal .header .center ul li:hover a{color:#fff}
.v--modal .header .center ul li.active:after{display:block}

.v--modal .header .right{float:right}

.v--modal .content{width:100%;height:calc(100% - 40px);box-sizing:border-box;overflow-y:auto}
.v--modal .section-group-name{display:block;width:100%;padding:8px 15px;box-sizing:border-box;font-weight:300;background-color:#547393;color:#fff}
.v--modal .row{background:#fff;box-sizing:border-box;padding-bottom:20px;margin:20px 20px 0;border-bottom:1px solid #f2f2f2}
.v--modal .row .col.col-left{display:table-cell;width:140px;padding-right:10px}
.v--modal .row .col.col-left .desc{font-size:10px;font-weight:300;color:#f2f2f2}
.v--modal .row .col.col-right{display:table-cell;vertical-align:middle;max-width:395px;word-wrap:break-word}

.v--modal.info-modal{text-align:center}
.v--modal.info-modal .header{text-align:left}
.v--modal.info-modal .content{text-align:left;padding:20px}
.v--modal.info-modal button{margin-bottom:20px}

/* v-select -------------------------------------------------------------------------- */

.v-select{font-family:'Poppins'!important;font-size:13px!important}
.v-select .selected-tag{position:absolute}
.v-select input[type="search"]{height:36px!important;padding:0 11px!important}
.v-select .dropdown-toggle{width:395px;border-color:#ddd!important;border-radius:5px!important}
.v-select.open .dropdown-toggle{border-radius:5px 5px 0 0!important}
.v-select .selected-tag{padding:1px 7px!important}
.v-select .dropdown-toggle .clear{display:none}
.v-select .dropdown-menu{overflow:auto!important;border-color:#ddd!important}
.v-select .dropdown-menu li a{min-width:100px!important}
.v-select .dropdown-menu li.highlight a{background-color:#4e6072!important}

[+] ..
[-] mfn-header-builder.css [edit]
[-] app.css [edit]