@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

body {    background: #f6f6f7;	background-color: #f6f6f7;}.navbar-header {    margin-left: auto;}.navbar-header .navbar-toggle {    display: none;}.cs-title {

    font-size: 2em;

    padding-top: 1em;

    margin: 0;

}

.site-index th.searial {

    width: 20px;

}

.site-index th.action-btns {

    width: 32px;

}

.select2-container {

	width: 100%!important;

}

.responsechck {

	padding: 18px;

	font-size: 15px;

	letter-spacing: 1px;

	margin: 5px 0 15px;

	background: #fff;

	border: 1px solid #c3c4c7;

	box-shadow: 0 1px 1px rgb(0 0 0 / 4%);

}

.success-notice {

	border-left-color: #00a32a;

	border-left-width: 4px;

}

.error-notice {

    border-left-color: #f44336;

    border-left-width: 4px;

}

.site-index td {

    font-family: 'Open Sans', sans-serif;

    font-size: 12px;

}

.site-index th {

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    background-color: #000;

    width: 217px;

    border-color: #262626!important;

    color: #fff;

}

.site-index td.action a:hover {

    background-color: #2e2e2e;

}

.navbar-inverse {

  background-color: transparent;

  border-color: #080808;

}

.error{

    color:red;

}

.card {    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

.cs-btn {    background: #008060;    border: none;    font-size: 16px;    font-weight: 600;}

.cs-btn:hover {    background: #006e52;}





.flip_ajax_load{

	position: fixed;

	display:none;

	height:13px;

	width:208px;

	z-index:9999999999;

	top: 50%;

	left: 50%;

	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}

* html .flip_ajax_load { /* ie6 hack */

	position: absolute;

	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}



.flip_ajax_overlay {

  position: fixed;

  z-index:9999999999;

  top: 0px;

  left: 0px;

  height:100%;

  width:100%;

  background-color:rgba(255, 255, 255, 0.9);

  filter:alpha(opacity=90	);

  -moz-opacity: 0.90;

  opacity: 0.60;

}

.navbar-collapse ul#w1 {

    flex-direction: unset;

}

.navbar-collapse ul#w1 li {

    text-transform: uppercase;

    margin-right: 30px;

}

.navbar-collapse {

    display: inline-flex !important;

    overflow: hidden;

    

    background-color: #f1f1f1;

    margin-top: 0px;

    padding: 0px 0px;

}

.navbar-fixed-top, .navbar-fixed-top .container {

    padding-top: 0;

    width: 100%;

    max-width: 100%;

    padding: 0;

}

.navbar-collapse ul#w1 li a {

    padding: 16px 20px;

    color: #212529;

    text-decoration: none;

    border-radius: 3px;

}

.navbar-collapse ul#w1 li:last-child {

    border: unset;

}

.navbar-collapse ul#w1 li {

    text-transform: uppercase;

    margin-right: 1px;

    padding: 8px 0;

}

.navbar-collapse {

    order: 1;

}

.navbar-header {

    margin-left: auto;

    order: 2;

    margin-top: -44px;

}

.navbar-header img {

    max-width: 46px;

}

.navbar-collapse ul#w1 {

    flex-direction: unset;

    padding: 0px 17px;

}



/*--tab css----*/

.rows-contains {

    margin-right: 0px;

    margin-left: 0px;

}

.tabs-nav {

    display: flex;

    justify-content: flex-start;

    

}

li.selected a {

    color: #466014 !important;

}

li.selected {

    border-bottom: 2px solid #5e8e3e;

}

.navbar-collapse ul#w1 li a {

    font-size: 15px;

}

ul.tabs-nav {

    overflow: hidden;

    border: 1px solid #f7f7f7;

    background-color: #f1f1f1;

    margin-top: 30px;

    padding: 8px 0px;

}

.tabs-nav li {

    list-style: none;

    padding: 5px 0px;

}

.tabs-nav li a {

    padding: 16px 20px;

    color: #212529;

    text-decoration: none;

    border-radius: 3px;

}

.left-col {

    background-color: #ffffff;

    border: 1px solid #dfdfdf;

    box-shadow: rgb(0 0 0 / 24%) 0px 1px 3px;

	border-radius: 5px;

}

.left-subscription {

    background-color: #e3f1df;

    margin: 15px 10px;

    padding: 10px 0px;

    margin-bottom: 18px;

    border-top: 3px solid #50b83c;

	border-radius: 5px;

    box-shadow: rgb(0 0 0 / 24%) 0px 1px 3px;

}

.right-col {

       background-color: #ebeef0;

	   box-shadow: rgb(0 0 0 / 24%) 0px 1px 3px;

	   border-radius: 5px;

}

.right-subscription {

    margin: 15px 10px;

    padding: 10px 0px;

}

.left-subscription .space-padding {

    margin-left: 65px;

    /* padding-left: 50px; */

}

