html,
    body { margin: 0; padding: 0; font-family: 'DM Sans'; font-weight: normal; font-style: normal; 
        font-size: 16px; line-height: 1.7; letter-spacing: 0.20px; color: #2d2d2d; height: 100%; }
    
    *, ::after, ::before {
        box-sizing: border-box;
    }

    body { background: #f4f7fa; }

    img { display: block; max-width: 100%; }

    a { transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; }

    a { color: #2d2d2d; text-decoration: none; display: inline-block; }
    a:hover,
    a:focus { color: #0080ff; fill: #0080ff; text-decoration: underline; }

    .btn { background: #111e6c; border: 1px solid #111e6c; display: inline-block; padding: 15px 30px; color: #fff; 
        text-decoration: none; fill: #fff; cursor: pointer; line-height: 18px; }

    button.btn { font-size: 16px; letter-spacing: 0.5px; }

    .btn.sky { background-color: #0080ff; border-color: #0080ff; }

    .btn:hover,
    .btn:focus { background: #0080ff; border-color: #0080ff; color: #fff; fill: #fff; text-decoration: none; }

    .btn.sky:hover,
    .btn.sky:focus { background-color: #111e6c; border-color: #111e6c; }

    .btn.none { background: none; color: #2d2d2d; fill: #2d2d2d; border-color: #fff; }

    .btn.small { padding: 6px 15px; font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: 0.8px; }

    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6 { font-family: 'Halyard Display'; margin: 0 0 20px; line-height: 1.2; letter-spacing: 2px; color: #111e6c; text-transform: uppercase; }

    p { margin: 20px 0; }

    h1, .h1 { font-size: 40px; }
    h2, .h2 { font-size: 34px; }
    h3, .h3 { font-size: 30px; }
    h4, .h4 { font-size: 24px; }
    h5, .h5 { font-size: 18px; }
    h6, .h6 { font-size: 16px; }

    .text-center { text-align: center; }
    .text-left { text-align: left; }
    .text-right { text-align: right; }

    strong { font-weight: 900; }

    .section-m { margin: 100px 0; }
    .section-p { padding: 100px 0; }

    .container-full {  padding: 0 20px; max-width: 1700px; margin: 0 auto; }
    .container { padding: 0 20px; max-width: 1130px; margin: 0 auto; }

    .mt-10 { margin-top: 10px; }
    .mt-20 { margin-top: 20px; }
    .mt-30 { margin-top: 30px; }
    .mt-40 { margin-top: 40px; }
    .mt-50 { margin-top: 50px; }
    .mt-60 { margin-top: 60px; }
    .mt-70 { margin-top: 70px; }
    .mt-80 { margin-top: 80px; }
    .mt-90 { margin-top: 90px; }
    .mt-100 { margin-top: 100px; }

    .mb-10 { margin-bottom: 10px; }
    .mb-20 { margin-bottom: 20px; }
    .mb-30 { margin-bottom: 30px; }
    .mb-40 { margin-bottom: 40px; }
    .mb-50 { margin-bottom: 50px; }
    .mb-60 { margin-bottom: 60px; }
    .mb-70 { margin-bottom: 70px; }
    .mb-80 { margin-bottom: 80px; }
    .mb-90 { margin-bottom: 90px; }
    .mb-100 { margin-bottom: 100px; }

    form:not(.notcssed) { display: flex; flex-wrap: wrap; gap: 25px; }

    form:not(.notcssed) input,
    div.srchfrm input,
    form:not(.notcssed) textarea,
    div.srchfrm textarea,
    form:not(.notcssed) select,
    div.srchfrm select { background: transparent; border: 1px solid #a5a5a5; padding: 10px 20px; color: #2d2d2d; font-family: 'DM Sans'; font-size: 16px; 
        line-height: 28px; outline: 0; width: 100%; appearance: none; }

    form:not(.notcssed) select,
    div.srchfrm select { background: url(../images/down-solid.svg) right 20px center no-repeat; background-size: 16px; }

    ::-ms-input-placeholder { color: #2d2d2d; }
    ::placeholder { color: #2d2d2d; }

    .forgot-pw { font-size: 14px; margin-right: 20px; }

    form:not(.notcssed) p { width: calc( 50% - 12.5px ); margin: 0; }

    form:not(.notcssed) p.full,
    form:not(.notcssed) p.full { width: 100%; }

    form:not(.notcssed) textarea { height: 100px; }

    .loginwrap { padding: 50px 20px; max-width: 1500px; margin: 0 auto; }

    .loginwrap .logowrap { text-align: center; }

    .smcontainer { max-width: 500px; padding: 0 20px; margin: 0 auto; }

    .loginwrap .mainwrap .logowrap { margin-bottom: 90px; }

    .box { background: #fff; box-shadow: 0px 3px 10px rgb(0 0 0 / 15%); padding: 30px; border-radius: 6px; position: relative; }
    .box .boxhead { margin: -30px; background: #111e6c; color: #fff; padding: 10px 15px; border-radius: 6px 6px 0 0; 
                    margin-bottom: 30px; display: flex; justify-content: space-between; text-transform: uppercase; font-size: 13px; }
    .box .boxhead a { color: #fff; }

    .box-row { display: flex; flex-wrap: wrap; gap: 30px; }
    .box-row.col-2>div { width: calc( 50% - 15px ); }
    .box-row.col-2>div.full { width: 100%; }
    .box-row.col-2>div.full h5 { display: flex; justify-content: space-between; align-items: center; }


    .footer { font-size: 12px; margin-top: 40px;  }

    .admin-main-wrap .footer { display: flex; justify-content: space-between; gap: 10px; }

    .loginwrap .footer {  text-align: center; }

    .footer p { margin: 10px 0 0; }

    .footer p a { text-decoration: underline; }
    .footer p a:hover,
    .footer p a:focus { text-decoration: none; }

    .footer p.devlpr,
    .footer p.devlpr a { color: #717070; }

    .error,
    .success { margin-bottom: 20px; font-size: 14px; text-align: center; }

    .error { color: #f00; }
    .success { color: #2ea100; }

    .admintogle { width: 22px; display: block; margin: auto 0; margin-right: auto; cursor: pointer; }
    .admintogle i { width: 100%; height: 2px; background: #111e6c; width: 21px; display: block; margin: 4px 0; }
    .admintogle i:nth-child(2) { width: 15px; }
    .admintogle:hover i { background: #0080ff; }

    .admintogle.active i:nth-child(2) { width: 30px; }
    .admintogle.active i:nth-child(1) { position: relative; left: 20px; transform: rotate(45deg); width: 10px; top: 2px; }
    .admintogle.active i:nth-child(3) { position: relative; left: 20px; transform: rotate(-45deg); width: 10px; top: -2px; }

    /* ADMIN CSS */

    .admin-main-wrap > .sidebar,
    .admin-main-wrap > .main-content { transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }

    .admin-main-wrap { position: relative; height: 100%; }
    .admin-main-wrap > .sidebar { position: fixed; left: 0; top: 0; bottom: 0; width: 250px; background: #fff; padding: 20px; box-shadow: 0px 0 15px #00000029; overflow: auto; }

    .sidebar-hide .admin-main-wrap > .sidebar { left: -310px; }

    .admin-main-wrap > .main-content { margin-left: 250px; padding: 30px 20px; }

    .sidebar-hide .admin-main-wrap > .main-content { margin-left: 0px; padding-left: 20px; }

    .admin-main-wrap > .sidebar .logowrap { max-width: 135px; margin-bottom: 50px; }
    .admin-main-wrap > .sidebar .nav-title { background: #111e6c; color: #fff; text-transform: uppercase; font-size: 10px; padding: 2px 20px 2px 30px; 
        margin-left: -30px; border-radius: 0 10px 10px 0; display: inline-block; margin-bottom: 30px; }

    .admin-main-wrap > .sidebar nav > ul { margin: 0; padding: 0; font-size: 15px; }
    .admin-main-wrap > .sidebar nav > ul > li { margin: 0 0 30px; padding: 0; list-style: none; }
    .admin-main-wrap > .sidebar nav > ul > li > a { position: relative; padding-left: 25px; fill: #111e6c; color: #111e6c; }
    .admin-main-wrap > .sidebar nav > ul > li > a > svg { position: absolute; left: 0; top: 4px; width: 15px; height: 15px; }

    .admin-main-wrap > .sidebar nav > ul > li:hover > a,
    .admin-main-wrap > .sidebar nav > ul > li.active > a,
    .admin-main-wrap > .sidebar nav > ul > li > a:hover,
    .admin-main-wrap > .sidebar nav > ul > li > a:focus { color: #0080ff; fill: #0080ff; text-decoration: none; }

    .admin-main-wrap > .sidebar nav > ul > li > ul,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > ul { margin: 15px 0 0; padding: 0 0 0 25px; font-size: 14px; }
    .admin-main-wrap > .sidebar nav > ul > li > ul > li,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > ul > li { margin: 10px 0; padding: 0; list-style: none; }

    .admin-main-wrap > .sidebar nav > ul > li > ul > li > a,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > ul > li > a { position: relative; fill: #111e6c; color: #111e6c; }
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > a > svg,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > ul > li > a > svg { position: absolute; left: 0; top: 4px; width: 15px; height: 15px; }

    .admin-main-wrap > .sidebar nav > ul > li > ul > li.active > a,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > a:hover,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > a:focus,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > ul > li.active > a,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > ul > li > a:hover,
    .admin-main-wrap > .sidebar nav > ul > li > ul > li > ul > li > a:focus { color: #0080ff; fill: #0080ff; text-decoration: none; padding-left: 10px; }

    .admin-main-wrap > .main-content > .admin-top { display: flex; justify-content: end; font-size: 14px; gap: 30px; margin-bottom: 30px; }
    .admin-main-wrap > .main-content > .admin-top > a { color: #4c4c4c; fill: #111e6c; display: flex; justify-content: center; gap: 10px; align-items: center; font-weight: 600; }
    .admin-main-wrap > .main-content > .admin-top > a > svg { width: 12px; }
    .admin-main-wrap > .main-content > .admin-top > a > img { border-radius: 100px; }
    .admin-main-wrap > .main-content > .admin-top > a:hover,
    .admin-main-wrap > .main-content > .admin-top > a:focus { text-decoration: none; color: #0080ff; fill: #0080ff; }


    .judgemnts-list-main .judgemnts-list-item { position: relative; padding-right: 50px; border-bottom: 1px solid #dfdfdf; padding-bottom: 15px; margin-bottom: 15px; }
    .judgemnts-list-main .judgemnts-list-item:last-child { border: 0; margin-bottom: 0; }
    .judgemnts-list-main .judgemnts-list-item h6 { margin: 0; color: #2d2d2d; text-transform: none; letter-spacing: 0.6px; font-weight: 500; line-height: 1.7; }
    .judgemnts-list-main .judgemnts-list-item .down-list-itm { position: absolute; right: 0; bottom: 12px; fill: #111e6c; color: #111e6c; }
    .judgemnts-list-main .judgemnts-list-item .down-list-itm > svg { width: 17px; }
    .judgemnts-list-main .judgemnts-list-item .down-list-itm:hover,
    .judgemnts-list-main .judgemnts-list-item .down-list-itm:focus { fill: #0080ff; color: #0080ff; }

    table { width: 100%; text-align: left; font-size: 13px; color: #515151; border-collapse: collapse; background: #fff; }
    table tr th { background: #f2f2f2; }
    table tr th,
    table tr td { padding: 10px; border: 1px solid #dfdfdf; }

    
    table tr th>span,
    table tr td>span { display: block; }

    table tr th.system_id { min-width: 140px; }

    table tr th { width: 10%; white-space: nowrap; }
    
    table tr th.action { width: 5%; }

    table.darktable tr th { background: #2d2d2d; color: #f4f7fa; }

    table tr:nth-child(odd) td { background: #f3f3f3; }

    .edits-action { display: flex; gap: 15px; }
    .edits-action > a { line-height: 10px; }
    .edits-action > a > svg { width: 15px; height: 15px; }
    .edits-action > a.edit-itm > svg { fill: #111e6c; }
    .edits-action > a.delete-itm > svg { fill: #f32218; }
    .edits-action > a:hover > svg,
    .edits-action > a:focus > svg { fill: #0080ff; }

    .multi-btns-group { display: flex; flex-wrap: wrap; gap: 10px; }
    

    .topformbar { display: flex; flex-wrap: nowrap; gap: 30px; margin-bottom: 30px; }

    .topformbar>.lft { width: 25%; }
    .topformbar>.rit { width: 75%; padding-top: 30px; }

    .bridcmp { color: #111e6c; margin-bottom: 0; font-size: 14px; }
    .bridcmp span { margin: 0 5px; }
    .bridcmp a { color: #111e6c; text-decoration: underline; }
    .bridcmp a:hover,
    .bridcmp a:focus { text-decoration: none; }
    .bridcmp strong { font-weight: 600; }

    form.srchfrm { gap: 10px; justify-content: end; align-items: center; width: 100%; }
    form.srchfrm.srchfrm1 { margin-bottom: 10px; }

    form.srchfrm.srchfrm1.asignusr label { font-size: 13px; font-weight: 600; margin-right: 10px; }

    form.srchfrm input,
    div.srchfrm input, 
    form.srchfrm textarea, 
    div.srchfrm textarea, 
    form.srchfrm select,
    div.srchfrm select { padding: 2px 10px; font-size: 13px; width: 20%; line-height: 30px; background: #fff; border-color: #e1e1e1; box-shadow: 0px 0px 4px #e1e1e1; height: 36px; outline: none; }

    form.srchfrm input.wideinput, 
    form.srchfrm textarea.wideinput, 
    form.srchfrm select.wideinput { width: calc( 35% - 100px ); }

    div.srchfrm { display: flex; flex-wrap: wrap; gap: 30px; }
    div.srchfrm>p { display: flex; flex-wrap: wrap; margin: 0; width: calc( 50% - 15px ); }
    div.srchfrm>p.full { width: 100%; }
    div.srchfrm>p label { width: 100%; margin-bottom: 5px; font-size: 13px; }

    div.srchfrm>p>input,
    div.srchfrm>p>select,
    div.srchfrm>p>textarea { width: 100%; }
    
    form.srchfrm select,
    div.srchfrm select { background: #fff url(../images/down-solid.svg) right 20px center no-repeat; background-size: 16px; }

    form.srchfrm select,
    div.srchfrm select { padding-right: 40px; background-position: right 15px center; background-size: 12px; }

    div.srchfrm textarea { height:  70px; }

    form.srchfrm .btn { padding: 5px 20px; font-size: 13px; line-height: 24px; width: 100px; }

    form.srchfrm ::-ms-input-placeholder,
    div.srchfrm ::-ms-input-placeholder { color: #979797; }
    form.srchfrm ::placeholder,
    div.srchfrm ::placeholder { color: #979797; }

    .topformbar>.lft h1 { text-transform: none; font-weight: 600; letter-spacing: 0.5px; }

    .pagination { margin-top: 40px; font-size: 14px; }
    .pagination > ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    .pagination > ul > li { margin: 0; padding: 0; list-style: none; }
    .pagination > ul > li > a,
    .pagination > ul > li > span { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; 
                                   line-height: 27px; color: #2d2d2d; fill: #2d2d2d; }
    
    .pagination > ul > li > a > svg,
    .pagination > ul > li > span > svg { width: 7px; }

    .pagination > ul > li > a.current,
    .pagination > ul > li > a:hover,
    .pagination > ul > li > a:focus,
    .pagination > ul > li > span.current { background: #0080ff; color: #fff; fill: #fff; text-decoration: none; }

    table.attachments tr th.name,
    table.attachments tr th.desc { width: 10%; }
    table.attachments tr th.down { width: 10%; }
    table.attachments tr th.fsize,
    table.attachments tr th.udate,
    table.attachments tr th.action { width: 6%; }

    .add_file_form { display: none; }

    .hidden_condition_box { display: none; }

    form.add_file_form { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgb(0 0 0 / 58%); z-index: 9999; display: flex; 
        justify-content: center; padding: 10px; opacity: 0; visibility: hidden; }
    .uploadactive form.add_file_form { opacity: 1; visibility: visible; } 
    .add_file_form .inr { background: #fff; margin: auto; padding: 30px; width: 100%; max-width: 500px; position: relative; }
    
    form.add_file_form .inr .clbtn { position: absolute;right: -10px; top: -10px; background: #f90000; display: flex; width: 30px; height: 30px; 
        justify-content: center; align-items: center; border-radius: 100%; color: #fff; font-family: cursive; font-size: 9px; cursor: pointer; border: 2px solid #fff; }

    form.notcssed.add_file_form h2 { width: 100%; margin: 0; text-transform: none; font-weight: 500; letter-spacing: 1px; }
    
    span.fpx { width: 100%; text-align: center; display: block; margin-top: 20px; font-size: 13px; } 

    .datefeature { background-image: url(../images/calender.svg) !important; background-repeat: no-repeat !important; background-position: right 10px center !important;
                   background-size: 12px !important; }

    input[disabled] { opacity: 0.5; background: #efefef !important; }

    td.inprocess { color: #00a707 !important; }
    td.closed { color: #eb2b2b !important; }

    .plugin-setting-list li {
        position: relative;
        padding-left: 30px;
        font-size: 16px;
        color: #000000;
        list-style-type: none;
        margin-bottom: 15px;
    }
    .plugin-setting-list li:before {
        content: "";
        position: absolute;
        left: 0;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E");
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #3cb371;
        border-radius: 100%;
    }
    
    .full.sbmitbtn { position: sticky; bottom: 0;background: #f4f7fa; padding: 10px; }
    
    .add_otp_box,
    .popupbox {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #000000e5;
      z-index: 99999;
      display: flex;
      align-content: center;
      justify-content: center;
      align-items: center;
      transition: 0.5s ease all;
      -webkit-transition: 0.5s ease all;
      -moz-transition: 0.5s ease all;
      -ms-transition: 0.5s ease all;
      -o-transition: 0.5s ease all;
    }
    
    
    .add_otp_box > form,
    .popupbox > form {
      max-width: 380px;
    }
    
    .add_otp_box .otpclbtn,
    .popupbox .otpclbtn {
      position: absolute;
      right: -10px;
      top: -10px;
      background: #f90000;
      display: flex;
      width: 30px;
      height: 30px;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      color: #fff;
      font-family: cursive;
      font-size: 9px;
      cursor: pointer;
      border: 2px solid #fff;
    }
    
    .add_otp_box .shortentext,
    .popupbox .shortentext {
      display: block;
      width: 100px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .shortentext2 {
        display: block;
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

    .popupbox { background: #00000024; align-items: normal; padding-top: 50px; opacity: 0; visibility: hidden; }
    .popupbox.activate_popup { opacity: 1; visibility: visible; }
    
    .popupbox > form {
      max-width: 600px;
    }

    form.srchfrm select[multiple], div.srchfrm select[multiple] {
        height: 240px;
        background-image: none !important;
        padding-right: 10px;
    }

    form.srchfrm select[multiple] option, div.srchfrm select[multiple] option {
        padding: 8px 10px;
        border-radius: 100px;
        margin: 5px 0;
    }

    form.srchfrm select[multiple] option:checked, div.srchfrm select[multiple] option:checked {
        background: #0080ff;
        color: #fff;
    }


    .editor-container {
        width: 100%;
        background-color: #f9f9f9;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .editor-container .toolbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }

    .editor-container button,
    .editor-container .clrplt {
        font-size: 16px;
        cursor: pointer;
        margin: 4px;
        padding: 8px 12px;
        border: none;
        background: #c5c5c5;
        border-radius: 4px;
        transition: background-color 0.3s;
    }

    .editor-container button:hover,
    .editor-container .clrplt:hover {
        background-color: #0080ff;
        color: #fff;
    }

    .editor-container .editor {
        border: 1px solid #ccc;
        min-height: 200px;
        padding: 10px;
        overflow-y: auto;
        border-radius: 8px;
    }

    #charCount,
    #wordCount {
        float: right;
        margin-top: 10px;
        color: #777;
        text-align: left;
        margin-right: 10px;
    }

    /* Responsive Styles */
    @media (max-width: 600px) {
        .toolbar {
            flex-direction: column;
            align-items: center;
        }

        .toolbar button,
        .editor-container .clrplt {
            margin: 4px 0;
        }

        .editor {
            min-height: 150px;
        }
    }

    .editor-container .cstmCols {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .editor-container .cstmCols button,
    .editor-container .clrplt {
        padding: 5px;
        font-size: 13px;
    }

    
/* Plugin Style Start */

    .kwt-file { width: 100%; }
    .kwt-file__drop-area { height: 200px; position: relative; display: flex; align-items: center; width: 100%; padding: 20px; background-color: #ffffff; 
        border-radius: 12px; transition: 0.3s; border: dashed 2px #111e6c; justify-content: center; }
    .kwt-file__drop-area.is-active { background-color: #d1def0; }
    .kwt-file__choose-file { flex-shrink: 0; background-color: #0080ff; border-radius: 100%; margin-right: 10px; color: #ffffff; width: 48px; height: 48px; 
        display: flex; align-items: center; justify-content: center; display: none !important; }
    .kwt-file__choose-file.kwt-file_btn-text { border-radius: 4px; width: auto; height: auto; padding: 10px 20px; font-size: 14px; }
    .kwt-file__choose-file svg { width: 24px; height: 24px; display: block; }
    .kwt-file__msg { color: #0080ff; font-size: 16px; font-weight: 400; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .kwt-file__input { position: absolute; left: 0; top: 0; height: 100% !important; width: 100% !important; cursor: pointer; opacity: 0; }
    .kwt-file__input:focus { outline: none; }
    .kwt-file__delete { display: none; position: absolute; top: 20px; right: 20px; width: 18px; height: 18px; cursor: pointer; }
    .kwt-file__delete:before { content: ""; position: absolute; left: 0; transition: 0.3s; top: 0; z-index: 1; width: 100%; height: 100%; background-size: cover;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%230080ff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
    }
    .kwt-file__delete:after { content: ""; position: absolute; opacity: 0; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%) scale(0); 
        background-color: #f00; border-radius: 50%; transition: 0.3s; }
    .kwt-file__delete:hover:after { transform: translate(-50%, -50%) scale(2.2); opacity: 0.1; }

    input[type="checkbox"] { position: absolute; left: -99999999999999px; }
    .checkbox { width: 30px; display: block; background: #fff; border-color: #e1e1e1; box-shadow: 0px 0px 4px #e1e1e1; height: 30px; border: 1px solid #a5a5a5; }

    div.srchfrm>p label.checkbox-main { display: flex; gap: 15px; align-items: center; }

    input:checked + .checkbox { background: #fff url(../images/check.svg) center center no-repeat; background-size: 16px; }

    .cstmgrouplinks { display: flex; justify-content: end; gap: 20px; }

    span.cstminput,
    span.cstmtextarea { padding: 2px 10px; font-size: 13px; width: 20%; line-height: 30px; background: #fff; border-color: #e1e1e1; box-shadow: 0px 0px 4px #e1e1e1; 
        height: 36px; outline: none; width: 100%; }
    span.cstmtextarea { height: 70px; }

    table .checkbox {
        width: 20px;
        height: 20px;
        border: 1px solid #afafaf;
        box-shadow: 0 0 0;
        border-radius: 2px;
    }

    table input:checked + .checkbox {
        background-size: 13px;
    }

    table.darktable tr th.checkbox_col {
        width: 10px;
    }

    .max-height-table {
        position: relative;
        overflow: hidden;
    }

    .max-height-table-inr {
        height: 500px;
        position: relative;
        overflow: auto;
    }
    
    
    .editor-container button,
    .editor-container .clrplt {
      position: relative;
    }
    
    .fore-palette, .back-palette, .editorhdings {
      position: absolute;
      left: 0;
      top: 100%;
      background: #fff;
      z-index: 5;
      border: 1px solid #c5c5c5;
      width: 228px;
      text-align: left;
      padding: 10px;
      display: none;
      flex-wrap: wrap;
      gap: 5px;
    }
    
    .editor-container .clrplt {
      cursor: default;
      font-size: 16px !important;
      padding: 5px 10px;
    }
    
    .fore-palette span, 
    .back-palette span,
    .editorhdings span {
      width: 30px;
      height: 30px;
      display: block;
    }
    
    .editor-container button:hover div,
    .editor-container .clrplt:hover div {
      display: flex;
    }

    .ql-container {
      height: auto !important;
      padding: 30px;
      background: #fff;
    }
    
    .ql-container .ql-editor {
      margin: 0;
      padding: 0;
    }
    
    .ql-container .ql-editor p, .ql-container .ql-editor h1, .ql-container .ql-editor h2, .ql-container .ql-editor h3, .ql-container .ql-editor h4, .ql-container .ql-editor h5, .ql-container .ql-editor h6 {
      margin: 0;
      text-transform: none;
      letter-spacing: normal;
      color: inherit;
      line-height: 1.1;
    }
    
    .ql-picker-options {
      max-height: 200px;
      overflow: auto;
    }
    
    .ql-editor,
    .ql-editor * {
      font-family: Arial;
    }
    
    .ql-editor {
      font-family: Arial;
      font-size: 16px;
      line-height: 2.1;
    }
    
    .ql-font-devnag {
      font-family: 'Kruti' !important;
    }