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  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 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;display: inline-block;}
.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;
    text-transform: capitalize;
}
.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;
}
.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****************/



/* new css start */

input#datepicker-1, input#datepicker-2{padding: 0 20px !important;margin: 0 0 10px 0;}
i.gj-icon {left: -90px !important;color: #7eb239;top: 15px;}
.gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {top: 20px;right: 0;position: absolute !important;left: -30px !important;color: #666666;font-size: 20px !important;width: 20px;}
button.btn.btn-outline-secondary.border-left-0 {position: absolute;border: 0px;padding: 0;background: transparent;}
.gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group {position: relative;}
.main-card a.go-back {font-size: 22px;margin: 0 10px 0 0;}
img.default-img {width: 123px;height: 90px;border-radius: 20px;display: inline-block;margin: 0 10px 10px 0;}
.email-details a.green-btn {margin: 30px 0 0 0;}
textarea{resize: none;}
.img-box {border: 1px solid #ced4da;position: relative;height: 55px;margin: 0 0 20px 0;}
.img-box button {border: 0;padding: 0;background: transparent;color: #82B240;font-size: 30px;display: flex;justify-content: space-between;width: 100%;align-items: center;padding: 12px 30px;}
.add-promotional-email textarea {padding: 20px 30px;height: 104px;margin: 0 0 20px 0;font-size: 16px;}
.img-box button p {font-size: 16px;color: #666666;}
.img-box button:hover {color: #59792c;}
.add-promotional-email button.green-btn {padding: 16px 52px;margin: 10px 0 0 0;}
.default-modal button.close {position: absolute;top: 10px;right: 10px;background: #7EB239;opacity: 1;color: white;border-radius: 100px;width: 40px;font-size: 26px;height: 40px;padding: 0 0 1px 1px;z-index: 999;}
.default-modal .modal-body {padding: 50px 60px;}
.default-modal label.set-check {display: block;margin: 20px 0;padding: 1px 0 0 30px;font-weight: 700;font-size: 15px;color: #333333;text-transform: capitalize;}
.default-modal h1 {font-size: 20px;color: #333333;font-weight: 700;margin: 0 0 30px 0;}
.default-modal span.checkmark {width: 20px;height: 20px;border: 1px solid #B9B9B9;background: transparent;left: 15px;top: 18px;}
.default-modal .set-check .checkmark:after {top: 1px;left: 6px;}
.default-modal button.green-btn {margin: 20px 0 0 0;padding: 16px 20px;}
.image-section-modal-2 h4 {color: black;font-weight: 700;margin: 0 0 20px 0;}
.alignment {display: flex;align-items: center;}
.image-section-modal-2 label.set-check {position: relative;padding: 3px 0 0 50px;}
.image-section-modal-2  span.checkmark {top: 0;}
.upload-img-btn {border: 0;padding: 0;background: #FF0000;color: white;margin: 0 0 15px 0;width: 30px;height: 30px;border-radius: 100px;vertical-align: bottom;}
.upload-img-btn:hover {background: #e30101;}
.alignment h5 {font-size: 15px;color: #333333;font-weight: 700;}
.small-modal h2 {font-size: 22px;color: #333333;font-weight: 500;margin: 30px 0 0 0;}
.small-modal button.green-btn {margin: 30px 0 0 0;padding: 16px 30px;}
.image-section-modal-2 {
    overflow-y: scroll;
}
/* hey */
@media (max-width: 767px) {
    
    .main-card {padding: 30px 20px;}
    div.dataTables_wrapper div.dataTables_length {display: flex;justify-content: center;margin: 20px 0 0 0;}
    div.dataTables_wrapper div.dataTables_filter label {margin: 0;}
    div.dataTables_wrapper div.dataTables_filter input {margin: 0 0 0 10px;}

}
    
@media (max-width: 576px) {
    .promotional-email a.green-btn {margin: 20px 0 0 0;}
}

/* new css end */