/* Font Import */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Noto+Sans+JP:wght@400;500;700');

.sm-edit-right {
    float: right;
}

.sm-edit-left {
    float: left;
}

.sm-edit-clear {
    clear: both;
}

.sm-edit-pointer {
    cursor: pointer;
}

/* TOOLTIP */

#sw-edit-tooltip2wrapper {
    position: relative;
}

#sm-edit-tooltip2 {
    position: absolute;
    color: #fff;
    z-index: 9001;
    background: transparent url("../../../cmsfiles/img/black_arrow.png");
    font-size: 12px;
    height: 60px;
    width: 96px;
    margin-top: -70px;
    margin-left: -10px;
}

.sm-edit-quickbar {
    width: 100%;
    height: 40px;
    background: #333;
    color: #fff;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: normal;
}

#sm-edit-options {
    width: 100%;
    height: 170px;
    background: #2c3e50 repeat-x;
    border-bottom: 4px solid #1a242f;
    line-height: normal;
    display: none;
}

#sm-top-joyride {
    margin-top: 0;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #4c5264;
    cursor: pointer;
}

#sm-edit-container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #333;
    -webkit-box-shadow: 0 0 25px #000000;
    -moz-box-shadow: 0 0 25px #000000;
    box-shadow: 0 0 25px #000000;
    z-index: 5000002;
    line-height: normal;
}

#sm-closex-bar {
    position: relative;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    color: #b00000;
}


.sm-edit-itemsettings {
    color: #fff;
    margin-top: 1px;
}

.sm-edit-initcont {
    margin-top: -25px; /* half height */
    margin-left: -50px; /* half width */
    width: 100px;
    height: 50px;
}

#sm-edit-popupbar {
    height: 30px;
    background: #1e1e1e;
}

#sm-edit-disabled {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000000;
    background-color: rgba(255, 255, 255, 0);
}

#sm-edit-buildloader {
    display: block;
    position: fixed;
    z-index: 5000010;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    width: 64px;
    height: 64px;
    background-image: url("../frame/assets/img/loaders/SiteMNGR.GIF");
}

#sm-edit-itemcontainer {
    margin: 10px;
}

.SM-cursor {
    cursor: pointer;
}

.sm-hidden {
    visibility: hidden;
}

.sm-edit-header {
    height: 40px;
    background: #9bc2e1;
    border-bottom: 4px solid #84acc5;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.sm-edit-packageline {
    width: 100%;
    height: 0;
    border-bottom: 4px solid #202020;
    display: none;
}

.sm-logo {
    margin-left: -1px;
    width: 250px;
}

.sm-edit-headerbar {
    color: #fff;
    width: 980px;
    height: 48px;
    margin: 0 auto;
    background-image: url("../img/sitemanager/top_bg_middle.jpg");
    background-repeat: no-repeat;
}

/* BROWN BAR HEADER */
.sm-edit-quick {
    width: 980px;
    margin: 0 auto;
}

.sm-edit-upgradeacc {
    margin-left: 33px;
}

.sm-edit-webspace {
    margin-left: 25px;
    margin-top: 13px;
    color: #fff;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.sm-edit-quicku {
    margin-right: 10px;
}

.sm-edit-visit {
    margin-top: 5px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #4c5264;
    cursor: pointer;
}

.sm-icon-hover {
    color: #4c5264;
}

.sm-icon-hover:hover {
    color: #333;
}

.sm-icon-hover2 {
    color: #f1f1f1;
}

.sm-edit-ft {
    margin-top: 8px;
    color: #fff;
}

.sm-edit-ft:hover {
    color: #9bc2e1;
}

.sm-edit-tw {
    margin-top: 8px;
    margin-left: 10px;
    color: #fff;
}

.sm-edit-tw:hover {
    color: #9bc2e1;
}

.sm-icon-hover2:hover {
    color: #fff;
}

.sm-edit-social {
    margin-left: 28px;
    font-size: 1.5em;
    width: 235px;
}

.sm-edit-shownews {
    cursor: pointer;
    padding-left: 3px;
    color: #f1c40f;
}

#fotoForm select.sm-edit {
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    border: 0 solid #bbb !important;
    background-color: #ffffff !important;
    display: inline-block !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    line-height: 20px !important;
    color: #444 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

select.sm-edit {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 150px;
    border: 0 solid #bbb;
    background-color: #ffffff;
    display: inline-block;
    height: 20px;
    padding: 0;
    margin-bottom: 0;
    line-height: 20px;
    color: #444;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

select.sm-edit-lang {
    width: 150px;
}

img.sm-edit-instpic {
    border: 0;
}

.sm-edit-installtext {
    margin-top: 10px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #e8ff6a;
}

.sm-edit-itemname {
    color: #d1f3ff;
    padding-top: 1px;
    margin-left: 5px;
    text-align: left;
    margin-right: 10px;
}

.sm-edit-settingssymbol {
    margin-right: 5px;
}

.sm-edit-visible {
    margin-top: 1px;
}

.sm-edit-edit {
    color: #fff;
    padding: 1px 5px 2px;
    height: 19px;
    background: #34495e;
}

.sm-edit-delete {
    color: #fff;
    padding: 1px 5px 2px;
    font-size: 13px;
    height: 19px;
    background: #b00000;
    text-decoration: none;
}

.sm-edit-dragitem {
    color: #fff;
    padding: 1px 5px 2px;
    margin-left: 5px;
    height: 19px;
    background: #00ab0c;
    cursor: move;
}

.sw_editbar_item_normal {
    width: 22px;
    height: 22px;
    background-image: url("../../../cmsfiles/img/sitemanager/icons/sm-edit-pencil.png");
    background-repeat: no-repeat;
    opacity: 0.2;
}

.sw_editbar_clear {
    clear: both;
}

.showscript {
    display: block;
    visibility: hidden;
    width: 1px;
    height: 0;
    text-indent: -999999em;
    overflow: hidden;
}

/* MANAGE ITEMS */
a.sm-edit-clean:link {
    text-decoration: none;
}

a.sm-edit-clean:visited {
    text-decoration: none;
}

a.sm-edit-clean:active {

    text-decoration: none;
}

a.sm-edit-clean:hover {

    text-decoration: none;
}


/* INSTALL ITEMS */

#sm-edit-items > ul > li {

    margin: 0px;
    padding: 0px;
    position: relative;
    height: 100%;

}

ul.sm-item-sortable {

    list-style-type: none;
    margin: 0;
    padding: 0;

    margin-bottom: 10px;

}


ul.sm-item-sortable li {
    line-height: normal;
}


#sm-edit-install {

    /* display:none; */
    padding: 10px;

    /* background-image:url(../img/sitemanager/bg_tile.jpg); */
    background: #333;
    border-bottom: 4px solid #202020;

    opacity: 0;
    line-height: normal;

}


#sm-edit-install ul {

    list-style: none;
    padding: 0;
    margin: 0;


}

#sm-edit-install li {

    /*float: left;*/

    /*margin-left:10px;*/

    /*margin: 0 0.15em;*/

    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    text-shadow: 1px 1px 0px #000000;

}

.sm-install-pic {


    cursor: move;

}


.sm-install-title {

    text-align: left;
    padding-left: 5px;
    width: 55px;
    word-wrap: break-word;
    /*width:100px;*/

    cursor: pointer;

    line-height: normal;

}

.sm-edit-installitem {

    width: 70px;
    height: 100px;

}

#sm-edit-installbar {

    height: 40px;
    /*background: url(../img/sitemanager/admin_top_bar.jpg) top left repeat-x;*/

    background: #9bc2e1;
    border-bottom: 4px solid #84acc5;

    line-height: normal;
    font-size: 13px;

    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;


}

.sm-edit-installbutton {


    cursor: pointer;

    color: #fff;

    background-color: #0090d9;

    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    margin-top: 8px;
    margin-left: 5px;


    font-size: 12.5px;


    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;


}


.sm-edit-installbutton:hover {


    background-color: #1285d1;
    *background-color: #1285d1;


}

.sm-edit-installfeatures {


    cursor: pointer;

    color: #fff;

    /*background-color: #5cb85c;*/
    background-color: #0090d9;

    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    margin-top: 8px;
    margin-right: 5px;


    font-size: 12.5px;


    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;


}


.sm-edit-installfeatures:hover {

    /*
    background-color: #47a447;
    *background-color: #47a447;
	*/
    background-color: #1285d1;
    *background-color: #1285d1;


}


.sm-edit-switchlayout {


    cursor: pointer;

    color: #fff;


    background-color: #333;

    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    margin-top: 8px;
    margin-right: 5px;


    font-size: 12.5px;


    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;


}


.sm-edit-switchlayout:hover {

    color: #fff;
    background-color: #202020;
    *background-color: #202020;


}


/* HOVER */

.sm-edit-symbol {

    width: 22px;
    height: 22px;
    background-image: url(../../../cmsfiles/img/sitemanager/icons/sm-edit-pencil.png);

    background-repeat: no-repeat;

    /*background-attachment:fixed;*/

    background-position: center bottom;

}


.sm-edit-tooltip {

    display: none;
    background: transparent url(../../../cmsfiles/img/blue_arrow.png);
    font-size: 12px;
    height: 60px;
    width: 96px;
    padding: 0px;
    color: #fff;
    margin-top: -10px;
    z-index: 4000000;


}

/* MENU */

.sm-edit-menu-wrapper {

    position: relative;


}

.sm-edit-menu-toolpos {

    position: absolute;
    top: -5px;
    right: calc(50% - 48px);


}


/* SORTABLE */

.sm-state-highlight {
    background: rgba(18, 69, 238, 0.05);
}

/* LOGO */

.sw-logo-text {


}