.left-subscription p {

    color: #545b5c;

    font-weight: 400;

    font-size: 18px;

}

.right-subscription p {

    color: #020202;

    font-weight: 400;

    font-size: 18px;

}

.col-md-1.middle-col {

    max-width: 2.333333%;

}

/* The container */

.container-checckbox {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 22px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default checkbox */

.container-checckbox .input-cheack {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.checkmark {

    position: absolute;

    top: 15px;

    left: 15px;

    height: 25px;

    width: 25px;

    background-color: #fff;

    border-radius: 50%;

    border: 3px solid #198549;

}



/* On mouse-over, add a grey background color */





/* When the checkbox is checked, add a blue background */

.container-checckbox input:checked ~ .checkmark {

    background-color: #ffffff;

    box-shadow: 0 0 0 0.3rem rgb(62 175 49 / 38%);

  

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.container-checckbox input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.container-checckbox .checkmark:after {

    left: 6px;

    top: 3px;

    width: 7px;

    height: 11px;

    border: solid #198549;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

/*li.tab-active a {

    background-color: #499952;

    color: #fff;

    border: none;

}*/

li.tab-active a {

    background-color: #d7d7d78a;

}

.left-col p input#terms {

    margin-left: 23px;

}

.bottom-checkbox {

   

    margin-right: 10px;

}

.textarea-code {

    width: 95%;

}

body .content-text .row a {

    position: absolute;

    right: 72px;

    margin-top: 19px;

    color: #000;

}

.content-text .row {

    position: relative;

    width: 100%;

    max-width: 100%;

}

.textarea-code {

    

    height: 150px;

    padding: 26px 20px;

    box-sizing: border-box;

    border: none;

    /* border: 2px solid #ccc; */

    border-radius: 4px;

    background-color: #f8f8f8;

    font-size: 16px;

    resize: none;

    margin-left: 10px;

	box-shadow: rgb(0 0 0 / 24%) 0px 1px 3px;

}

.main-1 img {

    width: 100%;

    transition: transform .9s;

}



.left-subscription h4, .right-subscription h4 {

    font-size: 18px;

    font-weight: 500;

}

textarea#cart_w3review {

    white-space: unset;

}

.textarea-code {

    width: 95%;

}

.content-text .row a {

    position: absolute;

    right: 58px;

    margin-top: 6px;

    color: #000;

}

.content-text .row {

    position: relative;

    width: 100%;

    max-width: 100%;

}

.textarea-code {

    text-align: left;

    display: block;

    white-space: normal;

}



textarea#w3review:focus {

    outline: none;

}



.main-1 span {

    position: absolute;

    right: 63px;

    top: -52px;

    z-index: 9999;

    display: none;

    transition: transform .9s;

}

.main-1.main span {

    display: block;

     transition: transform .9s;

}

.textarea-code {

    padding-right: 60px;

}

/*  19 May 2023   */


.product_price_heading{
     display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
}

.product_price_heading a button {
    border: none;
    background: #000;
    color: #fff;
    padding: 5px 12px;
}
div#dtBasicExample_wrapper {
    padding-top: 25px;
}

[type=search] {
    outline-offset: 0px;
}
.product_price_heading h1 {
    font-size: 32px;
}
table tr.odd {
    background: #f2f2f2 !important;
}
.container.mt-3 {
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 20px 0px;
    border-radius: 25px;
}
.dataTable td a {
    background: #000;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    margin-bottom: 4px;
    display: inline-block;
    text-decoration: none;
}

body .navbar-header img {
    width: 100%;
    max-width: 100px;
}
.parsley-validate ul {
    list-style: none;
    padding-left: 20px;
}
.parsley-validate ul li{
    color: red;
}
.label_require{
    color: red;
    font-weight: bold;
}

@media screen and (max-width:767px){

.left-col,.right-col{

    margin: 0px 0px 20px 0px;

}



}



@media only screen and (max-width:1400px) and (min-width: 768px) {

.content-text .row a {

    margin-top: 22px;

}

.textarea-code {

    padding-right: 54px;

}

}



@media (min-width:1500px)  { 

.main-col {

    width: 100%;

    max-width: 100% !important;

}

.main-row {

    max-width: 95% !important;

}

.main-row textarea#register_w3review, .main-row textarea#cart_w3review{

    width: 99%;

 padding-right: 85px;

}

.content-text .row a {

    margin-top: 14px;

}

}





@media (min-width:1801px){



.main-col {

    width: 100%;

    max-width: 100% !important;

}

.main-row {

    max-width: 95% !important;

}

.main-row textarea#register_w3review, .main-row textarea#cart_w3review{

    width: 99%;

 padding-right: 80px;

}

.content-text .row a {

    margin-top: 14px;

}



body .content-text .row a {

    right: 42px;

}

}

/*---end----*/





