@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700&display=swap');

.allpadding10
{
    padding: 10px !important;
}
.green-clr {
    color: #008626 !important;
}
.yellow-clr {
    color: #FF9200  !important;
}
.red-clr {
    color: #ff0000 !important;
}
.pb0
{
    padding-bottom: 0px !important;
}
.pl-0
{
    padding-left: 0px !important;
}
.pt0
{
    padding-top: 0px !important;
}
.mb0
{
    margin-bottom: 0px !important;
}
.mt0
{
    margin-top: 0px !important;
}

.pdr-30
{
    padding-right: 30px !important;
}
.pdr-40
{
    padding-right: 40px !important;
}

.bdrbtm0
{
    border-bottom: 0px;
}

.relative
{
    position: relative !important;
}

.active-clr
{
    color: #51aa5b !important;
}
.deactive-clr
{
    color: #ff0000 !important;
}
.draft-clr
{
    color: rgb(226, 183, 40);
}

.h400
{
    height: 400px !important;
}

.v_a_t
{
    vertical-align: top !important;
}

.scroll450
{
    min-height: auto;
    max-height: 450px;
    overflow: auto;
}

.check-frame 
{
    padding: 10px;
    background: #f4f5f8;
}

.check-frame label 
{
    font-size: 11px;
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-bottom: 10px;
}
.check-frame label.text-bodr
{
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 8px;
}

.check-frame label input 
{
    margin: 0px 10px 0px 0px;
}

.point-value 
{
    display: flex;
    align-items: center;
}

.point-value input
{
    margin-right: 10px;
}

.point-value input:last-child
{
    margin-right: 0px;
}

.underline-heading 
{
    display: block;
    padding-bottom: 5px;
}
.underline-heading.bdr-btm 
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.underline-heading  h2
{
    font-size: 11px;
}

table.inner-table tr
{
    border-bottom: 1px solid rgba(0,0,0,.1);
}
table.inner-table tr:last-child
{
    border-bottom: 1px solid transparent;
}

.desc-text p 
{
    font-size: 11px;
    line-height: 18px;
}

.ref-list 
{
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    column-gap: 15px;
    row-gap: 15px;
}
.ref-list .thumbnail {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 10px;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.ref-list .thumbnail .icon
{
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.3);
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-bottom: 10px;
    transform: scale(1, 1);
    transition: all 0.7s;
}
.ref-list .thumbnail h2
{
    font-family: "Dosis", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 20px;
}
.ref-list .thumbnail p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 13px;
    transition: all 0.7s;
}

.ref-list .thumbnail:hover
{
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
}

.ref-list .thumbnail:hover p
{
    background: rgba(0, 0, 0, 0.3);
}

.ref-list .thumbnail:hover .icon 
{
    transform: scale(1.2, 1.2);
}
.ref-list .thumbnail:nth-child(1n+0)
{
    background: #dcedc8;
}
.ref-list .thumbnail:nth-child(2n+0) {
    background: #b3e5fc;
}
.ref-list .thumbnail:nth-child(3n+0) {
    background: #e1bee7;
}
.ref-list .thumbnail:nth-child(4n+0) {
    background: #ffe0b2;
}
.ref-list .thumbnail:nth-child(5n+0) {
    background: #ffcdd2;
}

.video-gallery ul
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}
.video-gallery ul li {
    height: 260px;
    padding: 5px;
    border: 1px solid #cccccc;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    float: left;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    position: relative;
}