.sm-edit-logo-pos {

    position: absolute;
    top: 5px;
    right: -25px;
    margin-left: 5px;
    /*text-align:bottom;*/
    opacity: 0.5;

}

.sm-edit-logo-img {

    position: absolute;
    top: -5px;
    right: calc(50% - 73px);

}

.sm-edit-logo-wrapper {

    position: relative;
    cursor: pointer;


}

#sm-edit-logo-button {

    position: absolute;

    top: -5px;
    right: calc(50% - 48px);

    z-index: 4999999;

    /*
	width:100px;
	height:20px;

	background:black;
	*/


}

.sm-edit-hover {
    outline: 1px dashed #ccc !important;
}

/* BIG BUTTON */

.sm-top-link {

    cursor: pointer;

    color: #fff;

    background-color: #0090d9;

    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;


    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;

    display: inline-block;

}


.sm-top-link:hover {

    background-color: #1285d1;
    *background-color: #1285d1;


    color: #fff;
}

.sm-edit-topbtn {

    margin-right: 10px;
    margin-top: 7px;

}

.sm-topbar-middle {

    margin: 0 auto;
    width: 480px;

}

a.sm-publish-link:link {
    text-decoration: none;
}


a.sm-darkbar-link:link {


    display: block;

    cursor: pointer;

    color: #fff;

    background-color: #9bc2e1;

    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    text-decoration: none;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;


}

a.sm-darkbar-link:visited {

    display: block;

    cursor: pointer;

    color: #fff;

    background-color: #9bc2e1;

    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

a.sm-darkbar-link:active {
    display: block;

    cursor: pointer;

    color: #fff;

    background-color: #9bc2e1;

    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    text-decoration: none;
}

a.sm-darkbar-link:hover {
    display: block;

    cursor: pointer;

    color: #fff;

    background-color: #84acc5;
    *background-color: #84acc5;

    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}


a.big-button:link {

    display: block;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1 38%, #cccccc 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #f1f1f1), color-stop(0.58, #cccccc));
    border: 1px solid #ccc1c1;
    background-color: #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2f383b;
    text-align: center;
    text-decoration: none;

    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    transition: color 0.3s linear;


}

a.big-button:visited {

    display: block;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1 38%, #cccccc 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #f1f1f1), color-stop(0.58, #cccccc));
    border: 1px solid #ccc1c1;
    background-color: #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2f383b;
    text-align: center;
    text-decoration: none;
}

a.big-button:active {
    display: block;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1 38%, #cccccc 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #f1f1f1), color-stop(0.58, #cccccc));
    border: 1px solid #ccc1c1;
    background-color: #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2f383b;
    text-align: center;
    text-decoration: none;
}

a.big-button:hover {
    display: block;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #444 38%, #000 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #444), color-stop(0.58, #000));
    border: 1px solid #000;
    background-color: #444;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

input.bigbutton {

    display: block;
    width: 172px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1 38%, #cccccc 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #f1f1f1), color-stop(0.58, #cccccc));
    border: 1px solid #ccc1c1;
    background-color: #f1f1f1;
    /*
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	*/
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2f383b;
    text-align: center;
    text-decoration: none;


    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    transition: color 0.3s linear;

    cursor: pointer;


}

input.bigbutton:hover {

    display: block;
    width: 172px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #444 38%, #000 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #444), color-stop(0.58, #000));
    border: 1px solid #000;
    background-color: #444;
    /*
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	*/
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;

    cursor: pointer;


}

.jqbutton {

    display: block;
    width: 172px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1 38%, #cccccc 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #f1f1f1), color-stop(0.58, #cccccc));
    border: 1px solid #ccc1c1;
    background-color: #f1f1f1;

    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2f383b;
    text-align: center;
    text-decoration: none;


    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    transition: color 0.3s linear;

    cursor: hand;


}


.jqbutton_hover {

    display: block;
    width: 172px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #444 38%, #000 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #444), color-stop(0.58, #000));
    border: 1px solid #000;
    background-color: #444;

    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;

    cursor: hand;


}


a.small-button:link {

    display: block;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1 38%, #cccccc 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #f1f1f1), color-stop(0.58, #cccccc));
    border: 1px solid #ccc1c1;
    background-color: #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2f383b;
    text-align: center;
    text-decoration: none;


    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    transition: color 0.3s linear;


}

a.small-button:visited {

    display: block;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1 38%, #cccccc 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #f1f1f1), color-stop(0.58, #cccccc));
    border: 1px solid #ccc1c1;
    background-color: #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2f383b;
    text-align: center;
    text-decoration: none;
}

a.small-button:active {
    display: block;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1 38%, #cccccc 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #f1f1f1), color-stop(0.58, #cccccc));
    border: 1px solid #ccc1c1;
    background-color: #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2f383b;
    text-align: center;
    text-decoration: none;
}

a.small-button:hover {
    display: block;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #444 38%, #000 58%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.38, #444), color-stop(0.58, #000));
    border: 1px solid #000;
    background-color: #444;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.postip {


    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-top: 5px;
    color: #fff;

}

/* DEV EDIT MODE */

a.sw-edit-btn, .s-theme a.sw-edit-btn {
    font-family: "Open sans", sans-serif !important;
    letter-spacing: 0px !important;
    font-size: 14px !important;
    line-height: 140% !important;
    color: #6D7275 !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06) !important;
    border-radius: 3px !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px !important;
    text-decoration: none !important;
    margin: 5px 0 !important;
    z-index: 10000;
    -webkit-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    transition: all 0.2s ease !important;

}

a.sw-edit-btn:before, .s-theme a.sw-edit-btn:before {
    content: "edit";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    margin-right: .5rem;
}

a.sw-edit-btn:hover, .s-theme a.sw-edit-btn:hover {
    background: rgba(243, 246, 254, 1) !important;
    color: rgba(18, 69, 238, 1) !important;
}


/* INPUT BUTTON */

input.button {


    cursor: pointer;
    color: #fff;
    background-color: #0090d9;
    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 0px solid #0090d9;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;


}

input.button:hover {

    cursor: pointer;
    color: #fff;
    background-color: #0090d9;
    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 0px solid #0090d9;


}


input.button2 {


    cursor: pointer;
    color: #fff;
    background-color: #5cb85c;
    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 0px solid #5cb85c;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;


}

input.button2:hover {

    cursor: pointer;
    color: #fff;
    background-color: #47a447;
    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 0px solid #47a447;


}


input.button3 {


    cursor: pointer;
    color: #fff;
    background-color: #c10000;
    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 0px solid #c10000;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;


}

input.button3:hover {

    cursor: pointer;
    color: #fff;
    background-color: #b00000;
    padding: 3px 12px 5px 12px;
    font-size: 12.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 0px solid #b00000;


}

/* SW SUBMENU LIST */

ul.sw_sublist {

    list-style-type: none;
    margin: 5px;
    padding: 0px;


}

li.sw_sublistitem {


}

/* PAGECOMPS */

.pagecomp_pic {

    width: 50px;
    height: 60px;
    position: relative;
    background: url(../img/sm_bg.png) top left no-repeat;
    overflow: hidden;

}

.pagecomp_pic_over {

    width: 50px;
    height: 60px;
    position: absolute;
    top: 0;
    /*background:url(../img/sm_bgover.png) top left no-repeat;*/
    z-index: 5;

}

.pagecomp_pic_element {

    width: 41px;
    height: 49px;
    position: absolute;
    top: 6px;
    left: 5px;
    overflow: hidden;
    z-index: 1;
    /*background-color:green;*/

}

/* CAROUSEL */

.smcarousel-skin-tango .smcarousel-container {
    /*
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
	*/
    margin: 0 auto;
}

.smcarousel-skin-tango .smcarousel-direction-rtl {
    direction: rtl;
}

.smcarousel-skin-tango .smcarousel-container-horizontal {
    /*width: 245px;*/
    /*padding: 20px 40px;*/
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
}

.smcarousel-skin-tango .smcarousel-container-vertical {
    width: 75px;
    height: 245px;
    /*padding: 40px 20px;*/
}

.smcarousel-skin-tango .smcarousel-clip {
    overflow: hidden;
}

.smcarousel-skin-tango .smcarousel-clip-horizontal {
    width: 117px;
    height: 145px;
}


.smcarousel-skin-tango .smcarousel-item {
    width: 117px;
    height: 145px;
}

.smcarousel-skin-tango .smcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 5px;
}

.smcarousel-skin-tango .smcarousel-direction-rtl .smcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.smcarousel-skin-tango .smcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.smcarousel-skin-tango .smcarousel-next-horizontal {
    position: absolute;
    top: 67px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.smcarousel-skin-tango .smcarousel-direction-rtl .smcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.smcarousel-skin-tango .smcarousel-next-horizontal:hover,
.smcarousel-skin-tango .smcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.smcarousel-skin-tango .smcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.smcarousel-skin-tango .smcarousel-next-disabled-horizontal,
.smcarousel-skin-tango .smcarousel-next-disabled-horizontal:hover,
.smcarousel-skin-tango .smcarousel-next-disabled-horizontal:focus,
.smcarousel-skin-tango .smcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.smcarousel-skin-tango .smcarousel-prev-horizontal {
    position: absolute;
    top: 67px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.smcarousel-skin-tango .smcarousel-direction-rtl .smcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.smcarousel-skin-tango .smcarousel-prev-horizontal:hover,
.smcarousel-skin-tango .smcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.smcarousel-skin-tango .smcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.smcarousel-skin-tango .smcarousel-prev-disabled-horizontal,
.smcarousel-skin-tango .smcarousel-prev-disabled-horizontal:hover,
.smcarousel-skin-tango .smcarousel-prev-disabled-horizontal:focus,
.smcarousel-skin-tango .smcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 * Overwrite for having a carousel with dynamic width.
 */
.smcarousel-skin-tango .smcarousel-container-horizontal {
    width: 90%;
    /*width:980px;*/
}

.smcarousel-skin-tango .smcarousel-clip-horizontal {
    width: 100%;
}


a.sm-carrousel {

    text-decoration: none;

}

.sm-carousel-t {

    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    /*text-shadow: 1px 1px 0px #000000;*/
    text-align: center;

}

/* END CAROUSEL */

/* JOYRIDE */

/* Artfully masterminded by ZURB */
body {
    /*position: relative;*/
}

#joyRideTipContent {
    display: none;
}

.joyRideTipContent {
    display: none;
}

/* Default styles for the container */
.joyride-tip-guide {
    position: absolute;
    background: #ffffca;
    /*background: rgba(0,0,0,0.8);*/
    display: none;
    color: #333;
    width: 300px;
    z-index: 1001;
    top: 0; /* keeps the page from scrolling when calculating position */
    left: 0;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, Lucida, sans-serif;
    font-weight: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    border-bottom: 4px solid #e7e7a2;
}


.joyride-content-wrapper {
    padding: 10px 10px 15px 15px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .joyride-tip-guide {
        width: 95% !important;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        left: 2.5% !important;
    }

    .joyride-tip-guide-wrapper {
        width: 100%;
    }
}


/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub {
    display: block;
    position: absolute;
    left: 22px;
    width: 0;
    height: 0;
    border: solid 14px;
    border: solid 14px;
}

.joyride-tip-guide span.joyride-nub.top {
    /*
  IE7/IE8 Don't support rgba so we set the fallback
  border color here. However, IE7/IE8 are also buggy
  in that the fallback color doesn't work for
  border-bottom-color so here we set the border-color
  and override the top,left,right colors below.
  */
    border-color: #ffffca;
    /*border-color: rgba(0,0,0,0.8);*/
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-width: 0;
    top: -14px;
    bottom: none;
}

.joyride-tip-guide span.joyride-nub.bottom {
    /*
  IE7/IE8 Don't support rgba so we set the fallback
  border color here. However, IE7/IE8 are also buggy
  in that the fallback color doesn't work for
  border-top-color so here we set the border-color
  and override the bottom,left,right colors below.
  */
    border-color: #ffffca;
    /*border-color: rgba(0,0,0,0.8) !important;*/
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-width: 0;
    bottom: -14px;
    bottom: none;


}

.joyride-tip-guide span.joyride-nub.right {
    border-color: #ffffca;
    /*border-color: rgba(0,0,0,0.8) !important;*/
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-width: 0;
    top: 22px;
    bottom: none;
    left: auto;
    right: -14px;
}

.joyride-tip-guide span.joyride-nub.left {
    border-color: #ffffca;
    /*border-color: rgba(0,0,0,0.8) !important;*/
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-width: 0;
    top: 22px;
    left: -14px;
    right: auto;
    bottom: none;
}

.joyride-tip-guide span.joyride-nub.top-right {
    border-color: #ffffff;
    /*border-color: rgba(0,0,0,0.8);*/
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-width: 0;
    top: -14px;
    bottom: none;
    left: auto;
    right: 28px;
}

/* Typography */
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
    line-height: 1.25;
    margin: 0;
    font-weight: bold;
    color: #333;
}

.joyride-tip-guide h1 {
    font-size: 30px;
}

.joyride-tip-guide h2 {
    font-size: 26px;
}

.joyride-tip-guide h3 {
    font-size: 22px;
}

.joyride-tip-guide h4 {
    font-size: 18px;
}

.joyride-tip-guide h5 {
    font-size: 16px;
}

.joyride-tip-guide h6 {
    font-size: 14px;
}

.joyride-tip-guide p {
    margin: 0 0 18px 0;
    font-size: 14px;
    line-height: 18px;
}

.joyride-tip-guide a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    border-bottom: dotted 1px rgba(255, 255, 255, 0.6);
}