/*---css merge app----*/



body .table {

    display: flex;

    flex-direction: column;

    width: 50%;

    margin: 0 auto;

}

.table input {

    padding: 8px 10px;

    margin-bottom: 20px;

}

.Sitting h1 {

    font-size: 19px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 10px;

}

 .btn {

    display: flex;

    justify-content: center;

}

.btn .form-control {

    background-color: #008060;

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    padding: 8px 18px;

    height: 40px;

    border: none;

  

}

.mt-4.mb-5 {

    display: flex;

    justify-content: center;

    align-items: center;

}

.site-index th.searial {

    width: 20px;

}

.table b {

    font-weight: 500;

}



.site-index td.action {

    text-align: center;

}

.site-index td.action a {

    color: #fff;

    background-color: #000;

    padding: 5px 15px;

    display: inline-block;

    text-transform: uppercase;

    font-size: 10px;

    border-radius: 4px;

    text-decoration: none;

    transition: 0.25s;

}

input#s_submit {

    padding: 8px 30px;

}

.site-index {

    border: 0px;

    border-radius: 0px;

    max-width: 100%;

    margin: 21px auto;

    padding: 0px;

}

.site-index td a {

    color: #000;

    text-decoration: underline;

    font-weight: bold;

}

.site-index td.desc {

    width: 473px;

}

.site-index table {

  font-family: arial, sans-serif;

  border-collapse: collapse;

  width: 100%;

}



.site-index td, .site-index th {

  border: 1px solid #dddddd;

  text-align: left;

  padding:14px;

}



.site-index tr:nth-child(even) {

    background-color: #e9e6e6;

}

.mt-4.mb-5 {

    margin-bottom: 0px !important;

}

.form-control:focus {

    box-shadow: none !important;

    color: #495057;

   /* background-color: #006e52;

    border-color: #006e52;*/



}

.btn-primary.focus, .btn-primary:focus {

    color: #fff;

    background-color: #006e52;

    border-color: #006e52;

    box-shadow: none !important;

}






@media (max-width:767px)

{

body .table

{

width:100%;



}

.site-index

{

  width:100%;  

}

}

	



/*---css merge app----*/











* html .flip_ajax_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}



/*-------4 jan 2022--------*/



.Polaris-Card {

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin: 30px auto;

    margin-bottom: 50px;

    max-width: 680px;

    border-radius: 10px;

    padding: 30px 7rem;

    padding-bottom: 67px;

}

.Polaris-Card .Polaris-Text--headingLg {

    font-size: 19px;

    font-weight:500;

}

.Polaris-Card .Polaris-Button{

    outline: unset;

    border: unset;

    padding: 8px 20px;

    border-radius: 5px;

    background: #008060;

    color: #fff;

	margin-top: 10px;

}

.Polaris-FormLayout {

    max-width: 700px;

    margin: 0 auto;

}

.Polaris-FormLayout .Polaris-TextField__Input {

    width: 100%;

}

.Polaris-FormLayout .Polaris-FormLayout__Item {

    margin: 10px;

}

.Polaris-FormLayout .Polaris-Label__Text {

    margin-bottom: 0.3rem;

}



@media (max-width:518px){

.Polaris-Card {

   padding:20px 1rem;

   padding-bottom:57px;

}

}

@media (max-width:1007px){

.Polaris-Card {

   padding:30px 4rem;

}

}




/*  1 June 2023  */


.popup {
  display: none;
    position: relative;
    z-index: 20;
}
.detail-custom-btn{
    background-color: #ffdedd;
    text-align: right;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px;
}
.detail-custom-btn button {
    background-color: #fff;
    color: #d78080;
    padding: 5px 20px;
    font-size: 18px;
     border: none;
     transition: .3s ease;
     font-weight: 500;
}
.detail-custom-btn button:hover {
    background-color: #d78080;
    color: #fff;
}
.detail-custom-btn h2 {
    margin: 0;
    font-size: 16px;
    color: #d78080;
    font-weight: 500;
    text-align: left;
}
a.close-pop-up {
    position: absolute;
    top: 10px;
    right: 10px;
}
div#popup123 {
    margin-top: 50px;
}
div#popup123 ul#w1 {
    padding: 0;
}

.accord-cus{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordion-body {
    text-align: left;
    padding: 10px 0px;
}
.accordion-item {
    width: 100%;
}
.accordion-body ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.accordion-body ul li{
    color: #d78080;
    font-weight: 500;
}
.app_div {
    margin-left: auto;
    margin-right: 25px;
    display: flex;
    align-items: center;
}
.app_div input {
    line-height: 0;
    margin-left: 10px;
    margin-right: 5px;
}
.wrap .table-row {
    padding-top: 25px;
}
.wrap .table-row .filter label{
   font-weight: 500;
}
.wrap .table-row .filter select {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 16px;
}