/**
 * Page Builder Admin CSS
**/
.amppb_welcome{
position: absolute;
    top: -36px;
    right: 34px;
}
#pagebilder_content .inside{
    padding: 0;
    margin: 0
}
#pagebilder_content h2 span{
    padding-left: 29px;
    font-weight: 500;
}
#pagebilder_content h2 span:before{
    content: "";
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjUycHgiIGhlaWdodD0iMjUycHgiIHZpZXdCb3g9IjAgMCAyNTIgMjUyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkNhcGFfMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjAwMDAwMCwgLTIuMDAwMDAwKSIgZmlsbD0iI0VEMUMyNCI+ICAgICAgICAgICAgPGcgaWQ9IkNhcGFfMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJfeDMyXzQwLl9Qb3dlciI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTI1LjYwNTYsMCBDNTYuMjMzNiwwIDAsNTYuMjMzNiAwLDEyNS42MDU2IEMwLDE5NC45NzIgNTYuMjMzNiwyNTEuMjExMiAxMjUuNjA1NiwyNTEuMjExMiBDMTk0Ljk3MjgsMjUxLjIxMTIgMjUxLjIxMTIsMTk0Ljk3MiAyNTEuMjExMiwxMjUuNjA1NiBDMjUxLjIxMTIsNTYuMjMzNiAxOTQuOTcyOCwwIDEyNS42MDU2LDAgWiBNMTI1LjYwNjAwNiwyMjguNDkwNDEyIEM2OC43ODE4MzU5LDIyOC40OTA0MTIgMjIuNzIxNiwxODIuNDIzNjI0IDIyLjcyMTYsMTI1LjYwNjAwNiBDMjIuNzIxNiw2OC43ODE4MzU5IDY4Ljc4MTgzNTksMjIuNzIxNiAxMjUuNjA2MDA2LDIyLjcyMTYgQzE4Mi40MjI4MDQsMjIuNzIxNiAyMjguNDg5NTkzLDY4Ljc4MTgzNTkgMjI4LjQ4OTU5MywxMjUuNjA2MDA2IEMyMjguNDkwNDEyLDE4Mi40MjM2MjQgMTgyLjQyMzYyNCwyMjguNDkwNDEyIDEyNS42MDYwMDYsMjI4LjQ5MDQxMiBaIE0xNjcuNzAwMjE0LDExNC43ODAxNSBMMTMzLjUxNDgzMiwxMTQuOTE4OTcxIEMxMjkuODYzNDExLDExNC45MzU3OTggMTI4LjUyMTQ3MSwxMTIuNDcwNjY4IDEzMC41MDc4NzgsMTA5LjQwNDgyIEwxNjcuMDk5NDk2LDUzLjE0NDMyNDEgQzE3MS4wNzgxOTksNDcuMDI5NDU1MiAxNzAuMTE3Mzg3LDQ2LjI1NjI2MjUgMTY0Ljk2NTg1NCw1MS40MTQ1MjYzIEw4NC41NzA2NDA2LDEzMS44MDIxNjggQzc5LjQxMDY5NDEsMTM2Ljk2MTI3MyA4MS4xNDM4NTczLDE0MS4xMjA4NjUgODguNDQxNjUyMSwxNDEuMDkxNDE4IEwxMTYuMDE0OTMyLDE0MC45Nzk1MTkgQzEyMy4zMDc2NzksMTQwLjk0OTIzMSAxMjYuMDA0MTc4LDE0NS44ODIwMTUgMTIyLjAyNjMxNiwxNTEuOTk4NTY3IEw4NS40MzYzODA4LDIwOC4yNjA3NDUgQzgzLjQ0OTEzMjUsMjExLjMxOTAyMSA4My45Mjg2OTcxLDIxMS43MTM2MSA4Ni41MTgzNDU4LDIwOS4xNDQxNTQgTDE0My45Nzc3NTMsMTUyLjA5Mjc5NyBDMTQ2LjU2MzE5NSwxNDkuNTE5OTc1IDE1MC43Mzc5MzEsMTQ1LjMzNTk4NSAxNTMuMjg5NzE5LDE0Mi43MzYyNCBMMTcxLjYzNTE2NywxMjQuMTMzMzQxIEMxNzYuNzU2NDEyLDExOC45NDM5NDggMTc0Ljk4OTU5NSwxMTQuNzQ4MTc5IDE2Ny43MDAyMTQsMTE0Ljc4MDE1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    width: 24px;
    height: 24px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 24px;
    top: 6px;
    left: 10px;
}
#amp-page-builder{
    margin: 0;
    transition: .2s ease-in-out;
}
#amp-page-builder a{
    transition: .2s ease-in-out;
}
.hidden{
    display:none;
}
/* Rows */
.amppb-rows{
    border: 0px solid #ccc;
    padding: 13px;
    background: #f1f1f1;
    border-radius: 2px;
}
 
