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


:root{
  /*--bl:#0072ff;*/
  --bl:#f97528;
  --bk:#444040;
  --gr:#02be6e;
  --pl:#0070BA;

}
*{
  font-family: 'Nunito', sans-serif;
}

*, *:before, *:after {
  margin: 0; padding: 0; box-sizing: border-box;
}
body {font: 12px 'Open Sans', sans-serif; margin: 0px; color: #002366}

h1 {font-weight: 400; text-align: center;}

.container {
    /* width: 1289px; */
    margin: auto;
    padding: 0 32px;
}

.content > div {
display: none;
}
.d-none{
  display: none!important;
}
label {
display: inline-block; padding: 15px 25px; font-weight: 600; text-align: center;
}

label:hover {
/*color: #0000AF; background: #f2f2f2 */
cursor: pointer;
}

input:checked + label {/* background: #f2f2f2; *//* color: #373737; */}

input[type=radio] {
display: none;
}



#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2,
#tab3:checked ~ .content #content3,
#tab4:checked ~ .content #content4, 
#tab5:checked ~ .content #content5,
#tab6:checked ~ .content #content6,
#tab7:checked ~ .content #content7,
#tab8:checked ~ .content #content8{
  display: block;
}

@media screen and (max-width: 400px) { label {padding: 15px 10px;} }



.row {
  margin-left: 0px;
}

/* Style inputs, select elements and textareas */
input[type=password],input[type=text],input[type=file], select, textarea{
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 14px;
}
span.select2-selection.select2-selection--single {
    border-radius: 4px!important;
    padding-left: 3px!important;
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px!important;
}

.genform {
  padding: 15px;
  float: left;
  border: navajowhite;
  padding: 6px 39px;
  color: white;
  cursor: pointer;
  background: var(--bl);
  border-radius: 0px;
  margin-top: 13px;
  border-radius: 3px;
}

input[type=password] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}


/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
}

.col-25 > label {
}

.hidden {
  display: none;
}

input[type=submit] {
  background-color: #0070BA;
  color: white;
     display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
}


/* Style the submit button */
.cart-area input[type=submit] {
  background-color: #0070BA;
  color: white;
  border: none;
  border-radius: 4px!important;
  cursor: pointer;
  float: right;
  margin-left: 10px;
  margin-top: 51px;
  width: 185px!important;
   height: 35px; 
  font-weight: 900;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0!important;
}


/* Style the container */

/* Floating column for labels: 25% width */
.col-25 {
}

/* Floating column for inputs: 75% width */
.col-75 {
}

/* Clear floats after the columns */

table, .dbtable
{
  margin-top: 3px;
  border-collapse: collapse;
}


.dbtable, table, th, td {
  border: 1px solid  #002366;
  padding: 2px;
  font-size: 12px;
  vertical-align: top;
}



/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}



.pthumbs {
  margin: 2px;
  margin-bottom: 5px;
  float: left;
  padding: 3px;
  overflow: auto;
  border: 1px solid #ddd;
  min-width: 310px;
  min-height: 300px;
  max-width: 310px;
}

.pthumbdetails {
  display: inline-block;
}

.pthumbs:hover > .pthumbdetails {
  display: block;
}



.itag {
  color: #04c;
  background-color: #dde;
  border-radius:5px;
  padding: 2px;
  margin:2px;
}
.subuttons {
  padding: 12px;
  margin-left: 2px;
  text-transform: capitalize;
  font-size: 17px!important;
  font-weight: 600!important;
  border-radius: 0!important;
}
.holder {
  /* border: 1px solid #4CAF50; */
  float: left; width: 100%;
}

.qualified{
  /* border: 3px solid orange; */
}

.unqualified{
  border-top: 5px solid red;
}

.approved {
  /* border: 3px solid #88dd88; */
}

.special {
  color: #0080ff;
}


  .button-control {
    float: right!important;
    width: auto!important;
    margin-top: 51px!important;
    background: tomato;
    height: 35px;
    border-radius: 2px;
}
  
  .ajax-file-upload-statusbar .ajax-file-upload-bar {
  background: #4caf50!important;
  height: 100%;
  border-radius: 15px;
  transition: 5s all;
  }

  .pbmenu {
    text-decoration: none;
    border: 1px solid #C1F9CC;
    padding:6px;
    border-radius: 5px;
    /* margin-top: 100px; */
    position: relative;
    /* top: 6px; */
  }

  .pbmenu:hover{
    background-color: white;
  }

  .pbmenubar {
    /* background-color: #dedede; */
    padding:4px;
  }

  a:hover {
    text-decoration: none;
  }

  a {
    text-decoration: none;
  }

  /* a:visited {
    color: blue;
  } */


  
.row {
  margin-right: 0px;
}

.col-md-12 {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
}

.theme-gallery.common-gallery .allcols {
   width: 100%; 
  /* background: rebeccapurple; */
  margin-left: -3px;
  margin-right: -3px;
}



.imageclass {
  float:left;
}

.srcbtn {
  float:right;
}


.featurelist {
  width: 320px;
  float: left;
  border: #0e2463 solid 1px;
  box-shadow: #f3f3f3;
  padding: 10px;
}

.featurelist img {
  max-width: 298px;
}







/*Css-by-ashiq----------------------------------------------------------------------------------*/

.m-0 {
    margin: 0!important;
}

.content-area {
    /* background: gray; */
    /*width: 100%;*/
    /*float: left;*/
    /* padding: 50px 0; */
}

div#register-form {
    width: 70%;
    background: #d7ecf3;
    margin: auto;
    padding: 40px;
    display: flow-root;
    background: white;
    box-shadow: 0 0 5px #9d9797;
    border-top: 5px solid;
}

.content-block {
    background: whitesmoke;
    padding: 35px 0;
    margin-bottom: 30px;
    margin-top: 15px;
}

input#tab1 {
    display: none;
}

.pb-form-col {
    width: 100%;
    /* background: white; */
    /* margin-bottom: 1px; */
    padding: 7px 0px;
}

.pb-form-col input,#register-form .row input{
    width: 100%;
    /*padding: 10px 10px;*/
    /*border: 1px solid #cecccc;*/
    background: white;
}

.pb-form-col label,#register-form .row label {
    font-size: 14px;
    text-transform: capitalize;
}
.content-area {
    width: 100%;
    float: left;
}
.pb-form-col.sbm-btn-col,#register-form .row.sbm-btn-col {
    margin: 0!important;
    background: transparent!important;
    width: 100%;
    text-align: left;
}

.pb-form-col.sbm-btn-col input, #register-form .row .sbm-btn-col input {
  width:auto!important;
    background-color: #0070BA;
    color: white;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
}

div#register-form .row {
    margin: 0;
}

div#register-form .row label:hover {
    background: transparent;
    color: inherit;
}
.form-title {
    width: 100%;
    float: left;
    /* background: rebeccapurple; */
    font-size: 23px;
    /*font-weight: 700;*/
    /* text-align: center; */
    margin-bottom: 0px;
    /* border-bottom: 1px solid gray; */
    /* padding-bottom: 15px; */
}
.form-title p {
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.form-msg {
    background: #fdfbff;
    padding: 10px;
    width: 70%;
    margin: auto;
    border-left: 10px solid deepskyblue;
    padding: 20px 16px;
    box-shadow: 0 0 2px #0000004a;
    font-size: 15px;
}
.form-wrap.newset-area label {
    background: inherit;
}
.pb-form-col input::placeholder, #register-form .row input::placeholder {
    text-transform: capitalize;
}
.login-box-area {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 50px 0;
    padding-bottom: 200px;
}

.login-box-area .login-box {
    width: 640px;
    background: white;
    padding: 17px;
    margin: 10px;
    box-shadow: 0 0 2px #0000004a;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    color: black;
    text-align: center;
}

.login-box-area .login-box img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    margin-bottom: 16px;
}

/*.login-box-area .login-box a {
    background: #28A745;
    width: 100%;
    float: left;
    color: white;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 17px;
}*/

/*.login-box-area .login-box a {
    background: #28A745;
    width: 100%;
    float: left;
    color: white;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 15px;
}*/
.login-box-area .login-box a {
    background: #28A745;
    width: 48%;
    float: left;
    color: white;
    text-align: center;
    padding: 8px;
    margin-bottom: 0px;
    font-size: 16px;
    border-radius: 3px;
}



.login-box-area .login-box a.reg-btn {
    background: deepskyblue;
}
.form-wrap {
    background: #ececec;
    padding: 50px 0;
    /*margin-bottom: 50px;*/
    /*margin-top: 20px;*/
    margin-left: -5px;
    margin-right: -5px;
    border-top: 1px solid gray;
}





/* thumb-new-css-by-ashiq-temporary-css =======================================*/
.gallery-wrap {
    /* background: #f7f7f7; */
    /* padding: 15px; */
    margin-bottom: 14px;
}

.theme-page-title {
    /* background: wheat; */
    border-bottom: 1px solid var(--bk);
    margin-bottom: 17px;
}

.theme-page-title h3, .common-title {
    background: var(--bk);
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    color: white;
    position: relative;
    height: 42px;
    text-transform: lowercase;
    text-transform: capitalize;
}

.theme-page-title h3::before, .common-title:before {
    content: "";
    /*     background: red; */
    position: absolute;
    top: 1px;
    width: 0;
    height: 0;
    border-bottom: 42px solid var(--bk);
    border-right: 46px solid transparent;
    left: 100%;
    }

.theme-page-title h3::first-letter {
    text-transform: capitalize;
}

.theme-gallery.common-gallery {}

.theme-gallery .thumbs {
    width: calc(20% - 6px);
    float: left;
    box-shadow: 0px 0 2px #353535;
    margin-bottom: 15px;
    text-align: center;
    margin: 3px;
}

.theme-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.theme-gallery .thumbs a {
    width: 100%;
    height: auto;
}

.theme-gallery .thumbs a img {
    width: 100%;
    height: auto;
    min-height: 190px;
}

.theme-gallery.common-gallery .allcols {
  
}

/*.theme-gallery .thumbs .thumbdetails {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: black;
}*/
.theme-gallery .thumbs .thumbdetails {
    padding: 2px 0;
    font-size: 12px;
    font-weight: 400;
    color: black;
}





/* tmp-css-2 */
.newrow {
    float: left;
    background: #e6e6e6;
    position: unset!important;
    margin-bottom: 50px;
    padding: 15px 7px;
    margin-top: 22px;
}

/*.newrow a {
    width: calc(20% - 10px);
    position: unset!important;
    float: left;
    margin: 0 5px!important;
    background: red;
    padding: 0!important;
    height: 215px;
}*/

/*.newrow a img {
    width: 20%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

.details {
    word-break: break-all;
}
/* temporary css-end============================*/
.cart-area {
    box-shadow: 0 0 2px #585353;
    padding: 30px;
    margin: 26px 0px;
    /*float: left;*/
    display: flow-root;
    /*width: 100%;*/
    margin: 25px;
    margin-bottom: 50px;
}

