/* email engine **/
.engine-header
{
    overflow: hidden;
}
.read_out{
    float: right;
    font-size: 110%;
    color: #36454F;
    font-weight: bold;
    margin: 10px 15px 5px 0px;
}
.read_out_img{
    margin: 5px;
    width: 25px;
    height: 35px;
}
.btn_expand
{
    background: none;
    font-size: 25px;
    color: #36454F !important;
    /*margin-top: 7px;*/
    padding-right: 10px;
    box-shadow: none !important;
}
.btn-clear
{
    float: right;
    text-align: right;
    margin-top: 20px;
}
.mr-new{margin-right: -20px; }
  .w-new{width: 620px; text-align: justify;}
  #redo_content{margin-left: 6px;}
  #save_template{ margin-left: 10px; }
  .clear_email{margin-left: -2px;}
.margin-right
{
    margin-right: 20px;
}
.flexdiv .hover_text
{
    height: 260px !important;
}
.middle {
  transition: .5s ease;
  /*position: absolute;
  top: 30%;*/
  /* left: 50%; */
  transform: translate(22%, -71%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;

  width: 161px;
  height: 224px;
}
.middle_text{
    margin-top: 100px;
    font-size: 14px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    
}
.hover_text:hover .templates {
  opacity: 0.3;
}
.templates:hover .middle{
  opacity: 1;
}
.hover_text .middle:hover
{
    opacity: 1;
}
#btn_Addtemplate .fa-cloud{
    font-size: 38px !important;
    color: #36454F !important;
}
.fa-pencil-css
{    
    color: #cccccc;
    float: right;
    /* font-size: 27px; */
    margin-top: 12px;
    margin-right: 7px;
}
.margin-text{
    margin-top: 7px;
}
.margin
{
    margin-top: 50px;
}
.image_text
{
    font-size: 11px !important;
}
.popup_img
{
    margin-top: 15px;
}
.url-width
{
    width: 350px !important;
}
#uploadNewFile{
    float: right;
    margin-left: 10px;
}
#btn_Addtemplate .create_new_template
{
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    margin-left: 12px;
}
.intro-text
{
    font-size: 14px;
    width: 581px;
    padding-top: 20px;
    padding-left: 10px;
}
.top-text
{
    /*padding: 10px 10px 10px 5px;*/
   /* width: 650px;*/
    float: left;
}
.margin-top
{
    margin-top: -50px
}
.margin-bottom
{
    margin-bottom: 100px;
}
.margin-left
{
    margin-left: 42px;
}
.hr-width
{
    margin-left: 6px;
    width: 660px
}
#u_body{
    background-color: #F5F5F5 !important;
     font-family: 'Ubuntu', sans-serif;
}
#editor body
{
     font-family: 'Ubuntu' !important;
}
.text-bottom
{
    margin-bottom: 25px;
}
.content_text
{
    width: 340px;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #3276b1
}
.content_text1
{
    width: 172px;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #3276b1;
    float: left;
}
.content_text_expand
{
    width: 840px;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #3276b1
}
.content_text1_expand
{
    width: 218px;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #3276b1;
    float: left;
}
.email_engine_menu
{
    list-style-type: none;
    /*margin-left: -40px;*/
    background-color: #F5F5F5;
    height: 40px;
}
.email_engine_menu li
{
    float: left;
    /* padding: 10px 70px 0px 0px; */
    text-align: center;
    padding-top: 12px;
    /*border: 1px solid #ccc;*/
}

.li_menu
{
    width: 100px;
    height: 40px;
    position: relative;
    /* background: #16629d; */
    margin: 0px 0px 10px 0px;
    color: #16629d;
    font-weight: bold;
}

.alert_message{
    width: 244px ;
}
/*.li_menu:after {*/
/*content: "";*/
/*position: absolute;*/
/*left: 0;*/
/*bottom: 0;*/
/*width: 0;*/
/*height: 0;*/
/*border-left: 20px solid white;*/
/*border-top: 20px solid transparent;*/
/*border-bottom: 20px solid transparent;*/
/*}
*/
/*.li_menu:before*/
/*{*/
/*content: "";*/
/*position: absolute;*/
/*right: -20px;*/
/*bottom: 0;*/
/*width: 0;*/
/*height: 0;*/
/*border-left: 20px solid #16629d;*/
/*border-top: 20px solid transparent;*/
/*border-bottom: 20px solid transparent;*/
/*}*/
.cb
{
    clear: both;
}