.amppb-row-fields .ui-droppable{
    min-height: 35px;
    width: 96%;
    border: 1px dashed #999;
    border-radius: 60px;
    line-height: 0;
    display: inline-block;
}
.amppb-row-fields .has-module{
    border-color: #fff
}
.amppb-row-fields .has-module.hover{
    background: transparent 
}
 
.modules-drop{
    position: relative;
    margin: 10px 13px;
}

.amppb-rows-message{
    border: 2px dashed #ccc;
    padding: 10px 20px;
    text-align: center;
}
/* Buttons */
.amppb-actions{
    margin-bottom: 13px;
    margin-left: 10px;
    position: relative
}
.modules-options{display: inline-block}
.modules-options .drag span{
    cursor: move; 
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
div#amppb-actions-container:before {
    content: "Columns";
    display: inline-block;
    width: 100%;
    font-size: 11px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
}
div#amppb-module-actions-container:before {
    content: "Modules";
    display: inline-block;
    width: 100%;
    font-size: 11px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
}
/* Row */
.amppb-row{
    font-size: 16px;
    background: #ffffff;
    margin-bottom: 0px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.amppb-handle:hover { color: #607d8b }
.amppb-row:last-child{
    margin-bottom: 0px;
}
.amppb-row-title{
}
.amppb-row-title:after{
    content:".";display:block;height:0;clear:both;visibility:hidden;
}
.amppb-handle{
    padding: 10px 8px;
    /* border-right: 1px solid #ccc; */
    cursor: grab;
    cursor: -webkit-grab;
    font-size: 14px;
    position: relative;
    color: #BDBDBD;
    transition: .25s ease-in-out;
    top: initial;
}
.amppb-row-title-text{
    font-size: 12px;
    color: #37474F;
    top: 7px;
    position: relative;
    transition: 0.2s ease;
    left: -7px;
    opacity: 0
}
.amppb-handle:hover+.amppb-row-title-text{ opacity: 1 }
.amppb-remove{
    padding: 4px 0px 0px 1px;
    border-left: 0px solid #ccc;
    float: right;
    cursor: pointer;
    line-height: 1;
    color: #C3C3C3;
    font-size: 14px;
    border-radius: 12px;
    width: 23px;
    height: 20px;
    position: relative;
    top: 6px;
    right: 4px;
}
.amppb-remove:hover{
    background: #f44336;
    color: #fff;
}
.tools-icon{
    /*display: none;*/
    padding: 3px 0px 1px 1px;
    float: right;
    cursor: pointer;
    color: #c3c3c3;
    font-size: 18px;
    position: relative;
    top: 5px; 
    width: 23px;
    height: 20px;
    border-radius: 60px;
    right: 5px;
    transition: color 0.2s;
}
.amppb-row:hover .tools-icon{
    color: #546e7a;
    transition: 0s
}
.amppb-row:hover .tools-icon:hover { 
    transition: 0s;
    color: #fff;
    background: #546e7a
}

.amppb-row-fields{
    width: 100%;
    border-top: 0px solid #333;
    clear: both;
    position: relative;
}
.amppb-row-fields .hover{ 
    width: 100%;
    background: transparent;

}
.amppb-row-fields .hover:before{
    content: "Drop the module here";
    text-align: center;
    width: 100%;
    color: #999;
    position: absolute;
    top: 18px;
    font-size: 12px;
}
.amppb-row-fields:after{
    content:".";display:block;height:0;clear:both;visibility:hidden;
}
.amppb-row-fields textarea{
    width: 100%;
    height: 100px;
}
/* 1 column template */
.amppb-col-1{
}
/* 2 columns template */
.amppb-col-2{
}
.amppb-column-2-left{
    width: 49%;
    float: left;
}
.amppb-column-2-right{
  width: 49%;
  float: right;
}

amppb-row-fields .amppb-column-2:not(:last-child){
  border-right:#ededed;
}

/* Templates */
.amppb-templates{
    display: none;
}



.amppb-module{
    border: 0px solid #f1f1f1;
    position: relative;
    height: 41px;
    cursor: all-scroll;
    vertical-align: middle;
    margin-bottom: 0px;
    display: inline-block;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin-bottom: 10px;
}
.amppb-module:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.amppb-row-fields .amppb-module:only-child{
    margin-bottom: 0px;
}
.amppb-row-fields .has-module .amppb-module:last-child{
    margin-bottom: 0px;
}
.amppb-module .module_label {
    position: relative;
    left: 0;
    color: #23282d;
    font-size: 13px;
    font-weight: 600;
    top: 10px;
    left: 15px;
}

.amppb-setting-right span{
    display: inline-block;
    right: 0px;
    position: absolute;
    top: 0px;
    padding: 12px 7px 9px 15px;
    cursor: pointer;
    font-size: 15px;
    color: #72777c;
    line-height: 1;
} 

#amp-page-builder .ui-state-highlight {
    height: 97px;
    background: #666;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.9);
    margin-bottom: 0px;
    border-radius: 3px; 
    margin-bottom: 16px;
}
#amp-page-builder .ui-state-highlight:before{
content: "Drop Here";
    width: 100%;
    display: inline-block;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
    position: relative;
    top: 15px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#amp-page-builder .ui-state-highlight-module {
    min-height: 35px;
    width: 100%;
    border: 1px dashed #999;
    border-radius: 60px;
    line-height: 0;
    display: inline-block;
    margin-bottom: 10px
}
#amp-page-builder .ui-state-highlight-module:last-child{
    margin-bottom: 0px;
}