.joyride-tip-guide a:hover {
    color: rgba(255, 255, 255, 0.8);
    border-bottom: none;
}

/* Button Style */
.joyride-tip-guide .joyride-next-tip {
    width: auto;
    padding: 4px 18px 4px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    border: solid 0px rgb(0, 60, 180);
    background: #0090d9;


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.joyride-next-tip:hover {
    color: #fff !important;

    border: solid 0px rgb(0, 60, 180) !important;
    background: #1285d1;

}

.joyride-timer-indicator-wrap {
    width: 50px;
    height: 3px;
    border: solid 1px rgba(255, 255, 255, 0.1);
    position: absolute;
    right: 17px;
    bottom: 16px;
}

.joyride-timer-indicator {
    display: block;
    width: 0;
    height: inherit;
    background: rgba(255, 255, 255, 0.25);
}

.joyride-close-tip {
    position: absolute;
    right: 10px;
    top: 10px;
    color: rgba(243, 89, 88, 0.5) !important;
    text-decoration: none;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border-bottom: none !important;
}

.joyride-close-tip:hover {
    color: rgba(243, 89, 88, 1) !important;
}

.joyride-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    background: transparent;
    background: rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    cursor: pointer;
}

.joyride-expose-wrapper {
    background-color: #ffffff;
    position: absolute;
    z-index: 102;
    -moz-box-shadow: 0px 0px 30px #ffffff;
    -webkit-box-shadow: 0px 0px 30px #ffffff;
    box-shadow: 0px 0px 30px #ffffff;
}

.joyride-expose-cover {
    background: transparent;
    position: absolute;
    z-index: 10000;
    top: 0px;
    left: 0px;
}


/* COMPONENTEN */

input.sm-edit {

    border: 1px solid #000;
    font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    width: 400px;

    padding: 5px;

    margin: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

    display: inline-block;
    line-height: normal;
}

textarea.sm-edit {

    font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    border: 1px solid #000;
    width: 400px;
    height: 150px;
    padding: 5px;

    margin: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

    display: inline-block;
    line-height: normal;

}

textarea.sm-editlarge {

    width: 500px;

}

.sm-edit-format {

    font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #fff;

}

.sm-edit-bullet:before {

    margin-left: 10px;
    content: "\2022";
    margin-right: 10px;

}

.sm-edit-pointer {

    cursor: pointer;

}

/*
.swedit-prodlist {

	height:200px;

	background-image:url(../img/sitemanager/productlist.jpg);
	background-repeat:x-repeat;


}



.sm-edit-prodtitle {

	font-family: "Roboto" ,Arial, Helvetica, sans-serif;
	font-size:12px;

	padding-top:7px;
	padding-left:14px;
	color:#fff;

}

*/

/* PRODUCT MANAGEMENT */

.sm-edit-brownbar {
    /*
	height: 44px;

	*/

    height: auto;
    transition: padding 250ms ease;

    background: #37474f;
    /*border-bottom: 4px solid #84acc5;*/
    line-height: normal;
    font-size: 13px;
    font-family: "Roboto", Arial, Verdana, Geneva, sans-serif;

    overflow: hidden;

    padding-bottom: 10px;

    margin-bottom: 2px;

}

#sm-edit-items {
    z-index: 0;
    position: relative;
}

#sm-edit-items > ul > li:hover .sm-edit-brownbar {
    padding-top: 30px;
}

.sm-edit-prodbox1 {


    padding-top: 10px;
    padding-left: 5px;

}

.sm-edit-prodbtn {

    margin-top: 12px;

    margin-right: 5px;

}

a.sm-edit-woodbutton {


    border: 1px solid #fff;

    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-shadow: 1px 1px 0px #fff;


    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 0px 0px 4px #000000;
    -moz-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;

    background-image: -moz-linear-gradient(top, #ccc 26%, #fefefe 76%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.26, #ccc), color-stop(0.76, #fefefe));
    background-color: #fefefe;


    padding: 10px;

    cursor: pointer;

    text-decoration: none;


}


a.sm-edit-woodbutton:hover {


    background-image: -moz-linear-gradient(top, #ccc 26%, #ccc 76%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.26, #ccc), color-stop(0.76, #ccc));
    background-color: #ccc;

    text-decoration: none;

}

/* MOBILE RESOLUTION */


#sm-edit-gomobile {

    z-index: 5000010;

    background: #f1f1f1;

    display: block;

    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

}

#sm-edit-mobilenot {

    z-index: 5000020;

    position: fixed;

    line-height: normal;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;

    padding: 20px;

    width: 200px;
    height: 240px;
    background: #fff;
    border-bottom: 4px solid #e1e1e1;

    top: 50%;
    left: 50%;

    margin-top: -120px;
    margin-left: -100px;

}

@media (min-width: 1200px) {

    #sm-edit-gomobile {

        display: none;

    }

    #sm-edit-mobilenot {

        display: none;

    }

}


/* IE TABLES */

td.left {

    text-align: left;
    float: none;

}

/* FIXES BOOTSTRAP THEMES */
/*
*, *:before, *:after {

-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;

}
*/

.sm-edit-header {

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    line-height: normal;

}


.sm-top-link {

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}

.sm-publish-link {

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}


.smcarousel-container {

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}


form {
    margin: 0 0 0 0;
}

/* SiteManager Colors */

.sm-color-white {

    color: #fff;

}

.sm-color-dark {

    color: #333;

}

.sm-color-grey {

    color: #828181;

}

.sm-color-lightgrey {

    color: #dadada;

}

.sm-color-default {

    color: #9bc2e1;

}

.sm-color-defdark {

    color: #84acc5;

}

.sm-color-light {

    color: #f2f2f2;

}

.sm-color-blue {

    color: #0090d9;

}

