/*image uploader preview*/
.upload-preview img {
    height: 80px;
    width: 80px;
    border: 1px solid #ddd;
    padding: 5px;
    cursor: pointer;
}

.hdn-uploder {
    display: none !important;
}

/*phone number input field*/
.iti{
    display: block!important;
}

/*
Start jquery datatable style
*/
.dataTables_wrapper .dt-buttons a.dt-button {
    background-color: #607d8b;
    color: #fff;
    padding: 7px 12px;
    margin-right: 5px;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    font-size: 13px;
    outline: 0;
}
div.dt-buttons {
    margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    margin-top: 4px;
}
button.dt-button, div.dt-button, a.dt-button {
    background-image: none !important;
}
.buttons-csv {
    background-color: #2ab9d0 !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);
    color: #fff !important;
    border-radius: 30px !important;
    border: 0 !important;
    height: 30px;
    width: 60px;
    cursor: pointer;
}
.buttons-create {
    background-color: #2ab9d0 !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgb(42, 184, 207);
    color: #fff !important;
    border-radius: 30px !important;
    border: 0 !important;
    height: 30px;
    width: 60px;
    cursor: pointer;
    padding: 0px !important;
}
.buttons-excel {
    background-color: #59bf70 !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);
    color: #fff !important;
    border-radius: 30px !important;
    border: 0 !important;
    height: 30px;
    width: 60px;
    cursor: pointer;
}
.buttons-reload {
    background-color: #59bf70 !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgb(89, 190, 112);
    color: #fff !important;
    border-radius: 30px !important;
    border: 0 !important;
    height: 30px;
    width: 60px;
    cursor: pointer;
    padding: 0px !important;
}
.buttons-export {
    background-color: #000000 !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(0, 0, 0, 0.6);
    color: #fff !important;
    border-radius: 30px !important;
    border: 0 !important;
    height: 30px;
    width: 60px;
    cursor: pointer;
    padding: 0px !important;
}

.buttons-pdf {
    background-color: #e91e63 !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);
    color: #fff !important;
    border-radius: 30px !important;
    border: 0 !important;
    height: 30px;
    width: 60px;
    cursor: pointer;
}

.buttons-reset {
    background-color: #e91e63 !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);
    color: #fff !important;
    border-radius: 30px !important;
    border: 0 !important;
    height: 30px;
    width: 60px;
    cursor: pointer;
    padding: 0px !important;
}

.buttons-print {
    background-color: #6563ef !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px #6563ef;
    color: #fff !important;
    border-radius: 30px !important;
    border: 0 !important;
    height: 30px;
    width: 60px;
    cursor: pointer;
}

/*
End jquery datatable style
*/
.ic-margin-right-5 {
    margin-right: 5px;
}
.ic-custom-action .waves-circle{
    line-height: 1.5em!important;
}
.ic-custom-action a {
    margin-right: 5px;
}
.ic-custom-action {
    margin-top: -44px!important;
    text-align: center;
}

.ic-list-img {
    width: 60px;
    height: 60px;
}
table.dataTable {
    width: 100% !important;
}
.table-responsive {
    width: 100% !important;
}
.img-64 {
    width: 64px;
    height: 64px;
}


.select2-search__field{
    height: 30px;
}


.navbar-brand-box {
    background: #ececf1 !important;
}
.tox .tox-dialog--width-lg {
    height: 600px !important;
    max-width: 800px !important;
        border-radius: 10px !important;

    /* margin-top: 50px !important; */
}
/* For email template editor css start*/
.tox .tox-dialog-wrap {

    left: 129px !important;
    /* position: fixed ; */
    right: 0;
    top: 0px !important;
}

.tox.tox-silver-sink.tox-tinymce-aux {
    position: static !important; 
}
.tox .tox-dialog__header{
    background-color: #e9ecef !important;
}
.tox-dialog__footer{
    background-color: #e9ecef !important;
}
.tox-button{
        background-color: #e9ecef !important;
        border-color:  #e9ecef !important;

}
/* For email template editor css end*/