.cart-title {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--bk);
    margin-top: -1px;
    position: relative;
}
.cart-area th, .cart-area table, .cart-area td{
border:none!important;
}
.cart-area ul li {}

.cart-area ul li {
    border-bottom: 1px solid #c7c6c6;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-bottom: 7px;
    /* background: gainsboro; */
}

li.main-cart-head {
    padding: 10px;
    margin-bottom: 10px;
    /* background: gainsboro; */
}
span.c-price {padding-right: 45px;}
li.main-cart-head span {
    font-weight: 700;
    font-size: 14px;
}

a {}

.cart-rmv-btn{
    background: white;
    color: red;
    padding: 2px 7px;
    border-radius: 4px;
    text-transform: capitalize;
    border: 1px solid red;
    margin-left: 12px;
}
span.cart-price,.c-price {
    width: 25%;
    text-align: right;
    /* background: rebeccapurple; */
}

span.cart-sesc, .c-desc {
    width: 50%;
    text-align: left;
}

span.cart-img,.c-prod {
    width: 10%;
    text-align: left;
    display: inline-block;
}

span.cart-img img {
    height: 60px;
    width: auto;
}

span.cart-sesc a {
    color: black;
    font-size: 14px;
    font-weight: 500;
}

span.cart-price {
    font-weight: 700;
    font-size: 15px;
}
li.total-price-col {
    justify-content: flex-end!important;
    display: block!important;
    text-align: right;
}

li.total-price-col span.tph {
    font-weight: 700!important;
    font-size: 17px;
    margin-right: 30px;
}

li.total-price-col span.tpp {
    font-size: 16px;
    font-weight: 700;
    margin-right: 37px;
    /* padding-right: 32px; */
}

.share-bsk-area {
    width: 50%;
    float: left;
    margin-top: 20px;
}

.share-bsk-area p {
    font-size: 16px;
    font-weight: 500;
}

.share-bsk-area .button {
    background: deepskyblue;
    color: white;
    margin-right: 5px;
    padding: 6px 11px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    width: 106px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    border: none;
    width: 100px;
}
div#buttons-container {
    margin-top: 51px!important;
}

.paypal-button.paypal-button-color-blue, .paypal-button-row.paypal-button-color-blue .menu-button {
    background: var(--bl)!important;
}
.paypal-button.paypal-button-shape-rect {
    opacity: 0!important;
}
.paypal-button.paypal-button-color-blue {
    background: red;
    opacity: 0!important;
}
span.cart-sesc a b {
    font-weight: 500;
    font-size: 14px;
}

.publication-area {
    background: #ececec;
    display: flow-root;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-bottom: 40px;
}

.publication-area .featurelist {
   padding: 0!important;
    background: white;
    border: none;
    box-shadow: 0 0 1px #0000008c;
    width: calc(20% - 10px);
    float: left;
    margin: 5px;
    margin-bottom: 5px;
}

.publication-area .featurelist a.img-div {
    width: 100%;
    height: 275px;
    display: inline-block;
}

.publication-area .featurelist img {
    width: 100%!important;
    margin: 0;
    padding: 0;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    margin-bottom: -7px;
}
.publication-area .featurelist a.img-div {
    height: 200px;
}

.publication-area .featurelist a.img-div img {
    height: 100%;
}

.publication-area .featurelist.desk {
    height: 100px;
    background: rebeccapurple;
}

.publication-area .featurelist .desk {
    height: 80px;
    overflow: hidden;
}

.publication-area .featurelist .desk a {
    color: black;
    text-align: center;
    background: #fdfdfd;
    width: 100%;
    display: block;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.publication-area .featurelist .desk a:hover {
    background: #e9e9e9;
    transition: .4s all;
}
/*.publication-area .desk {
    background: #ffffff;
    text-align: center;
    padding: 10px 0;
    color: black;
    font-size: 17px;
}*/

.publication-area .desk .desk a {
    color: white!important;
}
.craft-display {
    /*border-top: 1px solid gray;*/
}

.craft-display #content0 {
    width: 100%;
    margin: auto;
    box-shadow: 0 0 2px #918e8e;
    margin-top: 28px;
    padding: 30px;
    padding-top: 13px;
    margin-bottom: 50px;
    background: white;
}

.craft-display .main img {
    width: auto;
    height: 300px;
}

.craft-display .main {
    background: #f1f1f1;
    padding: 20px;
}

.craft-display form {
    /* background: rebeccapurple; */
    /* color: white; */
    /* padding: 10px; */
}

.craft-display form button.cartbtn {
    background: #f97528;
    color: white;
    border: none;
    width: 100%;
    padding: 10px;
    margin-top: 19px;
    cursor: pointer;
}
.craft-display .pb-form-col {
    display: flow-root;
}
.newset-area-video .form-msg {
    width: 100%;
    /* margin: 100%; */
    margin-bottom: 40px;
}
.expnd-search-area {
    width: 100%;
    /* background: rebeccapurple; */
    justify-content: center;
    align-items: center;
    /* background: var(--bk); */
    /* padding: 10px; */
    margin-bottom: 11px;
    box-shadow: 0 0 3px #808080b8;
}

.expnd-search-area ul li {
    float: left;
    margin-right: 30px;
}

.expnd-search-area label {
    background: inherit!important;
}

.expnd-search-area ul li label {
    padding-left: 10px;
}

.expnd-search-area ul {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 10px;
}
input#stripe-btn {
    height: 35px!important;
}


.reports-area {
    background: #e8e8e8;
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.reports-area .reports {
    /* background: white; */
    width: 100%;
    /* box-shadow: 0 0 5px #b9b2b2; */
    /* padding: 15px; */
}
.report-wrap h3::before {
    /*border-bottom: 42px solid var(--bl);*/
}

.report-wrap .theme-page-title h3 {
    /*background: var(--bl);*/
}

.report-wrap .theme-page-title {
    /*border-bottom: 1px solid var(--bl);*/
}

.reports-area .reports table {
    width: 100%!important;
    text-align: center;
}
.report-wrap {}

.report-wrap h3 {}

.report-wrap h3::before {
    /*border-bottom: 42px solid var(--bl);*/
}

.report-wrap .theme-page-title h3 {
    /*background: var(--bl);*/
}

.report-wrap .theme-page-title {
    /*border-bottom: 1px solid var(--bl);*/
}

.reports-area .reports table {
    width: 100%!important;
    text-align: center;
}
.reports-area .reports table th {
    padding: 10px;
}

.reports-area .reports table td {
    padding: 8px;
}
.report-wrap {
    background: white;
    padding: 40px;
    margin-bottom: 30px;
}
.admins-op-area {
    background: #efefef;
    padding: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
}

.admins-op-area .collections {
    background: white;
    padding: 10px 12px;
    margin-bottom: 15px;
    border-left: 10px solid deepskyblue;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 4px #b1b1b1;
}

.admins-op-area .collections br {
    display: none;
}

.admins-op-area .collections a {
    background: #a59e9e;
    display: inline-block!important;
    width: max-content;
    padding: 6px 9px;
    color: white;
    margin-bottom: 5px;
}

.admin-op-wrap {
    background: white;
    padding: 30px;
}

.admins-op-area .collections a:hover {
    background: gray;
}
.common-area {
    background: #ececec;
    padding: 15px;
    display: flow-root;
    margin-bottom: 30px;
}
.title-wrap {
    background: #ededed;
    padding: 10px 15px;
    border-left: 10px solid var(--bl);
    margin-bottom: 10px;
    font-size: 15px;
}

.title-wrap .date-wrap {font-weight: 700;margin-bottom: 2px;}

.holder {
    /* box-shadow: 1px 0 0px black; */
}

.approvals-area.common-area input {
    padding: 6px;
    margin-top: 17px;
}

.reports {}

.approvals-area {
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.approvals-area .holder {
  margin: auto;margin-bottom: -46px;
  /* background: rebeccapurple; *//* display: inline-block; */margin: auto -5px;width: auto;
  width: 100%!important;
}

.approvals-area .holder .thumbs.qualified,
.approvals-area .holder .thumbs.approved,
.approvals-area .holder .thumbs.preapproved,
.thumbs.rejected,
.approvals-area .holder .thumbs.unqualified {
    border-top: 5px solid var(--bl);
    margin-bottom: 20px;
    box-shadow: 0 0 2px #c1bfbf;
    padding: 10px;
    background: white;
    /* display: flex; */
    float: left;
    height: auto;
    width: calc(25% - 10px);
    max-width: 300px;
    flex-wrap: wrap;
    margin: 5px;
    margin-bottom: 15px;
}

.approvals-area .holder .thumbs.qualified a,
.thumbs.rejected a,
.approvals-area .holder .thumbs.approved a,
.approvals-area .holder .thumbs.preapproved a,
.approvals-area .holder .thumbs.unqualified a {
    /* background: rebeccapurple; */
    width: 100%;
    height: auto;
    float: left;
    height: 200px;
}
.thumbs.row-view .unqualified{
border-left:10px solid red!important;
}
.thumbs.row-view .preapproved{
border-left:10px solid red;
}
.thumbs.row-view .qualified{
border-left:10px solid tomato;
}

.approvals-area .holder .thumbs.qualified img,
.thumbs.rejected img,
.approvals-area .holder .thumbs.approved img,
.approvals-area .holder .thumbs.preapproved img,
.approvals-area .holder .thumbs.unqualified img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.approvals-area .holder .thumbs.qualified {
    border-top: 5px solid tomato;
}
.approvals-area .holder .thumbs.preapproved {
    border-top: 5px solid deepskyblue;
}
.thumbs.preapproved.row-view{
    border-left: 10px solid deepskyblue!important;
}
.thumbs.rejected{
border-top:5px solid black!important;
}

.approvals-area .holder .thumbs.unqualified{border:none;border-top: 5px solid red;}

.approvals-area .holder .thumbs .thumbdetails {
    float: left;
    width: 100%;
    padding: 0 10px;
    /* background: #f1f1f1; */
    /* margin-left: 10px; */
    text-align: center;
}
.approvals-area .holder .thumbs .thumbdetails {
    border: 1px solid gainsboro;
    background: whitesmoke;
}

.approvals-area .holder .thumbs .thumbdetails .p-id {
    width: 100%;
    text-align: center;
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 42px!important;
}

.approvals-area .holder .thumbs .thumbdetails .p-tags {
    width: 76%;
    padding: 10px;
    background: #f7f7f7;
    display: none;
    text-align: left;
}

.approvals-area .holder .thumbs .thumbdetails .p-checkbox {
    width: 100%;
    /* background: gainsboro; */
    text-align: center;
    padding: 0px;
    margin-top: -8px;
    margin-bottom: 3px;
}
.approvals-area .holder .thumbs .thumbdetails .p-tags .tag-t {
    border-bottom: 1px solid var(--bl);
    margin-bottom: 8px;
}

.approvals-area .holder .thumbs .thumbdetails .p-tags .tag-t span {
    background: var(--bl);
    color: white;
    font-size: 15px !important;
    font-weight: 700;
    padding: 9px;
    display: inline-block;
    padding: 5px 24px;
}

.approvals-area .holder .thumbs .thumbdetails span.itag {
    padding: 3px 9px;
    display: inline-block;
    border-radius: 0;
    color: black;
}




.video-area {
    background: #e4e3e3;
    display: flow-root;
    margin-bottom: 10px;
    padding: 15px;
}

.video-area .thumbs {
    background: white;
    width: 25%!important;
    text-align: center;
    padding: 10px;
}

.video-area .thumbs iframe {background: white;width: 100%;}
.approvals-area .holder .thumbs .thumbdetails .p-checkbox.p-checkbox input {
    width: 100%;
    height: 14px;
}
.p-checkbox input {
    background: red!important;
}
.p-checkbox input[type="checkbox"] {
    background: e;
    width: 35px;
    background: red!important;
    padding: 20px;
    font-size: 20px!important;
    height: 17px;
}

.news-area.common-area .common-title:first-letter {
    text-transform: capitaltze!important;
}



.form-msg {}

.news-area.common-area {}

.news-area.common-area .form-msg {
    width: 100%;
}

.news-area.common-area .single-news h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 7px;
}

.news-area.common-area .single-news p {
    font-size: 15px;
}

.news-area.common-area .single-news a {
    background: #f87821;
    color: #fdfbff;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 5px;
    font-size: 11px;
    font-size: 14px;
    margin-top: 10px;
}
.news-area.common-area .common-title:first-letter {text-transform: capitalize;}
.secondary-search {
    background: white;
    padding: 20px;
}

.secondary-search button {
    border: navajowhite;
    background: var(--bl);
    color: white;
    /* width: 100px; */
    padding: 6px 40px;
    font-size: 14px;
    cursor: pointer;
}

.secondary-search input#s-search {
    background: #e8f0fe;
    color: black;
    border-radius: 0;
    /* border: 0; */
}