#amp-page-builder .ui-state-active,
#amp-page-builder .ui-widget-content .ui-state-active,
#amp-page-builder .ui-widget-header .ui-state-active,
#amp-page-builder a.ui-button:active,
#amp-page-builder .ui-button:active,
#amp-page-builder .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
#amp-page-builder .ui-icon-background,
#amp-page-builder .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
#amp-page-builder .ui-state-active a,
#amp-page-builder .ui-state-active a:link,
#amp-page-builder .ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

#amp-page-builder .ui-state-hover,
#amp-page-builder .ui-widget-content .ui-state-hover,
#amp-page-builder .ui-widget-header .ui-state-hover,
#amp-page-builder .ui-state-focus,
#amp-page-builder .ui-widget-content .ui-state-focus,
#amp-page-builder .ui-widget-header .ui-state-focus,
#amp-page-builder .ui-button:hover,
#amp-page-builder .ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
#amp-page-builder .ui-state-hover div,
#amp-page-builder .ui-state-hover div:hover,
#amp-page-builder .ui-state-hover div:link,
#amp-page-builder .ui-state-hover div:visited,
#amp-page-builder .ui-state-focus div,
#amp-page-builder .ui-state-focus div:hover,
#amp-page-builder .ui-state-focus div:link,
#amp-page-builder .ui-state-focus div:visited,
#amp-page-builder a.ui-button:hover,
#amp-page-builder a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.thickbox{
  text-decoration: none;
}


.amppb-tc-footer{
  left: 0px;
    right: 0px;
    bottom: 0px;
    height: 58px;
    position: absolute;
    background-color: #fafafa;
    border-top: 1px solid #D8D8D8;
    z-index: 100002;
}
.amppb-tc-footer .buttons-groups{
      float: right;
      padding: 15px;
}
.amppb-tc-footer .amppb-status{
  float: left;
}
.buttons-groups .amppb-save{background: #666;
    border-color: #666;
    color: #fff;}
.amppb-tc-footer .remove-module a{ 
    display: inline-table;
    font-size: 13px;
    font-family: sans-serif;
}
.remove-module a:before{
    font-family: dashicons;
    top: 2px;
    position: relative;
    margin-right: 2px;
    left: -1px;
}
.amppb-tc-footer .remove-module a:hover{color: #fff;background: #f44336;border-color:#f44336}


/********
Module Buttons
***********************/
.modules-drop .ui-sortable-helper{
width: auto;
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    position: absolute;
    z-index: 10000000;
    border-radius: 66px;
}
.modules-drop .ui-sortable-helper .module_label, .modules-drop .ui-sortable-helper .amppb-setting-right{
    display: none
}
.modules-drop .ui-sortable-helper:before{
    content: "";
font-size: 35px;
    width: 100%;
    height: 100%;
    left: inherit;
    top: inherit;
    right: initial;
    padding: 0;
    position: relative;
    display: inline-block;
    bottom: inherit;
}
#amppb-actions-container{
    float: left;
    width: 15%;
    margin-left: 2.5%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 1%;
}
#amppb-actions-container .drag{
    float: none;
    margin-bottom: 10px;
}
#amppb-module-actions-container{
    float: right;
    width: 77%;
    border-left: 1px solid #eee;
    padding-left: 3%;
    padding-top: 2%;
    padding-bottom: 1%;
}
#amppb-actions-container .button-primary,
#amppb-module-actions-container .button-primary{
    background: #FAFAFA;
    border: 0px;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    text-shadow: none;
    color: #23282d;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: auto;
    padding: 7px 15px 7px 15px;
}
#amppb-actions-container .button-primary:hover,
#amppb-module-actions-container .button-primary:hover{
    border-color: #999;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.amppb-module-actions .ui-draggable-dragging,
