@media print {

    html,
    body {
        font-size: 8px;
        line-height: 10px;
        font-weight: normal !important;
    }

    h1,
    .h1 {
        font-size: 16px;
        line-height: 16px;
        font-weight: normal !important;
        padding: 0;
        margin: 0;
    }

    h2,
    .h2 {
        font-size: 14px;
        line-height: 14px;
        font-weight: normal !important;
        padding: 0;
        margin: 0;
    }

    h3,
    .h3 {
        font-size: 12px; 
        line-height: 12px;
        font-weight: normal !important;
        padding: 0;
        margin: 0;
    }

    h4,
    .h4 {
        font-size: 10px; 
        line-height: 10px;
        font-weight: normal !important;
        padding: 0;
        margin: 0;
    }

    h5,
    .h5 {
        font-size: 8px; 
        line-height: 8px;
        font-weight: normal !important;
        padding: 0;
        margin: 0;
    }

    p,
    .p {
        font-size: 8px;
        line-height: 8px;
        font-weight: normal !important;
        padding: 0;
        margin: 0;
    }
}

table.importadorTable{
    table-layout: fixed;    
}

.importadorTable th,
.importadorTable td{
    width: 200px;
}

.ge-content-type-tinymce img{
    max-width: 100% !important;
    height: auto;
}

.ge-content-type-tinymce iframe{
    max-width: 100% !important;
    height: auto;
}

.ge-content-type-tinymce video{
    max-width: 100% !important;
    height: auto;
}

.CodeMirror{
    height: 600px !important;
    max-height: 1500px;
}

.image_cropper {
    background-color: #646464;
    width:100%;
    min-height: 100%; 
    position: fixed; 
    height: 100%; 
    top: 0;
    left: 0; 
    display: none;
    z-index: 9999;
    padding: 30px;
}

.dashboards_wrapper section.content{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.padding_null {
    padding: 0px;
  }
  .margin_null {
    margin: 0px;
  }

.image_cropper_content{

}

.image_cropper_controls{
    position: absolute;
    right: 10px;
    top: 10px;
}

.image_cropper_close_btn{
    font-size: 30px;
    color: #FFF;
    cursor: pointer;
}


.padding_top{
    padding-top: 30px;
}

.padding_top_15{
    padding-top: 10px;
}

.init_image_box_hide{
    
}
 
table.dataTable tbody tr.child{
    background-color: transparent !important;
}    

.image_content_editor_open_link{
    cursor: pointer;
    position: relative;width: 100%;height: 100%;
}

.image_content_editor_image{
    width: 100%;
    height: auto;
}

.image_content_editor_open_link:hover .image_content_editor_open,
.image_content_editor_open_link:hover .image_content_editor_mask{
    opacity: 1;
}

.image_content_editor_open{
    color: #FFF;
    font-size: 40px;
    z-index: 9999;
    position: absolute;
    top:50% !important;
    bottom:auto !important;
    left:50% !important;
    right:auto !important;
    -ms-transform: translate(-50%, -50%) !important; /* IE 9 */
    -webkit-transform: translate(-50%, -50%) !important; /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%) !important;
    opacity: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}

.image_content_editor_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0,0,0,0.5);    
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}

.pop-up-div-close-btn{
  font-size: 30px;
  color: #FFF;
  position: absolute;
  right: 25px;
  top: 20px;
  cursor: pointer;
}

.ge-html-output{
    background-color: #FFF;
}

.pop-up-div{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 9999999;
}

.pop-up-div-container{
    text-align: center;
    margin: 0 auto;
}

table tfoot th { 
    white-space: nowrap; 
}

#mce-modal-block{
    z-index: 2 !important;
}

.mce-container, .mce-container-body{
    z-index: 9 !important;
}

.mce-floatpanel{
    z-index: 999999;
}

.element_hide{
	display:none;
}

canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
}

.item_valign{
    position:relative;
    top:50%;
    bottom:auto;
    -ms-transform: translate(0px, -50%); /* IE 9 */
    -webkit-transform: translate(0px, -50%); /* Chrome, Safari, Opera */
    transform: translate(0px, -50%);
}

.abitem_valign{
    position:absolute;
    top:50%;
    bottom:auto;
    -ms-transform: translate(0px, -50%); /* IE 9 */
    -webkit-transform: translate(0px, -50%); /* Chrome, Safari, Opera */
    transform: translate(0px, -50%);
}

.item_halign{
    position:relative;
    left:50%;
    right:auto;
    -ms-transform: translate(-50%, 0px); /* IE 9 */
    -webkit-transform: translate(-50%, 0px); /* Chrome, Safari, Opera */
    transform: translate(-50%, 0px);
}
.item_falign{
    position:relative;
    top:50% !important;
    bottom:auto !important;
    left:50% !important;
    right:auto !important;
    -ms-transform: translate(-50%, -50%) !important; /* IE 9 */
    -webkit-transform: translate(-50%, -50%) !important; /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%) !important;
}


.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 15px;
    height: 35px;
    float: left;
    margin-top: 25px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 35px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.dataTable > tbody > tr > td a:not(:last-child):after {
    content:' | ';
    margin-left: 5px;
    margin-right: 5px;
    color: #646464;
}

.nav-link.active{
    color: #495057;
    background-color: #f7f7f7;
} 

.x_panel{
    width: 100%;
}

.loading_image_container{
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
}

.loading_image_container div{
    position: relative;
    width: 100%;
    height: 100%;
}

.loading_image_container img{
    position: absolute;
    top:50% !important;
    bottom:auto !important;
    left:50% !important;
    right:auto !important;
    -ms-transform: translate(-50%, -50%) !important; /* IE 9 */
    -webkit-transform: translate(-50%, -50%) !important; /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%) !important;   
    width: 550px;
    height: auto;
    max-width: 100%; 
}


.box-body label{
    font-weight: bold;
    font-size: 14px;
    color: #323232;
}

.SumoSelect{
    width: 100%;
}

.sumo_color_ctr_box > label{
    overflow: initial !important;
    display: inline-block !important;
}

.sumo_color_ctr_box .boxed_color_select{
    content: '';
    width: 30px;
    height: 8px;    
    display: inline-block;
    border: 1px solid #323232;
    margin-left: 8px;
}


/* MODAl */

.modal {
    z-index: 99999 !important;
}

.modal-dialog-centered{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    /* color: white; */
}


/* END MODAl */

/* class to limit heigth in "sended_emails" listing */
.mail_status_body{
    max-height: 150px;
    overflow: scroll;
    -ms-overflow-style: none;
    overflow: scroll;
    scrollbar-width: none;
}
 /* Hide scrollbar for Chrome, Safari and Opera */
.mail_status_body::-webkit-scrollbar {
    display: none !important;
    width: 0px !important;
    background: transparent !important; /* make scrollbar transparent */
}
/* end class to limit heigth in "sended_emails" listing */

.dt-rowReorder-moving{
    visibility: hidden !important;
}
.dt-rowReorder-float{
    outline: none !important;
    border: none !important;
    opacity: 1 !important;
    -webkit-box-shadow: -3px 13px 39px 1px rgba(0,0,0,0.29);
    -moz-box-shadow: -3px 13px 39px 1px rgba(0,0,0,0.29);
    box-shadow: -3px 13px 39px 1px rgba(0,0,0,0.29);
}