.message-id{
    /*    display: inline-block;
        float: left;
        color: #e4e2e2;*/
 display: inline-block !important;
    float: left !important;
    color: #c3c3c3 !important;
    left: 16px !important;
    position: absolute !important;
    top: 12px !important;
}

/*.form-group {
    margin-bottom: 30px;
}*/

.max_image_size{
    font-size: 10px !important;
    color: #797777 !important;
}
.common-modal-header{
    background: #fbff04 !important;
    color: black !important;
}
.common-modal-body{
    background: #ffff0045 !important;
    padding: 20px !important;
    color: black !important;
}
.common-modal-footer{
  background: #c5c50f45 !important;
    color: black !important;
    padding: 8px 14px 5px 14px !important;
    position: relative !important;
    
    display: flex !important;
    /*flex-shrink: 0;*/
    /*flex-wrap: wrap;*/
    align-items: center !important;
    justify-content: flex-end !important;
}

.model-y-btn{
    background-color: #22BAA0 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    
    font-size: 13px !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    
    padding: 6px 12px !important;
}
.model-y-btn:hover{
    background-color: #157347 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

.model-n-btn{
    background-color: #919191 !important;
    color: #fff !important;
    border: 1px solid transparent !important;

     font-size: 13px !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    
        padding: 6px 12px !important;
}
.model-n-btn:hover{
    background-color: #727272 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

.table-preview-image{
    /*height: 100px !important;*/
        width: auto !important;
    height: auto;
    max-width: 120px;
    max-height: 80px;
}
.nestable-cat-btn{
    float:right !important;
}
.status-toggle{
    margin-left: 3px !important;
}
.form-modal-header{
    background-color: #22BAA0 !important;
    color: white !important;
    margin-bottom: 15px !important;
}
.form-modal-close{
    color: white !important;
    opacity: 1 !important;
}

.hand-cursor{
    cursor: pointer !important;
}
.appname {
    text-align: right !important;
}
.design_by{
    padding-left: 0 !important;
}
.parsley-required{
    color: red !important;
}

img#error-page-logo{
    width: 220px !important;
    margin-left: 80px !important;
    margin-bottom: 25px !important;
}

.loading-circle{
    width: 32px !important;
    margin-right: 10px !important;
    display: none !important;
}
.logo-dashboard{
    margin-left: 47px !important;
}

.modal-header.common-modal-header .btn-close span{
    /*opacity:0 !important;*/
        font-weight: 900
}

.topic-box-lg{
    /*background-color:green !important;*/
}

* .modal-header.common-modal-header {
    display: flex !important;
    flex-direction: row !important;
    
    padding: 20px 20px 20px 20px !important;
    overflow: hidden !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 0 !important;
    height: 55px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

* .modal-header.common-modal-header button.btn-close{
    padding:8px !important;
    width: 2em !important;
    height: 2em !important;
    color: #000 !important;
    /*background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e) center / 1em auto no-repeat;*/
    background: transparent;
    border: 0 !important;
    border-radius: .375rem !important;
    opacity: .5 !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: translate(6px, 2px) !important;
    font-weight: 100 !important;
}

* .modal-header.common-modal-header button.btn-close span{
    font-size: 42px !important;
    line-height: 1 !important;
}

.modal-header.common-modal-header .modal-title{
      font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1;
}