.amppb-actions .ui-draggable-dragging{
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.08);
    z-index: 9000000;
}
#amppb-actions-container .button-primary, #amppb-module-actions-container .button-primary{
    width: 100%;
    text-align: center;
}
#amppb-actions-container .button-primary, #amppb-module-actions-container .button-primary{
    font-size: 13px;
    font-weight: 600;
}
#amppb-module-actions-container .drag{margin-right: 10px;margin-bottom: 10px;}
/* Button Img Default Values */
/* Module img defaults */
.amppb-module:before {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 4px;
    display: inline-block;
    /* box-shadow: 1px 1px 1px #000; */
    width: 20px;
    height: 20px;
    background-size: 20px;
    top: 8px;
    position: absolute;
    background-position: 0;
    margin-right: 8px;
    left: 15px;
    opacity: 0.85
}
.amppb-row:hover .amppb-module:before{
    opacity: 1
}
.modules-drop .ui-sortable-helper.amppb-module:before{
    left: 15px;
    top: 2px;
    transform: scale(1.5);
}
.module-col-1:before{
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDcwcHgiIGhlaWdodD0iNDcwcHgiIHZpZXdCb3g9IjAgMCA0NzAgNDcwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmNvbHVtbnM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJjb2x1bW5zIiBmaWxsPSIjMDAwMDAwIj4gICAgICAgICAgICA8cGF0aCBkPSJNNDU4LjY2NywwIEwxMC42NjcsMCBDNC43NzEsMCAwLDQuNzcxIDAsMTAuNjY3IEwwLDQ1OC42NjcgQzAsNDY0LjU2MyA0Ljc3MSw0NjkuMzM0IDEwLjY2Nyw0NjkuMzM0IEw0NTguNjY3LDQ2OS4zMzQgQzQ2NC41NjMsNDY5LjMzNCA0NjkuMzM0LDQ2NC41NjMgNDY5LjMzNCw0NTguNjY3IEw0NjkuMzM0LDEwLjY2NyBDNDY5LjMzMyw0Ljc3MSA0NjQuNTYzLDAgNDU4LjY2NywwIFogTTI1MS42NjY1LDQ0OCBMMjEuMzMzLDQ0OCBMMjEuMzMzLDIxLjMzMyBMMjUxLjY2NjUsMjEuMzMzIEw0NDgsMjEuMzMzIEw0NDgsNDQ4IEwyNTEuNjY2NSw0NDggWiIgaWQ9IlNoYXBlIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);

}
.module-col-2:before{
         background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NjkuMzMzIDQ2OS4zMzMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2OS4zMzMgNDY5LjMzMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00NTguNjY3LDBoLTQ0OEM0Ljc3MSwwLDAsNC43NzEsMCwxMC42Njd2NDQ4YzAsNS44OTYsNC43NzEsMTAuNjY3LDEwLjY2NywxMC42NjdoNDQ4ICAgIGM1Ljg5NiwwLDEwLjY2Ny00Ljc3MSwxMC42NjctMTAuNjY3di00NDhDNDY5LjMzMyw0Ljc3MSw0NjQuNTYzLDAsNDU4LjY2NywweiBNMjI0LDQ0OEgyMS4zMzNWMjEuMzMzSDIyNFY0NDh6IE00NDgsNDQ4SDI0NS4zMzMgICAgVjIxLjMzM0g0NDhWNDQ4eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);

}

 

 

#TB_title{
    background: transparent;
    border-color: #fff
}
#TB_closeWindowButton{
    background: #fafafa;
    outline: none;
    border: solid #d8d8d8;
    border-width: 0px 0px 1px 1px;}
#TB_window #TB_ajaxContent{
    padding-bottom: 60px
}
    