.secondary-search input#s-search::placeholder {
    color: black;
    text-transform: capitalize;
}
.cart-area input[type="submit"] {
    padding: 9px;
    border: none;
    border-radius: 0;
    font-weight: 600;
}
div#switch-area {
    width: 100%;
    float: left;
    padding: 5px;
}

div#switch-area button {
    border: navajowhite;
    background: var(--bk);
    color: white;
    padding: 6px 20px;
    cursor: pointer;
    float: right;
}
img.thumbimage {}

.thumbs.row-view {
    width: 100%!important;
    border: none!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between!important;
    border-left: 10px solid var(--bl)!important;
}

.thumbs.row-view .thumbdetails {}

.thumbs.row-view .thumbdetails .p-tags {
    display: block!important;
}

.thumbs.row-view .thumbdetails {
    width: 80%!important;
    float: left;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
    /* padding: 20px!important; */
}

.thumbs.row-view a {
    width: 20%!important;
    height: auto!important;
}

.thumbs.row-view .p-id {
    width: 12%!important;
}

.thumbs.row-view div#check {
    width: 7%!important;
    padding-top: 29px;
    text-align: right;
}

.event-content {
    background: white;
    padding: 22px;
    margin-top: 10px;
    box-shadow: 0 0 2px #0000008f;
    font-size: 14px;
}

.btn {
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
}

.btn a {
    color: white;
    background: var(--bl);
    padding: 10px 20px;
    font-size: 15px;
}

prev-img-wrap {
    background: white;
    padding: 8px;
    box-shadow: 0 0 5px #b3b3b3;
    margin-bottom: 20px;
    /* float: left; */
    /* width: 100%; */
    width: 60%;
    margin: auto;
}

.prev-img-wrap .prev-img img {
    width: 100%;
}

.prev-img-id {
    text-align: center;
    color: #040404;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
}
span.prev-color-wrap {
    /* border: 1px solid #bfb8bf; */
    display: inline-block;
    width: 100%;
    box-shadow: 0 0 3px #595959;
    padding: 5px;
    padding-bottom: 0;
}
.img-prev-det {background: white;padding: 10px 0;display: flex;justify-content: space-between;align-items: center;}

.prev-edit-img-btn a {
background: rgb(255 255 255);
    color: black!important;
    padding: 4px 17px;
    display: inline-block;
    font-size: 14px;
    border: 2px solid #0080ff;
}

.prev-img-wrap {
    background: white;
    width: 600px;
    margin: auto;
    padding: 25px;
    padding-bottom: 10px;
    margin-top: 20px;
}
.prev-form-box {
    /* float: left; */
    background: white;
    width: 600px;
    margin: auto;
    display: flow-root;
    padding: 25px;
    /* margin-top: 18px; */
    padding-top: 20px;
    padding-bottom: 13px;
    margin-bottom: 20px;
}

.prev-form-box input[type=text],
.prev-form-box select,
.prev-form-box textarea,
span#prev-aws-tags,
.amsify-suggestags-input-area.amsify-suggestags-input-area-default{
  background: #f1f1f1;
}





.prev-form-col-2-1 {
    width: 101%;
    float: left;
}

.form-col-1-1.prev-p {
    width: 100%;
    float: left;
}

.form-col-1-1.prev-p label {
    float: left;
    text-align: left;
    width: 100%;
}

.form-col-1-1 label:hover {
    background: white!important;
}
.prev-form-box .cols {
    width: 10%;
    float: left;
    height: 46px;
    margin-bottom: 5px;
}

.prev-form-box .form-col-1-1 {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.prev-form-box .form-col-1-1 label {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: -8px;
    cursor: context-menu;
    font-weight: 600;
    font-size: 17px;
}

input:focus,textarea:focus,select:focus {
    outline: navajowhite;
}

.prev-img-wrap textarea#txtarea {
    resize: none;
}

.prev-form-box textarea#txtarea {
    resize: none;
    height: 150px!important;
}

.form-col-1-1.prev-p {}

.form-col-1-1.prev-p .prev-form-col-2-1 {
    margin-bottom: -1px;
    margin-top: 10px;
}

.amsify-suggestags-area {
    float: left;
    width: 100%;
}

.amsify-suggestags-input-area.amsify-suggestags-input-area-default {
    padding: 10px!important;
}

span.amsify-select-tag.col-bg {
    margin: 3px 3px;
    padding: 4px 10px!important;
}

.amsify-suggestags-input-area .amsify-select-tag.col-bg {
    /* background: #09c1ff; */
    /* color: white; */
}

.form-col-1-1.prev-p .prev-form-col-2-1 select {
    padding: 5px 4px;
}

.form-col-1-1.prev-p .prev-form-col-2-1 span {
    font-weight: 700;
    margin-bottom: 4px;
    display: block;
}

.prev-form-box {}

.prev-form-box input[type="submit"] {
    margin: 0;
    float: left;
    padding: 4px;
    border-radius: 0!important;
    font-weight: 600;
    font-size: 17px;
    width: 111px;
    margin-top: 10px;
    background: rgba(0,128,255,1);
}
.img-wrap-pic {
    width: 65%;
    /*background: #cbcbcb;*/
    float: left;
}

.img-wrap-pic img {
    width: 100%;
    float: left;
}

.main-img-details-details {
    width: 100%;
    /* background: #EEEEEE; */
    float: left;
    /* padding: 20px; */
    margin: auto;
    padding-top: 0;
    padding: 15px;
    box-shadow: 0 0 3px #00000096;
    margin-top: 15px;
}

.pic-wrap {margin: auto;width: 100%;float: left;}

.price-option-area input[type='radio'] {
    display: block;
}

.price-s-option {}

.price-s-option .s-rpice-list {
    width: 100%;
    float: left;
}

.price-s-option .s-rpice-list {
    /* float: left; */
    /* display: flex; */
    /* align-items: center; */
}

.price-s-option .s-rpice-list input {
    margin-right: 10px;
}

.price-s-option .s-rpice-list label.altlabel {
    padding: 5px;
    /* width: 95%; */
    float: left;
    text-align: left;
}

.price-s-option .s-rpice-list label.altlabel:hover {
    /* background: deepskyblue; */
    /* color: white; */
}

a#logged-btn {
    background: deepskyblue;
    color: white;
    padding: 10px;
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
}

.s-rpice-listinput:checked + label {
    background: deepskyblue;
}

.s-rpice-list input:checked + label {
    /* background: var(--bl); */
    /* color: white; */
}
.price-option-area .cart-title {
    margin-bottom: 10px;
}

.price-option-area button.cartbtn {
    border: navajowhite;
    padding: 10px 19px;
    background: var(--bl);
    color: white;
    display: inline-block;
    margin-top: 11px;
    cursor: pointer;
}
.img-id {
    /* background: #ececec; */
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px;
    font-size: 12px;
}
.pic-wrap.video-wrap .img-wrap-pic .vd-wrapper-box {
    box-shadow: 0 0 3px #777474;
    padding: 15px;
}
.img-desc {
    /* background: #ececec; */
    padding: 10px;
    /* margin-top: -10px; */
    /* margin-bottom: 10px; */
    /* text-transform: capitalize; */
}
/* .case-low {
     text-transform: lowercase!important; 
} */

/* .case-low:first-letter {
    text-transform: lowercase!important;
} */

.img-tags,.img-desc {
    /* background: #ffffff; */
    padding: 10px;
    display: inline-block;
    width: 100%;
}
.img-desc span,.img-tags span {
    font-weight: 700;
    width: 100%;
    float: left;
}

.img-tags span {}
.purchased-area.common-area {}

.purchased-area.common-area .theme-page-title h3 {
    background: var(--bk);
    float: left;
}

::before {}

.purchased-area.common-area .theme-page-title h3::before {border-bottom: 42px solid var(--bk);}

.purchased-area.common-area .theme-page-title {
    border-bottom: 1px solid var(--bk);
    float: left;
    width: 100%;
}

.op-head {
   margin-bottom: 10px;
}
.purchased-wrap {
    background: white;
    padding: 20px;
    display: flow-root;
}

.purchased-wrap .single-block-p {
    width: 100%;
    /* background: rebeccapurple; */
    margin-bottom: 11px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
}

.purchased-wrap .form-msg {
    width: 100%;
    margin-bottom: 22px;
}

.purchased-wrap .single-block-p .img-wrap {
    width: calc(20% - 12px);
    /*background: #ececec;*/
    float: left;
    margin: 6px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 12px;
    position: relative;
    margin-bottom: 40px;
    box-shadow: 0 0 2px #9c9c9c;
    padding: 10px;
}

.purchased-wrap .single-block-p .img-wrap a {}

.purchased-wrap .single-block-p .img-wrap a img {
    width: 100%;
    height: 202px;
    object-fit: contain;
    object-position: top;
}

.down-btn a {
    background: deepskyblue;
    color: #ffffff;
    padding: 6px 5px;
    display: block;
    text-align: center;
    font-size: 16px;
    /* font-size: 14px!important; */
}

.down-btn {
    width: 100%;
}

.purchased-wrap .single-block-p .img-wrap .u-type {
  padding: 5px 10px;
  text-align: center;
  padding-bottom: 62px;
  border-top: 1px solid #b7b7b7;
  padding-top: 15px;
  margin-top: 15px;
}