.sm-color-green {

    color: #5cb85c;

}

.sm-color-red {

    color: #b00000;

}

.sm-font-10 {

    font-size: 10px;

}

/* NEW EDITOR */

/*#sm-edit-itemcontainer */


#sm-edit-itemcontainer {

    font-family: 'Roboto';

}

#sm-edit-itemcontainer .sm-editorFontSize {

    width: 60px;

}

.sm-editorFS {

    position: relative;

}

.sm-editorFSsel {

    padding: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: inline-block;
    background: #fff;
    color: #333;

    cursor: pointer;

    font: 14px/20px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid #e5e9ec;

}

.sm-editorFSsel:hover {

    background: #fbfcfd;

}

.sm-editorCsel {

    padding: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: inline-block;
    background: #fff;
    color: #333;

    cursor: pointer;

    font: 14px/20px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid #e5e9ec;

}

.sm-editorCsel:hover {

    background: #fbfcfd;

}

.sm-editorFSlist {

    display: none;

    position: absolute;

    top: 35px;

    padding: 5px;

    background: #fff;
    color: #333;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid #e5e9ec;

    width: 150px;

    z-index: 900000;

}

.sm-editorClist {

    display: none;

    position: absolute;

    top: 35px;

    padding: 5px;

    background: #fff;
    color: #333;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid #e5e9ec;

    width: 150px;

    z-index: 900000;

}


.sm-editorBTNgroup {


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    position: relative;
    display: inline-block;

    border: 1px solid #e5e9ec;

}


a.sm-editorBTN:link {

    display: inline-block;

    font-size: 14px;
    line-height: 20px;

    font: 14px/20px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

    white-space: nowrap;

    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;

    background: #fff;
    color: #333;

    text-decoration: none;

}

a.sm-editorBTN:visited {

    color: #333;
    text-decoration: none;
}

a.sm-editorBTN:active {
    color: #333;
    text-decoration: none;
}

a.sm-editorBTN:hover {
    color: #333;
    background: #fbfcfd;
    text-decoration: none;
}

a.sm-editorBTN.wysihtml5-command-active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

    background-color: #D9D9D9;
    outline: 0;
}

.sm-editorBTNborder {

    border-left: 1px solid #e5e9ec;

}


a.sm-editorListBTN:link {

    display: block;

    font-size: 14px;
    line-height: 20px;

    font: 14px/20px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

    white-space: nowrap;

    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;

    background: #fff;
    color: #333;

    text-decoration: none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

a.sm-editorListBTN:visited {


    text-decoration: none;
}

a.sm-editorListBTN:active {

    text-decoration: none;
}

a.sm-editorListBTN:hover {
    background: #eff2f3;
    text-decoration: none;
}


a.sm-editorColorPad:link {

    display: block;

    font-size: 14px;
    line-height: 20px;

    font: 14px/20px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

    white-space: nowrap;

    padding-left: 70px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;

    background: #fff;
    color: #333;

    text-decoration: none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

a.sm-editorColorPad:visited {


    text-decoration: none;
}

a.sm-editorColorPad:active {

    text-decoration: none;
}

a.sm-editorColorPad:hover {
    background: #eff2f3;
    text-decoration: none;
}

select.sm-editorSEL {

    height: 34px;
    font-size: 13px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    margin-top: -3px;

}

input.sm-editor {

    font-size: 13px;

    padding: 7px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    margin-top: -3px;

}

.sm-edit-quickbar table {

    background: #333;

}

#sm-edit-itemcontainer table {

    background: #333;

}

#sm-edit-itemcontainer table td {

    padding: 0px;

}

.sm-edit-quickbar {

    vertical-align: initial;
    display: none;

}

.sm-edit-quickbar td {

    vertical-align: middle;
    float: none;
}

#admin_top_quicklink_pos td.left {

    vertical-align: middle;
    float: none;
}

.sm-edit-social img {

    vertical-align: middle;

}


/* ITEM DRAGGER */

.smedit-dragco {
    width: 100%;
    height: 10px;
    position: relative;
    border: none;
    z-index: 99999;
    background: #f3f6fe;
    opacity: 0;
    transition: opacity 200ms ease;
}

.smedit-dragco:hover {
    opacity: 1;
}

.smedit-dgy {
    width: 100%;
    height: 5px;
    margin: 0 auto;
    position: relative;
    cursor: n-resize;
}

/*
.smedit-dgypos:after {

	right: 100%;
	bottom: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 51, 51, 0);
	border-right-color: #333333;
	border-width: 3px;
	margin-top: -3px;

}
*/

.smedit-dgypos {
    display: none;
    position: absolute;
    z-index: 9999999999;
    left: 50%;
    top: -40px;
    padding: 1px 5px 1px 5px;
    transform: translateX(-50%);
    color: #fff;
    background: #333;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-radius: 3px;
    cursor: auto;
}


.smedit-darksavetext {

    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ccc;

}

/* IFRAME FIXES */

.iFrameFixContainer {

    /*background:#f2f2f2 !important;*/

}

.iFrameFixItem {

    margin: 0px !important;

}

/* STICK IT EXAMPLE */

.stickem-wrapper {

    position: relative;

}

.stickem {

    /*z-index:5;*/
    z-index: 10000;

}

.stickit {

    position: fixed;
    top: 0;
    /*top: 100px;*/
}

.stickit-end {

    bottom: 40px;
    position: absolute;
    right: 0;

    /*
	position: relative;
	top: 0;
	*/

}


/* RESPONSIVE COLUMNS */

.sm-ColDragger {
    display: none;
    margin-left: .25rem;
}

.sm-gColC {

    border: 0px dashed #fff;


}

.sm-gColC-over {

    border: 0px dashed #ccc;
    background: rgba(0, 0, 0, 0.02);

}

/*
.sm-left {

	float:left;

}

.sm-clear {

	clear:both;

}
*/

#jq-numero1 {

    display: none;

}

/* NEW SELECTOR */

#sm-edit-items > ul > li.ui-sortable-helper {
    width: 40px !important;
    height: 40px !important;
}

#sm-edit-items > ul > li.ui-sortable-helper > * {
    display: none;
}

#sm-edit-items > ul > li.ui-sortable-helper:after {
    content: "drag_handle";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;

    width: 40px;
    height: 40px;
    background-color: #4285f4;
    color: #fff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
}

#sm-edit-items .sw_editbar_item,
#sm-edit-items .sw_editbar_item2 {
    user-select: none;
}

#sm-edit-items > ul > li.sm-firstselect:not(.ui-sortable-helper) .sw_editbar_item .sm-edit-brdrs span,
#sm-edit-items > ul > li.sm-firstselect:not(.ui-sortable-helper) .sw_editbar_item2 .sm-edit-box-l,
#sm-edit-items > ul > li.sm-firstselect:not(.ui-sortable-helper) .sw_editbar_item2 .sm-edit-box-r,
#sm-edit-items > ul > li.sm-firstselect:not(.ui-sortable-helper) .sm-add-btns,
#sm-edit-items > ul > li.sm-firstselect:not(.ui-sortable-helper) .sm-edit-box-l.sm-edit-design {
    opacity: 1;
}

#sm-edit-items > ul > li.always-visible .sw_editbar_item .sm-edit-brdrs span,
#sm-edit-items > ul > li.always-visible .sw_editbar_item2 .sm-edit-box-l,
#sm-edit-items > ul > li.always-visible .sw_editbar_item2 .sm-edit-box-r,
#sm-edit-items > ul > li.always-visible .sm-add-btns,
#sm-edit-items > ul > li.always-visible .sm-edit-box-l.sm-edit-design {
    opacity: 1 !important;
}

#sm-edit-items > ul > li.always-visible {
    margin: 30px 0;
}


#sm-edit-items > ul > li.sm-state-highlight {
    height: 30px !important;
    transition: height 200ms ease;
}

.sm-selectorPOS {

    position: relative;
    z-index: 99999;

}

button:focus,
[contenteditable] {
    outline: 0px solid transparent;
}

/* grid fix b */
.sm-edit-brdrs.sm-quickhide-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.sw_editbar_item .sm-edit-brdrs span,
.sw_editbar_item2 .sm-edit-brdrs span {
    position: absolute;
    opacity: 0;
    transition: opacity 200ms ease;
    z-index: 9999;
}

.sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-t,
.sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-b,
.sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-t,
.sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-b {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, transparent 50%, #D4D4D4 50%);
    background-size: 10px 100%;
}

.sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-l,
.sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-r,
.sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-l,
.sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-r {
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to top, transparent 50%, #D4D4D4 50%);
    background-size: 100% 10px;
}

.context-menu--active .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-t,
.context-menu--active .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-b,
.context-menu--active .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-l,
.context-menu--active .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-r,
.context-menu--active .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-t,
.context-menu--active .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-b,
.context-menu--active .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-l,
.context-menu--active .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-r,
.active-comment .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-t,
.active-comment .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-b,
.active-comment .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-l,
.active-comment .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-r,
.active-comment .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-t,
.active-comment .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-b,
.active-comment .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-l,
.active-comment .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-r {
    background-image: linear-gradient(to right, #4285f4 50%, #4285f4 50%);
}

.context-menu--active .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-t,
.context-menu--active .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-b,
.context-menu--active .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-t,
.context-menu--active .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-b,
.active-comment .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-t,
.active-comment .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-b,
.active-comment .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-t,
.active-comment .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-b {
    height: 2px;
}

.context-menu--active .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-l,
.context-menu--active .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-r,
.context-menu--active .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-l,
.context-menu--active .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-r,
.active-comment .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-l,
.active-comment .sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-r,
.active-comment .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-l,
.active-comment .sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-r {
    width: 2px;
}

.sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-t,
.sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-t {
    top: 0;
    left: 0;
}

.sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-b,
.sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-b {
    bottom: 0;
    left: 0;
}

.sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-l,
.sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-l {
    top: 0;
    left: 0;
}

.sw_editbar_item .sm-edit-brdrs span.sm-edit-brdr-r,
.sw_editbar_item2 .sm-edit-brdrs span.sm-edit-brdr-r {
    top: 0;
    right: 0;
}

#sm-edit-items > ul > li.active-more {
    z-index: 9999999;
}

