html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}select {appearance: none;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

/* default style start */

.green-btn {background-color: #7EB239;color: #333333;border: none;font-size: 14px;cursor: pointer;text-transform: uppercase;font-weight: 700;padding: 15px;line-height: 20px;}

/* default style end */

/* login page start */

.admin-forms {padding: 20px;}
.admin-forms button {width: 100%;}
.admin-forms a {color: #7EB239;}
.admin-forms input {height: 60px;border: 1px solid #ECECEC;font-size: 16px;color: black;padding: 20px;border-radius: 0;}
.admin-forms input::placeholder {color: #666666;text-transform: capitalize;}
.admin-forms input:focus{outline:none;box-shadow:none;border-color:#ECECEC;color:black}
.admin-forms h2 {margin: 0 0 20px 0;font-size: 30px;color: black;text-transform: uppercase;font-weight: 700;}
.admin-forms a.green-btn {color: black;text-decoration: none;width: 100%;display: block;text-align: center;}
.admin-forms p {margin: 15px 0;text-align: center;text-transform: capitalize;}
.admin-forms label {font-size: 16px;color: black;margin: 0 0 10px 0;}
.admin-forms select {height: 60px;border: 1px solid #ECECEC;color: #666666;padding: 0 20px;border-radius: 0;background: url('../images/down-arrow.png')no-repeat;background-position: 98% 25px;}
.admin-forms select:focus {box-shadow: none;outline: none;border-color: #ECECEC;}
.admin-forms textarea {resize: none;border-radius: 0;border: 1px solid #ECECEC;color:black;padding: 20px;height: 100px;}
.admin-form textara::placeholder{color: #666666;}
.admin-forms textarea:focus {border-color: #ECECEC;box-shadow: none;outline: none;color: black;}

/* login page end */


/**********dashboard ccs start***********/
.main-card .set-check {display: block;position: relative;margin-bottom: 40px;cursor: pointer;font-size: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 2px 0 0 40px;}
.set-check input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.set-check .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.set-check:hover input ~ .checkmark {background-color: #ccc;}
.set-check input:checked ~ .checkmark {background-color: #7eb239;}
.set-check .checkmark:after {content: "";position: absolute;display: none;}
.set-check input:checked ~ .checkmark:after {display: block;}
.set-check .checkmark:after {left: 10px;top: 5px;width: 7px;height: 13px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


.dashboard {padding: 20px;}
.main-card input::placeholder{color: #666666;text-transform: capitalize;}
.main-card input {height: 60px;border: 1px solid #ECECEC;margin: 0 0 20px 0;font-size: 16px;color: black;padding: 20px 30px;}
.main-card select{height: 60px;border: 1px solid #ECECEC;color:#666666;margin: 0 0 20px 0;font-size: 16px;padding:0 30px;background-image: url('../images/down-arrow.png');text-transform: capitalize;background-repeat: no-repeat;background-position: 98% 25px;}
.main-card select::first-letter {text-transform: capitalize;}
.main-card select:focus,.main-card input:focus {box-shadow: none;outline: none; border-color:#ECECEC;color:black;}
span.green {color: #7eb239;}
span.gray {color: #929292;}
.main-card a.green-btn {color: black;text-transform: capitalize;padding: 20px 30px;}
.maain-tabble select {
    height: 35px;
    padding: 0 10px;
    background-size: 10px;
    background-position: 85% 14px;
}

.maain-tabble label {
    text-transform: capitalize;
}

.maain-table input {
    height: 40px;
}

.maain-tabble input {
    height: 40px;
}
.main-card h5 {
    text-transform: capitalize;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: black;
    font-size: 18px;
}

.main-card h6 {
    font-weight: 400;
    font-size: 16px;
    color: #6e6e6e;
}

.main-card h6:first-letter {
    text-transform: uppercase;
}

.main-card a {
    font-size: 18px;
    color: #7eb239;
    text-transform: capitalize;
}

.main-card h3 {
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
}
.sec-2 h4 {
    color: #000;
    font-weight: 600;
    margin: 0 0 15px;
}
.pannel {
    width: 100%;
    height: 100%;
    background: #bbbbbb;
    border-radius: 0;
    overflow: hidden;
    min-height: 600px;
}
.pannel ul li{
    padding:0;
}
.pannel ul li a {
    padding: 20px;
    color: BLACK;
    display: block;
    text-decoration: none;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.pannel ul li a:hover, .pannel ul li a.active {
    background: #7EB239;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.pannel ul li a i {
    width: 24px;
    margin: 0 10px 0 0;
}
.radius-10 {
    border-radius: 0;
}
.main-card {
    width: 100%;
    box-sizing: border-box;
    padding: 60px 40px;
}
.main-card h4 {
    font-size: 20px;
}
.grey-bg {
    background: #ebebeb;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
}
.grey-bg h4 {
    font-size: 20px;
}
.grey-bg p, .grey-bg a {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 10px;
    color: #666666;
    text-decoration: none;
    display: block;
}
.grey-bg a.brown-cta {
    font-size: 15px;
    border: 2px solid #ad6500;
    color: #fff;
    background: #ad6500;
    padding: 8px 25px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.grey-bg a.brown-cta:hover {
    border: 2px solid #ad6500;
    background: transparent;
    color: #ad6500;
    text-decoration: none;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.main-card label {
    font-size: 16px;
    color: #333333;
    margin: 0 0 15px;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
}
.main-card-new label {
    margin: 15px 0px 0px;
}
.infodeatil {
    color: #333333;
    font-size: 15px;
    display: block;
    margin: 0 0 10px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .pannel {
        height: auto;
        min-height: auto;
        margin: 0 0 25px;
    }
}
/**********dashboard ccs end***********/

table td .dropdown-menu {
    padding: 0;
    color: #000;
}
table td .dropdown a {
    color: #000;
}
table td .dropdown-item {
    padding: 10px;
    color: #000;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
table td .dropdown-item i {
    margin: 0 10px 0 0;
    font-size: 12px;
}
table td .dropdown-item:hover {
    background: #7EB239;
    color: #fff;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/*************Data table css start****************/
.maain-tabble tbody tr {
    background-color: transparent !important;
    box-shadow: 0 0 20px 6px rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
    border: 0;
}
.maain-tabble .table thead th {
    vertical-align: bottom;
    border-bottom: none !important;
    border-top: none !important;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
}
.maain-tabble table {
    width: 100%;
    border-spacing: 0 26px;
    padding: 0 20px;
    vertical-align: middle;
    border: 0;
    border-collapse: separate;
}
table.table-bordered.dataTable thead th, table.table-bordered.dataTable tbody td {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    padding-left: 15px !important;
    vertical-align: middle;
    border: 0;
    font-size: 14px;
}
.page-item .page-link {
    background-color: #fff;
    border-color: #fff;
    color: #666666;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    background-color: #7EB239;
    border-color: #7EB239;
    color: #fff;
}
.page-link:focus {box-shadow: none !important;}
div.dataTables_wrapper div.dataTables_filter input {border-radius: 50px;color: black;padding: 0px 10px;box-shadow: none !important;}
.page-item:first-child .page-link {border-top-left-radius: 1.25rem !important;border-bottom-left-radius: 1.25rem !important;color: #7EB239;}
.page-item:last-child .page-link {border-top-right-radius: 1.25rem !important;border-bottom-right-radius: 1.25rem !important;color: #7EB239;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li{
    border-bottom:0;
}
@media (max-width: 767px) {
    .table tbody td {
        font-size: 12px !important;
        padding: 1.50rem 0.1rem;
    }
}

@media (max-width: 480px) {
    .table tbody td {
        padding: 1.4rem 0.1rem 1rem 0.1rem;
    }
}
/*************Data table css end****************/


/*
HTML - footer icon fix starts
*/
div#social a img {
    margin-right: 2px;
}

div#social a {
    display: inline-block;
}
/*
HTML - footer icon fix ends
*/


/*  backend css*/

.showimg {width: 100%;display: inline-block;padding: 20px;}

.showimg img {
    width: 100%;
    max-width: initial;
    height: 300px;
    margin: 0 0 0;
}
button.btn.btn-danger.delete-row {
    position: absolute;
    top: 30px;
    right: 30px;
    border-radius: 100px;
    padding: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.show-parent {
}
.show-2 .showimg {
    width: 50%;
}
.show-2 img {
    height: 200px;
}

.show-3 img {
    height: 150px;
}