.video-gallery ul li .bn-img
{
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.video-gallery ul li .bn-img img
{
    width: 100%;
}

.video-gallery ul li .content
{
    width: 100%;
    height: 130px;
    position: relative;
    overflow: auto;
        color: #008626;
        font-size: 16px;
        font-weight: 500;
    margin-top: 5px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}
.video-gallery ul li .content p 
{
    font-size: 11px;
    line-height: 18px;
}

.video-gallery.img-chosse ul li
{
    height: 170px;
    width: 170px;
}

.video-gallery.img-chosse ul li .video
{
    height: 115px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-gallery.img-chosse ul li:hover .cs-status .cs-overlay
{
    bottom: 4px;
}

.video-gallery.img-chosse ul li .cs-status .cs-overlay
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial 
{
    height: 100%;;
    position: relative;
}
.testimonial .head 
{
    border-bottom: 1px solid #cccc;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-bottom: 5px;
}
.testimonial .head p
{
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    text-align: left;
}
.testimonial .head span
{
    text-align: left;
    font-size: 10px;
    display: block;
}

.testimonial .testimonial-content {
    padding: 0px 22px;
    font-size: 11px;
    line-height: 24px;
    padding-top: 5px;
    display: flex;
    text-align: center;
    height: calc(100% - 40px);
    position: relative;
    overflow: auto;
    
    
}
.testimonial .testimonial-content:after
{
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    background: url('../img/quote.svg') no-repeat;
    width: 15px;
    height: 15px;
    background-size: cover;
}
.video-gallery ul li .content .cs-overlay,
.video-gallery ul li .cs-status .cs-overlay,
.testimonial .cs-overlay 
{
    position: absolute;
    bottom: -999px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.3s;
}
.video-gallery ul li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #008626;
    height: 4px;
    transition-property: left, right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    z-index: 1;
}

.cs-status
{
    font-size: 11px;
    height: 55px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.cs-status.active
{
    padding-right: 22px;
}
.cs-status.active a.view-more
{
    display: flex;
}

.cs-status a.view-more 
{
    position: absolute;
    top: 0;
    right: 0px;
    width: 22px;
    height: 100%;
    background: #ffffff;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 2;
}

.cs-status a.view-more:after 
{
    content: '';
    position: absolute;
    bottom: -999px;
    right: 0;
    width: 100%;
    height: 100%;
    background: #24a95a;
    z-index: -1;
    transition: all 0.3s;
}

.cs-status a.view-more i
{
    font-size: 18px;
    color: #24a95a;
    transition: all 0.3s;
}

.cs-status p
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000000;
}
.cs-status span
{
    margin-right: 5px;
    color: #888888;
}
.cs-status strong.active
{
    color: #51aa5b;
}
.cs-status strong.deactive
{
    color: #ff0000;
}

.video-gallery ul li:hover .content .cs-overlay,
.video-gallery ul li:hover .cs-status .cs-overlay,
.testimonial:hover .cs-overlay
{
    bottom: 0px;
}

.video-gallery ul li:hover .cs-status a.view-more 
{
    background: transparent;
}
.video-gallery ul li:hover .cs-status a.view-more:after
{
    bottom: 0px;
}

.video-gallery ul li:hover .cs-status a.view-more i
{
    color: #ffffff;
}

.video-gallery ul li:hover:before, .video-gallery ul li:hover:focus:before, .video-gallery ul li:hover :active:before {
    left: 5px;
    right: 5px;
}

.actn-btn 
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}
.actn-btn.full-act-btn
{
    padding: 0px 10px 0px 10px;
    margin-top: -25px;
}

.actn-btn.full-act-btn a, .actn-btn.full-act-btn button
{
    width: 100%;
}

.actn-btn a, .actn-btn button
{
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    text-transform: capitalize;
    min-width: 40px;
    text-align: center;
    padding: 0px 10px;
    height: 30px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-radius: 4px;
    color: #ffffff;
    white-space: nowrap;
    transition: all 0.7s;
}

.actn-btn a i, .actn-btn button i
{
    font-size: 18px;
    line-height: 14px;
    margin-right: 5px;
}
.actn-btn a.save-ac, .actn-btn button.save-ac
{
    background: #51aa5b;
}
.actn-btn a.save-ac:hover, .actn-btn button.save-ac:hover
{
    box-shadow: 0px 3px 6px 0px rgba(81, 170, 91, 0.8);
}
.actn-btn a.download-ac, .actn-btn button.download-ac
{
    background: #1932e6;
}
.actn-btn a.download-ac:hover, .actn-btn button.download-ac:hover
{
    box-shadow: 0px 3px 6px 0px rgba(25, 50, 230, 0.8);
}
.actn-btn a.view-ac, .actn-btn button.view-ac
{
    background: #3a8a9c;
}
.actn-btn a.view-ac:hover, .actn-btn button.view-ac:hover
{
    box-shadow: 0px 3px 6px 0px rgba(58, 138, 156, 0.8);
}
.actn-btn a.del-ac, .actn-btn button.del-ac
{
    background: #ff0000;
}
.actn-btn a.del-ac:hover, .actn-btn button.del-ac:hover
{
    box-shadow: 0px 3px 6px 0px rgba(230, 47, 45, 0.8);
}



.faq-text p 
{
    font-size: 11px;
    line-height: 20px;
}

trix-editor
{
    min-height: 160px !important;
    border-radius: 0px !important;
    font-size: 11px !important;
}
trix-editor ul,
trix-editor ul li,
trix-editor ol,
trix-editor ol li
{
    list-style: inherit;
}

.checkbox-list
{
    border: 1px solid #989aa2;
    position: relative;
    overflow: hidden;
}

.checkbox-list .cs-head {
    position: relative;
    padding: 10px;
    background: #f3f3f3;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.checkbox-list .checkbox-item {
    padding: 10px;
    height: 300px;
    overflow: auto;
}

.checkbox-list .checkbox-item.flat-box
{
    padding-bottom: 5px;
    height: inherit;
}

.checkbox-list label.flat-label
{
    padding: 0px;
    border: 0px;
    font-weight: 600;
}