.enable_ampforwp_page_builder{
    background: #f5f5f5;
    padding: 15px 24px 0px 13px;
}
.enable_ampforwp_page_builder label{

    position: relative;
    top: 0;
    background: #eee;
    display: inline-block;
    padding: 0px;
    border: 1px solid #bebebe;
    background: #eeeeee;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #f9f9f9));
    background: -ms-linear-gradient(bottom, #eeeeee, #f9f9f9);
    background: -moz-linear-gradient(center bottom, #eeeeee 0%, #f9f9f9 100%);
    background: -o-linear-gradient(#f9f9f9, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eeeeee', GradientType=0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    outline: none;
    border-radius: 2px;
    padding: 8px 12px;
    margin-right: 5px;
}
.enable_ampforwp_page_builder label:nth-child(2){
    
    background: #ee1c25;
    border: #ee1c25;
    box-shadow: none;
    color: #fff;
    background: #F00000;
    background: -webkit-linear-gradient(to right, #DC281E, #F00000);
    background: linear-gradient(to right, #DC281E, #F00000);
}
.enable_ampforwp_page_builder input{margin-right: 8px;}
/********
Form Styles
***********************/
.full{
    border-spacing: 0;
    width: 100%;
    clear: both;
    margin: 0;
}
.start_amp_pb{
    font-size: 15px;
    height: 40px;
    line-height: 2.55;
    padding: 0px 20px 0px 5px;
    font-weight: 300;
    background: #ed1c25;
    border: 0;
    color: #fff;
    cursor: pointer;
    text-shadow: none;
    position: relative;
    top: 3px;
    width: fit-content;
    margin:10px auto 15px auto;
    display: block;
    border-radius: 3px;
}
.start_amp_pb:before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjMxNHB4IiBoZWlnaHQ9IjMxNXB4IiB2aWV3Qm94PSIwIDAgMzE0IDMxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDEgKDM1MzI2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIyNjA3MSIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDxnIGlkPSJDYXBhXzEiPgogICAgICAgICAgICAgICAgPGcgaWQ9Il94MzJfNDAuX1Bvd2VyIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTU3LjAwNywwIEM3MC4yOTIsMCAwLDcwLjI5MiAwLDE1Ny4wMDcgQzAsMjQzLjcxNSA3MC4yOTIsMzE0LjAxNCAxNTcuMDA3LDMxNC4wMTQgQzI0My43MTYsMzE0LjAxNCAzMTQuMDE0LDI0My43MTUgMzE0LjAxNCwxNTcuMDA3IEMzMTQuMDE0LDcwLjI5MiAyNDMuNzE2LDAgMTU3LjAwNywwIFogTTE1Ny4wMDcsMjgyLjYxMiBDODcuNjM0LDI4Mi42MTIgMzEuNDAyLDIyNi4zNzIgMzEuNDAyLDE1Ny4wMDcgQzMxLjQwMiw4Ny42MzQgODcuNjM0LDMxLjQwMiAxNTcuMDA3LDMxLjQwMiBDMjI2LjM3MSwzMS40MDIgMjgyLjYxMSw4Ny42MzQgMjgyLjYxMSwxNTcuMDA3IEMyODIuNjEyLDIyNi4zNzIgMjI2LjM3MiwyODIuNjEyIDE1Ny4wMDcsMjgyLjYxMiBaIE0yMDQuMTExLDE0MS4zNjggTDE2My40NzksMTQxLjUzMyBDMTU5LjEzOSwxNDEuNTUzIDE1Ny41NDQsMTM4LjYyMyAxNTkuOTA1LDEzNC45NzkgTDIwMy4zOTcsNjguMTA5IEMyMDguMTI2LDYwLjg0MSAyMDYuOTg0LDU5LjkyMiAyMDAuODYxLDY2LjA1MyBMMTA1LjMwNSwxNjEuNiBDOTkuMTcyLDE2Ny43MzIgMTAxLjIzMiwxNzIuNjc2IDEwOS45MDYsMTcyLjY0MSBMMTQyLjY3OSwxNzIuNTA4IEMxNTEuMzQ3LDE3Mi40NzIgMTU0LjU1MiwxNzguMzM1IDE0OS44MjQsMTg1LjYwNSBMMTA2LjMzNCwyNTIuNDc3IEMxMDMuOTcyLDI1Ni4xMTIgMTA0LjU0MiwyNTYuNTgxIDEwNy42MiwyNTMuNTI3IEwxNzUuOTE1LDE4NS43MTcgQzE3OC45ODgsMTgyLjY1OSAxODMuOTUsMTc3LjY4NiAxODYuOTgzLDE3NC41OTYgTDIwOC43ODgsMTUyLjQ4NSBDMjE0Ljg3NSwxNDYuMzE3IDIxMi43NzUsMTQxLjMzIDIwNC4xMTEsMTQxLjM2OCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") !important;
    background-size: 18px;
    background-repeat: no-repeat;
    padding-left: 26px;
    background-position: 0px 0px;
    position: relative;
    top: 1px;
    left: 10px;
    margin-right: 10px;
}





div.drag{
    float: left;
}
.drag-image {
    color: #000;
}
.drop.drop-over {
    border-color: #aaa;
    background: #ccc;
}



.modal-mask {
position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: table;
    transition: opacity .3s ease;
}


.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.modal-header{ 
    background: #fff;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #D8D8D8;
    position: relative;
    padding-left: 20px;   
}
.modal-container {position: fixed;overflow: hidden;top:30px;left: 30px;right: 30px;bottom: 30px;z-index: 160000;overflow: hidden;min-height: 300px;box-shadow: 0 5px 15px rgba(0,0,0,.7);background: #fcfcfc;-webkit-font-smoothing: subpixel-antialiased;}

.modal-header h3 {
    font-weight: normal;
    padding: 0px 16px 0 0px;
    font-size: 20px;
    line-height: 50px;
    margin: 0;
    margin-bottom: 0px;
    font-weight: 600;
    position: relative;
    left:15px;
}
.modal-sidebar{
    width: 200px;
    padding-right: 0;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    /* position: fixed; */
    /* overflow-y: auto; */
    z-index: 310;
    margin: 0;
    /* padding: 0; */
    /* padding: 0px 40px 0px 0px; */
    user-select: none;
    background: #f3f3f3;
    margin: 0;
    display: inline-block;
    padding: 10px 0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ccc;
}
.modal-sidebar > ul{
    padding-right:10px;
    padding: 0;
    margin: 0;
}
.modal-sidebar > ul > li{      display: block;
    position: relative;
    padding: 8px 20px;
    margin: 0;
    color: #0073aa;
}
.modal-sidebar > ul > li:hover{
    color: #0073aa;
    background: rgba(0,0,0,.04);
}
.modal-sidebar > ul > li.active{
    color: #23282d;
    font-weight: 600;  
}
.modal-body {
    /* width: 100%; */
    overflow-y: auto;
    height: 92%;
    position: absolute;
    left: 0;
    top: 0;
    left: 200px;
    right: 0px;
}
.modal-settings{
    padding: 0px 0px;
    margin-top: 50px;
    border-top: 1px solid #D8D8D8;
}
.modal-content{
    height: 100vh;
/*  max-height: 660px;*/    
    overflow-y: hidden;
    padding: 0px 20px  0px 0px;
    overflow-x: hidden;
} 
.modal-default-button {
    float: right;
    position: relative;
    right: 10px;
}
.modal-footer{
    padding: 10px 0px;
    position: sticky;
    width: 100%;
    bottom: 0px;
    background: #f1f1f1;
    z-index: 100;
    display: inline-block;}
.modal-footer .del-btn-modal{
    left: 215px;
    position: relative;
    background: none;
    border: 0;
    box-shadow: none;
    color: #bc0b0b;
}

.modal-footer .del-btn-modal:hover{
        background: #455A64; color: #fff
}
.save-btn-modal{    position: relative;
    right: 15px;}
.modal-footer .close-btn-modal{display: none}
.modal-body .modal-header{
    padding-left: 20px;
    height: 50px;
     background-color: #fafafa; 
     border-bottom: 1px solid #D8D8D8; 
    width: 82%;
    position: fixed;
}
.modal-wrapper .media-modal-close{
    background: #fafafa;
    box-shadow: -1px 0px 0px #d8d8d8;
}
.media-modal-close:focus{
    outline: 0;
    border: 0;
}
.media-modal-close:hover{
    background: #e9e9e9
}
/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.amp_repeater_addmore .button{
    float: right;
    height: 50px;
    background: #0185ba;
    width: 170px;
    border-color: #006799;
    color: #fff;
    position: relative;
    right: 30px;
    top: 20px;
    margin-bottom: 60px;
}



















.text-right {
    text-align: right;
}
.amp-form-control {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 10px 15px 15px;
}
#amp-page-builder .form-label {
    float: left;
    width: 15%;
    margin-bottom: 0;
    margin-top: 6px;
    font-size: 14px;
}
.amp-form-control {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 10px 15px 15px;
}
.meta-box-sortables .amp-form-control select {
    max-width: 95%;
}
.amp-form-control:hover {
    background: #f3f3f3;
}
.amp-form-control:hover .form-label{
    color: #000
}
#amp-page-builder .form-field {
    float: left;
    width: 70%;
}
#amp-page-builder label.form-label-radio {
    margin-right: 15px;
}
#amp-page-builder .form-field input, #amp-page-builder .form-field textarea{    
    padding: 7px 8px;
}
.amppb-ftype-upload .button{
    line-height: 0;
}
#amp-page-builder .form-label > #amp-page-builder .form-control {
    margin-top: 0.5em;
}