#sm-edit-items > ul > li:not(.ui-sortable-helper):hover .sm-add-btns,
#sm-edit-items > ul > li:not(.ui-sortable-helper):hover .sw_editbar_item .sm-edit-brdrs span,
#sm-edit-items > ul > li:not(.ui-sortable-helper):hover .sw_editbar_item2 .sm-edit-brdrs span,
#sm-edit-items > ul > li:not(.ui-sortable-helper):hover .sw_editbar_item2 .sm-edit-box-l,
#sm-edit-items > ul > li:not(.ui-sortable-helper):hover .sw_editbar_item2 .sm-edit-box-r,
#sm-edit-items > ul > li:not(.ui-sortable-helper).active-more .sw_editbar_item .sm-edit-brdrs span,
#sm-edit-items > ul > li:not(.ui-sortable-helper).active-more .sw_editbar_item2 .sm-edit-brdrs span,
#sm-edit-items > ul > li:not(.ui-sortable-helper).active-comment .sw_editbar_item .sm-edit-brdrs span,
#sm-edit-items > ul > li:not(.ui-sortable-helper).active-comment .sw_editbar_item2 .sm-edit-brdrs span,
#sm-edit-items > ul > li:not(.ui-sortable-helper).active-more .sw_editbar_item .sm-edit-box-l,
#sm-edit-items > ul > li:not(.ui-sortable-helper).active-more .sw_editbar_item .sm-edit-box-r,
#sm-edit-items > ul > li:not(.ui-sortable-helper).active-more .sw_editbar_item2 .sm-edit-box-l,
#sm-edit-items > ul > li:not(.ui-sortable-helper).active-more .sw_editbar_item2 .sm-edit-box-r,
#sm-edit-items > ul > li:not(.ui-sortable-helper):hover .sm-edit-box-l.sm-edit-design,
#sm-edit-items > ul > li:not(.ui-sortable-helper):hover .sm-edit-box-r.sm-edit-design {
    opacity: 1;
}

.grid_hover_item {
    position: relative;
}

.grid_hover_item:hover .sm-add-btns,
.grid_hover_item:hover .sw_editbar_item .sm-edit-brdrs span,
.grid_hover_item:hover .sw_editbar_item2 .sm-edit-brdrs span,
.grid_hover_item:hover .sw_editbar_item2 .sm-edit-box-l,
.grid_hover_item:hover .sw_editbar_item2 .sm-edit-box-r,
.grid_hover_item.active-more .sw_editbar_item .sm-edit-brdrs span,
.grid_hover_item.active-more .sw_editbar_item2 .sm-edit-brdrs span,
.grid_hover_item.active-comment .sw_editbar_item2 .sm-edit-brdrs span,
.grid_hover_item.active-more .sw_editbar_item2 .sm-edit-box-l,
.grid_hover_item.active-more .sw_editbar_item2 .sm-edit-box-r,
.grid_hover_item:hover .sm-edit-box-l.sm-edit-design,
.grid_hover_item:hover .sm-edit-box-r.sm-edit-design {
    opacity: 1;
}

.sm-edit-box-l.sm-edit-design {
    position: absolute;
    top: .5rem;
    left: .5rem;
    opacity: 0;
    transition: opacity 200ms ease;
    z-index: 999990;
}

.sm-edit-box-r.sm-edit-design {
    position: absolute;
    top: .5rem;
    right: .5rem;
    /*right: 100px;  fix for not height */
    opacity: 0;
    transition: opacity 200ms ease;
    z-index: 999999;
}

.sm-edit-box-l.sm-edit-box-l-b.sm-edit-design {
    top: auto;
    bottom: .5rem;
    left: auto;
    right: .5rem;
}


.sm-editbar-btns .sm-editbar-btn.instance-btn:not(.active) {
    opacity: .5;
}

.sm-editbar-btns .sm-editbar-btn.instance-btn.active > i {
    color: #4285f4;
}

.sm-editbar-btn.instance-btn:before {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 4px;
    height: 4px;
    background-color: #6D7275;
    border-radius: 5px;
    opacity: .5;
}

.sm-editbar-btn.instance-btn.active:before {
    background-color: #4285f4;
    opacity: 1;
}

#sm-tooltip {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    background-color: #000E3E;
    position: absolute;
    border-radius: 3px;
    padding: 8px 16px;
    z-index: 9999999999999;
    display: none;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    opacity: 0;
    transition: opacity 0s 0s;
}

#sm-tooltip.show {
    opacity: 1;
    transition: opacity 0s 500ms;
}

#sm-tooltip:after {
    content: "";
    position: absolute;
    top: calc(100% - 12px);
    left: calc(50% - 10px);
    background-color: #000E3E;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    transform: rotate(45deg);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    z-index: -1;
}

#sm-tooltip.bottom:after {
    top: -8px;
    left: calc(50% - 10px);
}

#sm-tooltip.right:after, #sm-tooltip.right-top:after, #sm-tooltip.right-bottom:after {
    top: calc(50% - 10px);
    left: -8px;
}

#sm-tooltip.left:after, #sm-tooltip.left-top:after, #sm-tooltip.left-bottom:after {
    top: calc(50% - 10px);
    right: -10px;
    left: auto;
}

#sm-tooltip.top-right:after {
    top: calc(100% - 12px);
    left: 12px;
}

#sm-tooltip.top-left:after {
    top: calc(100% - 12px);
    left: auto;
    right: 12px;
}

#sm-tooltip.bottom-right:after {
    top: -8px;
    left: 12px;
}

#sm-tooltip.bottom-left:after {
    top: -8px;
    right: 12px;
    left: auto;
}

.sw_editbar_item2 .sm-edit-box-l, .sw_editbar_item2 .sm-edit-box-r {
    position: absolute;
    top: .5rem;
    right: 3px;
    opacity: 0;
    transition: opacity 200ms ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 999999;
}

.sw_editbar_item2 .sm-edit-box-l {
    left: 3px;
    right: auto;
    border-radius: 0 0 5px 0;
    display: flex;
    padding-left: 7px;
}

.sw_editbar_item, .sw_editbar_item2 {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: normal;
    color: #fff;
    display: flex;
}

body.dragging-fast-modal .sw_editbar_item,
body.dragging-fast-modal .sw_editbar_item2 {
    display: none;
}

.sm-edit-brdrs {
    z-index: 999999;
}

.sm-add-btns {
    opacity: 0;
    width: 100%;
    height: 0;
    position: absolute;
    z-index: 9999999;
    display: flex;
    justify-content: center;
}

.sm-add-btns .add-item > i {
    font-size: 18px;
}

.sm-add-btns .add-item {
    width: 30px;
    height: 30px;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
    background-color: #4285f4;
    color: #fff !important;
    border-radius: 50%;
    left: 50%;
    margin-top: -15px;
    z-index: 999999;
    cursor: pointer;
}

.sm-add-btns .add-item:hover {
    background-color: #5a95f5;
}