.email_engine_menu .active
{
    background: white;
    color: #16629d !important;
}
.email_engine_menu .active a{
    color: #16629d !important; text-decoration: none;
}
.email_engine_menu .li_menu a
{
    text-decoration: none;
    color: #16629d ;
    padding: 14px;
}
/* summary*/
.summary_details
{
    background-color: #F5F5F5;
    height: 35px;
}
.outerarea{ margin: 20px;}
.bold{ font-weight: bold;}
.maindiv{
    width: 420px;
    overflow: hidden;
    /* padding: 5px; */
}
.maindiv .small{
    width: 160px;
    float: left;
    /* padding-left: 10px; */
}

.maindiv .large{
    /*width: 280px;*/
    float: left;
}
.edit {
    background: url(/assets/ivied-tower/img/pencil-icon25x25.png) no-repeat;
    width: 25px;
    height: 25px;
    /* position: absolute; */
    top: 8px;
    right: 14px;
    cursor: pointer;
    margin-right: 6px;
    margin-top: 5px;
}
.expand{
    background: url("/assets/ivied-tower/img/img_expand.png");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.expand_dynamic
{
    /*margin-left: 140px;*/
    /*margin-top: 15px;*/
    /*position: absolute;*/

    margin-left: 22px;
    margin-top: 4px;
    position: absolute;
}
.color1{
    color: #16629d;
}
.color2{
    color: #3399ff;
}
.heading{
    padding-left: 10px;
    line-height: 35px;
}
.cb
{
    clear: both;
}
#btn_Addtemplate
{
    border: 1px solid #cccccc;
    background-color: #F5F5F5;
    color: #000000;
    height: 225px;
    padding: 20px;
    text-transform: none;
    width: 170px;
    border-radius: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #36454F !important;
}

#create_template_form{ float: left;}
.templates {
    border: 1px solid #cccccc;
    float: left;
    height: 224px;
    width: 170px;
    margin-left: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer;
}
.templates_static {
    border: 1px solid #cccccc;
    float: left;
    height: 224px;
    width: 170px;
    margin-left: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer;
}
.top-buttons{ margin-bottom: 20px;}
.bottom-buttons{ margin-top: 20px;}


#editor-container iframe{
   min-width: 895px !important;
    min-height: 700px !important;
    margin-left: -19px;
    font-family: 'Ubuntu', sans-serif;
}
.templateInput
{
    float: left;
    margin-bottom: 30px;
}
.template-name{
    float: left;
    width: 100px;
    margin-top: 6px;
    margin-left: -10px;
}
.required{
    color: red;
}
.flexdiv{
    display: flex;
    flex-wrap: wrap;
}
.flexdiv div{
    -webkit-flex-grow: 0; /* Safari 6.1+ */
    -webkit-flex-shrink: 0; /* Safari 6.1+ */
    -webkit-flex-basis: 170px; /* Safari 6.1+ */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 170px;
}
form label{
    text-transform: none !important;
    font-weight: normal !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.form_row
{
    margin-top: 20px;
}
.form_row_button
{
    margin-top: 40px;
}
.device{ float: left; margin: 10px;}
/* switch button */
.switch {
    position: relative;
    display: inline-block;
    width: 85px;
    height: 34px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #16629d;
}

input:focus + .slider {
    box-shadow: 0 0 1px #16629d;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(52px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 6px;
}

.slider.round:before {
    border-radius: 8%;
}

.switch .slider{
    color: white;
    line-height: 33px;
    padding-left: 8px;
}
.summary_template{
    height: 360px;
    overflow: hidden;
    width: 427px;
}
.increase-height
{
    overflow-y: scroll;
}
.blockbuilder-preferences .btn-link{
    background-color: #00b0f0 !important;
}

#row-editor.fullscreen{
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: white;
}
.mbl_version{
    width: 375px !important;
    margin: 0 auto !important;
}
.div_responsive{
    overflow: hidden !important;
}


    #outlook a {
  padding: 0; }

.ReadMsgBody {
  width: 100%; }

.ExternalClass {
  width: 100%; }

.ExternalClass * {
  line-height: 100%; }

  .mce-abs-layout {
    position: fixed !important;
    border-width :1px !important;
    box-sizing:content-box !important;
}

@media only screen and (min-width: 480px) {
  .email-col-17 {
    width: 17% !important; }
  .email-col-25 {
    width: 25% !important; }
  .email-col-33 {
    width: 33% !important; }
  .email-col-50 {
    width: 50% !important; }
  .email-col-67 {
    width: 67% !important; }
  .email-col-100 {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  img.fullwidth {
    max-width: 100% !important; } }