h3.bl {}
.down-btn {
}

.down-btn {
    position: absolute;
    width: calc(100% - 20px);
    bottom: 10px;
    left: 10px;
}
.common-wrap {
    background: white;
    padding: 20px;
display:flow-root;
}

.common-title-wrap {
    width: 100%;
    border-bottom: 1px solid var(--bk);
    margin-bottom: 10px;
}
.event-det {
    width: 100%;
    display: inline-block;
    /* background: rebeccapurple; */
    margin: 10px 0;
    margin-bottom: 31px;
}

.commission-area.common-area th {
    padding: 10px;
    background: #ececec;
    text-transform: uppercase;
}

.commission-area.common-area table {
    width: 100%;
    margin: auto;
}

.commission-area.common-area table td {
    padding: 10px;
    text-align: center;
    font-size: 15px;
    text-transform: capitalize;
}
.commission-area.common-area .content {
    border-top: 11px solid var(--bl);
    margin-top: 40px;
    /* width: 500px; */
    margin: auto;
    margin-top: 50px;
    box-shadow: 0 0 3px #00000099;
    padding: 20px;
    display: flow-root;
}
.commission-area.common-area .common-wrap {
    /* width: 650px; */
    margin: auto;
}
.commission-area.common-area {}

.commission-area.common-area .form-msg {
    width: 100%;
    margin-bottom: 10px;
    background: #ececec;
    border-color: var(--bl);
}

.commission-area.common-area label:hover {
    background: white;
}
.commission-area.common-area .common-wrap {
    width: 700px;
    margin-bottom: 50px;
    padding: 50px;
    box-shadow: 0 0 3px #656565c2;
}
.btn {
    background: var(--bl);
    color: white;
    padding: 5px 20px;
    font-size: 15px;
}
.commission-area.common-area input[type="submit"] {
    float: right;
}
.common-form {
    width: 700px;
    margin: auto;
    border-top: 10px solid var(--bl);
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 3px #9f9292e0;
}
.common-title-area {
    border-bottom: 1px solid #444040;
}
.success-msg-box {
    width: 500px;
    margin: auto;
    box-shadow: 0 0 3px #0000008a;
    padding: 20px;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}

.success-msg-box .icon i {
    color: var(--gr);
    font-size: 70px;
}

.success-msg {
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 20px;
}
.red i {
    color: red!important;
}


.allthemes-area .section.themes-area {
    padding: 0;
    padding-bottom: 20px;
}

.allthemes-area {}

.minus-marg {
    margin: 0 -8px;
}
.common-msg {
    width: 100%;
    background: #ffffff;
    padding: 20px 10px;
    margin-bottom: 10px;
    border-left: 10px solid #444040;
    box-shadow: 0 0 2px #0000007a;
    font-size: 14px;
}
.about-content {
    font-size: 14px;
    /* font-weight: 400; */
}
.about-area.common-area .common-wrap {
    box-shadow: 0 0 3px #b3b3b3;
}

.about-area.common-area {
    padding: 0;
    color: black;
}

.single-team-content {
    box-shadow: 0 0 2px #0000008c;
    /* margin-bottom: 13px; */
    padding: 15px;
    color: black;
    margin-top: 7px;
    float: left;
    width: calc(33.33% - 10px);
    position: relative;
    /* padding-left: 183px; */
    margin: 5px;
    padding-top: 183px;
    text-align: center;
    background: white;
}
.team-area {
    background: white;
    margin: 0 -5px;
    padding: 40px 5px;
    width: 1050px;
    margin: auto;
}
.single-team-content .name h3 {
    font-size: 16px;
    margin-top: 9px;
    margin-bottom: 2px;
    /* font-weight: 400; */
    /* text-transform: uppercase; */
}

.single-team-content .designation {
    margin-bottom: 11px;
    font-size: 12px;
    color: #ff5555;
}

.single-team-content .team-desc {
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
}



.form-wrap.contact-main-area {
    padding-bottom: 60px!important;
    background: #ebebeb!important;
    margin-top: 0!important;
}
.form-wrap.contact-main-area .title-wrap-2 {
    /* margin-bottom: -19px; */
    /* background: #a8a6ab; */
    margin-left: -25px;
    margin-right: -25px;
    background-image: url(/assets/hero/hero.jpg);
    top: 0;
    left: 0;
    border: 0;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    /* margin-bottom: 58px; */
    padding: 20px 0;
    padding-top: 37px;
}
.wrapper-contact {
    /* width: 1180px; */
    margin: auto;
}

.form-col-1-1.m-zero-top {
    margin-top: -19px;
}


.form-wrap.contact-main-area div#register-form input[type="submit"] {
/*    margin: auto;
    background: #0070BA!important;
    border-radius: 11px!important;
    padding: 7px!important;*/

}

.form-wrap.contact-main-area div#register-form {
    width: 30%;
    float: right;
    box-shadow: 0 0 3px #000000bd;
    margin: 0;
    margin-top: 20px;
    padding: 20px;
    border-top: 10px solid #0070BA!important;
}
span#prev-aws-tags {
border: 1px solid #cccccc;
    width: 100%;
    display: flex;
    padding: 12px;
    flex-wrap: wrap;
}

span#prev-aws-tags span {
    background: #486090;
    color: white;
    margin: 2px;
    padding: 2px 9px;
    font-size: 14px;
}
span.amsify-select-tag.def-tag-class {
    font-size: 14px;
}

.fullpage.subscribe .form-title p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
    margin: 0;
    padding: 0;
}

.fullpage.subscribe .form-title span {
    width: 100%;
    float: left;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    color: black;
    margin-top: 7px;
    margin-bottom: 10px;
}
.contact-det-area {
    width: 69%;
    float: left;
    background: white;
    padding: 16px;
    margin: 14px;
    color: black;
    padding-top: 35px;
    padding-bottom: 40px;
    margin-left: 0;
    box-shadow: 0 0 3px #000000ab;
    float: right;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
}

.contact-det-area ul il {
    width: 50%;
    float: left;
    background: rebeccapurple;
}

.contact-det-area ul li {
    float: left;
    width: 50%;
    padding: 10px;
    /* display: block; */
}
.form-wrap.contact-main-area .form-msg {
    width: 100%;
}

.contact-det-area ul li span {
    width: 100%;
    /* background: rebeccapurple; */
    float: left;
    margin-top: 5px;
    margin-bottom: 1px;
    font-size: 14px;
}

.contact-det-area ul {
    display: flex;
    flex-wrap: wrap;
}

.contact-det-area ul li h2 {
    font-size: 14px;
}
.wrapper-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-wrap.contact-main-area .form-msg {
    margin-top: 13px;
}
.form-wrap.contact-main-area textarea#comment {
    resize: none;
    height: 113px!important;
}

.form-wrap.contact-main-area input[type="submit"] {
/*    float: right;
    margin-top: 0;
    width: 100%;
    padding: 10px!important;
    display: block;
    font-size: 18px;
    font-weight: 600;*/
}
.admin-site-page-area {box-shadow: 0 0 4px #00000094;padding: 20px;  margin-bottom:20px;}

.admin-site-page-area .table-top ul li {
    /* float: left; */
    display: inline-block;
    margin-right: 7px;
    /* background: gray; */
    margin-bottom: 10px;
    color: white;
}

.admin-site-page-area .table-top ul li a {
    background: var(--bl);
    color: white;
    padding: 2px 20px;
    width: 98px;
    display: block;
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
}

.admin-site-page-area .table-top ul li.data-head {
    width: 100%;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 23px;
    border-bottom: 1px solid;
    margin-bottom: 14px;
    float: left;
    padding-bottom: 3px;
}
.admin-site-page-area th {
    padding: 6px;
    text-transform: uppercase;
    text-align: center;
}

.admin-site-page-area td {
    padding: 5px;
    /* text-align: center; */
   
}

.admin-site-page-area tr:hover {
    background: #444040;
    color: white;
    border: navajowhite;
}

.admin-site-page-area tr:hover a {
    color: white;
}

.admin-site-page-area tr a {

    padding: 2px 8px;
}

.del-box {
    background: white;
    width: 417px;
    box-shadow: 0 0 4px black;
    padding: 37px;
    margin: auto;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9999999;
}

.del-btn {}

.del-box .del-btn {
    text-align: center;
}

.del-box .del-btn a {
    background: red;
    color: white;
    width: 111px;
    display: inline-block;
    padding: 5px;
    margin-top: 11px;
    text-transform: capitalize;
    font-size: 14px;
}

.admin-pages-area {
    width: 100%;
    overflow: scroll;
}

.admin-pages-area table.dbtable {
    overflow: scroll;
    width: 100%;
}

a.back {}

.del-box a.back {background: green;}

.ovarlay {
    background: #808080;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}
.about-content strong {
    font-size: 18px;
    margin-bottom: 2px;
    display: inline-block;
    font-weight: 600;
    color: #444040;
    /* text-transform: capitalize; */
}
.img-desc-wrap {
    width: 33%;
    box-shadow: 0 0 1px #000000;
    padding: 15px;
    font-size: 14px!important;
    font-weight: 500;
    color: black;
    /* text-transform: lowercase; */
    /* background: #ececec; */
}

.pic-area.common-area {
    padding: 0;
    background: white;
}

.img-desc-wrap span {
    margin-bottom: 2px;
    /* text-transform: capitalize; */
    font-weight: 600;
    font-size: 12px;
    font-weight: 700;
}

.price-option-area {
    color: black;
    /* background: currentColor; */
    display: flow-root;
    /* padding-left: 24px!important; */
}
.image-right-section {
    width: calc(35% - 14px);
    /* background: gray; */
    float: left;
    margin-left: 14px;
}

.pic-wrap .upper-section {
    width: 100%;
    /* background: rebeccapurple; */
    float: left;
    margin-top: 20px;
}

.price-s-option .s-rpice-list {
    position: relative;
    /* background: gray; */
    border-bottom: 1px solid #dbd9d9;
    padding: 6px 0;
    /* font-size: 14px; */
    /* color: #5a5a5a!important; */
}

.price-s-option .s-rpice-list input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.price-s-option .s-rpice-list label.altlabel {
    padding-left: 23px;
}

.price-s-option .s-rpice-list label.altlabel ,.price-s-option .s-rpice-list label.altlabel b {
    font-size: 14px;
    font-weight: 700!important;
    /* color: #686868; */
}

.add-to-cart-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.add-cartbtn {
    background: gray;
    width: 30%;
    border: 2px solid rgba(0,128,255,1);
    background: white;
    padding: 7px;
    margin-top: 10px;
    color: rgba(0,128,255,1);
    /*text-transform: uppercase;*/
    font-weight: 800;
    transition: .4s all;
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 13px;
}

.add-cartbtn:hover {
    cursor: pointer;
    background: rgba(0,128,255,1);
    color: white;
    transition:.4s all;
}

.img-desc-wrap {
    float: left;
    width: 100%;
    /* margin-top: 20px; */
}
.newrow {
    width: 100%;
    padding: 17px 0;
    background: transparent;
}


.newrow .col-5-1 {
    width: calc(20% - 4px);
    margin: 2px;
}
.related {
    width: 100%;
    background: rebeccapurple;
}

.im-2-1 {
    width: calc(50% - 2px);
    overflow: hidden;
    float: left;
    margin: 1px;
}

.related .im-2-1 a {
    width: 100%;
    /*height: 100px!important;*/
    overflow: hidden;
    /*background: rebeccapurple;*/
    display: block;
}

.related .im-2-1 a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}





nav.nav-menu.d-none.d-lg-block {
    background: #ffffff;
    margin-top: 11px;
}
span#action-wrap {
    /* width: 10%; */
    position: relative;
}