.sm-editbar-btns {
    font-family: "Roboto", sans-serif !important;
    font-weight: normal !important;
    letter-spacing: 0px !important;
    font-size: 14px;
    line-height: 140%;
    color: #6D7275;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}


.sm-editbar-btn-divider {
    border-left: 1px solid #E5E5E5;
    height: 34px;
}


.sm-editbar-item-title.sm-editbar-btns, .sm-editbar-item-database.sm-editbar-btns, .sm-editbar-item-anchor.sm-editbar-btns {
    padding: 8px 16px;
}

.sm-editbar-item-anchor {
    margin-right: 5px;
    /*
	background-color: #484848;
	color:#c3c3c3;
	*/
    /*
	background: rgba(18, 69, 238, 0.05);
	background-color: #4285f4;
	background-color: #333;
	color:#fff;
	*/
}

.sm-editbar-item-anchor i.material-icons {
    font-size: 18px;
    margin-right: 5px;
}

a.sm-editbar-item-database {
    margin-left: .5rem;
    background: rgba(243, 246, 254, 1);
    color: rgba(18, 69, 238, 1);
    font-size: 14px;
    line-height: 140%;
}

a.sm-editbar-item-database:hover {
    background: rgba(225, 236, 254, 1);
}

.d-none {
    display: none !important;
}

.sm-editbar-item-badges {
    gap: .5rem;
}

.sm-editbar-item-badges > .iconh {
    width: 25px;
    height: 25px;
    background: rgba(109, 114, 117, 0.1);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 200ms ease !important;
}

.sm-editbar-item-badges.sm-editbar-btns {
    padding: 5px 9px;
    margin-left: .25rem;
}

.sm-editbar-dragging, .sm-editbar-commenting, .sm-editbar-sorting, .sm-editbar-editing {
    margin-right: .25rem;
}

.sm-editbar-btns .sm-editbar-btn {
    transition: all 200ms ease !important;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.sm-editbar-btns .sm-editbar-btn i {
    padding: 8px 10px;
    transition: all 200ms ease !important;
    display: inline-block;
    font-size: 18px;
    color: #6D7275;
}

.sm-editbar-btns .sm-editbar-btn .sm-quickedit-text {
    font-size: 14px;
    padding-left: 0;
}

.sm-editbar-btns .sm-editbar-btn.sm-quickeditlogo {
    width: 110px;
}

.sm-editbar-btns .sm-editbar-btn:hover {
    background: rgba(18, 69, 238, 0.05);
}

.sm-editbar-btns .sm-editbar-btn:hover > i, .sm-editbar-btns .sm-editbar-btn a:hover > i {
    color: rgba(18, 69, 238, 1);
}

.sm-editbar-item-badges > .iconh > i {
    font-size: 16px;
    line-height: 140%;
    color: #6D7275;
    background: transparent;
    transition: all 200ms ease !important;
    cursor: pointer;
}

.sm-editbar-item-badges > .iconh:hover {
    background: rgba(18, 69, 238, 0.1);
}

.sm-editbar-item-badges > .iconh:hover > i {
    color: rgba(18, 69, 238, 1);
}

.sm-editbar-editing a {
    position: relative;
    text-decoration: none !important;
    outline: none !important;
}

.sm-editbar-editing .dropdown-menu {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    padding: 0;
    z-index: 999999;
    margin-top: .5rem;
}

.dropdown-menu-right {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
}

.open > .dropdown-menu {
    display: block;
}

.sm-editbar-options.options-top .dropdown-menu {
    bottom: 43px;
    top: auto;
}

.sm-editbar-editing .dropdown-item {
    font-family: "Roboto", sans-serif !important;
    font-weight: normal !important;
    letter-spacing: 0px !important;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .5rem .75rem;
    clear: both;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    line-height: 140%;
    color: #6D7275;
    transition: all 200ms ease !important;
}

.sm-editbar-editing .dropdown-divider {
    margin: 0;
}

.sm-editbar-editing .dropdown-item:focus, .sm-editbar-editing .dropdown-item:hover {
    background: rgba(18, 69, 238, 0.05);
    color: rgba(18, 69, 238, 1);
}

.sm-editbar-editing .text-danger:focus, .sm-editbar-editing .text-danger:hover {
    color: #FC233D !important;
    background-color: rgba(252, 35, 61, .1)
}

.sm-editbar-editing-subpanel-subitem {
    position: relative;
}

.sm-editbar-editing-subpanel-subpanel {
    position: absolute;
    top: 0;
    right: 100%;
    display: none;
    flex-direction: column;
    background: #FFFFFF;
    color: #6D7275;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 6%);
    border-radius: 3px;
    padding: 0;
    z-index: 999999;
    width: max-content;
}

.sm-editbar-editing-subpanel-subpanel > div {
    display: flex;
    align-items: center;
}

.sm-editbar-editing-subpanel-subpanel > div:hover {
    background: rgba(18, 69, 238, 0.05);
    color: rgba(18, 69, 238, 1);
}

.sm-editbar-editing-subpanel-subitem:hover .sm-editbar-editing-subpanel-subpanel {
    display: flex;
}

.sm-editbar-editing .switch {
    width: 100%;
}

.sm-editbar-editing .switch input {
    display: none;
}

.sm-editbar-editing .switch > label {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 0.75rem 1rem;
    width: 100%;
    cursor: pointer;
}

.sm-editbar-editing .switch > label > span:first-of-type {
    position: relative;
    display: inline-flex;
    bottom: 0;
    left: 0;
    border: 2px solid rgb(0 0 0 / 54%);
    border-radius: 10px;
    width: 40px;
    height: 20px;
}

.sm-editbar-editing .switch > label > span:first-of-type:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 3px;
    top: 2px;
    background-color: rgb(0 0 0 / 27%);
    border-radius: 6px;
    transition: all 200ms ease;
}

.sm-editbar-editing .switch > label > input:checked + span:before {
    left: 21px;
    background-color: rgb(66 133 244 / 100%);
}

.sm-editbar-editing .switch > label > input:disabled + span {
    cursor: none;
    pointer-events: none;
}

.sm-editbar-editing .switch:disabled + span {
    opacity: 0.5;
}

.sm-editbar-editing .switch > label > span:last-of-type {
    display: inline-flex;
    margin-left: 0.5rem;
    width: calc(100% - 40px - 0.5rem);
}

.sw_editbar_item2 .sm-edit-box-r .fa-arrows, .sw_editbar_item2 .sm-edit-box-r .sm-sortup, .sw_editbar_item2 .sm-edit-box-r .sm-sortdown {
    cursor: pointer;
}

#sm-edit-items > ul > li:not(.ui-sortable-helper) .sw_editbar_item2 .sm-edit-box-r .sm-drag {
    cursor: pointer;
}

.sw_editbar_item2 .sm-edit-box-r .sm-drag i {
    transform: rotate(45deg);
}

.sw_editbar_item2 .sm-edit-box-r .fa-arrows:hover, .sw_editbar_item2 .sm-edit-box-r .sm-sortup:hover, .sw_editbar_item2 .sm-edit-box-r .sm-sortdown:hover, .column-edit .fa:hover {
    color: #333;
}

.sw_editbar_item2 .sm-edit-box-r .sm-sortup, .sw_editbar_item2 .sm-edit-box-r .sm-sortdown {
    cursor: pointer;
}

.sw_editbar_item2 .sm-edit-box-r .fa-arrows {
    cursor: move;
}

.sw_editbar_item2 .sm-edit-box-l .sm-edit-box-content {
    background-color: #333 !important;
    color: #fff !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*
.sm-ColBTN {

	width:16px;
	height:20px;


font-size:14px;
margin-left:2px;

cursor:pointer;

}

.sm-ColADV {

    margin-right:10px;


}
*/
.sm-currentcol, .sm-currentclass, .sm-currentitemid, .sm-currentoffset, .sm-currentsublevelid, .sm-currentwidgetid, .sm-currentgroupid {

    display: none;

}

/* COLUMN */
.sw_draggable_item {
    min-height: 20px;
}

.sm-Colwrapper {

    z-index: 10001;
    height: 100%;

}

.sm-gCol {
    cursor: default;
}

.sm-gCol:hover {

}

.sm-quickhide-btn {
    opacity: 0;
}

.sm-gCol .sm-edit-brdrs span {
    background-color: rgb(31, 113, 250);
    color: #fff;
    position: absolute;
    opacity: 0;
    z-index: 10001;
}

.sm-gCol .sm-edit-brdrs span.sm-edit-brdr-t, .sm-gCol .sm-edit-brdrs span.sm-edit-brdr-b {
    height: 1px;
    width: calc(100% + 1px);

}

.sm-gCol .sm-edit-brdrs span.sm-edit-brdr-l, .sm-gCol .sm-edit-brdrs span.sm-edit-brdr-r {
    height: calc(100% + 1px);
    width: 1px;
}

.sm-gCol .sm-edit-brdrs span.sm-edit-brdr-t {
    top: -1px;
    left: 0;
}

.sm-gCol .sm-edit-brdrs span.sm-edit-brdr-b {
    bottom: -1px;
    left: 0;
}

.sm-gCol .sm-edit-brdrs span.sm-edit-brdr-l {
    top: 0;
    left: -1px;
}

.sm-gCol .sm-edit-brdrs span.sm-edit-brdr-r {
    top: 0;
    right: -1px;
}

.fa-colfix {
    cursor: pointer;
}

.sm-gCol .sm-ColEdit {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    top: -18.5px;
    opacity: 0;
    position: absolute;
    z-index: 99999;
    left: 15px;
}


.sm-edit-column .fa {
    color: #fff;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    transition: all 200ms ease;
    margin: 0 5px;
    line-height: 15px;
    text-decoration: none;
    cursor: pointer;
}

.sm-edit-column .fa:hover {
    color: #333;
}

body:not(.start-inline-editing) .sm-gCol:hover > .sm-ColDragger,
body:not(.start-inline-editing) .sm-gCol:hover > .sm-ColEdit,
body:not(.start-inline-editing) .sm-gCol:hover > .sm-edit-brdrs span,
body:not(.start-inline-editing) .sm-gCol:hover > .sm-quickhide-btn,
body:not(.start-inline-editing) .sm-gCol.hover > .sm-ColDragger,
body:not(.start-inline-editing) .sm-gCol.hover > .sm-ColEdit,
body:not(.start-inline-editing) .sm-gCol.hover > .sm-edit-brdrs span,
body:not(.start-inline-editing) .sm-gCol.hover > .sm-quickhide-btn {
    opacity: 1;
}


/* DESIGN CODES */

.sw_editbar_item2 .sm-edit-box-l-b {
    border-radius: 5px 0px 0px 0px;
    top: auto;
    bottom: 3px;
    left: auto;
    right: 3px;
    padding: 8px 7px 5px 10px;
}


.sw_editbar_item2 .sm-edit-box-l a img {
    margin: 0 !important;
    width: 30px !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.sw_editbar_item2 .sm-edit-box-l a:first-child {
    /*
    padding-left: 5px;
	*/
}

.sw_editbar_item2 .sm-edit-box-l a:last-child {
    /*padding-right: 5px;*/
}

/* nowrap label */

.label {
    white-space: normal;
}

/*  VCMS IFRAME WINDOW */
#vcms-iframe-modal {
    z-index: 99999999999;
}

/*  COMPONENT WINDOW  */
#component-window-box {
    display: none;
    position: fixed;
    z-index: 9999999999;
    top: 0px;
    left: 0;
    height: 100vh !important;
    width: 100vw !important;
    background: rgba(0, 0, 0, 0.1);
}

#component-window {
    position: relative;
    width: 912px;
    height: 579px;
    background: #FFFFFF;
    border: 0;
    box-sizing: border-box;
    box-shadow: rgb(36 36 36 / 12%) 0px 6px 24px;
    border-radius: 5px;
    z-index: 999999999999;

    font-family: "Open Sans", sans-serif;
    letter-spacing: 0px !important;
    font-size: 16px;
    color: #6D7275;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