.checkbox-list label,
.checkbox-list .checkbox-item label {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0px;
    border-bottom: 1px solid #989aa2;
    font-size: 11px;
    padding: 10px 0px;
    font-weight: normal;
    transition: all 0.7s;
    cursor: pointer;
}

.checkbox-list .checkbox-item label:hover
{
    background: #f0fcfd;
}

.checkbox-list label:last-child,
.checkbox-list .checkbox-item label:last-child
/* {
border-bottom: 0px;
} */
.checkbox-list label input, 
.checkbox-list .checkbox-item label input
{
    margin: 0px 10px 0px 0px;
}

a.seacrh-btn, button.seacrh-btn,
a.close-btn, button.close-btn
{
    width: 30px;
    padding: 0px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    text-align: center;
}
a.seacrh-btn i, button.seacrh-btn i,
a.close-btn i, button.close-btn i
{
    font-size: 20px;
    color: #5f5f5f;
}

.filter-input
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0;
    height: 28px;
    text-align: center;
    overflow: hidden;
    transition: width 0.3s;
    
}

.filter-input input
{
    width: calc(100% - 15px);
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    padding: 0px 40px 0px 10px;
    box-sizing: border-box;
    outline: none;
}
.filter-input input a.close-btn,
.filter-input input a.close-btn
{
    height: 100%;
    line-height: 18px;
    right: 0px;
}


.filter-input input a.close-btn i,
.filter-input input a.close-btn i
{
    line-height: 28px;
}

.filter-input.active
{
    width: 100%;
}

.text-column-bdr
{
    padding: 5px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
table.table-layout
{
    table-layout: fixed;
    box-sizing: border-box;
}

.file-intro {
    font-size: 11px;
    margin-top: 35px;
}
.file-intro a
{
    color: #006cff;
    transition: all 0.7s;
}
.file-intro a:hover
{
    text-decoration: underline;
}

.scan-tick
{
    text-align: center;
}

.scan-tick i{
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
}
.scan-bg
{
    background: #51aa5b !important;
    border-radius: 0px !important;
}

.import-btn 
{
    display: flex;
    align-items: center;
}

.import-btn a, .import-btn button
{
    min-width: 80px;
    background: #fff;
    display: inline-flex;
    padding: 4px;
    font-size: 11px;
    align-items: center;
    color: #000;
    margin-right: 10px;
    text-transform: capitalize;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    letter-spacing: 0.3px;
    transition: all 0.7s;
}
.import-btn a:hover, .import-btn button:hover
{
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.6);
}
.import-btn a:last-child, .import-btn button:last-child
{
    margin-right: 0px;
}

.import-btn a i, .import-btn button i
{
    font-size: 18px;
    line-height: 14px;
    margin-right: 5px;
    color: #008626;
}

a.add-item.flat-item,
button.add-item.flat-item
{
    right: 0px;
}
a.add-item.flat-item i, button.add-item.flat-item i
{
    line-height: 22px;
}

.sm-img
{
    
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.7s;
    cursor: pointer;
}

.sm-img img
{
    width: 25px;
    height: 25px;
}
.sm-img:hover
{
    background: #f9f9f9;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
    border-radius: 100%;
}
.sm-img:hover img
{
    border-radius: 100%;
}

.chips-btn
{
    overflow: hidden;
}

.chips-btn span
{
    background: #dcdcdc;
    padding: 2px 6px;
    display: inline-block;
    border-radius: 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    outline: none;
    transition: all 0.7s;
    font-size:12px;
}
.chips-btn span:last-child
{
    margin-right: 0px;
}
.chips-btn span:hover
{
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}

.chips-btn span.w-icon
{
    padding-right: 20px;
}
.chips-btn span.w-icon:after
{
    content: 'keyboard_arrow_right';
    position: absolute;
    top: 50%;
    right: 2px;
    font-size: 15px;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    line-height: 0px;
    letter-spacing: normal;
    text-transform: none;
    transform: translateY(-50%);
}



.upload-images ul li .overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    transform: scale(0, 0);
    transition: all 0.7s;
}

.upload-images ul li:hover .overlay
{
    transform: scale(1, 1);
}

.upload-images ul li .overlay a, .upload-images ul li .overlay button
{
    width: 25px;
    height: 25px;
    background: #ffffff;
    text-align: center;
    line-height: 0px;
    border-radius: 6px;
    cursor: pointer;
}

.upload-images ul li .overlay a i, .upload-images ul li .overlay button i
{
    font-size: 18px;
    line-height: 25px;
}
.carousel-indicators
{
    bottom: 0px;
}
.pr-search input, .pr-search select
{
    padding: 0px 5px !important;
}

.attachment-file{
    width: 100%;
}