span#action-wrap a.cart-rmv-btn {
    position: absolute;
    top: 0;
    right: 0;
}

span#action-wrap ul.price-ul li {
    border: navajowhite;
    padding: 0!important;
    padding-right: 10px;
    /* background: rebeccapurple; */
    text-align: right!important;
    display: flex;
    justify-content: end;
}

span#action-wrap ul.price-ul {
    padding-right: 54px;
    /* background: rebeccapurple; */
}
ul.spec-offer-func {}

ul.spec-offer-func span.cart-sesc {
    color: black;
    font-size: 14px;
}
.c-btn {
    height: 35px!important;
    padding: 0!important;
    width: 200px!important;
    /*     display: flex!important;
    justify-content: center; */
    /*     align-items: center; */
    background: #0070BA!important;
    color: white!important;
    font-size: 14px;
    display:inline-block;
    text-align:center;
    line-height:35px;
    border-radius: 2px!important;
}
.share-bsk-area .c-btn {
    display: inline-block!important;
    line-height: 35px;
}
ul.offer-ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    font-size: 14px;
}
.single-tag {
    display: inline-block;
    background: #e7e5e5;
    padding: 1px 10px;
    margin-bottom: 5px;
    color: black;
}
.title-wrap-2 {
    text-align: center;
}

.title-wrap-2 h3.title-2 {
    color: black;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 40px;
}

.team-wrapper {
    /* background: gray; */
    float: left;
    width: 100%;
    filter: fl;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    padding-top: 19px;
    justify-content: center;
}


.form-wrap.contact-main-area .form-msg {
    box-shadow: none;
    background: #efefef;
    text-align: center;
    border-color: #0072ff;
    /* width: 39%; */
}
ul.color-black {
    color: black;
    font-weight: 800;
    font-size: 13px;

}
.pricepoint {
    /*box-shadow: 0 0 3px #818080;*/
    float: left;
    margin-top: 17px;
    padding: 20px;
    width: 100%;
}
.light-box-area {
    float: left;
    background: #ffffff;
    width: 100%;
    margin: 0 -4px;
    padding: 10px;
    /*box-shadow: 0 0 2px #000000a1;*/
    margin-bottom: 25px;
}

.signle-lightbox-item {
    width: calc(20% - 8px);
    /*height: 175px;*/
    margin-bottom: 7px;
    float: left;
    margin: 4px;
}

.signle-lightbox-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/*modal-css*/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 1172px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  color: black;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #141414;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: -7px;
  right: 10px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    left: 0;
    top: 0;
    display: none;
}
.loader img {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal-content {
    width: 500px;
    border-top: 10px solid var(--bl);
    padding-top: 26px;
    padding-bottom: 10px;
    display: flow-root;
}


.modal-content ul li {
    background: #dfdfdf;
    padding: 6px 17px;
    margin-bottom: 5px;
    font-size: 12px;
    cursor: pointer;
    /* border-radius: 3px; */
    font-weight: 700;
    /*text-transform: uppercase;*/
}

.modal-content h3 {
    margin-bottom: 10px;
}

.modal-content ul li:hover {
    background: #C0CDD9;
}

.box-wrap {
    /* background: #f7f7f7; */
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.light-head {
    /* width: 100%; */
    border-bottom: 1px solid gray;
    margin-bottom: 8px;
    margin: 6px;
    display: flex;
    justify-content: space-between;
}
.lgt-box {
    width: 100%;
    /* background: rebeccapurple; */
    display: flex;
    justify-content: space-between;
}

.lgt-box h3 {
    background: #dfdfdf;
    color: white;
    padding: 6px 15px;
    /* margin-left: 10px; */
    font-weight: 500;
    font-size: 13px;
    /* cursor: pointer; */
    /* margin-right: 10px; */
    width: calc(50% - 4px);
    color: black;
    text-align: center;
    cursor: pointer;
}

h3.lgt-btn {

    /*background: var(--bl);*/
    /*color: white;*/
}
button#lgt-create {
    float: right;
    border: none;
    padding: 5px 20px;
    background: var(--bl);
    color: white;
    margin-top: 10px;
    cursor: pointer;
}
#create-light h3 {
    text-align: center;
    width: 67%;
    background: #d6f3c7;
    padding: 10px;
    margin-top: 10px;
    margin: auto;
    margin-top: 20px;
}

.active {
    background: #0072ff!important;
    color: white!important;
}
h1.msg {
    padding: 100px 0;
}
li#s-light {
    width: 100%;
    padding: 10px;
    text-align: center;
    float: left;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slight {
    width: calc(33.33% - 10px);
    float: left;
    position: relative;
    margin: 5px;
}

span.close2 {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    background: #858383;
    color: white;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: none;
}


.slight:hover span.close2 {
    display: flex;
}
.share-lightbox-area {}

.share-lightbox-area span {
    background: var(--bl);
    color: white;
    cursor: pointer;
    padding: 2px 20px;
    display: block;
}

.light-head h4 {
    font-size: 18px;
    text-transform: capitalize;
}
.signle-lightbox-item .box-btn-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2e2b2b99;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(0.4);
    visibility: hidden;
    opacity: 0;
    transition: .4s all;
}

.signle-lightbox-item {
    position: relative;
}

.signle-lightbox-item .box-btn-wrap a {
    width: 82px;
    background: white;
    color: #080808;
    text-align: center;
    padding: 6px;
    margin: 2px 3px;
    font-size: 16px;
}

.signle-lightbox-item .box-btn-wrap a.view-btn {
    background: var(--bl);
    color: white;
}
.signle-lightbox-item:hover .box-btn-wrap {
    /* background: rebeccapurple; */
    transform: scale(1);
    transition: .4s all;
    visibility: visible;
    opacity: 1;
}
.savel-btn {
    background: var(--bl);
    color: white;
    padding: 4px 20px;
    display: block;
}
.gallery-container {
    width: 100%;
}
.loader-2 {
    text-align: center;
    width: 100%;
}

.loader-2 img {
    height: 230px;
}
.ajax {
    position: relative;
    display: block;
    /* background: rebeccapurple; */
    float: left;
    width: 100%;
}

.loader-2 img {
    height: 137px;
}
.loader-2 {
    text-align: center;
    width: 100%;
    position: fixed;
    z-index: 999999;
    background: #fff4f49e;
    left: 0;
    top: 0;
    height: 100%;
    float: left;
}
.loader-2 {
    transform: translate(50% 50%);
    /*transform: translate(0, 100%);*/
}
.loader-2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , 0%);
}
.w-100 {
    width: 100%;
    /* background: rebeccapurple; */
    float: left;
}
.load-more-btn {
    text-align: center;
    background: var(--pl);
    color: white;
    width: auto!important;
    width: 189px!important;
    margin: auto;
    margin-top: 20px;
    padding: 9px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    border: navajowhite;
}
.button-wrap {
    text-align: center;
    margin-bottom: 60px;
}
.no-data {
    padding: 71px 0;
    text-align: center;
    font-weight: 800;
    font-size: 39px;
    box-shadow: 0 0 1px black;
    margin: 3px;
}
.mcolor a {
    width: 10%;
    height: 33px;
}

iframe .logo{
  display: none!important;
}
.player .vp-controls .logo{
    display: none!important;
}

.resheader {
    width: 100px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 15px;
    display: block;
    /* background: red; */
    width: 100%;
    border-bottom: 1px solid #bdb5b5;
    margin-bottom: 10px;
}
.res-img {
    width: calc(16.666% - 5px);
    float: left;
    margin: 2.5px;
}
.gallery-wrap.search-gallery {
    padding: 8px;
}
.res-img a {
    display: block;
    width: 100%;
}

.res-img a img.thumbimage {
    display: block;
    width: 100%;
    height: 100%;
}
.rescol {
    width: 100%;
    float: left;
    margin-bottom: 26px;
}
.vid-col {
    background: #dbdbdb;
    width: calc(20% - 6px);
    box-shadow: 0 0 3px #726d6d;
    float: left;
    margin: 3px;
}
.wrap-box-100 {
    width: 100%;
    display: block;
    /* background: rebeccapurple; */
    float: left;
    text-align: center;
}

button.load-more-btn {
    height: pa;
    padding: 5px;
    width: 161px!important;
}

a.d-btn {
    /* width: auto!important; */
    width: 153px;
    font-size: 14px!important;
    /* border-radius: 37px; */
    padding: 0!important;
    height: 31px!important;
    background: #f97528!important;
    color: white!important;
    margin: 0 5px;
    border-radius: 2px;
}
.theme-title.btn-area-width h3 {
    text-align: center!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}
li.text-only {
    position: relative;
    /* display: block!important; */
}

li.text-only {}

li.text-only .mega-sub-area {/*     display: block; *//* background: rebeccapurple; */width: 205px;/*     display: flex; */flex-wrap: wrap;left: 1px;}

li.text-only .mega-sub-area li {
    /* background: red; */
    width: 100%!important;
/*     display: block; */
    left: 0!important;
}
li.text-only .mega-sub-area li:last-child {
    /* background: red; */
    width: 100%!important;
/*     display: block; */
    right: 100%!important;
}

li.text-only ul {
    padding: 0;
}
div#links a {
    color: white!important;
}
div#links h3 a {
    color: white!important;
}

div#links p a {
    color: white!important;
}

.feature-mega .col-desc {
    /* float: left; */
    padding: 10px;
    height: 106px!important;
}


.paginaion-area {
    /* background: #eeeeee; */
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.paginaion-area ul li {
    display: inline-block;
}

.paginaion-area ul li a {
    background: white;
    margin: 2px;
    padding: 8px 16px;
    display: block;
    text-align: center;
    /* width: 50px; */
    box-shadow: 0 0 2px #000000a1;
}
.paginaion-area.pagi-bottom {
    margin-top: 19px;
}


.pagititle {
    /* background: rebeccapurple; */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 26px;
    /*width: 157px;*/
}

.pagititle select#paginationselect,
.pagititle select#paginationselectb {
    padding: 0;
    margin: 10px;
    width: 50px!important;
    display: block;
}
.pagititle span {
    /*font-weight: 700;*/
    /*width: 63px;*/
    font-size: 13px;
}
ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

ul.pagination .nexrpage a {
    padding: 3px 10px;
    margin-left: -11px;
    color: black;
}
.profile-area {
    display: flex;
    /* background: gray; */
    padding: 19px;
    box-shadow: 0 0 2px #00000057;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.profile-area .avatar-area {
    width: 100%;
}

