/* ----- css starts for shop page ----- */
.customBoxHeight img{
    height: 205px;
    width: 100%;
}

.collection-item .nameLink {
   display: inline-block;
    width: 85%;
    vertical-align: top;
    text-transform: capitalize;
    color: #555;
    
}
.collection-item .discountButT{
    background-color:#ff0000 !important;
    border: 1px solid #ff0000 !important;
}

.collection-item .connectButT {
    background-color: #008000 !important;
    border: 1px solid #008000 !important;
}


.collection-item .discountButT,.collection-item .connectButT {
    display: inline-block;
    vertical-align:top;
     color:#fff;
     width: 100px;
}

.collection-item .discountButT:hover,.collection-item .connectButT:hover,.collection-item .discountButT:focus,.collection-item .connectButT:focus {
     color:#fff;
}

.dashbord .tabcontent.fullWdContner{width:100% !important;}
.top-logo.customTopLogo ul{ margin:0px; padding:0px;}
.top-logo.customTopLogo ul li{ margin:0px; padding:0px; margin-right:10px; list-style:none; display:inline-block;}


.top-logo.customTopLogo ul {
    display: inline-block;
    margin-left: 20px;
}
.boxbg {
    margin-bottom: 20px;
}
.hiddenBox{
    display:none;
}
.top-logo.customTopLogo ul li img {
    width: 40px;
    border: 1px solid #e5e5e5;
    height: 35px;
}