#amp-page-builder .form-control {

    display: block;
    padding: 0.5em 1em;
    line-height: 1.5;
    border: 1px solid #ddd;

}
.link{
    cursor: pointer;
}
.ghost {
   width: 100%;
}
.sortable-chosen{ 
    cursor: all-scroll;
 }




/***************************
Layout css 
***************************/

.amppb-layout-layout{
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0px;
    width: 25%;
    margin-right:30px;
}
.amppb-layout-library-wrapper{
    margin: 40px 15px 100px 20px;
    display: inline-block;
    width: 95%;
}
.amppb-layout-layout .amppb-layout-wrapper{
        padding: 0px;
    position: relative; 
    background: #F7F7F7;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.amppb-layout-library-wrapper .amppb-layout-layout:hover .amppb-layout-title{
    color:#000;

}   
.amppb-layout-layout .amppb-layout-wrapper .amppb-layout-screenshot{
    background: #ffffff;
}
.amppb-layout-screenshot img{
    display: block;
    width: 100%;
    height: auto;
    cursor:pointer;
}
.amppb-layout-bottom{
    position: relative;
    margin: 0px 0px 0px 0px;
}
.amppb-layout-button .button {
    width: 100%;
    text-align: center;
    padding: 2px 3px;
    border-radius: 0px;
    height: 37px;
    background: #455A64;
    color: #fff;
    border: 0;
    line-height: 33px;
}
.amppb-layout-title {
    margin: 0;
    padding: 10px 0px 10px 0px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    background: #fcfcfc;
}
.amppb-layout-button{
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    visibility: visible;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    background: #f6f6f6;
    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: -1px 0 1px rgba(0, 0, 0, 0.05);
}
.amppb-layout-wrapper:hover{
    box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.30);
}
.amppb-layout-layout .amppb-layout-button .button:hover{
    background: #455A64;
    color:#fff;
}
.amppb-layout-button button{
    background: #fafafa;
    border-color: #999;
    color: #23282d;
}
/*.amppb-layout-layout:hover .amppb-layout-button{
    visibility: visible;
}*/