.profile-area .p-info-area {
    width: 100%;
    margin-top: 12px;
}

.profile-area .avatar-area .avatar {
    width: 100px;
    overflow: hidden;
    height: 100px;
}

.profile-area .avatar-area .avatar img {
    width: 100%;
    height: 100%;
}

.p-info-area {}

.profile-area .p-info-area p {
    font-weight: 800;
    font-size: 15px;
}

.profile-area .p-info-area .info span {
    font-size: 14px;
}
.pagititle span.itcount {
    /*font-weight: 600;*/
    margin-right: 10px;
}


/*.main {
    width: 1170px;
    display: flex;
    justify-content: center;
}*/

}
.admin-news-wrapper {
    width: 1200px;
    margin: auto;
    margin-top: 50px;
}

.admin-news-wrapper table.dbtable {
    width: 100%;
}

td {}

.admin-news-wrapper table.dbtable td {
    padding: 10px;
}

.admin-news-wrapper table.dbtable td img {
    height: 50px!important;
}

.cartbtnlog {
    margin-top: 10px;
    display: block;
}


.cartbtnlog a {
    background: white;
    color: white;
    padding: 10px;
    display: inline-block;
    margin-top: 19px;
    color: #0080FF;
    border: 2px solid #0080FF;
    font-weight: 600;
}

.cartbtnlog a:hover {
    background: #0080FF;
    color: white;
    transition: .3s all;
}
.light-box-area h1.msg {
    background: #dbdbdb;
    color: black;
    font-weight: 700;
    font-size: 27px;
    width: auto;
    /*margin: 0px -25px -54px -28px;*/
}
span.amsify-select-tag.aws-bg {
    background: #bdbbbb!important;
    color: black;
    padding: 4px 12px;
}

span.amsify-select-tag.def-tag-class.col-bg {
    background: #0080FF;
    color: white;
}

.photolist-table {
    background: white;
    padding: 15px;
    box-shadow: 0 0 2px black;
    overflow-x: scroll;
    display: flex;
}


.photolist-table .table-wrap {
width: 100%;
}

.photolist-table .table-wrap ul li {
    display: inline-block;
    background: #444040;
    color: white;
    padding: 6px 20px;
}

.photolist-table .table-wrap ul li a {
    color: white;
}

.photolist-table table.dbtable tr {
}

.photolist-table table.dbtable tr td {
    overflow: hidden;
    max-width: 100px!important;
    word-break: break-word;
    height: 34px;
    padding: 5px;
}

.photolist-table .table-wrap table.dbtable {
    width: 100%;
    text-align: center;
}
.photolist-table .table-top {
    display: none;
}
.table-top ul li:last-child {
    /* display: none; */
}
.vid-col a {
    background: #0075ff;
    display: block;
    padding: 8px;
    text-align: center;
    color: white;
    margin-top: -1px;
    text-transform: uppercase;
}
 .embed-container {
  position: relative;
  padding-bottom: 75.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.test-cust-area.common-area {
background: aliceblue!important;
}

.test-cust-area.common-area .common-wrap.common-form {
box-shadow: 0 0 4px #676767;
}

.craft-area.common-area {
    background: aliceblue!important;
    margin: 0 -5px;
    margin-bottom: 0;
}
.prevsimg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prevsimg iframe {
    height: 100%;
    overflow: hidden;
}
.prevsimg {
width: calc(33.33% - 4px);
float: left;
height: 134px;
margin: 2px;
padding: 6px;
box-shadow: 0 0 3px #2b2b2b;
margin-top: 10px;
}
.prevsimg img {
width: 100%;
height: 100%;
object-fit: cover;
}

div#image_preview {
width: 100%;
display: flow-root;
}

.attachment-area audio {
    /* padding: 0; */
    /* height: 20px; */
    padding: 9px;
    border-radius: 30px;
    box-shadow: 0 0 4px #858181;
}
.prevsimg.audios audio {
    width: 100%;
    height: 39px;
    padding: 5px;
    border-radius: 30px;
    box-shadow: 0 0 3px #393939;
}

.prevsimg.audios {
    box-shadow: none;
}
.attach-single-col {
    width: calc(25% - 10px);
    margin: 5px;
    float: left;
    box-shadow: 0 0 2px #8b8585;
    padding: 10px;
    height: 250px;
    background: azure;
}

.attachment-area {
    display: flex;
    flex-wrap: wrap;
}

.attachment-area .attach-single-col audio {width: 100%;}
.attachment-area .attach-single-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.audioplayer-wrap {
    /*border: 1px solid #b5afaf;*/
    /*padding: 10px;*/
}

.audioplayer-wrap img {
    width: 100%;
}

.audioplayer-wrap .audio-thumb-img img {
    width: 100%!important;
    display: flow-root;
}

.audioplayer-wrap audio {
    box-shadow: none;
    background: #f1f3f4;
    border-radius: inherit;
}
.audio-thumb-img {
    width: 100%;
    height: 85%;
}

.audio-thumb-img audio {
    height: 18px;
    background: rebeccapurple!important;
}

.audioplayer-wrap audio {height: 15%;}

.audioplayer-wrap .audio-thumb-img img {
    width: 100%;
    object-fit: cover;
}


.audioplayer-wrap {
    height: 100%;
}




.pb-form-col.featuresxs .col-25 label,
.pb-form-col.publicationsxs .col-25 label,
.pb-form-col.craftsxs .col-25 label {
    padding: 0;
    /* border-bottom: 1px solid gray; */
    margin-bottom: 6px;
}


.pb-form-col.featuresxs,
.pb-form-col.publicationsxs,
.pb-form-col.craftsxs,
.pb-form-col.eventsxs {
    margin-bottom: 12px;
}




.pb-form-col.eventsxs .col-25 label {
    padding: 0;
    border-bottom: 1px solid gray;
    margin-bottom: 6px;
}
.pb-form-col.eventsxs .col-75 {
    font-size: 14px;
    color: black;
}
.common-previewer {
    width: 100%;
    display: flow-root;
    height: 100%;
}

div#audio_preview {}

div#audio_preview .prevsimg.audios {
    width: calc(50% - 10px)!important;
    height: auto!important;
}
    
  div#book_preview {
  transition: .9s all;
    background: rebeccapurple;
    width: 100%;
    position: relative!important;
    height: 100%;
    background: aliceblue;
    height: 730px;
    margin: auto;
    /*display: flex;*/
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    /*display: none;*/
    transform: scale(.5);
    height: 0;
}
.prev-book-btn-area button {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    outline: none;
    color: black;
    border: 1px solid deepskyblue;
}
div#book_preview.bookprevactive {
  transition: .9s all;
    position: fixed!important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*display: flex!important;*/
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.bookprev-close {
    background: red;
    display: inline-block;
    width: 90px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    position: fixed;
    top: 15px;
    right: 25px;
    cursor: pointer;
}
.single-pdf-grip {
    height: 100%;
    text-align: center;
}
.single-pdf-grip img {
    object-fit: contain!important;
}
.single-pdf-grip img {
    width: 100px!important;
}
.pdf-btn {
    position: absolute;
    background: #00000069;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    transition: .4s all;
    visibility: hidden;
    opacity: 0;
    transform: scale(.5);
}

.single-pdf-grip {
    position: relative;
}

.pdf-btn a {
    background: #f97528;
    color: white;
    padding: 10px 43px;
    border-radius: 3px;
}

.single-pdf-grip {}

.single-pdf-grip:hover .pdf-btn {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: .4s all;
}
.admin-op-wrap.cust-row-control-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.report-wrap table tr:first-child {
    background: #e8e8e8;
    color: black;
}

.report-wrap table tr:last-child {
    background: #e8e8e8;
    color: black;
}
.lefter {
    text-align: left!important;
}
.mw-salse-rep-area {
    background: #f1f1f1;
    margin: 0 -5px;
    padding: 60px 0;
}

.mw-salse-rep-area .mw-salse-rep-area-wrap {
    width: 1200px;
    margin: auto;
    background: white;
    padding: 20px;
    box-shadow: 0 0 4px #4d4a4a;
}

.mw-salse-rep-area .mwsales-rep-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.mw-salse-rep-area .mwsales-rep-title .rep-title-desc h1 {
    font-weight: 900;
    font-size: 16px;
    color: black;
}

.mw-salse-rep-area .sales-details-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.period {}

.period span.inp-wrap {
    position: relative;
}

.period span.inp-wrap label {
    position: absolute;
    left: 0px;
    z-index: 999;
    bottom: 21px;
    display: inline-block;
    padding: 0;
    font-size: 18px;
}

.period span.inp-wrap input {
}

.period span.inp-wrap input {
    width: 100px;
    padding: 4px  0px 4px 6px;
    padding-right: 0!important;
    cursor: pointer;
}

.sales-details-title {}

.sales-details-title .details-right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.sales-details-title .check-btn button {
    border: none;
    background: #0078C8;
    color: white;
    width: 100px;
    height: 28px;
    margin-left: 8px;
    border-radius: 3px;
    cursor: pointer;
}

.mw-salse-rep-area .sales-details-title .contributor-det {
    border-bottom: 1px solid #0078c8;
}

.mw-salse-rep-area .sales-details-title .contributor-det span.ttlshape {
    background: #0078c8;
    color: white;
    padding: 3px 10px;
    display: inline-block;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 800;
}

.mw-salse-rep-area .sales-details-title .contributor-det span {
    font-size: 14px;
    font-weight: 700;
    color: black;
    text-transform: uppercase;
}
.mw-sale-main-report-box {
    width: 100%;
    /*padding: 20px;*/
    box-shadow: 0 0 2px #b2b2b2;
    margin: 25px 0;
}

.mw-sale-main-report-box table {
    width: 100%;
}

.mw-sale-main-report-box table tr td {
    padding: 9px 6px;
    border-color: #5b9bd5;
}

.mw-sale-main-report-box table tr.head-row {
    border: none;
    background: #5B9BD5;
    color: white;
    text-transform: uppercase;
}

.mw-sale-main-report-box table tr.head-row td {
    border-color: #5b9bd5;
}

.mw-sale-main-report-box table tr:nth-child(2n+2) {
    background: #DEEAF6;
}
.full-page {
    width: 100%;
    display: block;
    padding-bottom: 10px;
}

ul.out-blnc {
    font-size: 15px;
    color: black;
}

ul.mwsalesrep-comments {}

ul.mwsalesrep-comments span.cmt-ttl {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 3px;
    display: block;
}

ul.mwsalesrep-comments li {
    list-style: inside;
    font-size: 15px;
    color: #2f2f2f;
    margin-bottom: 2px;
}
.empty-box-wran {
    text-align: center;
    padding: 45px 0;
    box-shadow: 0 0 4px #d6d6d6;
}

.empty-box-wran p {
    font-weight: 800;
    font-size: 38px;
}
span#timeduration2 {
    /*border: 1px solid #cccccc;*/
    padding: 7px 11px;
    border-radius: 3px;
    background: #0078c8;
    color: white!important;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 11px;
    margin-left:  5px;
}
.sellers-report table {
    width: 100%;
}