.attachment-file .attachment-img {
    width: 170px;
    height: 120px;
    background: #ffffff;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.attachment-file .attachment-img .img-thumbnail 
{
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}
.attachment-file .attachment-img img {
    width: 100%;
}

.attachment-file .attachment-img .overlay .top {
    width: 100%;
    display: flex;
}
.attachment-file .attachment-img .overlay .top img {
    width: 16px;
    height: 16px;
}
.attachment-file .attachment-img .overlay .top p {
    margin-left: 5px;
    font-size: 11px;
    color: #ffffff;
    line-height: 12px;
}

.attachment-file .attachment-img .overlay .botm a, 
.attachment-file .attachment-img .overlay .botm button {
    margin-right: 8px;
    min-width: 0;
    width: 30px;
    height: 24px;
    padding: 0;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
    background: #808080;
    float: left;
    cursor: pointer;
}
.attachment-file .attachment-img .overlay .botm a i, 
.attachment-file .attachment-img .overlay .botm button i 
{
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
}
.attachment-file .attachment-img .overlay .botm a:hover, 
.attachment-file .attachment-img .overlay .botm button:hover {
    background: #B2B2B2;
}
.attachment-file .attachment-img .overlay .botm {
    width: 100%;
    display: block;
}
.attachment-file .attachment-img:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -1px;
    background: url('../img/img-af.svg') no-repeat;
    width: 40px;
    height: 20px;
    background-size: cover;
}
.attachment-file .attachment-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    display: none;
}
.attachment-img .thumbnail, .attachment-img .img-thumbnail
{
    box-shadow: none;
}

.attachment-file .attachment-img:hover .overlay 
{
    display: flex;
}

.attachment-file .attachment-img:hover:after 
{
    background: url('../img/img-af-hv.svg') no-repeat;
}
textarea {
    resize: none;
}
.cs-profile 
{
    min-width: 100px;
    width: 100px;
    height: 100px;
    margin-right: 10px;
    border-radius: 100%;
    background: #ffffff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    border: 2px solid #fefefe;
    transition: 0.5s;
}
.cs-profile:hover
{
    box-shadow: none;
}

.cs-profile a
{
    display: block;
}

.cs-profile a img
{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}


/* dashborad css */


.custom-dashboad.orp_dashboard .dash-tables .table-one
{
    height: auto;
}
.custom-dashboad.orp_dashboard .dash-counter ul li .lower p
{
    font-size: 12px;
}
.custom-dashboad.orp_dashboard .dash-counter ul li .lower span
{
    font-size: 20px;
}

.custom-dashboad .dash-counter ul li
{
    border: 0px !important;
}
.custom-dashboad .dash-counter ul li.cs-red-bg
{
    background: #e64a19;
}
.custom-dashboad .dash-counter ul li.cs-orng-bg
{
    background: #ffb74d;
}
.custom-dashboad .dash-counter ul li.cs-blue-bg
{
    background: #1976d2;
}
.custom-dashboad .dash-counter ul li.cs-green-bg
{
    background: #689f38;
}
.custom-dashboad .dash-counter ul li.cs-bondi-blue-bg
{
    background: #0097a7;
}

.custom-dashboad .dash-counter ul li .lower.flat
{
    flex-direction: column-reverse;
    border-bottom: 0px;
    margin: 0px;
    padding: 0px;
}
.custom-dashboad.orp_dashboard .dash-counter ul li .lower.flat span
{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.tble-scroll {
    min-height: auto;
    max-height: 400px;
    overflow: auto;
}

.image-sec
{
    
}

.image-sec ul
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -7px;
}

.image-sec ul li
{
    width: calc(25% - 14px);
    height: 150px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    margin: 7px;
    position: relative;
    overflow:hidden;
}

.image-sec ul li img
{
    height: 100%;
    width: 100%;
}

.image-sec ul li p
{
    background: #000;
    color: #ffffff;
    position: absolute;
    bottom: 0px;
    padding: 3px 10px;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    font-size: 12px;
}

#scanHistory, #stateGraph, #monthSale
{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.set_sequence
{
    position: absolute;
    top: 0px;
    right: -62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dashed #ccc;
    padding: 0px 3px;
}

.set_sequence:hover
{
    right: 0px;
    transition: 0.4s;
}

.set_sequence .sq-content
{
    margin-right: 3px;
}

.set_sequence .sq-content p
{
    font-size: 11px;
}

.set_sequence .sq-input
{
    margin-right: 3px;
}

.set_sequence .sq-input input
{
    width: 30px;
    border-radius: 2px;
    background: #f8f8f8;
    padding: 0px 2px;
    height: 16px;
}

.set_sequence .sq-button
{
    
}

.set_sequence .sq-button a
{
    
}

.set_sequence .sq-button a i
{
    color: #008000;
}