.amppb-modal-row{
    width: 100%;
    clear: both;
    margin: 0;
}
.amppb-modal-col-2{
    clear: both;
    padding-left: 50px;
    position: relative;
    top: 60px;
    padding-bottom: 18px;
    padding-top: 20px;
    border-bottom: 1px solid #eee;
}
.import-export-label{
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin-right: 10px;
}
.fileupload{
    margin-bottom: 10px; 
}
.hide{
    display:none;
}
.select-icons{
    position: absolute;
    width: 500px;
    height: 370px;
    top: 20%;
    left: 33%;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 999999;

    border: 1px solid #ccc;
    background: #efefef;
    margin: 0 auto;
}
.select-icons input{
    margin: 5px 5px 60px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    width: 98%;
    position: absolute;
    display: block;
}
.icon-wrapper{
    height: 300px;
    overflow: auto;
    margin-top: 50px;
}
.select-icons .icon-card{
    background: #fcfcfc;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    margin: 5px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    float: left;
}
.icon-wrapper .icon-card .icon-name{
    display: block;
}
.select-icons .icon-card:hover{
    background: #ccc;
    cursor: pointer;
}
.select-icons .icon-card .active{
    background: #e7e7e7;
}
.icon-card.active{
    background: #ccc;
}
.icon-card i{
    font-size: 28px;
    margin-right: 10px;
    padding-bottom: 10px;
}
.amppb-icon{
    font-size: 30px;line-height: 20px;margin-right: 25px;
}
.amppb-icon-close{
    width: 100%;
    text-align: right;
    font-size: 15px;
    display:inline-block;
    height:30px;
}
.icon-close {
    background: #000;
    color: #fff;
    padding: 8px 9px;
    display: inline-block;
    cursor: pointer;
}
.del-btn-modal{
    background: none;
    text-shadow: none;
    color: #777;
}
.amppbimageuploadField{width:50px;height:50px;}
.select-gradient-box{
    overflow-y: auto;
    width:50%;
    height:75%;
}
.select-gradient-box .gradient-card{
    position: relative;
    height: 100px;
    width: 70px;
    margin: 10px;
    float: left;
    -webkit-box-shadow: -11px 10px 16px 1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: -11px 10px 16px 1px rgba(0, 0, 0, 0.16);
    box-shadow: -11px 10px 16px 1px rgba(0, 0, 0, 0.16);
    transition: all 0.2s ease;
}
.select-gradient-box .card-info {
    display: none;
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0%;
    left: 0%;
    background: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.select-gradient-box .gradient {
    position: absolute;
    width: 100%;
    height: 70%;
    top: 0%;
    left: 0%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.amppb-mar-padd{
    float:left;position: relative;margin-right: 6px;
}
.modal-wrapper .amppb-mar-padd input{
    width:65px; text-align: center
}
.ampforwp-left-arrow:before{
    content: "\f340";
    background: #ddd;
    padding: 10px 4px 10px 4px;
    position: relative;
    top: 6px;
    font-size: 15px;
    left: 2px;
}
.ampforwp-right-arrow:before{
    content: "\f344";
    background: #ddd;
    padding: 10px 4px 10px 4px;
    position: relative;
    top: 6px;
    font-size: 15px;
    left: 2px;
}
.ampforwp-down-arrow:before{
    content: "\f346";
    background: #ddd;
    padding: 10px 4px 10px 4px;
    position: relative;
    top: 6px;
    font-size: 15px;
    left: 2px;
}
.ampforwp-up-arrow:before{
    content: "\f342";
    background: #ddd;
    padding: 10px 4px 10px 4px;
    position: relative;
    top: 6px;
    font-size: 15px;
    left: 2px;
}
 







.clearfix{
    clear:both;
}

/**** Font-Icons ****/
@font-face {
  font-family: 'icomoon';
  src:
    url('../../templates/design-manager/swift/fonts/icomoon.ttf?wtrpmf') format('truetype'),
    url('../../templates/design-manager/swift/fonts/icomoon.woff?wtrpmf') format('woff'),
    url('../../templates/design-manager/swift/fonts/icomoon.svg?wtrpmf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.amppb_accordion__panel {
  padding: 1rem;
  background: #ffffff;
  display: block;
  cursor:pointer;
  position: relative;
}
a.amppb_accordion__panel:hover {
  background: #e8e8e8;
  }

.amppb_accordion__panel.active {
    background: #e8e8e8;
}
.amppb_accordion__panel .right{
    float: right
}
/*** Backend CSS ***/
.amp-accordion-head .amp-accordion-label{
    display:none;
    top: 17px;
    right: 0;
    position: absolute;
    right: 79px;
    text-transform: uppercase;
    font-size: 10px;
    z-index: 0;
}
.amp-accordion-head:hover .amp-accordion-label{
    display:inline-block;
}
.amp-accordion-head:hover{
    background:#ded6d666;
}
.repeater_num {
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 60px;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-right:10px;
}
.amp-repeat-active .amp-accordion-head{
    background: #23282d;
    color: #fff;
    position: relative;
}
.amp-repeat-active .amp-accordion-content{
    padding: 0px 10px;
    border: 5px solid #23282d;
}

/*** RTL CSS ***/
.rtl .amppb-module .module_label {
    left: -35px;
}
.rtl #amp-page-builder .form-label{
 margin-right:10px;
}
.rtl .amp-accordion-head .amp-accordion-label {
    position: static;
    float: left;
}

.rtl .amppb_accordion__panel .right {
    float: left;
    margin-left: 20px;
}


.layout-image-picker img{
    width:100%;
}
.layout-image-picker.active{
    width:100%;
    border: 1px solid blue;
}
.amp-layout-breadcrumbs {
    display: inline-block;
    margin: 20px 0 10px 0;
    width: 100%;
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
}
.amp-layout-breadcrumbs .dashicons{
    font-size: 15px;
    color: #666;
    line-height: 20px;
    margin: 0;
    padding: 0px;
    border-radius: 40px;
}
.amp-layout-breadcrumbs_arrow {
    color: #ccc;
    margin: 0px 3px;
    position: relative;
    top: -1px;}
body .modal-footer .del-btn-modal{ 
    background: none;
    text-shadow: none;
    color: #777;
}
.amp-layout-breadcrumbs_last{font-weight: bold}
.amp_l_preview_button{width: 49.2% !important}