/* ----- css end for shop page ----- */

 .topHeadingcontainer {}

      .leftConatiner {
        display: inline-block;
        width: 70%;
        vertical-align: top;
      }

      .rightConatiner {
        display: inline-block;
        width: 27%;
        vertical-align: top;
      }

      .headingIcon {
        background-image: url(https://www.gstatic.com/images/icons/material/system/1x/label_important_outline_black_20dp.png);
        background-position: 4px 6px;
        background-repeat: no-repeat;
        background-size: 23px;
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-top: 0px;
      }

      .headingFirst {
        display: inline-block;
        font-size: 23px;
        vertical-align: top;
        margin-bottom: 20px;
        margin-left: 65px;
      }

      .printIcon {
        display: inline-block;
        padding-right: 10px;
      }

      .replyIcon {
        display: inline-block;
      }

      .userIconGmail span img {
        border-radius: 50px;
        width: 50px;
        background-color: #cccccc;
        height: 50px;
        border: 1px solid #cccccc;
      }

      .userIconGmail {
        display: inline-block;
        width: 5%;
        vertical-align: top;
      }

      .leftConatiner {
        display: inline-block;
        width: 70%;
      }

      .rightConatiner {
        display: inline-block;
        width: 27%;
      }

      .printIcon {
        display: inline-block;
        padding-right: 10px;
      }

      .replyIcon {
        display: inline-block;
      }

      .emailTeplateBox {
        border: 1px solid #cccccc;
        margin: 30px;
        padding: 30px;
      }

      .informationMail {
        font-size: 12px;
        color: #555;
        margin-bottom: 20px;
        line-height: 20px;
      }

      .usercontentGmail {
        display: inline-block;
        vertical-align: top;
        width: 93%;
        padding-left: 15px;
        padding-top: 5px;
        margin-bottom: 50px;
      }

      .emailtext {
        font-weight: 600;
        font-size: 16px;
      }

      .emailCust {
        font-size: 13px;
        font-weight: normal;
        color: #5f6368;
      }

      .timeofEmailDate {
        font-size: 13px;
        font-weight: normal;
        color: #5f6368;
        display: inline-block;
        vertical-align: top;
      }

      .googleimg img {
        width: 100px;
        margin-bottom: 20px;
      }

      .googleHeading {
        font-size: 20px;
        font-weight: 600;
      }

      .googleEmail {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
      }

      .paraForTxt {
        font-size: 14px;
      }

      .replyIcon,
      .forwIcon {
        display: inline-block;
        font-size: 14px;
        border: 1px solid #cccccc;
        padding: 8px 14px;
        margin-right: 20px;
      }

      .replyIcon::before {
        background-image: url(images/replyIcon.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
        content: '';
        height: 20px;
        margin-right: 5px;
        width: 20px;
        display: inline-block;
        vertical-align: top;
      }

      .forwIcon::before {
        background-image: url(images/forward-icon.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
        content: '';
        height: 20px;
        display: inline-block;
        margin-right: 5px;
        width: 20px;
        vertical-align: top;
      }

      span.smallTxt {
        font-size: 11px;
        font-weight: normal;
      }

      .boxbg {
        background: #f7f7f7;
        margin-top: 10px;
        margin-left: 4px;
        padding-bottom: 50px;
      }

      .printIcon img {
        width: 17px;
      }

      .windowIcon img {
        width: 15px;
      }

      .windowIcon {
        display: inline-block;
        padding-right: 10px;
      }

      .imgIconCont {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        margin-left: 31px;
      }

      .imgIconCont span img {
        width: 25px;
        padding-right: 5px;
      }

      #custBut {
        position: relative;
      }

      

      .hiddenBox {
        position: absolute;
        top: 38px;
        left: 54px;
        border: 1px solid #cccccc;
        background: #fff;
        padding: 20px;
        width: 500px;
        z-index: 99;
      }

      .boxPopTxt {
        line-height: 23px;
      }
      .lgtxt {
       font-size: 15px;
       color: #555;
     }


     .smllText{font-size: 14px;
        color: #999;}

     .boxPopTxt span {
        padding-right: 20px;
      }




.upload-section .file-upload {position: relative;display: inline-block;}
.upload-section .file-upload__label {display: block;padding: 6px 15px;color: #fff;background: #cb3164;border-radius: .4em;transition: background .3s;box-shadow: 0px 1px 11px 1px #cb31648f;-webkit-box-shadow: 0px 1px 11px 1px #cb31648f;
-moz-box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.75);margin-right: 10px;}
.col.s12.m12.l12.xl12 {width: 100%;margin-left: auto;left: auto;right: auto;}

h1.title.center-align {text-align: center;}
.btn-fusslor {padding-top: 7px!important;padding-bottom: 7px!important;padding-left: 10px!important;padding-right: 10px!important;background-color: #d81b60;border-radius: 6px!important;font-size: 14px!important;color: #fff;}
.btn{background: #d81b60!important;border-color: #d81b60!important;}
th.sortable {
    color: #d81b60 !important;
}
button.bt.btn.btn-primary.btn-sm {
    background: #d81b60;
    border-color: #d81b60;
}
.fa-3x{margin: 2%;}
.col.s12.m12.l12.xl12.center-align.pad-t20.mar-t20 {text-align: -webkit-center;padding-top: 3%;padding: 3;}
.file-upload {float: left;}
.upload-section h2 {font-size: 16px;margin-bottom: 14px;}
.file-upload__label:hover {background-color: #000;}
.photo_1 img {width: 100%;height: 167px;object-fit: cover;margin-bottom: 10px;}
.file-upload span {font-size: 14px;padding-bottom: 10px;display: inline-block;color: #9a9a9a;}

.upload-section .file-upload__input {position: absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: 16px;width:0;height: 100%;opacity: 0;}
.upload-section .fa-upload:before {background: #a42851;padding: 7px;border-radius: 50%;font-size: 10px;}

button.save-btn {background: #c7c7c7;border: none;padding: 7px 12px;border-radius: .4em;font-size: 14px;transition: background .3s;}
button.save-btn:hover{background: #cb3164;color:#fff;}
.popupOverlay {top: 0;bottom: 0;left: 0;right: 0;width: 100%;/*height: 100vh;*/overflow: hidden;opacity: 1;z-index: 10;}

p.f20.center-align {text-align: center;}
p.pop-text {color: #000;font-size: 15px;letter-spacing: 0.2px;line-height: 22px;.;/* font-size: 15px!important; */padding: 0 20px;}
.pop-btn {width: 100%;border-radius: 6px;}
.modal-dialog{max-width: 50% !important;margin: 1.75rem auto;max-height: 70% !important;position: absolute;right: 0;background-color: #fafafa;padding: 0;border-radius: 2px;top: 9%;}
.cartNumber {position: relative;}
.error {color: red;font-size: 14px;margin-bottom: 0;padding-bottom: 10px;padding-top: 0px;}
img#idsrc {width: 200px;height: 200px;object-fit: unset;}

span.num-cart {position: absolute;width: 20px;height: 20px;text-align: center;color: #505050;background: transparent;top: 8px;right: -3px;}
#popup {display: inline-block;opacity: 0;position: fixed;top: 20%;left: 50%;padding: 1em;transform: translateX(-50%);background: #fff;border: 1px solid #888;box-shadow: 1px 1px 0.5em 0 rgb(0 0 0 / 50%);transition: opacity .3s ease-in-out;
height: 500px;overflow-y: scroll;}
.popupOverlay .modal-content {border: none;}
.title.center-align.fw {text-align: center;font-size: 22px;font-weight: 800;margin-top: 15px;margin-bottom: 35px;}
#popup h2 {font-size: 20px;text-align: center;line-height: 1;letter-spacing: 0.5px;color: #000;}
#popup h3 {font-size: 20px;text-align: center;line-height: 36px;letter-spacing: 0.5px;color: #cb3164;}
#popup p {font-size: 14px;text-align: left;line-height: 20px;letter-spacing: 0.5px;color: #191919;}
h2.f20.nsp {font-size: 16px !important;padding-top: 10px;text-align: center;}
.pop-btn {text-align:center;font-size:16px;}

.pop-btn button {background-color:#cb3164;width: 100%;border:none;}
/* ----- CSS ----- */
#popup.hidden {display: none;}
#popup.fade-in {opacity: 1;z-index: 999;}
.pop-upbox {height: 200px;overflow-y: scroll;overflow-x: hidden;margin-bottom: 12px;}
/*--tab-dashbord-*/
.dashbord .tabs-left {border-bottom: none;border-right: 1px solid #ddd;}
span.material-icons.black-text {background-color: #f8fafc;}
.dashbord .tabs-left>li {float: none;margin:0px;}

.header-ul {display: inline-block;padding-left: 11px;padding-right: 11px;font-size: 16px;margin-bottom: 0;}
.header-ul li {display: inline-block;padding: 20px 20px;text-align: center;}
.right-section {float: right;margin-top: 0px !important;}
.header-ul li:hover {background: rgba(0,0,0,0.1);}
p.com {margin-left: 25%;color: #000;width: 33%;padding: 5px 0px !important;background-color: #fff9c4;border: 1px solid #fff59d;margin: 0 auto;margin-bottom: 30px;margin-top: 10px;}
li.acc.left-align.lighten-5 {text-align: center;/* background-color: #f3e5f5 !important; */}

.dashbord .tabs-left>li.active>a,
.dashbord tabs-left>li.active>a:hover,
.dashbord .tabs-left>li.active>a:focus {border-bottom-color: #ddd;border-right-color: transparent;background:#f90;border:none;border-radius:0px;margin:0px;}
li.acc.left-align.purple.lighten-5 {background-color: #f3e5f5 !important;}

ul.z-depth-1 li {list-style: none;text-align: left;}
.dashbord .nav-tabs>li>a:hover {/* margin-right: 2px; */line-height: 1.42857143;border: 1px solid transparent;/* border-radius: 4px 4px 0 0; */}
.dashbord .tabs-left>li.active>a::after{content: "";position: absolute;top: 10px;right: -10px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f90;
display: block;width: 0;}

/*dashbord*/
.dashbord .tab {float: left;border: transparent;background-color: transparent;width: 20%;height: auto;}

/* Style the buttons inside the tab */
.dashbord .tab button {display: block;background-color: inherit;color: black;padding:10px 10px;width: 100%;border: none;outline: none;text-align: left;cursor: pointer;transition: 0.3s;font-size: 17px;
border-bottom: 1px solid #e6e6e6;}
.dashbord .tab button:hover {background-color: #f3ebfc;color: #000;}

/* Change background color of buttons on hover */
/* Create an active/current "tab button" class */
/*.dashbord .tab button.active {background-color: #ccc;}*/

/* Style the tab content */
.dashbord .tabcontent {float: left;padding:20px;border: 1px solid #ccc;width: 77%;border-left: none;height: auto;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
margin-left: 10px;}
.dashbord .dash-section h3{position: relative;text-align: center;padding:0px 0;}
.dashbord .dash-section h3 {font-size: 22px!important;font-weight: 700;}
.dashbord .para-head {width: 94px;margin: 0 auto;background: #fff59d;font-size: 12px;margin-bottom: 30px;}
.dash-section img {width: 200px;height: 180px;text-align: left;object-fit: cover;}

.change-photo {text-align: left;padding: 30px 10px;}
.change-photo a {color: #000;font-size: 14px;}
.news-btn button {background-color: #d81b60;border-radius: 6px;font-size: 14px;color: #fff;border: none;padding: 10px 20px;}
.news-btn {text-align: right;}
.review-ul ul li {display: inline-block;}
.review-ul li a {color: #000;padding: 10px 13px;/*border-right: 1px solid;*/}
.review-ul span {display: block;text-align: center;margin-left: 24px;font-size: 14px;color: #9e9e9e;}
.heading-dash {text-align: left;font-size: 14px;font-weight: 500;}
.heading-dash button.dash-btn {background-color: #d81b60;border-radius: 6px;font-size: 12px;color: #fff;border: none;padding: 5px 10px;font-weight: 700;margin-right: 5px;}
.dashbord i.material-icons.pad-r10.icon_menu {font-size: 20px;font-weight: 700;color: #cc3266;padding-top: 5px;padding-left: 5px;padding-right: 5px;}
.dashbord a.black-text {font-size: 16px;color: #000;text-decoration: none;}
.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;
direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;}

.tab span {padding-top: 10px;padding-bottom: 10px;padding-left: 5px;padding-right: 10px;font-size: 14px;font-weight: 500;color: #000;}
.textEdit{text-align:center;}
.dashbord input#email {width: 100%;}
.dash-section .form-control {padding: 7px 12px;font-size: .9rem;color: #495057;height: 45px;margin-bottom: 20px;border: 1px solid #cfd8dc;border-radius: 0;}
.dash-section select.form-control:not([size]):not([multiple]) {height:45px;}
.dash-section li.pad-15 {list-style: none;}
.dash-section .form-inline .form-control {display: inline-block;width: 100%;vertical-align: middle;}
.dash-section::placeholder {color: #d1d1d1;}
.dash-section label.radio-inline input.type {margin-right: 5px;display: inline-block;}
.dash-section .form-group {position: relative;margin-bottom: 0px;}
.dash-section .textEdit {text-align: left;}
.dash-section .react-datepicker-wrapper {margin-left: 0px;}
.react-datepicker-wrapper {display: inline-block;width: 100%;}
.react-datepicker__input-container {position: relative;display: inline-block;width: 100%;}

.react-datepicker-wrapper input[type="text"] {width: 100%;height: 45px;padding: 0 10px;}
label.radio-inline {padding-right: 10px;}
.dash-section textarea {overflow: auto;resize: vertical;width: 100%;height: 10rem;background-color: transparent;border: 1px solid #cfd8dc;}
.dashbord select.form-control {width: 100% !important;}
label.floating-label.active {position: absolute;top: 2px;left: 28px;font-size: 10px;color: #90a4ae;}
ul.z-depth-1 {padding-left: 0;}
#tab_1 .top-heading.acc.left-align.purple.lighten-5 {margin-left: -12px;margin-top: -20px;}
#tab_1 .top-heading.acc.left-align.purple.lighten-5 {margin-left: -12px;margin-top: -20px;margin-right: -12px;}

.submit-btn .btn {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);background-color: #0277bd;color: #fff;padding: 8px 15px;font-size: 14px;letter-spacing: 0.2px;}
.form-group.submit-btn {text-align: center;}
span#termCondition {position: relative;padding-left: 0px;cursor: pointer;display: inline-block;height: 25px;line-height: 33px;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
text-decoration: underline;}
span#ProCondition {position: relative;padding-left: 0px;cursor: pointer;display: inline-block;height: 25px;line-height: 33px;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
user-select: none;text-decoration: underline;}
.privacy-custom p {font-size: 15px;}
.top-heading.acc.left-align.purple.lighten-5 {padding: 10px 10px;background: #f3e5f5;text-align: left;margin-bottom: 15px;}
.center-align.font_review {font-size: 30px!important;color: #333;text-align: center;}
/*div#tab_1 {*//*    padding-left: 0;*//*    padding-right: 0;*//*}*/


/*===============Css for drag and drop ul and li===========*/
.photo-section {padding: 5%;width: 76%;margin: 0 auto 30px;display: flex;flex-wrap: wrap;/*border: 1px solid #cb3164;*/box-shadow: 0px 0px 5px #999;}
ul.characters {max-width: 300px;display: grid;grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));grid-gap: 10px;padding: 0;margin: 0 auto;}
ul.characters li {list-style: none;padding: 5px;margin-bottom: 30px;display: flex;height: 350px;box-shadow: 0px 0px 5px #999;}
ul.characters li .characters-thumb {width: 100%;}
ul.characters li .characters-thumb img {width: 100%;height: 100%; }
/*.pagination_list {text-align: center;list-style: none;position: relative;padding: 0 0 0 11%;max-width: 650px;margin: 0 auto;}*/
.pagination_list {
    text-align: center;
    list-style: none;
    position: relative;
    padding: 0 0 0 11%;
    margin: 0 auto;
    display: inline-block;
}
.pagination_list li {display: inline-block;background: #cb3164;margin: 5px;width: 30px;height: 30px;line-height: 30px;color: #fff;font-weight: bold;cursor: pointer;}

.photo_1 {margin-bottom: 20px;position: relative;}
.photo_1 button {position: absolute;font-size: 0;background: transparent;right: 0;top: 0;background: #fff;padding: 4px 10px;border: 1px solid #cb3164;}
.photo_1 button::before {font-family: "Font Awesome 5 Free";font-weight: 400;content: "\f2ed";font-size: 15px;color: #cb3164;}

.modal-dialog {border-radius: 10px;box-shadow: 0px 0px 5px #333;}
.con {margin-bottom: 20px;}
.con i {font-size: 25px;margin-right: 20px;}
.rev-text {border-radius: 4px;border: 1px solid #ccc;padding:10px;width:100%;}

#pills-profile .col-md-1 {max-width: 12.5% !important;flex: auto;}
.review_section {position: relative;overflow-y: auto;height: 300px;}
.review_section h2 {font-size: 20px;text-align: center;color: #cc3266;font-weight: 600;}
.review_section ul {list-style: none;padding: 0;margin: 0;}
.review_section ul li {border-bottom: 1px solid #ccc;margin-bottom: 5px;font-size: 14px;line-height: 35px;}
.review_section ul li i {color: #cc3266;font-size: 16px;float: left;margin-top: 10px;}
.review_section ul li label {margin-bottom: 0px;margin-left: 10px;display: initial;}

.react-datepicker-wrapper input[type="text"] {margin-bottom: 20px;}
.react-time-picker__wrapper {border: thin solid #ccc;height: 45px;margin-bottom: 20px;padding: 7px 12px;}
.react-time-picker__inputGroup__amPm {
	-moz-appearance: none !important;
}
.react-time-picker__clear-button.react-time-picker__button {display: none;}
.react-time-picker__clock-button.react-time-picker__button {display: none;}
.react-time-picker__wrapper {border: thin solid #ccc !important;}
.react-time-picker {width: 100%;}

.bar_list_scroll {overflow-y: auto;height: 420px;}
.bor-list {border-bottom: 1px solid #ccc;margin-top: 20px;margin-left: 0 !important;margin-right: 0 !important;padding-bottom:20px;}
.secondary-content.nsp {color: #cc3266;background: transparent;border: none;position: absolute;bottom: 0;}
.nsp {list-style: none;text-align: center;margin: 0;padding: 0;}

.header-calendar .white-text {width: 150px;text-align: center;padding: 0 0 0 2px;box-shadow: 3px 5px 15px 0 rgba(111, 112, 114, 0.2);border: 1px solid #ccc;border-radius: 5px;
	font-size: 14px;position: relative;margin-left: 0;z-index: 0;color: #fff;background: #acabab;line-height: 28px;}
.header-calendar .white-text::before {font-family: "Font Awesome 5 Free";font-weight: 400;content: "\f073";font-size: 21px;color: #fff;left: 0;position: absolute;top: 0;
	background: #cb3164;width: 100%;text-align: left;padding-left: 5px;z-index: -1;}
.header-calendar .white-text time {
    padding-left: 20px;
}
.nsp li label {font-size: 14px;margin: 0;}

/*-- new css 1-6-2021 --*/
.col.s12.m12.l12.xl12.left-align.black-text.account-form {max-width: 350px;margin: 0 auto;}
/*.col.s12.m12.l12.xl12.left-align.black-text.account-form input {margin: 15px 0 0;border-radius: 50px !important;font-size: 15px;height: 50px;}*/
.col.s12.m12.l12.xl12.left-align.black-text.account-form .submit-btn button {border: 0;max-width: 200px;padding: 14px;border-radius: 50px;margin: 15px 0 15px;background: #cc3266;text-transform: uppercase;
font-weight: bold;font-size: 15px;width: 100%;}
.col.s12.m12.l12.xl12.left-align.black-text.account-form .submit-btn button:hover {background:#b31e50;color:#fff;}
.btn.btn-danger {margin-top: 15px;}
#pills-calendar .col-sm-3 .dropdown .dropdown-toggle::after {display: none;}
#pills-calendar .col-sm-3 .dropdown .dropdown-menu li a, #pills-calendar .col-sm-3 .dropdown .dropdown-menu li span {padding: 10px 20px;cursor: pointer;display: block;}
#pills-calendar .col-sm-3 .dropdown .dropdown-menu li span:hover, #pills-calendar .col-sm-3 .dropdown .dropdown-menu li a:hover { color: #fff;text-decoration: none; background-color: #cc3266;}
#pills-calendar .col-sm-3 .dropdown a.dropdown-toggle {color: #000;text-decoration: none;list-style: none;}
#pills-calendar .col-sm-3 .dropdown ul li, #pills-calendar .col-sm-3 .dropdown ul li a {list-style: none;text-decoration: none;white-space: normal;}
#pills-calendar .col-sm-3 .dropdown::marker {font-size: 0;}
#pills-calendar .col-sm-3 .dropdown .dropdown-menu li {border-top: 1px solid #ccc;}
#pills-calendar .col-sm-3 .dropdown .dropdown-menu {padding: 0;}
.col.s12.m12.l12.xl12.left-align.black-text.calendar {padding: 20px 30px;}
.col.s12.m12.l12.xl12.left-align.black-text {padding: 20px 30px;}
#as-react-datatable-table-head, #as-react-datatable-table-body, #as-react-datatable-table-foot {padding: 20px 30px !important;display: block;}
.dash-section.dashboard { padding: 20px 30px;}
#as-react-datatable-table-head {margin-top: 23px;}
.float-right.bt.btn.btn-primary {  /* margin-top: 15px;margin-bottom: 15px;   margin-right: 25px;*/}

/*03-06-2021 comment section css*/
.comment-wrapper{ overflow: hidden; width: 50%; clear: both; box-shadow: 0px 0px 8px #d6d6d6; padding: 20px 30px; margin: 0 auto 20px;}
.comman-profile .comment-inner{ background: #f3f3f3;}
.comman-profile-second .comment-inner{ background: #e6e6e6;}
.comman-profile img{ border-radius: 50px; width: 70px; height: 70px;}
.comment-wrapper input{ height: 40px; border-radius: 4px; border: 1px solid #ddd; outline: none; padding: 0 15px;}

/*04-06-2021 comment tabs css*/
.profile-section .profile-tab ul#pills-tab li a{ padding: 10px 82px; border-radius: 0;}
.dashbord .nsp .text-center a.waves-effect.waves-light.btn.lime.lighten-2.black-text, ul.collection.checkout-wrapper li.collection-item button.btn-large.w_100.amber.lighten-1.black-text{
    background: #cb3164;
    color: #fff;
}
.dashbord ul.collection li.collection-item button.btn.btn-success.clearShopBtn {
    background: #cb3164;
    border-color: #cb3164;
}
.dashbord ul.collection li.collection-item button.btn.btn-success.clearShopBtn:hover, .dashbord ul.collection li.collection-item a.waves-effect.waves-light.btn.lime.lighten-2:hover{
    background: #449d44;
    border-color: #449d44;
}
.dash-section.dashboard #myModal .modal-footer button.btn.btn-danger {
    margin-top: 0; margin-bottom: 0;
}
.dash-section.dashboard #myModal .modal-body .btn.btn-success.sucMsg {
    margin-bottom: 15px;
}
.privacy-custom .contact-us-wrapper h2.subtitles {
    color: #cb3164;
}

/*photo */
.photo_1 span.photo-para {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 10px;
    background: rgb(0 0 0 / 37%);
}
.watermark .photo_1 span.photo-para {

background: transparent !important;
}
.photo_1 .photo-para .photo-link {
    color: #fff;
    font-size: 16px;
    transform: rotate(-50deg);
    opacity: .6;
}
.photo_1 .photo-para .photo-link:hover {
    text-decoration: none;
}
.col-lg-3.col-md-3.col-sm-4.col-xs-6.thumbnail-image-box img.profile-img.img-thumbnail {
    max-height: 150px;
    width: 100%;
}
.thumbnail-image-box a {
    background: #cb3164;
    color: #fff;
    padding: 10px 50px;
    margin-top: 10px;
    display: inline-block;
}
.thumbnail-image-box a strong {
    margin-left: 10px;
}
.thumbnail-image-box a:hover {
    color: #cb3164;
    border: 1px solid #cb3164;
    background: #fff;
}

@media (min-width:1200px){
.container {max-width: 70%;}
.dashbord {margin-bottom: 20px;display: inline-block;width: 100%;height: auto;position: relative;background: #fff;padding-top: 40px;}
}
@media all and (max-width: 1210px){
    .profile-section .profile-tab ul#pills-tab li a {
    padding: 10px 60px;}
    .thumbnail-image-box a{ padding: 10px 15px;}
    .col-lg-3.col-md-3.col-sm-4.thumbnail-image-box img.profile-img.img-thumbnail.blur-cmn {
    max-height: 100px;
    width: 100%; min-height: 148px;}
    .customBoxHeight img{height: 150px;width: 100%;}
}

@media all and (max-width: 991px) and (min-width: 768px) {

.headingFirst {
    margin-left: 0;
}  
.userIconGmail {
    width: 7%;
}

.userIconGmail span img {
    width: 29px;
    height: 29px;

}
    
.tab span {font-size: 12px;}
.photo-section {width: 75%;}
.comment-wrapper{ width: 100%;}
 .dashbord .tab button{ padding: 10px 5px; font-size: 16px;}
    .dashbord i.material-icons.pad-r10.icon_menu{ font-size: 16px; padding-left: 0; padding-right: 0; padding-top: 0; vertical-align: middle;}
    .dashbord .tab button span{ padding-right: 2px; padding-left: 2px;}
    .profile-section .profile-tab ul#pills-tab li a {
    padding: 10px 30px;}
    .header-calendar .white-text::before{ position: relative; padding-left: 0; display: block; text-align: center;
    left: -1px;}
    .header-calendar .white-text time {
    padding-left: 0;}
    .thumbnail-image-box a{ padding: 10px 10px;}
    .col-lg-3.col-md-3.col-sm-4.thumbnail-image-box img.profile-img.img-thumbnail.blur-cmn {
    min-height: 100px;}
    .photo_1 .photo-para .photo-link {
    font-size: 11px;}
    .customBoxHeight img{height: 150px;width: 100%;}
}

@media screen and (max-width: 767px) {
    .customBoxHeight img {
    height: 100%;
    width: 100%;
    max-height: 100% !important;
    min-height: 100% !important;
}
p.com {margin-left: 0%;width: 100%;}
.header-ul li {padding: 20px 5px;}
.dashbord {margin-bottom: 20px;display: inline-block;width: 100%;height: auto;position: relative;}
.dashbord .tab {background-color: #cb3164;width: 19%;height: auto;}

.dashbord i.material-icons.pad-r10.icon_menu {font-size: 20px;font-weight: 700;color: #fff;padding-top: 5px;padding-left: 5px;padding-right: 5px;}
.tab span {padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;font-size: 11px;font-weight: 500;color: #fff;text-align: center;display: block;} 
.dashbord .tabcontent {float: right;padding: 0 0px 10px;width: 77%;height: auto;}
.dashbord .tab button {text-align: center;font-size: 16px;line-height: 20px;padding: 10px 2px;}
.dashbord .dash-section h3 {font-size: 18px !important; margin-top: 10px;}
.dash-section img {width: 100%;height: 130px;object-fit: contain;}
.change-photo {text-align: center;}
.news-btn {text-align: center;}
.news-btn button {font-size: 14px;padding: 7px 10px;margin-bottom: 10px;}
.review-ul li a {font-size: 14px;}
.heading-dash {text-align: center;font-size: 14px;}
.dashbord .tab button:hover {background-color: #ad2955;}
#pills-profile .col-md-1 {max-width: 25% !important;flex: auto;}
.modal-dialog {max-width: 90% !important;}
.comment-wrapper{ width: 100%;}
.dashbord .container {
    width: 95%;
    max-width: 95%;}
    #as-react-datatable-table-head, #as-react-datatable-table-body, #as-react-datatable-table-foot {
    padding: 15px 15px !important;}
    .profile-section .profile-tab ul#pills-tab li a {
    padding: 10px 10px;}
    .privacy-custom .col.s12.m12.l12.xl12.center-align.pad-t20.mar-t20 {
    margin-top: 20px;}
    .header-calendar .white-text::before{ position: relative; padding-left: 0; display: block; text-align: center;
    left: -1px;}
    .header-calendar .white-text time {
    padding-left: 0;}
} 

@media screen and (max-width:425px){
ul.characters {max-width: 200px;display: grid;grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));grid-gap: 10px;padding: 0;margin: 0 auto;}
ul.characters li {list-style: none;padding: 0px;margin-bottom: 15px;display: flex;height:250px} 

.tab span {padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;text-align: center;display: block;font-size: 10px; word-break: break-word;}
.dashbord .tab button {text-align: center;padding: 5px 2px;}
.menu-section .col-md-6.col-sm-6.col-8 {padding-left: 0;padding-right: 0;}
.dashbord i.material-icons.pad-r10.icon_menu {padding-top: 5px;padding-left: 0px;padding-right: 0px;}
.navbar .col-md-6.col-sm-6.col-4 {padding-left: 0;}
.header-ul {display: inline-block;padding-left: 8px;padding-right: 8px;}
.upload-section .file-upload__label {padding: 6px 10px; margin-right: 5px;
    font-size: 13px;}
button.save-btn {padding: 7px 10px; font-size: 13px;}
#pills-profile .col-md-1 {max-width: 100% !important;flex: auto;}
.photo-section{ margin: 0 auto 10px; padding: 4%;}
.dashbord .tabcontent ul.z-depth-1 li.acc.left-align.purple.lighten-5 {
    padding: 5px 5px;
    font-size: 13px;}
    .col.s12.m12.l12.xl12.left-align.black-text {
    padding: 15px 25px;}
    .profile-section .profile-tab #pills-tabContent .comment-wrapper .comman-profile .date.pl-5, .profile-section .profile-tab #pills-tabContent .comment-wrapper .comman-profile p.pl-5.mt-4.mb-4{
    padding-left: 0 !important;}
    .secondary-content.nsp{ position: relative;
    margin-top: 10px;}
    .calendar .center-align.header-calendar{ text-align: center;}
}

@media all and (max-width: 991px) and (min-width: 520px) {
.container, .container-sm {max-width: 100%;}
}
/*li.cartNumber {padding-left: 0;}*/

ul.collection {padding-left: 0;list-style-type: none;margin: .5rem 0 1rem 0;border: 1px solid #e0e0e0;border-radius: 2px;overflow: hidden;position: relative; overflow-y: auto;height: 382px;}
li.collection-item {background-color: #fff;line-height: 1.5rem;padding: 10px 20px;margin: 0;border-bottom: 1px solid #e0e0e0; line-height: inherit;}
/*.collection .collection-item:last-child {border-bottom: none;}*/
 
li.collection-item {text-align: left;font-weight: 500;font-size: 16px;position: relative;}
.nav-pills .nav-link {border-radius: .25rem;cursor: pointer;}
.nav-pills .nav-link:hover {color: #cb3164;}
.dash-section .heading {padding: .75rem 1.25rem;font-size: 12px !important;text-transform: uppercase;background-color: #f9dff9 !important;border-bottom: 1px solid rgba(0,0,0,.125);
font-weight: 500;}
li.collection-item i {color: #cc3266;font-size: 20px;float: left;margin-top: 3px;margin-right: 10px;}

li.collection-item .deleteIcon {position: absolute;right: 20px;top: 10px;cursor: pointer;font-size: 0;}
li.collection-item .deleteIcon::after {font-family: "Font Awesome 5 Free";font-weight: 400;content: "\f2ed";font-size: 15px;color: #cb3164;}
li.collection-item p {
    margin: 0;
}

/*checkout css*/
ul.collection.checkout-wrapper, ul.collection.product-inner{
    height: auto;
    overflow: initial;
}
ul.collection.checkout-wrapper li.collection-item:first-child {
    text-align: center;
}
ul.collection.checkout-wrapper li.collection-item .nsp .col.s12.l12.m12.xl12.nsp label.black-text, ul.collection.checkout-wrapper li.collection-item .col.s4.m4.l4.xl4.nsp input#yy{
    float: left; padding: 5px 10px; border-radius: 4px !important;
}
ul.collection.checkout-wrapper li.collection-item input[type="text"], ul.collection.checkout-wrapper li.collection-item .nsp .col.s12.l12.m12.xl12.nsp input#card, ul.collection.checkout-wrapper li.collection-item .col.s4.m4.l4.xl4.nsp input#mm{
    float: right; margin-bottom: 5px; padding: 5px 10px; border-radius: 4px !important;
}
ul.collection.checkout-wrapper li.collection-item select#country {
    width: 93%;
    float: right;
    border: 1px solid #cfd8dc;
    padding: 5px 10px;
    color: #717171;
}
ul.collection.checkout-wrapper li.collection-item label input[type="radio"] {
    margin-right: 10px;
}
ul.collection.checkout-wrapper li.collection-item button.btn-large.w_100.amber.lighten-1.black-text {
    border: 0;
    padding: 5px 25px;
    display: block;
    margin: auto;
}
ul.collection.product-inner li.collection-item .waves-effect.waves-light.btn.lime.lighten-2.black-text{ background: #cb3164;
    color: #fff;}
.blur-cmn {
    filter: blur(10px);
    -webkit-filter: blur(10px);
}
img {
    max-width: 100%;
}

h3.heading {
    padding: 0px;
}

.item-div {
    float: left;
    width: 100%;
    padding: 10px 0px;
    overflow: auto;
}

.item-div table {
    width: 100%;
}

.item-div h3.heading {
    padding: 0;
}

.item-div table th, .item-div table td {
    border: 1px solid #ddd;
    padding: 11px 10px;
}

.item-div table th {
    font-weight: bold;
    font-size: 14px;
    background: #cecece;
}

.item-div table td img {
    max-width: 100px;
    width: 100%;
    height: auto;
}

a.back {
    margin-right: 30px;
}

.total-sec {
    font-weight: bold;
    font-size: 16px;
}

video.video-react-video {
    width: 100%;
    height:410px;
}

.video-react-current-time.video-react-time-control.video-react-control , .video-react-time-control.video-react-time-divider,
.video-react-duration.video-react-time-control.video-react-control,.video-react-duration-display,
.video-react-load-progress, .video-react-play-progress.video-react-slider-bar {
    display: none;
}

.video-react-controls-enabled {
    padding: 0!important;
}

button.video-react-big-play-button , 
button.video-react-play-control,button.video-react-icon-fullscreen{
    background: #d81b60;
    border: none;
    border-radius: 4px;
    height: 40px;
    width: 125px;
    float: left;
    margin: 0 10px 10px 0;
    color: #fff;
}

.dashbord .tabcontent h3.heading {
    margin: 0 0 10px;
    background: #696969;
    padding: 8px 10px;
    color: #fff;
}

.total-sec {
    float: left;
    width: 100%;
}

.dashbord .tabcontent > .row {
    margin: 0;
}

button.btn.btn-fusslor {
    margin: 0 15px 0 0;
}

a.btn.btn-link {
    color: #fff;
    border-radius: 4px;
    height: 36px;
    text-decoration: none;
}


/** medai only after this line**/
@media (max-width: 767px) {
    .form-group.submit-btn {
    text-align: left;
}
 .imgIconCont {
    margin-left: 0;
}   
 .boxbg {
    margin-top: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}   

.userIconGmail {
    width: 13%;
}
.printIcon {
    padding-right: 6px;
    padding-top: 6px;
}   
   
.usercontentGmail {
    width: 86%;
    padding-left: 5px;
    margin-bottom: 50px;
}    
.userIconGmail span img {
    width: 25px;
    height: 25px;
}    
    
.headingFirst {
    margin-bottom: 10px;
    margin-left: 0;
}    
	a.back {
    margin: 0 auto!important;
    float: none!important;
    display: table;
}

.table_filter {
    width: 100%!important;
    margin-right: 0!important;
}

select.form-control {
    margin-left: 0!important;}
    .dash-section .form-inline .form-control, .dash-section .form-control, .react-datepicker-wrapper input[type="text"]{ margin-bottom: 10px;}
}



@media all and (max-width: 767px) and (min-width: 571px) {
    
   .customBoxHeight img {
    height: 100%;
    width: 100%;
    max-height: 130px !important;
    min-height: 130px !important;
} 
    
}


@media all and (max-width: 570px) and (min-width: 481px) {
    
 .customBoxHeight img {
    height: 100%;
    width: 100%;
   max-height: 170px !important;
    min-height: 300px !important;
}   
    
}

@media all and (max-width: 480px) and (min-width: 320px) {
    
  .customBoxHeight img {
    height: 100%;
    width: 100%;
   max-height: 170px !important;
    min-height: 250px !important;
}  
    
}


@media screen and (max-height: 480px) {


.dash-section.dashboard {
    padding: 20px 15px;}
    .dashbord .dash-section.dashboard .change-photo {
    padding-left: 0;
    padding-right: 0;}
    .dashbord .dash-section.dashboard .change-photo input {
    width: -webkit-fill-available;}
    .dashbord .container {
    width: 95%;
    max-width: 95%;}
    .photo_1 .tab-pic{ height: 220px;}
}