.sellers-report table td {
    border-color: #a29e9e;
    color: black;
    padding: 10px;
    border: none;
}

tr.head-row {
    border: 1px solid gray;
    background: #92bbd6;
    text-transform: uppercase;
    font-weight: 700;
}

tr.data-row {
    border: 1px solid gray;
}
#def-btn {
    text-decoration: none;
    color: white;
    background: #0078c8;
    padding: 4px 20px;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid;
    transition: .4s all;
}

#def-btn:hover {
    background: white;
    color: black;
    border: 1px solid #0078c8;
}
.footers-pages {
    margin: 0 -5px;
    background: #ebebeb!important;
    display: flow-root;
    padding-top: 24px;
    padding-bottom: 30px;
}
.footers-pages {}

.footers-pages .traywrap {
    /* padding: 12px; */
    box-sizing: border-box;
    margin: 0 10px;
    box-shadow: 0 0 1px black;
    margin-top: 18px;
}


.no-mp .traywrap {
    margin: 0;
}

.pb-0 {
    padding-bottom: 0;
}
div#cke_1_contents {
    padding: 15px!important;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-group {
    margin-bottom: 1rem;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
}
.bb{
    border-bottom: 1px solid gainsboro;
    display: inline-block;
 }
 .spc-1{
    display: block;
    margin-top: 10px;
 }