#component-window .header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 200px;
    user-select: none;
    color: rgb(36, 36, 36);
    fill: rgb(36, 36, 36);
    line-height: 1.15 !important;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: move;
}

#component-window .header .header-actions {
    cursor: initial;
}

#component-window .header .header-info, #component-window .header .header-actions, #component-window .header .search, #component-window .header .search i, #component-window .header .close, #component-window .header .close i {
    display: flex;
    align-items: center;
}

#component-window .header .header-actions {
    height: 31px;
}

#component-window .header i {
    font-size: 21px;
}

#component-window .header .close, #component-window .header .search {
    opacity: 1;
    cursor: pointer;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    appearance: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: none;
    transition: all 0.1s ease 0s;
    background-color: transparent;
    color: rgb(36, 36, 36);
    fill: rgb(36, 36, 36);
    border-radius: 100px;
    height: 26px;
    width: 26px;
}

#component-window .header .search {
    margin-right: .5rem;
}

#component-window .header .close:hover, #component-window .header .search:hover {
    background: rgb(246, 246, 246);
}

#component-window .search-comp {
    width: 0px;
    opacity: 0;
    transition: all 200ms ease;
    outline: none;
    background-color: rgb(249, 249, 249);
    padding: .25rem .5rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
    border: 1px solid rgb(230, 230, 230);
    color: rgb(102, 102, 102);
    margin: 0 .5rem 0 !important;
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

#component-window .search-comp:focus {
    border: 1px solid rgb(66, 133, 244);
    -webkit-box-shadow: 0 0 0 1px rgb(66, 133, 244);
    box-shadow: 0 0 0 1px rgb(66, 133, 244);
}

#component-window .search-comp.open {
    width: 175px;
    opacity: 1;
}

#component-window .body {
    height: calc(100% - 96px);
    position: relative;
    overflow: hidden;
}

#component-window .body .tab:not(.show) {
    display: none;
}

#component-window .subheader {
    display: flex;
    border-bottom: 1px solid rgb(230, 230, 230);
    gap: 20px;
    margin: 0 20px;
}

#component-window .subheader-title {
    color: rgba(36, 36, 36, 0.5);
    line-height: 1.15;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.1s ease 0s;
    height: 22px;
    align-items: flex-start;
    opacity: 1;
    border-bottom: 2px solid rgb(255, 255, 255);
}

#component-window .subheader-title.active,
#component-window .subheader-title:focus {
    color: rgba(36, 36, 36, 1);
    border-bottom: 2px solid rgb(31, 113, 250);
}

#component-window .subheader-title i {
    font-size: 16px;
    color: inherit;
    margin-right: 5px;
}

#component-window .body .component-list,
#component-window .body .component-linked,
#component-window .body .comp-store {
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: 100%;
    display: grid;
    grid-column-gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}

#component-window .body .comp-store {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

#component-window .body .component-list::-webkit-scrollbar-track,
#component-window .body .component-linked::-webkit-scrollbar-track,
#component-window .body .private-store::-webkit-scrollbar-track,
#component-window .body .component-window-sidebar-elements::-webkit-scrollbar-track,
#component-window .body .comp-store::-webkit-scrollbar-track {
    background-color: #fff;
    cursor: pointer;
}

#component-window .body .component-list::-webkit-scrollbar,
#component-window .body .component-linked::-webkit-scrollbar,
#component-window .body .private-store::-webkit-scrollbar,
#component-window .body .component-window-sidebar-elements::-webkit-scrollbar,
#component-window .body .comp-store::-webkit-scrollbar {
    background: #E5E5E5;
    border-radius: 5px;
    width: 5px;
    cursor: pointer;
}

#component-window .body .component-list::-webkit-scrollbar-thumb,
#component-window .body .component-linked::-webkit-scrollbar-thumb,
#component-window .body .private-store::-webkit-scrollbar-thumb,
#component-window .body .component-window-sidebar-elements::-webkit-scrollbar-thumb,
#component-window .body .comp-store::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: #E5E5E5;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#component-window .body .element {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    margin-bottom: 24px;

    padding: 16px 8px;

    cursor: pointer;
    transition: all 200ms ease;
}

#component-window .body .element.new {
    border: 1px solid #1f71fa;
}

#component-window .body .element.new:before {
    content: "added";
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 3px;
    padding: 4px 8px;
    line-height: 1;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 700;
    background: #ebf2fe;
    border: 1px solid #1f71fa;
    color: #1f71fa;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 6%);
}

#component-window.adding .body .element {
    opacity: 0.5;
}

#component-window.adding .body .element.selected {
    opacity: 1;
    background: rgba(18, 69, 238, 0.04);
    box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.08);
}

#component-window .body .element .image.add-more-circle {
    color: #697196;
    background-color: rgb(194, 206, 247);
}

#component-window .body #btnAddElements, #component-window .body #btnCodeElement, #component-window .body #btnDesignElement, #component-window .body #btnAddPrivateElements {
    background: rgba(18, 69, 238, 0.04);
}

#component-window .body .element .image.add-more-circle + h5 {
    margin-top: 19px;
}

#component-window .body .element .image.add-more-circle i {
    font-size: 30px;
}

#component-window .body .element:hover {
    background: rgba(18, 69, 238, 0.04);
    box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.08);
}

#component-window .body .component-list .image {
    background: rgba(65, 103, 230, 0.05) !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 15px !important;
}

#component-window .body .component-list .image img,
#component-window .body .component-linked .image img {
    max-width: 100% !important;
}

#component-window .body .component-list .image.preview,
#component-window .body .component-linked .image.preview {
    background: none !important;
    width: 100% !important;
    border-radius: 0% !important;
    padding: 0px !important;
}

#component-window .body .comp-store .image {
    height: 150px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

#component-window .body .comp-store .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

#component-window .body .master {
    position: absolute;
    top: 6px;
    right: 6px;
    color: #c2cef7;
}

#component-window .body hr {
    height: 1px !important;
    width: 90% !important;
    margin: 16px 0 !important;
    background: #E5E5E5 !important;
    border: 0 !important;
}

#component-window .body .comp-title {
    font-family: "Roboto", sans-serif !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 15px !important;
    text-align: center !important;
    color: #6D7275 !important;
    margin: 0 !important;
    line-height: 23px;
    display: block !important;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

#component-window .body .comp-title + .comp-linkedid {
    font-size: 12px !important;
}

#component-window .body .comp-store .comp-title {
    font-weight: 500 !important;
    margin: 16px 0 !important;
    color: rgb(36, 36, 36) !important;
}

#component-window .body .comp-store .element {
    padding: 0;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#component-window .resize-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.5;
}

#component-window .resize-btn i {
    font-size: 21px;
    transform: rotate(-45deg);
    display: flex;
}

#component-window .ui-resizable-se {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 24px;
    width: 24px;
    cursor: se-resize;
}

#component-window #sm-page-loader .blobs {
    -webkit-filter: url("#goo");
    filter: url("#goo");
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#component-window #sm-page-loader .blob {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(180deg, #07b8ef, #4167e6);
}

#component-window #sm-page-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 999;
    overflow: hidden;
}

#component-window #sm-page-loader .blob:nth-child(1) {
    animation: blob-left-anim cubic-bezier(0.770, 0.000, 0.175, 1.000) 2s infinite;
}

#component-window #sm-page-loader .blob:nth-child(2) {
    animation: blob-right-anim cubic-bezier(0.770, 0.000, 0.175, 1.000) 2s infinite;
}

#component-window #sm-page-loader .blobs {
    /*animation: blob-circle ease 4s infinite;*/
}

#component-window .d-flex {
    display: flex;
}

#component-window .align-items-center {
    align-items: center;
}

#component-window .flex-column {
    flex-direction: column;
}

#component-window .w-25 {
    width: 25%;
}

#component-window .w-50 {
    width: 50%;
}

#component-window .w-75 {
    width: 75%;
}

#component-window .w-100 {
    width: 100%;
}

#component-window .h-100 {
    height: 100%;
}

#component-window .action-btns {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 250ms ease;
}

#component-window .element:hover .action-btns {
    opacity: 1;
}

#component-window .action-icon {
    font-size: 24px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    background-color: rgba(255, 255, 255, 1);
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
    border-radius: 50% !important;
    text-decoration: none !important;
}

#component-window .component-msg {
    font-family: "Open Sans", sans-serif !important;
    letter-spacing: 0px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    color: #000 !important;
    margin: 0 !important;
    line-height: 23px;
    padding: 20px 0;
}

#component-window .component-msg a {
    color: #1f71fa;
    margin-left: 0.5rem;
}

.grid-comp, .comp-installed {
    position: absolute;
    top: 8px;
    border-radius: 3px;
    padding: 4px 8px;
    line-height: 1;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.grid-comp {
    left: 8px;
    background: #ebf2fe;
    color: #1f71fa;
}

.comp-installed {
    right: 8px;
    background: #ff8800;
    color: #fff;
}

.vcms-modal {
    font-family: 'Roboto', sans-serif;
}

.vcms-modal .modal-header {
    padding: 0;
    border: 0;
}

.vcms-modal .modal-title {
    border-radius: 5px 5px 0 0;
    display: flex;
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 20px;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 18px;
    background: #fff;
    color: #000;
    border: none;
    line-height: normal;
}

.vcms-modal .modal-header .close {
    margin-top: -2px;
    margin-right: 0;
    margin-left: auto;
    font-size: 18px;
    opacity: 1;
    outline: none !important;
}

.vcms-modal .modal-body {
    padding: 20px;
    padding-top: 0;
}

.vcms-modal .modal-body .search {
    width: 100%;
}

.vcms-modal .modal-body .form-control {
    height: 2.5rem !important;
    padding: .25rem .5rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
    background-color: rgba(247, 247, 247, 0.7);
    border: 1px solid rgb(234, 234, 234);
    color: #000;
}

.vcms-modal .modal-body .form-control:focus {
    border: 1px solid rgb(66, 133, 244);
    -webkit-box-shadow: 0 0 0 1px rgb(66 133 244);
    box-shadow: 0 0 0 1px rgb(66 133 244);
}

#link_database .bootstrap-table .table thead > tr > th {
    background: #f9f9f9;
    pointer-events: none;
    border-top: 0;
}