.no-gutters{
    margin-right:0;
    margin-left:0
}
.no-gutters>.col,.no-gutters>[class*=col-]{
    padding-right:0;
    padding-left:0
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px
}
.col{
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -ms-flex-positive:1;
    flex-grow:1;
    min-width:0;
    max-width:100%
}
.row-cols-1>*{
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.row-cols-2>*{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.row-cols-3>*{
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
}
.row-cols-4>*{
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
}
.row-cols-5>*{
    -ms-flex:0 0 20%;
    flex:0 0 20%;
    max-width:20%
}
.row-cols-6>*{
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%
}
.col-auto{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto;
    max-width:100%
}
.col-1{
    -ms-flex:0 0 8.333333%;
    flex:0 0 8.333333%;
    max-width:8.333333%
}
.col-2{
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%
}
.col-3{
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
}
.col-4{
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
}
.col-5{
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%
}
.col-6{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.col-7{
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%
}
.col-8{
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
}
.col-9{
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
}
.col-10{
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%
}
.col-11{
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%
}
.col-12{
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.order-first{
    -ms-flex-order:-1;
    order:-1
}
.order-last{
    -ms-flex-order:13;
    order:13
}
.order-0{
    -ms-flex-order:0;
    order:0
}
.order-1{
    -ms-flex-order:1;
    order:1
}
.order-2{
    -ms-flex-order:2;
    order:2
}
.order-3{
    -ms-flex-order:3;
    order:3
}
.order-4{
    -ms-flex-order:4;
    order:4
}
.order-5{
    -ms-flex-order:5;
    order:5
}
.order-6{
    -ms-flex-order:6;
    order:6
}
.order-7{
    -ms-flex-order:7;
    order:7
}
.order-8{
    -ms-flex-order:8;
    order:8
}
.order-9{
    -ms-flex-order:9;
    order:9
}
.order-10{
    -ms-flex-order:10;
    order:10
}
.order-11{
    -ms-flex-order:11;
    order:11
}
.order-12{
    -ms-flex-order:12;
    order:12
}
.offset-1{
    margin-left:8.333333%
}
.offset-2{
    margin-left:16.666667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.333333%
}
.offset-5{
    margin-left:41.666667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.333333%
}
.offset-8{
    margin-left:66.666667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.333333%
}
.offset-11{
    margin-left:91.666667%
}
@media (min-width:576px){
    .col-sm{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        flex-grow:1;
        min-width:0;
        max-width:100%
    }
    .row-cols-sm-1>*{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-sm-2>*{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-sm-3>*{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .row-cols-sm-4>*{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-sm-5>*{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-sm-6>*{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-sm-auto{
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-sm-1{
        -ms-flex:0 0 8.333333%;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-sm-2{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-sm-3{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-4{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-sm-5{
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-sm-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-7{
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-sm-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-sm-9{
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-sm-10{
        -ms-flex:0 0 83.333333%;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-sm-11{
        -ms-flex:0 0 91.666667%;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-sm-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-sm-first{
        -ms-flex-order:-1;
        order:-1
    }
    .order-sm-last{
        -ms-flex-order:13;
        order:13
    }
    .order-sm-0{
        -ms-flex-order:0;
        order:0
    }
    .order-sm-1{
        -ms-flex-order:1;
        order:1
    }
    .order-sm-2{
        -ms-flex-order:2;
        order:2
    }
    .order-sm-3{
        -ms-flex-order:3;
        order:3
    }
    .order-sm-4{
        -ms-flex-order:4;
        order:4
    }
    .order-sm-5{
        -ms-flex-order:5;
        order:5
    }
    .order-sm-6{
        -ms-flex-order:6;
        order:6
    }
    .order-sm-7{
        -ms-flex-order:7;
        order:7
    }
    .order-sm-8{
        -ms-flex-order:8;
        order:8
    }
    .order-sm-9{
        -ms-flex-order:9;
        order:9
    }
    .order-sm-10{
        -ms-flex-order:10;
        order:10
    }
    .order-sm-11{
        -ms-flex-order:11;
        order:11
    }
    .order-sm-12{
        -ms-flex-order:12;
        order:12
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.333333%
    }
    .offset-sm-2{
        margin-left:16.666667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.333333%
    }
    .offset-sm-5{
        margin-left:41.666667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.333333%
    }
    .offset-sm-8{
        margin-left:66.666667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.333333%
    }
    .offset-sm-11{
        margin-left:91.666667%
    }
}
@media (min-width:768px){
    .col-md{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        flex-grow:1;
        min-width:0;
        max-width:100%
    }
    .row-cols-md-1>*{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-md-2>*{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-md-3>*{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .row-cols-md-4>*{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-md-5>*{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-md-6>*{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-md-auto{
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-md-1{
        -ms-flex:0 0 8.333333%;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-md-2{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-md-3{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-4{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-md-5{
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-md-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7{
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-md-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-md-9{
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-md-10{
        -ms-flex:0 0 83.333333%;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-md-11{
        -ms-flex:0 0 91.666667%;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-md-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-md-first{
        -ms-flex-order:-1;
        order:-1
    }
    .order-md-last{
        -ms-flex-order:13;
        order:13
    }
    .order-md-0{
        -ms-flex-order:0;
        order:0
    }
    .order-md-1{
        -ms-flex-order:1;
        order:1
    }
    .order-md-2{
        -ms-flex-order:2;
        order:2
    }
    .order-md-3{
        -ms-flex-order:3;
        order:3
    }
    .order-md-4{
        -ms-flex-order:4;
        order:4
    }
    .order-md-5{
        -ms-flex-order:5;
        order:5
    }
    .order-md-6{
        -ms-flex-order:6;
        order:6
    }
    .order-md-7{
        -ms-flex-order:7;
        order:7
    }
    .order-md-8{
        -ms-flex-order:8;
        order:8
    }
    .order-md-9{
        -ms-flex-order:9;
        order:9
    }
    .order-md-10{
        -ms-flex-order:10;
        order:10
    }
    .order-md-11{
        -ms-flex-order:11;
        order:11
    }
    .order-md-12{
        -ms-flex-order:12;
        order:12
    }
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.333333%
    }
    .offset-md-2{
        margin-left:16.666667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.333333%
    }
    .offset-md-5{
        margin-left:41.666667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.333333%
    }
    .offset-md-8{
        margin-left:66.666667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.333333%
    }
    .offset-md-11{
        margin-left:91.666667%
    }
}
@media (min-width:992px){
    .col-lg{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        flex-grow:1;
        min-width:0;
        max-width:100%
    }
    .row-cols-lg-1>*{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-lg-2>*{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-lg-3>*{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .row-cols-lg-4>*{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-lg-5>*{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-lg-6>*{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-lg-auto{
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-lg-1{
        -ms-flex:0 0 8.333333%;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-lg-2{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-lg-3{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-4{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-lg-5{
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-lg-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-7{
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-lg-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-lg-9{
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-lg-10{
        -ms-flex:0 0 83.333333%;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-lg-11{
        -ms-flex:0 0 91.666667%;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-lg-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-lg-first{
        -ms-flex-order:-1;
        order:-1
    }
    .order-lg-last{
        -ms-flex-order:13;
        order:13
    }
    .order-lg-0{
        -ms-flex-order:0;
        order:0
    }
    .order-lg-1{
        -ms-flex-order:1;
        order:1
    }
    .order-lg-2{
        -ms-flex-order:2;
        order:2
    }
    .order-lg-3{
        -ms-flex-order:3;
        order:3
    }
    .order-lg-4{
        -ms-flex-order:4;
        order:4
    }
    .order-lg-5{
        -ms-flex-order:5;
        order:5
    }
    .order-lg-6{
        -ms-flex-order:6;
        order:6
    }
    .order-lg-7{
        -ms-flex-order:7;
        order:7
    }
    .order-lg-8{
        -ms-flex-order:8;
        order:8
    }
    .order-lg-9{
        -ms-flex-order:9;
        order:9
    }
    .order-lg-10{
        -ms-flex-order:10;
        order:10
    }
    .order-lg-11{
        -ms-flex-order:11;
        order:11
    }
    .order-lg-12{
        -ms-flex-order:12;
        order:12
    }
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.333333%
    }
    .offset-lg-2{
        margin-left:16.666667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.333333%
    }
    .offset-lg-5{
        margin-left:41.666667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.333333%
    }
    .offset-lg-8{
        margin-left:66.666667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.333333%
    }
    .offset-lg-11{
        margin-left:91.666667%
    }
}
@media (min-width:1200px){
    .col-xl{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        flex-grow:1;
        min-width:0;
        max-width:100%
    }
    .row-cols-xl-1>*{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-xl-2>*{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-xl-3>*{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .row-cols-xl-4>*{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-xl-5>*{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-xl-6>*{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-xl-auto{
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-xl-1{
        -ms-flex:0 0 8.333333%;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-xl-2{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-xl-3{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-xl-5{
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-xl-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7{
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-xl-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-xl-9{
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        -ms-flex:0 0 83.333333%;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-xl-11{
        -ms-flex:0 0 91.666667%;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-xl-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-xl-first{
        -ms-flex-order:-1;
        order:-1
    }
    .order-xl-last{
        -ms-flex-order:13;
        order:13
    }
    .order-xl-0{
        -ms-flex-order:0;
        order:0
    }
    .order-xl-1{
        -ms-flex-order:1;
        order:1
    }
    .order-xl-2{
        -ms-flex-order:2;
        order:2
    }
    .order-xl-3{
        -ms-flex-order:3;
        order:3
    }
    .order-xl-4{
        -ms-flex-order:4;
        order:4
    }
    .order-xl-5{
        -ms-flex-order:5;
        order:5
    }
    .order-xl-6{
        -ms-flex-order:6;
        order:6
    }
    .order-xl-7{
        -ms-flex-order:7;
        order:7
    }
    .order-xl-8{
        -ms-flex-order:8;
        order:8
    }
    .order-xl-9{
        -ms-flex-order:9;
        order:9
    }
    .order-xl-10{
        -ms-flex-order:10;
        order:10
    }
    .order-xl-11{
        -ms-flex-order:11;
        order:11
    }
    .order-xl-12{
        -ms-flex-order:12;
        order:12
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.333333%
    }
    .offset-xl-2{
        margin-left:16.666667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.333333%
    }
    .offset-xl-5{
        margin-left:41.666667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.333333%
    }
    .offset-xl-8{
        margin-left:66.666667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.333333%
    }
    .offset-xl-11{
        margin-left:91.666667%
    }
}
.table{
    width:100%;
    margin-bottom:1rem;
    color:#212529
}
.table td,.table th{
    padding:.75rem;
    vertical-align:top;
    border-top:1px solid #dee2e6
}
.table thead th{
    vertical-align:bottom;
    border-bottom:2px solid #dee2e6
}
.table tbody+tbody{
    border-top:2px solid #dee2e6
}
.table-sm td,.table-sm th{
    padding:.3rem
}
.table-bordered{
    border:1px solid #dee2e6
}
.table-bordered td,.table-bordered th{
    border:1px solid #dee2e6
}
.table-bordered thead td,.table-bordered thead th{
    border-bottom-width:2px
}
.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{
    border:0
}
.table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(0,0,0,.05)
}
.table-hover tbody tr:hover{
    color:#212529;
    background-color:rgba(0,0,0,.075)
}
.table-primary,.table-primary>td,.table-primary>th{
    background-color:#b8daff
}
.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{
    border-color:#7abaff
}
.table-hover .table-primary:hover{
    background-color:#9fcdff
}
.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{
    background-color:#9fcdff
}
.table-secondary,.table-secondary>td,.table-secondary>th{
    background-color:#d6d8db
}
.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{
    border-color:#b3b7bb
}
.table-hover .table-secondary:hover{
    background-color:#c8cbcf
}
.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{
    background-color:#c8cbcf
}
.table-success,.table-success>td,.table-success>th{
    background-color:#c3e6cb
}
.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{
    border-color:#8fd19e
}
.table-hover .table-success:hover{
    background-color:#b1dfbb
}
.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{
    background-color:#b1dfbb
}
.table-info,.table-info>td,.table-info>th{
    background-color:#bee5eb
}
.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{
    border-color:#86cfda
}
.table-hover .table-info:hover{
    background-color:#abdde5
}
.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{
    background-color:#abdde5
}
.table-warning,.table-warning>td,.table-warning>th{
    background-color:#ffeeba
}
.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{
    border-color:#ffdf7e
}
.table-hover .table-warning:hover{
    background-color:#ffe8a1
}
.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{
    background-color:#ffe8a1
}
.table-danger,.table-danger>td,.table-danger>th{
    background-color:#f5c6cb
}
.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{
    border-color:#ed969e
}
.table-hover .table-danger:hover{
    background-color:#f1b0b7
}
.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{
    background-color:#f1b0b7
}
.table-light,.table-light>td,.table-light>th{
    background-color:#fdfdfe
}
.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{
    border-color:#fbfcfc
}
.table-hover .table-light:hover{
    background-color:#ececf6
}
.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{
    background-color:#ececf6
}
.table-dark,.table-dark>td,.table-dark>th{
    background-color:#c6c8ca
}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{
    border-color:#95999c
}
.table-hover .table-dark:hover{
    background-color:#b9bbbe
}
.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{
    background-color:#b9bbbe
}
.table-active,.table-active>td,.table-active>th{
    background-color:rgba(0,0,0,.075)
}
.table-hover .table-active:hover{
    background-color:rgba(0,0,0,.075)
}
.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{
    background-color:rgba(0,0,0,.075)
}
.table .thead-dark th{
    color:#fff;
    background-color:#343a40;
    border-color:#454d55
}
.table .thead-light th{
    color:#495057;
    background-color:#e9ecef;
    border-color:#dee2e6
}
.table-dark{
    color:#fff;
    background-color:#343a40
}
.table-dark td,.table-dark th,.table-dark thead th{
    border-color:#454d55
}
.table-dark.table-bordered{
    border:0
}
.table-dark.table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(255,255,255,.05)
}
.table-dark.table-hover tbody tr:hover{
    color:#fff;
    background-color:rgba(255,255,255,.075)
}
@media (max-width:575.98px){
    .table-responsive-sm{
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive-sm>.table-bordered{
        border:0
    }
}
@media (max-width:767.98px){
    .table-responsive-md{
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive-md>.table-bordered{
        border:0
    }
}
@media (max-width:991.98px){
    .table-responsive-lg{
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive-lg>.table-bordered{
        border:0
    }
}
@media (max-width:1199.98px){
    .table-responsive-xl{
        display:block;
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive-xl>.table-bordered{
        border:0
    }
}
.table-responsive{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
}
.table-responsive>.table-bordered{
    border:0
}
.form-control{
    display:block;
    width: 100%!important;
    height:calc(1.5em + .75rem + 2px);
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .form-control{
        transition:none
    }
}
.form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #495057
}
.form-control:focus{
    color:#495057;
    background-color:#fff;
    border-color:#80bdff;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-webkit-input-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::-moz-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::placeholder{
    color:#6c757d;
    opacity:1
}
.form-control:disabled,.form-control[readonly]{
    background-color:#e9ecef;
    opacity:1
}
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
select.form-control:focus::-ms-value{
    color:#495057;
    background-color:#fff
}
.form-control-file,.form-control-range{
    display:block;
    width:100%
}
.col-form-label{
    padding-top:calc(.375rem + 1px);
    padding-bottom:calc(.375rem + 1px);
    margin-bottom:0;
    font-size:inherit;
    line-height:1.5
}
.col-form-label-lg{
    padding-top:calc(.5rem + 1px);
    padding-bottom:calc(.5rem + 1px);
    font-size:1.25rem;
    line-height:1.5
}
.col-form-label-sm{
    padding-top:calc(.25rem + 1px);
    padding-bottom:calc(.25rem + 1px);
    font-size:.875rem;
    line-height:1.5
}
.form-control-plaintext{
    display:block;
    width:100%;
    padding:.375rem 0;
    margin-bottom:0;
    font-size:1rem;
    line-height:1.5;
    color:#212529;
    background-color:transparent;
    border:solid transparent;
    border-width:1px 0
}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{
    padding-right:0;
    padding-left:0
}
.form-control-sm{
    height:calc(1.5em + .5rem + 2px);
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.5;
    border-radius:.2rem
}
.form-control-lg{
    height:calc(1.5em + 1rem + 2px);
    padding:.5rem 1rem;
    font-size:1.25rem;
    line-height:1.5;
    border-radius:.3rem
}
select.form-control[multiple],select.form-control[size]{
    height:auto
}
textarea.form-control{
    height:auto
}
.form-group{
    margin-bottom:1rem
}
.form-text{
    display:block;
    margin-top:.25rem
}
.form-row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-5px;
    margin-left:-5px
}
.form-row>.col,.form-row>[class*=col-]{
    padding-right:5px;
    padding-left:5px
}
.form-check{
    position:relative;
    display:block;
    padding-left:1.25rem
}
.form-check-input{
    position:absolute;
    margin-top:.3rem;
    margin-left:-1.25rem
}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{
    color:#6c757d
}
.form-check-label{
    margin-bottom:0
}
.form-check-inline{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    padding-left:0;
    margin-right:.75rem
}
.form-check-inline .form-check-input{
    position:static;
    margin-top:0;
    margin-right:.3125rem;
    margin-left:0
}
.valid-feedback{
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#28a745
}
.valid-tooltip{
    position:absolute;
    top:100%;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.875rem;
    line-height:1.5;
    color:#fff;
    background-color:rgba(40,167,69,.9);
    border-radius:.25rem
}

.form-inline{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -ms-flex-align:center;
    align-items:center
}
.form-inline .form-check{
    width:100%
}
@media (min-width:576px){
    .form-inline label{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:0
    }
    .form-inline .form-group{
        display:-ms-flexbox;
        display:flex;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:0
    }
    .form-inline .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .form-inline .form-control-plaintext{
        display:inline-block
    }
    .form-inline .custom-select,.form-inline .input-group{
        width:auto
    }
    .form-inline .form-check{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:center;
        justify-content:center;
        width:auto;
        padding-left:0
    }
    .form-inline .form-check-input{
        position:relative;
        -ms-flex-negative:0;
        flex-shrink:0;
        margin-top:0;
        margin-right:.25rem;
        margin-left:0
    }
    .form-inline .custom-control{
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .form-inline .custom-control-label{
        margin-bottom:0
    }
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}


.flex-row            { flex-direction: row !important; }
.flex-column         { flex-direction: column !important; }
.flex-row-reverse    { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap         { flex-wrap: wrap !important; }
.flex-nowrap       { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.justify-content-start   { justify-content: flex-start !important; }
.justify-content-end     { justify-content: flex-end !important; }
.justify-content-center  { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around  { justify-content: space-around !important; }

.align-items-start    { align-items: flex-start !important; }
.align-items-end      { align-items: flex-end !important; }
.align-items-center   { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch  { align-items: stretch !important; }

.align-content-start   { align-content: flex-start !important; }
.align-content-end     { align-content: flex-end !important; }
.align-content-center  { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around  { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

.align-self-auto     { align-self: auto !important; }
.align-self-start    { align-self: flex-start !important; }
.align-self-end      { align-self: flex-end !important; }
.align-self-center   { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch  { align-self: stretch !important; }


.text-primary {
    color: #007bff!important;
}
.text-secondary {
    color: #6c757d!important;
}
.text-success {
    color: #28a745!important;
}
.text-danger {
    color: #dc3545!important;
}
.text-info {
    color: #17a2b8!important;
}
.text-white {
    color: #fff!important;
}
.text-warning {
    color: #ffc107!important;
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-dark {
    color: #fff!important;
    background-color: #343a40!important;
    border-color: #343a40!important;
}
.btn-danger {
    color: #fff!important;
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}
.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}


  ul.comboboxTray {
    box-shadow: 1px 1px 6px gray;
    border-radius: 3px;
    margin-top: 5px;
    transition: .5s all;
    overflow: hidden;
    height: 0;
  }
  .comboxtrayActive{
    height: 300px!important;
    overflow-y: scroll!important;
    transition: .5s all!important;
  }


  ul.comboboxTray li.rowItems {
  padding: 9px 17px;
  border-bottom: 1px solid #c8c8c8;
  cursor: pointer;
  font-size: 14px;
  }
  ul.comboboxTray li.rowItems:hover {
  background: #e7e7e7;
  }
  .comboSelected{
    background: #b6b6b6;
  }