.cms-form-card .d-flex {
    display: flex;
}

.cms-form-card .align-items-center {
    align-items: center;
}

.cms-form-card .d-flex {
    display: flex;
}

.cms-form-card .bootstrap-table .table thead th:last-child,
.cms-form-card .bootstrap-table .table tbody tr td:last-child {
    padding: 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

.cms-form-card .fixed-table-container thead th .desc,
.cms-form-card .fixed-table-container thead th .both,
.cms-form-card .fixed-table-container thead th .asc {
    position: relative;
    background-image: none !important;
    padding: 0;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.cms-form-card .fixed-table-container thead th .desc:after, .cms-form-card .fixed-table-container thead th .asc:after {
    font-family: 'Material Icons';
    content: "arrow_downward";
    position: relative;
    top: 6px;
    left: 16px;
    transform: translateY(-50%);
    font-size: 21px;
    color: #757575;
    line-height: 0;
}

.cms-form-card .bootstrap-table .table tbody tr {
    border-left: 6px solid transparent;
}

.cms-form-card .bootstrap-table .fixed-table-container .table tbody tr td {
    padding: 16px;
    color: rgba(0, 0, 0, 0.75) !important;
    cursor: pointer;
}

.cms-form-card .bootstrap-table .table thead th:first-child {
    padding-left: 16px;
}

.cms-form-card .bootstrap-table .table tbody tr td:last-child {
    padding-right: 16px;
}

.cms-form-card .bootstrap-table .table tbody tr td:last-child {
    border-bottom: 0 !important;
}

.vcms-modal input.descr {
    background: transparent;
    border: none;
    box-shadow: none;
    width: 100% !important;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
}

.cms-form-card .bootstrap-table .table tbody tr td i {
    font-size: 0.8rem;
    margin-right: .5rem !important;
}

.cms-form-card .bootstrap-table .table tbody tr td i.text-success.font-small {
    color: #00c851 !important;
    font-size: 0.8rem;
    margin-right: .5rem !important;
}

.cms-form-card .bootstrap-table .table tbody tr {
    border-left: 6px solid transparent;
}

.cms-form-card .bootstrap-table .table.table-hover tbody tr:hover,
.cms-form-card .bootstrap-table .table tbody tr.selected {
    background-color: #f9f9f9;
    border-left: 6px solid #4285f4;
}


@keyframes blob-left-anim {
    0% {
        transform: scale(1) translate(0, 0);
    }
    33% {
        transform: scale(0.5) translate(80px, 0);
    }
    66% {
        transform: scale(0.8) translate(0, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}

@keyframes blob-right-anim {
    0% {
        transform: scale(1) translate(0, 0);
    }
    33% {
        transform: scale(0.5) translate(-80px, 0);
    }
    66% {
        transform: scale(0.8) translate(0, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}

@keyframes blob-circle {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

[id^='SM_Edit_Item_'].fa.fa-pencil.fa-colfix {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: all 200ms ease !important;
    padding: 8px 10px;
    transition: all 200ms ease !important;
    display: flex;
    font-size: 18px;
    color: #6D7275;
}

[id^='SM_Edit_Item_'].fa.fa-pencil.fa-colfix:hover {
    background: rgba(243, 246, 254, 1) !important;
    color: rgba(18, 69, 238, 1);
}

/*  COMPONENT CHOICE WINDOW  */
#sm-edit-items.adding-component > ul > li:not(.box-choice):not(.inline-editing) {
    pointer-events: none;
}

#sm-edit-items.adding-component > ul > li:not(.box-choice):not(.inline-editing):before {
    content: "";
    position: absolute;
    inset: 0px;
    overflow: hidden;
    z-index: 9999999;
    background-color: rgb(36, 36, 36);
    opacity: 0.4;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

#sm-edit-items.adding-component > ul > li:not(.box-choice):not(.inline-editing) .sm-add-btns {
    display: none !important;
}

#sm-edit-items > ul > li.box-choice {
    position: relative;
    min-height: 460px;
    width: 100%;
    border: 2px solid #4285f4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    z-index: 9999999999;
    flex-wrap: wrap;
    padding: 60px 0;
}

.box-choice .sm-editbar-btns {
    position: absolute;
    top: .5rem;
    transition: all 200ms ease !important;
}

.box-choice .sm-editbar-btns:first-of-type {
    left: .5rem;
    pointer-events: none;
}

.box-choice .sm-editbar-btns:last-of-type {
    right: .5rem;
    color: #ff3547;
    cursor: pointer;
}

.box-choice .sm-editbar-btns:last-of-type:hover {
    background: rgb(255 53 71 / 10%);
}

.box-choice .choice-elem {
    width: 262px;
    background: #FFFFFF;
    border: 1px solid rgba(5, 21, 50, 0.1);
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(5, 21, 50, 0.06);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.5rem;
    cursor: pointer;
}

.box-choice .choice-elem:hover {
    background: rgb(246, 248, 254);
    box-shadow: 0px 6px 22px rgb(0 0 0 / 8%);
}

.box-choice .choice-elem .material-icons {
    color: #1F71FA;
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .import-figma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-choice .choice-elem .import-figma > div {
    background: rgba(65, 103, 230, 0.05);
    width: 80px;
    height: 80px;
    font-size: 27px;
    line-height: 27px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.box-choice .choice-elem .title {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #051532;
    text-align: center;
}

.component-window-sidebar {
}

.component-store, .private-store {
    flex-grow: 1;
}

.component-tab, .private-tab {
    padding-left: 20px;
}

.component-window-sidebar-subtitle {
    font-size: 14px;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 30px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.component-window-sidebar-elements {
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: calc(100% - 32px);
    margin-top: 16px;
    gap: 12px;
}

.component-window-sidebar-elements > * {
    position: relative;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    appearance: none;
    margin: 0px;
    border: 0px;
    outline: none;
    transition: all 0.1s ease 0s;
    text-overflow: ellipsis;
    flex-shrink: 0;
    background-color: rgb(255, 255, 255);
    color: rgb(36, 36, 36);
    fill: rgb(36, 36, 36);
    border-radius: 3px;
    height: 34px;
    padding: 0px 18px;
    font-size: 16px;
    font-weight: 600;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: left;
    font-family: inherit;
    line-height: 100%;
}

.component-window-sidebar-elements > .active {
    background-color: rgb(235, 242, 254);
    color: rgb(31, 113, 250);
    fill: rgb(31, 113, 250);
}

.sm-inline-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sm-inline-img .sm-editbar-btns .sm-editbar-btn i {
    color: rgba(18, 69, 238, 1);
}

.sm-inline-img .sm-editbar-btns {
    background: rgb(243, 246, 254);
}

#link_database a {
    cursor: pointer;
    text-decoration: none;
    color: #4285f4;
}

#link_database .fixed-table-pagination .pagination-detail,
#link_database .fixed-table-pagination div.pagination {
    margin-top: 10px;
    margin-bottom: 10px;
}

#link_database .bootstrap-table .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

#link_database .fixed-table-pagination div.pagination .pagination {
    margin: 0;
}

#link_database .bootstrap-table .pagination > li {
    display: inline;
}

#link_database .bootstrap-table .pagination-sm > li:first-child > a,
#link_database .bootstrap-table .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

#link_database .bootstrap-table .pagination > li:first-child > a,
#link_database .bootstrap-table .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

#link_database .bootstrap-table .pagination-sm > li > a,
#link_database .bootstrap-table .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

#link_database .bootstrap-table .pagination > li > a,
#link_database .bootstrap-table .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    font-weight: 300;
}

#link_database .bootstrap-table .pagination > .active > a,
#link_database .bootstrap-table .pagination > .active > span,
#link_database .bootstrap-table .pagination > .active > a:hover,
#link_database .bootstrap-table .pagination > .active > span:hover,
#link_database .bootstrap-table .pagination > .active > a:focus,
#link_database .bootstrap-table .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #4285f4;
    border-color: #4285f4;
}

#link_database .bootstrap-table .pagination > .disabled > span,
#link_database .bootstrap-table .pagination > .disabled > span:hover,
#link_database .bootstrap-table .pagination > .disabled > span:focus,
#link_database .bootstrap-table .pagination > .disabled > a,
#link_database .bootstrap-table .pagination > .disabled > a:hover,
#link_database .bootstrap-table .pagination > .disabled > a:focus {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
    border-color: #dddddd;
}

#link_database .fixed-table-pagination li.disabled a {
    pointer-events: none;
    cursor: default;
}

#link_database .pull-left {
    float: left;
}

#link_database .pull-right {
    float: right;
}

#link_database .breadcrumb, #link_database .pagination {
    border-radius: 0.25rem;
    list-style: none;
}

#link_database .fixed-table-pagination .pagination-info {
    line-height: 34px;
    margin-right: 5px;
}

#link_database .fixed-table-pagination .page-list {
    display: inline-block;
}

#link_database .fixed-table-pagination .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#link_database .fixed-table-pagination {
    line-height: 34px;
    margin-right: 5px;
}

#link_database .pagination-detail {
    font-size: 16px;
}