/*
--------------------------
  Css Indexing
--------------------------
  Table of Css Content
  ------- *** -------

--------------------------
** @typography
--------------------------
** Global style
--------------------------
** Normalize
--------------------------


*/
/*-----------------
    @Typography
-----------------*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/*====================
** Normalize
====================*/
html {
  
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden; }

body {
  
  font-size: 16px;
  margin: 0;
  color: #465541;
  overflow-x: hidden; }

h1 {
  font-size: 60px;
  line-height: 1.0833333333333333; }

h2 {
  font-size: 52px;
  line-height: 1.4444444444444444; }

h3 {
  font-size: 26px;
  line-height: 1.0833333333333333; }

h4 {
  font-size: 22px;
  line-height: 1.2380952380952381; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #143250;
   }

p {
  font-size: 16px;
  color: #465541;
  line-height: 1.625;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  
  hyphens: auto; }


button:focus {
    outline: 0  !important;
    outline: none  !important;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none; }

a i {
  padding: 0 2px; }

img {
  max-width: 100%; }

/*input and button type focus outline disable*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ddd; }
.form-control{
  height: 42px;
}
/*---------------------------
** Global style
---------------------------*/
.mybtn1 {
  border-radius: 5px;
  background-color: #1f224f;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(14, 35, 107, 0.3);
  box-shadow: 0px 5px 10px 0px rgba(14, 35, 107, 0.3);
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  width: 160px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 0px;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: relative; }
  .mybtn1::after {
    position: absolute;
    content: " ";
    height: 100%;
    width: 10%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.2);
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .mybtn1:hover {
    color: #fff; }
    .mybtn1:hover::after {
      width: 100%;
      opacity: 1; }

.page {
  background: #f2f3f8; }

.wrapper {
  min-height: 100vh; }

.remove-col-padding {
  padding: 0; }

.bottomtotop i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  font-size: 14px;
  text-align: center;
  background: #2d3274;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  bottom: 50px;
  right: 15px;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
  z-index: 80;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s; }

.section-title {
  text-align: center;
  margin-bottom: 46px; }
  .section-title.extra-padding .title {
    margin-bottom: 23px; }
  .section-title.white .subtitle {
    color: #fff; }
  .section-title.white .title {
    color: #fff; }
  .section-title.white p {
    color: rgba(255, 255, 255, 0.7); }
  .section-title .sub-title {
    font-size: 28px;
    line-height: 38px;
    font-weight: 300;
    color: #182a11;
    
    margin-bottom: 1px;
     }
  .section-title .title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 13px;
    color: #1f224f;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 8px; }
  .section-title .text {
    max-width: 640px;
    font-size: 18px;
    line-height: 28px;
    margin: 0 auto;
    font-weight: 300; }
  .section-title.darkbg .title {
    color: #fff; }
    .section-title.darkbg .title span {
      color: #fff; }
  .section-title.darkbg p {
    color: rgba(255, 255, 255, 0.95); }


.my-table-responsiv {
    width: 100%;
    overflow-x: auto;
}



.my-table-responsiv::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.my-table-responsiv::-moz-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}


.my-table-responsiv::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}
.my-table-responsiv::-moz-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}


.my-table-responsiv::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #2d3274;
}
.my-table-responsiv::-moz-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #2d3274;
}


/*.input-field {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border-radius: 0px;
  color: #5a6f84;
  font-size: 14px;
  margin-bottom: 15px;
  background: #fff;
  border: 0px;
  border-bottom: 1px solid rgba(45, 50, 116, 0.3); }
  .input-field::-webkit-input-placeholder {
    color: rgba(13, 51, 89, 0.6); }
  .input-field:-moz-placeholder {
    color: rgba(13, 51, 89, 0.6); }
  .input-field::-moz-placeholder {
    color: rgba(13, 51, 89, 0.6); }
  .input-field:-ms-input-placeholder {
    color: rgba(13, 51, 89, 0.6); }
  .input-field:focus {
    border: 0px !important;
    border-bottom: 1px solid #2d3274 !important; }
  .input-field.textarea {
    min-height: 180px;
    padding: 20px 30px;
    resize: none; }
  .input-field.error {
    border: 1px solid #1f224f; }
    .input-field.error::-webkit-input-placeholder {
      color: #1f224f; }
    .input-field.error:-moz-placeholder {
      color: #1f224f; }
    .input-field.error::-moz-placeholder {
      color: #1f224f; }
    .input-field.error:-ms-input-placeholder {
      color: #1f224f; }
    .input-field.error:focus {
      border-color: #1f224f; }*/

.video-play-btn {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 26px;
  background-color: #1f224f;
  border-radius: 50%;
  color: #fff;
  position: relative;
  z-index: 1; }
  .video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background: rgba(31, 34, 79, 0.8);
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1; }
  .video-play-btn:hover i {
    color: #fff; }

.email-success {
  display: block;
  width: 100%; }

.checkbox-element {
  display: inline-block; }

.checkbox-wrapper {
  display: inline-block; }

.margin-top-minus-200 {
  margin-top: -200px; }

.checkbox-inner {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  color: #585869;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox-inner input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .checkbox-inner .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1); }
  .checkbox-inner input:checked ~ .checkmark {
    background-color: #1f224f; }
  .checkbox-inner .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .checkbox-inner input:checked ~ .checkmark:after {
    display: block; }
  .checkbox-inner .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }

@-moz-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }

@-o-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }

@media only screen and (max-width: 991px) {
  .row.reorder-xs {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    direction: rtl; }
  .row.reorder-xs > [class*="col-"] {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    direction: ltr; } }

.nice-select {
  background-color: #fff;
  border-radius: 0px;
  font-size: 14px;
  height: 60px;
  width: 100%;
  line-height: 60px;
  padding-left: 20px;
  padding-right: 30px;
  color: rgba(13, 51, 89, 0.6);
  border: 0px;
  border-bottom: 1px solid rgba(45, 50, 116, 0.3); }
  .nice-select:hover, .nice-select:focus {
    border: 0px;
    border-bottom: 1px solid #2d3274; }

/*-----------------------------
**  My-breadcrumb Area Start
------------------------------*/
.mr-breadcrumb {
  padding: 0px 0px 25px; }
  .mr-breadcrumb .heading {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #2c304d;
    display: block;
    width: 100%; }
  .mr-breadcrumb .links {
    position: relative;
    padding-left: 2px;
    display: block; }
    .mr-breadcrumb .links li {
      display: inline-block; }
      .mr-breadcrumb .links li a {
        font-size: 14px;
        color: #2c304d;
        margin-right: 19px;
        position: relative;
        font-weight: 400;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .mr-breadcrumb .links li a:hover {
          color: #1f224f; }
        .mr-breadcrumb .links li a::after {
          position: absolute;
          content: "\eaa0";
          font-family: IcoFont;
          top: 0;
          right: -20px;
          color: #143250; }
      .mr-breadcrumb .links li:last-child a::after {
        display: none; }

/*----------------------------------
  Header Area Start
-------------------------------------*/
.header {
  background: #2d3274;
  position: relative; }
  .header .right-eliment {
    margin-right: 5px; }
    .header .right-eliment .list {
      padding-left: 0px;
      margin-bottom: 0px; }
      .header .right-eliment .list li {
        display: inline-block; }
        .header .right-eliment .list li a {
          margin-bottom: 0px;
          color: #fff;
          padding: 15px 10px 15px;
          display: inline-block;
          position: relative; }
          .header .right-eliment .list li a i {
            font-size: 18px; }
          .header .right-eliment .list li a span {
            font-size: 12px;
            position: absolute;
            top: 0px;
            right: 0px; }
        .header .right-eliment .list li.serch-form-area {
          position: relative;
          margin-right: 5px; }
          .header .right-eliment .list li.serch-form-area input {
            background: none;
            width: 400px;
            border: 0px;
            color: #fff;
            padding: 11px 20px 11px 0px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
            .header .right-eliment .list li.serch-form-area input::-webkit-input-placeholder {
              /* WebKit browsers */
              color: #a8bcfc; }
            .header .right-eliment .list li.serch-form-area input:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 */
              color: #a8bcfc; }
            .header .right-eliment .list li.serch-form-area input::-moz-placeholder {
              /* Mozilla Firefox 19+ */
              color: #a8bcfc; }
            .header .right-eliment .list li.serch-form-area input:-ms-input-placeholder {
              /* Internet Explorer 10+ */
              color: #a8bcfc; }
          .header .right-eliment .list li.serch-form-area .serch-btn {
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border: 0px;
            background: none;
            color: #a8bcfc; }
        .header .right-eliment .list li.login-profile-area .dropdown-toggle::after {
          display: none; }
        .header .right-eliment .list li.login-profile-area .user-img img {
          width: 45px;
          height: 45px;
          border: 3px solid #fff;
          border-radius: 50%; }
        .header .right-eliment .list li .dropdown-menu {
          border: 0px;
          width: 280px;
          padding: 0px;
          left: auto;
          top: 97%;
          right: -15px;
          border-radius: 0px;
          -webkit-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.15);
          background: #fff;
          z-index: 10; }
          .header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper {
            padding: 7px 25px 20px;
            text-align: left;
            }
            .header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper a, .header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper p, .header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper span {
              color: #143250; }
            .header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper ul {
              padding-left: 0px; }
              .header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper ul li {
                display: block; }
                .header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper ul li a {
                  margin-bottom: 0px;
                  padding: 0px !important;
                  font-size: 14px;
                  line-height: 28px; }

.footer {
  font-size: 14px !important; }

/*----------------------------------
  Card One  Area Start
-------------------------------------*/
.row-cards-one {
  margin-top: 30px; }
  .row-cards-one .mycard {
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.30)!important;
    padding: 25px 40px 30px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    overflow: hidden; 
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }

    .row-cards-one .mycard:hover{
      transform: translateY(-7px);
    }

    .row-cards-one .mycard .left {
      position: inherit;
      z-index: 9; }
      .row-cards-one .mycard .left .title {
        font-size: 22px;
        color: #fff;
        line-height: 32px;
        margin-bottom: 2px; }
      .row-cards-one .mycard .left .number {
        font-size: 42px;
        line-height: 52px;
        font-weight: 600;
        display: block;
        color: #fff;
        margin-bottom: 20px; }
      .row-cards-one .mycard .left .link {
        width: 80px;
        height: 30px;
        background: #fff;
        border-radius: 50px;
        line-height: 30px;
        font-size: 14px;
        display: block;
        text-align: center;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .row-cards-one .mycard .left .link:hover {
          background: #000;
          color: #fff; }
    .row-cards-one .mycard .right .icon {
      font-size: 80px;
      color: #fff;
      position: inherit;
      z-index: 9; }
    .row-cards-one .mycard::after {
      position: absolute;
      content: " ";
      width: 268px;
      height: 500px;
      top: -100px;
      right: -50px;
      -webkit-transform: rotate(28deg);
      -ms-transform: rotate(28deg);
      transform: rotate(28deg); }
    .row-cards-one .mycard.bg1 {
      background-image: -webkit-gradient(linear, left top, right top, from(#f85108), to(#f4ad3c));
      background-image: -webkit-linear-gradient(left, #f85108, #f4ad3c);
      background-image: -o-linear-gradient(left, #f85108, #f4ad3c);
      background-image: linear-gradient(to right, #f85108, #f4ad3c); }
      .row-cards-one .mycard.bg1::after {
        background: #f85108; }
    .row-cards-one .mycard.bg2 {
      background-image: -webkit-gradient(linear, left top, right top, from(#047edf), to(#0bb9fa));
      background-image: -webkit-linear-gradient(left, #047edf, #0bb9fa);
      background-image: -o-linear-gradient(left, #047edf, #0bb9fa);
      background-image: linear-gradient(to right, #047edf, #0bb9fa); }
      .row-cards-one .mycard.bg2::after {
        background: #047edf; }
    .row-cards-one .mycard.bg3 {
      background-image: -webkit-gradient(linear, left top, right top, from(#0fa49b), to(#03dbce));
      background-image: -webkit-linear-gradient(left, #0fa49b, #03dbce);
      background-image: -o-linear-gradient(left, #0fa49b, #03dbce);
      background-image: linear-gradient(to right, #0fa49b, #03dbce); }
      .row-cards-one .mycard.bg3::after {
        background: #0fa49b; }
    .row-cards-one .mycard.bg4 {
      background-image: -webkit-gradient(linear, left top, right top, from(#5a49e9), to(#7a6cf0));
      background-image: -webkit-linear-gradient(left, #5a49e9, #7a6cf0);
      background-image: -o-linear-gradient(left, #5a49e9, #7a6cf0);
      background-image: linear-gradient(to right, #5a49e9, #7a6cf0); }
      .row-cards-one .mycard.bg4::after {
        background: #352d7b; }
    .row-cards-one .mycard.bg5 {
      background-image: -webkit-gradient(linear, left top, right top, from(#cf0633), to(#f96079));
      background-image: -webkit-linear-gradient(left, #cf0633, #f96079);
      background-image: -o-linear-gradient(left, #cf0633, #f96079);
      background-image: linear-gradient(to right, #cf0633, #f96079); }
      .row-cards-one .mycard.bg5::after {
        background: #cf0633; }
    .row-cards-one .mycard.bg6 {
      background-image: -webkit-gradient(linear, left top, right top, from(#129021), to(#1ed41e));
      background-image: -webkit-linear-gradient(left, #129021, #1ed41e);
      background-image: -o-linear-gradient(left, #129021, #1ed41e);
      background-image: linear-gradient(to right, #129021, #1ed41e); }
      .row-cards-one .mycard.bg6::after {
        background: #129021; }

/*----------------------------------
Mr table Area Start / Mamunur Rashid.
-------------------------------------*/
.mr-table {
  padding: 30px; }
  .action-list a {
    background: #2d3274;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding: 0px 12px;
    margin: 2px 2px;
    border-radius: 50px;
    display: inline-block; 
    width: auto;
}
.details-width {
  width: 95px !important;
}
    .mr-table .action-list a i {
      margin-right: 4px;
      font-size: 12px; }
  .mr-table .action-list .process {
    width: inherit;
    height: inherit;
    border: 0px;
    display: inline-block;
    background: #ff9600;
    color: #fff;
    margin: 2px 2px; }
  .mr-table .action-list .nice-select {
    line-height: 30px;
    border-radius: 50px;
    color: #fff;
    float: inherit; }
    .mr-table .action-list .nice-select .list {
      background: #2d3274; }
  .mr-table .action-list .nice-select .option.focus,
  .mr-table .action-list .nice-select .option.selected.focus,
  .mr-table .action-list .nice-select .option:hover {
    background: #1f224f;
    color: #fff; }
  .mr-table .action-list .nice-select::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff; }
  .mr-table .dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-block;
    min-width: inherit;
    padding: 0px 0px;
    margin: 0px 4px;
    border: 0px;
    border-radius: 0px; }
  .mr-table .page-item .page-link:focus,
  .mr-table .dataTables_wrapper .dataTables_paginate .paginate_button:focus,
  .mr-table .page-link:focus {
    outline: 0px;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .mr-table .page-item:first-child .page-link,
  .mr-table .page-item:last-child .page-link {
    border-radius: 0px !important; }
  .mr-table .page-item .page-link {
    border-radius: 0px !important;
    padding: 6px 14px;
    margin: 0px;
    line-height: auto; }
  .mr-table .dataTables_wrapper
.dataTables_paginate
.paginate_button.disabled,
  .mr-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
  .mr-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: 0px; }
  .mr-table .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1f224f;
    border-color: #1f224f; }
  .mr-table .page-item .page-link {
    color: #1f224f; }
  .mr-table table.dataTable tbody tr td {
    vertical-align: middle; }
  .mr-table.allproduct .action-list a i {
    margin-right: 0px; }
  .mr-table.allproduct table.dataTable tbody tr td:first-child .title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px; }
  .mr-table.allproduct table.dataTable tbody tr td:first-child .product-id {
    font-size: 14px;
    margin-bottom: 0px; }

/*----------------------------------
All Order Area Start 
-------------------------------------*/
.order-area {
  background: #fff; }

/*----------------------------------
All Product Area Start 
-------------------------------------*/
.product-area {
  background: #fff; }
  .product-area .header-area {
    padding: 30px 30px 0px; }
    .product-area .header-area .add-btn {
      background: #2d3274;
      padding: 7px 15px;
      color: #fff;
      font-size: 14px;
      border-radius: 50px; }
      .product-area .header-area .add-btn i {
        font-size: 11px;
        margin-right: 4px; }

/*----------------------------------
General Settings Area Start 
-------------------------------------*/
.add-logo-area {
  background: #fff;
  padding: 30px 30px 30px; }

.add-logo-area {
  text-align: center; }
  .add-logo-area .uplogo-form {
    display: inline-block; }
  .add-logo-area .currrent-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .add-logo-area .currrent-logo .title {
      font-size: 18px;
      font-weight: 600;
      line-height: 28px;
      margin-right: 20px;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
    .add-logo-area .currrent-logo img {
      max-width: 250px; }
  .add-logo-area .set-logo {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .add-logo-area .set-logo .title {
      font-size: 18px;
      font-weight: 600;
      line-height: 28px;
      margin-right: 20px; }
  .add-logo-area .submit-area {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px; }
  .add-logo-area .submit-btn {
    background: #1f224f;
    color: #fff;
    border: 0px;
    width: 140px;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .add-logo-area .submit-btn:hover {
      background: #2d3274;
      }

.action-list a {
  background: #2d3274;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  padding: 0px 12px;
  margin: 2px 2px;
  border-radius: 50px;
  display: inline-block; }
/*.action-list a {
    width: 95px;
}*/
/*.action-list.product-list-action a.btn.product-table-btn {
    background: #0b4f93;
    color: #fff;
    border-radius: 100px;
    margin: 0 5px;
}*/
.action-list.product-list-action a.btn.product-table-btn {
    text-align: left;
}
button.deactivated.btn.btn-primary.active {
    background: #bd2130;
    border-color: #bd2130;
}
button.activated.btn.btn-primary.active {
    background: #0b4f93;
    border-color: #0b4f93;
}
button.activated.btn.btn-primary.active:focus,
button.deactivated.btn.btn-primary.active:focus,
button.activated.btn.btn-primary.active:hover,
button.deactivated.btn.btn-primary.active:hover {
    box-shadow:none;
}
/*.action-list.product-list-action a.delete.btn.product-table-btn {
    background: #f44336;
}*/
.go-dropdown-toggle span{
    font-size: 11px;
    margin-left: 10px;

}
.action-list.product-list-action a.btn.product-table-btn span {
    margin-right: 7px;
}
  .action-list a i {
    margin-right: 4px;
    font-size: 12px; }
}
.action-list .process {
  width: inherit;
  height: inherit;
  border: 0px;
  display: inline-block;
  background: #ff9600;
  color: #fff;
  margin: 2px 2px; }

.action-list .nice-select {
  line-height: 30px;
  border-radius: 50px;
  color: #fff;
  border: none;
  /*float: inherit;*/
      height: inherit; }
  .action-list .nice-select .list {
    background: #2d3274; }

.action-list .nice-select .option.focus,
.action-list .nice-select .option.selected.focus,
.action-list .nice-select .option:hover {
  background: #1f224f;
  color: #fff; }

.action-list .nice-select::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff; }

.loader-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .loader-switcher .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-right: 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }

.myTags {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 0px 4px;
  margin-bottom: 0px; }
  .myTags li {
    display: inline-block; }
  .myTags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable {
    margin: 4px 3px;
    padding: 2px 20px 2px 10px;
    border-radius: 3px;
    background: #eee;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400; }
  .myTags input.ui-widget-content.ui-autocomplete-input {
    border: 0px;
    background: none;
    margin-bottom: 0px; }
  .#myTags a.tagit-close {
    margin-left: 17px;
    cursor: pointer;
    font-weight: 400;
    display: inline-block; }
  .myTags li.tagit-choice .tagit-close .text-icon {
    display: block !important;
    color: red;
    margin-right: 3px; }
  .myTags li.tagit-choice .tagit-close .ui-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    right: 0px; }

.tawk-area textarea {
  width: 100%;
  height: 200px; }

select {
  width: 100%;
  height: 42px;
  padding: 0 20px;
  border-radius: 0px;
  color: #5a6f84;
  font-size: 14px;
  margin-bottom: 15px;
  background: #fff;
  border: 0px;
  border-bottom: 1px solid rgba(45, 50, 116, 0.3); }
/*  select:focus {
    border: 0px;
    border-bottom: 1px solid #1f224f; }*/
.checkbox-inline.checkbox{
  display: inline-block;
}
div.modal {
  margin-right: 0px; }
  div.modal .product-description {
    text-align: left; }
  div.modal .img-upload {
    text-align: left; }
  div.modal button.btn.btn-secondary {
    background: #2d3274;
    font-size: 14px;
    border-radius: 0px;
     }

/*#modal1 .modal-dialog {
  max-width: 70%; }*/
.editBrand-modal-box.add-product-content .product-description .body-area .left-area .heading {
    font-size: 15px;
}
.submit-loader {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none; }
  .submit-loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }


 .heading-area {
  background: #fff;
  padding: 30px 30px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 20px;
  margin-bottom: 25px; 
  }
  .heading-area .title {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
    margin-right: 10px; 
  }
  .heading-area .action-list {
    display: inline-block; 
  }

.action-list .dropdown .custom-btn {
  display: inline-block;
  background: #ff9600;
  color: #fff;
  border-radius: 50px;
  font-size: 14px;
  padding: 5px 15px;
  border: 0px;
  cursor: pointer; }

.social-links-area {
  background: #fff;
  padding: 30px 30px 30px;
  /* Rounded sliders */ }
  .social-links-area .control-label {
    text-align: right;
    font-size: 16px;
    color: #1f224f;
    font-weight: 700;
    margin-top: 3px; }
  .social-links-area .submit-btn {
    padding: 10px 30px;
    font-weight: 600;
    background: #2d3274;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 30px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-size: 14px;
    
    margin-top: 10px; }
    .social-links-area .submit-btn:hover {
      background: #1f224f; }
  .social-links-area .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px; }
  .social-links-area .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .social-links-area .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .social-links-area .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .social-links-area input:checked + .slider {
    background-color: #2d3274;
    }
  .social-links-area input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3; }
  .social-links-area input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .social-links-area .slider.round {
    border-radius: 34px; }
  .social-links-area .slider.round:before {
    border-radius: 50%; }

/*----------------------------------
  Add Product Area Start
-------------------------------------*/
.add-product-content {
  background: #fff; }
  .add-product-content .product-description .heading-area {
    padding: 13px 20px 17px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    .add-product-content .product-description .heading-area .title {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 0px; }
  .add-product-content .product-description .body-area {
    padding: 30px 100px 30px 30px; }
    .add-product-content .product-description .body-area .row {
      margin-bottom: 35px; }
    .add-product-content .product-description .body-area .left-area {
      text-align: right; }
      .add-product-content .product-description .body-area .left-area .heading {
        font-size: 18px;
        color: #0d3359;
        font-weight: 400;
        margin-bottom: 0px; }
      .add-product-content .product-description .body-area .left-area .sub-heading {
        font-size: 12px;
        color: #143250;
        }
    .add-product-content .product-description .body-area p {
      margin-bottom: 0px; }
    .add-product-content .product-description .body-area .input-field {
      margin-bottom: 0px !important;
      height: 60px; }
    .add-product-content .product-description .body-area .checkbox-wrapper {
      margin-top: 15px; }
      .add-product-content .product-description .body-area .checkbox-wrapper label {
        cursor: pointer; }
    .add-product-content .product-description .body-area .set-gallery {
      background: #2d3274;
      color: #fff;
      font-size: 14px;
      padding: 7px 15px;
      }
    .add-product-content .product-description .body-area .list {
      padding-left: 0px;
      margin-bottom: 0px; }
      .add-product-content .product-description .body-area .list li {
        list-style: none; }
        .add-product-content .product-description .body-area .list li label {
          cursor: pointer; }
    .add-product-content .product-description .body-area .line-control-status-bar {
      display: none; }
    .add-product-content .product-description .body-area .Editor-editor {
      border: 1px solid rgba(0, 0, 0, 0.3);
      height: 200px; }
      .add-product-content .product-description .body-area .Editor-editor:focus {
        outline: 0px;
        -webkit-box-shadow: 0px;
        box-shadow: 0px; }
    .add-product-content .product-description .body-area .line-control-menu-bar, .add-product-content .product-description .body-area .line-control-status-bar {
      border-bottom: 0px;
      border-left: 1px solid rgba(0, 0, 0, 0.3);
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      border-top: 1px solid rgba(0, 0, 0, 0.3);
      background: #eee; }
    .add-product-content .product-description .body-area .addProductSubmit-btn {
      background: #1f224f;
      width: 160px;
      height: 40px;
      color: #fff;
      font-size: 14px;
      border: 0px;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      }
      .add-product-content .product-description .body-area .addProductSubmit-btn:hover {
        background: #2d3274;
        }
    .add-product-content .product-description .body-area .featured-keyword-area .heading-area {
      text-align: center;
      border-bottom: 0px; }
      .add-product-content .product-description .body-area .featured-keyword-area .heading-area .title {
        font-size: 20px;
        font-weight: 600;
        color: #0d3359; }
    .add-product-content .product-description .body-area .featured-keyword-area .add-fild-btn {
      width: 140px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      display: block;
      margin: 0 auto;
      background: #f7fafe;
      margin-top: 30px;
      font-size: 14px;
      -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.18);
      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.18);
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .add-product-content .product-description .body-area .featured-keyword-area .add-fild-btn:hover {
        background: #1f224f;
        color: #fff; }

.img-upload .text {
  font-size: 14px;
  margin-top: 15px; }

.img-upload #image-preview {
  width: 240px;
  height: 240px;
  border: 1px dashed #000;
  color: #ecf0f1;
  position: relative;
  background: url(../images/upload.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain !important;
  }

.img-upload #image-preview input {
  width: 200px;
  height: 50px;
  z-index: 10;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 100%;
  margin-left: 30px;
  cursor: pointer;
  opacity: 0; }
  .img-upload #image-preview input:focus {
    outline: 0px; }
.profile-img-upload-wrapper.img-upload {
    background: #f0f0f0;
    border-radius: 6px;
    padding: 20px;
}
.profile-img-upload-wrapper.img-upload {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 20px;
    min-height: 350px;
}
.img-upload #image-preview label {
    z-index: 5;
    width: 100%;
    height: 50px;
    background-color: transparent;
    color: #143250;
    font-size: 16px;
    line-height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
    margin-bottom: 0px;
    text-align: center;
    position: absolute;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    bottom: -70px;
    transition: all 0.3s ease-in;
    border: 1px solid #d0d0d0;
}
  .img-upload #image-preview label i {
    margin-right: 7px; }
  .img-upload #image-preview label:hover {
    background: #2d3274;
    color: #fff; }
  .img-upload #image-preview label:focus {
    outline: 0px; }

.img-upload.profile-img-upload-wrapper #image-preview {
    border: 1px solid #d0d0d0;
    background: #fff;
    border-radius: 12px;
    margin: auto;
}
.personal-info-wrapper .form-group label {
    font-size: 15px;
}
button.btn.profileSave-btn {
    background: #0b4f93;
    border-radius: 6px;
    color: #fff;
    padding: 8px 30px;
    font-size: 16px;
    margin-top: 10px;
}
.ap-product-categories {
  padding: 30px 30px; }
  .ap-product-categories .cat-box {
    padding: 40px;
    display: block;
    text-align: center; }
    .ap-product-categories .cat-box .icon {
      width: 100px;
      height: 100px;
      line-height: 100px;
      border-radius: 50%;
      display: inline-block;
      font-size: 40px;
      color: #fff; }
      .ap-product-categories .cat-box .icon i {
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
    .ap-product-categories .cat-box .title {
      color: #fff;
      font-size: 20px;
      font-weight: 400;
      margin-top: 16px; }
    .ap-product-categories .cat-box.box1 {
      background-image: -moz-linear-gradient(-1deg, #464de4 0%, #814eff 100%);
      background-image: -webkit-linear-gradient(-1deg, #464de4 0%, #814eff 100%);
      background-image: -ms-linear-gradient(-1deg, #464de4 0%, #814eff 100%); }
      .ap-product-categories .cat-box.box1 .icon {
        background: #2d3274; }
    .ap-product-categories .cat-box.box2 {
      background-image: -moz-linear-gradient(0deg, #fd4e75 0%, #fc7858 100%);
      background-image: -webkit-linear-gradient(0deg, #fd4e75 0%, #fc7858 100%);
      background-image: -ms-linear-gradient(0deg, #fd4e75 0%, #fc7858 100%); }
      .ap-product-categories .cat-box.box2 .icon {
        background: #c02649; }
    .ap-product-categories .cat-box.box3 {
      background-image: -moz-linear-gradient(-45deg, #1153fc 0%, #5581f1 100%);
      background-image: -webkit-linear-gradient(-45deg, #1153fc 0%, #5581f1 100%);
      background-image: -ms-linear-gradient(-45deg, #1153fc 0%, #5581f1 100%); }
      .ap-product-categories .cat-box.box3 .icon {
        background: #093ec5; }
    .ap-product-categories .cat-box:hover .icon i {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg); }

/*---------------------------
** LOgin Signup  Area Start
---------------------------*/
.login-signup {
  padding: 60px 0px 60px; }
  .login-signup .login-area {
    padding: 30px 30px 39px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); }
    .login-signup .login-area .header-area {
      text-align: center;
      margin-bottom: 40px; }
      /*.login-signup .login-area .header-area .title {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
        color: #1f224f; }*/
      .login-signup .login-area .header-area .text {
        font-size: 18px;
        color: #919191; }
    .login-signup .login-area .form-input {
      position: relative;
      margin-bottom: 15px; }
      .login-signup .login-area .form-input input {
        width: 100%;
        height: 50px;
        background: #f3f8fc;
        padding: 0px 30px 0px 45px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 14px; }
      .login-signup .login-area .form-input i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;}
    .login-signup .login-area .form-forgot-pass {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      font-size: 14px; }
    .login-signup .login-area .to-login-page {
      text-align: right; }
    .login-signup .login-area .submit-btn {
      width: 100%;
      height: 50px;
      text-align: center;
      border: 0px;
      color: #fff;
      
      margin-top: 20px;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      cursor: pointer; }
      .login-signup .login-area .submit-btn:hover {
        background: #0b4f93; }

.drop-success {
  background-color: #1e7e34 !important;
}

.drop-danger {
  background-color: #bd2130 !important;
}

div.phpdebugbar * {
  color: #555 !important;
}

.header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper ul li a i {
    font-size: 14px;
    margin-right: 7px;
}

.header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper h5 {
    font-size: 18px;
    font-weight: 600;
}

.header .right-eliment .list li .dropdown-menu .dropdownmenu-wrapper ul li a:hover {
    color: red;
}


#setgallery .upload-img-btn {
  position: relative;
  height: 45px;
  display: inline-block;
  margin: 0 10px;
}
.setGallery-btn-box {
    text-align: center;
    margin-bottom: 10px;
}
#setgallery .upload-img-btn input {
  width: 200px;
  height: 45px;
  z-index: 10;
  top: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  margin-left: 30px;
  top: 10px;
  border-radius: 50px; }

#setgallery .upload-img-btn input:focus {
  outline: 0px; }

/*#setgallery .upload-img-btn label {
  z-index: 5;
  width: 170px;
  height: 45px;
  background-color: #2d3274;
  color: #ffff;
  font-size: 16px;
  line-height: 45px;
  top: 0;
  left: 0;
  margin-bottom: 0px;
  margin-left: 40px;
  text-align: center;
  position: absolute;
  cursor: pointer;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}*/
#setgallery .upload-img-btn label {
    width: 170px;
    background: #2d3274;
    color: #ffff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    padding: 10px 6px;
}

#setgallery .upload-img-btn label i {
  margin-right: 7px; }

#setgallery .upload-img-btn label:hover {
  background: #2d3274;
  color: #fff; }

#setgallery .upload-img-btn label:focus {
  outline: 0px; }

#setgallery .upload-done {
  display: inline-block;
  width: 120px;
  padding: 10px 6px;
  background: #2d3274;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  font-size: 16px;
  margin: 0 10px;
}
  #setgallery .upload-done i {
    font-size: 14px; }

#setgallery .modal-body .top-area {
  display: -ms-flexbox;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
  margin-bottom: 30px;
  }

#setgallery .modal-body {
    max-height: 460px;
    overflow: hidden;
    overflow-y: auto;
}
#setgallery .modal-body .selected-image .img {
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative; }
  #setgallery .modal-body .selected-image .img .remove-img {
    position: absolute;
    top: -12px;
    right: -12px;
    background: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer; }

.add-more {
  width: 200px;
  height: 45px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: block;
  text-align: center;
  line-height: 45px;
  border-radius: 3px;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 14px; }
  .add-more i {
    font-size: 14px;
    margin-right: 7px; }
  .add-more:hover {
    background: #2d3274;
    color: #fff; }

.product-size-details {
  position: relative;
  padding-bottom: 30px; }
  .product-size-details .remove {
    position: absolute;
    top: -12px;
    right: -0px;
    background: #f00;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    }

.product-size-details label {
  font-size: 14px;
  font-weight: 600; }
  .product-size-details label span {
    display: block;
    font-size: 12px;
    font-weight: 400; }

.select-input-color {
  position: relative;
  margin-bottom: 30px; }
  .select-input-color input {
    padding-left: 70px !important; }
  .select-input-color .remove {
    position: absolute;
    top: 7px;
    right: -10px;
    background: #f00;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 12px;
    color: #ffffff;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 9;
    }


.feature-tag-top-filds {
  position: relative; }
  .feature-tag-top-filds .remove {
    position: absolute;
    top: 9px;
    right: -10px;
    background: #f00;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 9;
    }




/*  support Area CSS  */
.support-ticket-wrapper .panel-body img {
  height: 60px;
  width: 60px;
  border-radius: 100%; }

.support-ticket-wrapper .panel-heading {
  font-size: 16px; }

.support-ticket-wrapper button {
  border: 0px; }

.support-ticket-wrapper .panel-footer {
  background-color: #ffffff;
  padding: 20px 0px 0px; }

.support-ticket-wrapper table tr > td {
  width: 100%;
  border-top: none; }

.support-ticket-wrapper .panel {
  border-color: #dddddd; }

.support-ticket-wrapper .panel,
.support-ticket-wrapper .panel-heading,
.support-ticket-wrapper textarea,
.support-ticket-wrapper button {
  border-radius: 0; }

.support-ticket-wrapper .ticket-date {
  font-size: 14px;
  color: #737373;
  margin-bottom: 0px; }

.single-reply-area.user {
  background-color: #ddd;
  padding: 10px; }

.support-ticket-wrapper .panel-body img {
  height: 60px;
  width: 60px;
  border-radius: 100%; }

.support-ticket-wrapper .single-reply-area.user {
  padding: 20px 30px; }
  .support-ticket-wrapper .single-reply-area.user .reply-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .support-ticket-wrapper .single-reply-area.user .reply-area .left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .support-ticket-wrapper .single-reply-area.user .reply-area .right {
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 30px; }

.support-ticket-wrapper .single-reply-area.admin {
  padding: 20px 30px;
  background: #f1f1f1; }
  .support-ticket-wrapper .single-reply-area.admin .reply-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .support-ticket-wrapper .single-reply-area.admin .reply-area .left {
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 30px; }
    .support-ticket-wrapper .single-reply-area.admin .reply-area .right {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: right; }

.productVarient-wrapper span.varient-head-title {
        font-size: 18px;
    text-align: center;
    display: block;
    padding: 10px;
    background: #bf1777;
    color: #fff;
}
.productVarient-wrapper {
    margin-top: 50px;
}
.addRowBtn.btn-success {
    background: #0c4f93;
    border: 1px solid #0c4f93;
    margin: auto;
    text-align: center;
    display: block;
}

/*********** Tarun *********/


/****** Add Product ******/
.product-category-item {
    background: #fff;
    border-radius: 6px;
    display: block;
    box-shadow: 0 10px 50px 0 rgba(84,110,122,.15);
    transition: all 0.5s ease-in-out;
}

.product-category-item .product-category-icon {
    display: flex;
    align-items: center;
    background: #0b4f93;
    border-radius: 4px 4px 0px 0;
    padding: 26px 10px;
}

.product-category-item .product-category-icon img {
    max-width: 30px;
    margin-right: 13px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.product-category-item .product-category-icon h3 {
    font-size: 20px;
    color: #fff;
    margin: 0;
}
.product-category-item ul.product-subcat-list {
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 275px;
}
/*ul.product-subcat-list li {
    padding: 15px 20px;
}*/
ul.product-subcat-list button.product_cat-btn,
.filterTabs ul.subcat_list button.product_cat-btn{
    background: transparent;
    border: none;
    margin: 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 15px 20px;
}
.filterTabs ul.subcat_list button.product_cat-btn{
  padding: 7px 20px;
}
ul.product-subcat-list button.product_cat-btn span.product_cat_go,
.filterTabs ul.subcat_list button.product_cat-btn span.product_cat_go {
    margin: 5px 0;
    float: right;
    color: rgba(11, 79, 147, 0.82);
    vertical-align: middle;
    font-size: 14px;
}

.product-category-item ul.product-subcat-list li span.product_cat_title,
.filterTabs ul.subcat_list li span.product_cat_title {
    padding: 5px;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
}
ul.product-subcat-list li:nth-of-type(even) {
    background: rgba(11, 79, 147, 0.07);
}
ul.product-subcat-list li a,
.category-filterModal .subcat_list li a  {
    display: block;
    padding: 5px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #161f40;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
ul.product-subcat-list button.product_cat-btn:hover span,
.filterTabs ul.subcat_list button.product_cat-btn:hover span{
    color: #f15958;
}
/*ul.product-subcat-list li a span,
.category-filterModal .subcat_list li a span {
   margin-right: 12px;
    float: right;
    color: rgba(11, 79, 147, 0.82);
    vertical-align: middle;
    margin: 5px 0;
    font-size: 14px;
}*/

.proCat-read-more a {
    font-size: 18px;
    background: #0b4f93;
    border-radius: 0px 0px 4px 4px;
    color: #ffffff;
    padding: 10px 26px;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.proCat-read-more a:hover {
    background: #f15958;
    color: #fff;
}

.category-filterModal .modal-header .modal-title {
    text-align: center;
    font-size: 26px;
    color: #c60606;
    width: 100%;
}

.category-filterModal .modal-header {
    border: none;
    padding: 30px 30px 10px;
}

.category-filterModal .subcat_list {
    display: inline-block;
    padding: 20px 0px;
    list-style: none;
    width: 100%;
}

.category-filterModal .modal-body .subcat_list li {
    width: 49%;
    display: inline-block;
}
.addProduct-tabs-wrap button {
    width: 100%;
    height: 50px;
    border: none;
    cursor: pointer;
    border-left: 3px solid transparent;
}

.addProduct-tabs-wrap {
    background: #ddd;
    padding: 10px 0 10px 10px;
}

.addProduct-tabs-wrap .addPro-tabLink.active{
  background: #fff;
  border-left-color: #0b4f93;
}

button.addPro-next-btn {
    border-radius: 5px;
    background: #f26959;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    width: 160px;
    height: 46px;
    border: 0px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    cursor: pointer;
}

button.addPro-next-btn:hover{
    background: #e75255;
}

label.checkbox-inline-block, label.radio-inline-block {
    display: inline-block;
    margin-right: 30px;
        margin-bottom: 40px;
}

.accordion .card{
  box-shadow: none !important;
}
.accordion .card:last-of-type .card-header,
.accordion .card .card-header {
    border-bottom: none !important;
}
.accordion .card:first-of-type, .accordion .card:last-of-type{
  border-radius: 0 !important;
}

.accordion .card {
    margin-bottom: 20px;
}

.accordion .card .card-header {
    padding: 20px 15px;
    background-color: rgba(11, 79, 147, 0.07);
}

.accordion .card h6 a {
    color: #0b4f93;
}
.product-description .addProductVariation-table .table td, .product-description .addProductVariation-table .table th {
    padding: 10px;
    font-size: 16px;
}
.addvarientrow-btn-box, .addBrand-btn-box{
    text-align: right;
    margin: 10px 0;
}

.addvarientrow-btn-box button.add-row, .add-btn.btn-success.add-row {
    background: #0b4f93;
    border: 1px solid #0b4f93;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
}
.addvarientrow-btn-box button.add-row:hover, .addvarientrow-btn-box button.add-row:focus,
.add-btn.btn-success.add-row:hover, .add-btn.btn-success.add-row:focus {
    box-shadow: 0 8px 25px -8px rgba(11, 79, 147, 0.33);
    background: #f15958;
    color: #fff;
    border: 1px solid #f15958;
}

.action-list.brand-action-link a.delete-brand-btn {
    background: #f44336;
        text-align: center;
}
.action-list.brand-action-link a:hover{
  color: #fff;
}
.action-list.brand-action-link a.edit-brand-btn{
    background: #0b4f93;
    text-align: center;
}

div.modal button.btn.btn-secondary.editBrand-save-btn,
button.btn.btn-secondary.createBrand-btn {
    background: #0b4f93;
    text-align: center;
    border: none;
    border-color: #0b4f93;
    color: #fff;
    padding: 8px 36px;
    border-radius: 4px;
    font-size: 16px;
}

.small-label.add-product-content .product-description .body-area .left-area .heading {
    font-size: 16px;
}

.delete-icon-box span {
    color: #f15e5e;
    font-size: 67px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.confirm-delete-modal h5{
    text-align: center;
    font-size: 26px;
}

.confirm-delete-modal .modal-body p {
    color: #999;
    text-align: center;
    font-size: 14px;
    padding: 0 30px;
    margin-bottom: 30px;
}

.delete-action-box{
  text-align: center;
}

.delete-action-box .btn.delete-acitonBtn {
    padding: 9px 22px;
    margin: 0 6px;
}

.product-highlight-wrapper .proHighlight-box h4.swith-head {
    font-size: 16px;
    color: #0d3359;
    font-weight: 500;
    margin-bottom: 0px;
}

.product-highlight-wrapper .proHighlight-box .row {
    margin-bottom: 20px;
}

.product-highlight-wrapper .proHighlight-box label.switch{
  float: right;
}

.min-max-priceCol input.form-control {
    width: 49%;
    display: inline-block;
    margin: auto;
}

.addPricing-table h4.pricing-table-head {
    font-size: 18px;
    background: #0b4f93;
    margin: 0;
    padding: 12px 15px;
    color: #fff;
}
.action-list span.categories-proStatus {
    background: #1e7e34;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    padding: 4px 24px;
    font-size: 14px;
}

.featureList-wrap-list .featureList-wrap ul {
    padding: 0 0 0 15px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.featureList-wrap-list .featureList-wrap ul li {
    width: 300px;
    margin: 0 0 20px 0;
}
.featureList-wrap-list {
    margin-bottom: 30px;
}

button.btn-subcategory-copy {
    border-radius: 5px;
    background: #0b4f93;
    color: #fff;
    font-size: 14px;
    padding: 6px 22px;
    height: 42px;
    border: 0px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    cursor: pointer;
}

button.btn-subcategory-copy:hover, button.btn-subcategory-copy:focus {
    box-shadow: 0 8px 25px -8px rgba(11, 79, 147, 0.33);
    background: #f15958;
    color: #fff;
}



/************** Choose Option Css ***********/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 10px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #0b4f93;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  background-color: #fff;
      border: 1px solid #ced4da;
    color: #47404f;
    padding: 0.375rem 0.75rem;
    font-size: 0.813rem;
    border-radius: 0.25rem;
    height: 42px;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  font-size: 100%;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../../admin/images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}
ul.chosen-choices:focus {
    outline: none;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: linear-gradient(#eee 20%, #fff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
          box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

/*.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}*/

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */

.login-area .form-input select {
    height: 50px;
    background: #f3f8fc;
    padding: 0px 30px 0px 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    border-left: 0;
}

.form-selectOption-field label.input-group-text {
    padding: 0;
    width: 45px;
    background: #f3f8fc;
    border-right: 0;
}

.custom-select:focus {
    outline: 0;
    box-shadow: none;
}

.custom-select{
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.dashboard-status-bar.vendor-status-bar .statusBar-items .card-body {
    border: 2px solid  #bf1277;
    background: #bf1277;    
    border-radius: 12px;
   display: block;
   padding: 25px 10px;
   transition: all 0.3s ease-in-out;
}
.dashboard-status-bar.vendor-status-bar .statusBar-items .card-body:hover{
  border-color: #0a4f93;
  background: #fff;
}

.dashboard-status-bar.vendor-status-bar .statusBar-items .card-body:hover span.statusTitle,
.dashboard-status-bar.vendor-status-bar .statusBar-items .card-body:hover span.statusCount{
  color: #0a4f93;
}
.dashboard-status-bar.vendor-status-bar .statusBar-items .card-body span.statusTitle {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    display: block;
    margin-top: 8px;
}
.dashboard-status-bar.vendor-status-bar .statusBar-items .card-body span.statusCount {
    border: none;    
    height: 60px;
    width: 100%;    
    line-height: 60px;
    display: block;
    font-size: 42px;    
    color: #FFF;
    margin: auto;
}
.dashboard-status-bar.vendor-status-bar .statusBar-items .card-body span.statusCount span {
    font-size: 36px;
    font-weight: 100;
}

.iconWith-input,
.iconWith-input-percentage ,
.iconWith-input-percentage .labelIcon-span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.iconWith-input span,
.iconWith-input-percentage span,
.iconWith-input-percentage .labelIcon-span {
    height:42px!important;
    line-height:42px!important;
    padding: 0 9px;
    background: rgba(10, 79, 147, 0.21);
    border-radius: .25rem 0 0 .25rem;
    color: #0a4f93;
}
.iconWith-input-percentage span,
.iconWith-input-percentage .labelIcon-span {
    border-radius: 0 .25rem .25rem 0;
    margin: 0;
}
.iconWith-input-percentage .labelIcon-span{
  cursor: pointer;
}
.ui-widget-header{
    background: #4ec2bd!important;
}
.ui-widget.ui-widget-content {
    border: none!important;
    border-radius: 0px!important;
    background: #d2d2d2!important;
}
.iconWith-input input{border-radius:0px 5px 5px 0px!important;}
.iconWith-input-percentage input{border-radius:5px 0px 0px 5px!important;}
.table-responsive{
    padding:0px 15px!important;
}

.userLeftSide-cls {
    display: flex;
    align-items: center;
}
.imgUserBlock-cls img {
    max-width: 63px;
}
.userNameBlock-cls{
    margin-left:12px;
}
.userNameBlock-cls h6 {
    font-size: 28px;
    margin: 0 0 3px 0;
}
.userNameBlock-cls span {
    font-size: 14px;
    color: #515151;
    font-family: "Gotham Rounded Book", sans-serif;
}

.userRightSide-cls{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.userRightSide-cls a.userAction-link {
    display: block;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.04);
    padding: 10px 15px;
    min-width: 110px;
    text-align: center;
    color: #0e4f92;
    margin-left: 15px;
}

.userTimesheet-tab {
    border-bottom: 1px solid #e5e5e5;
    /*padding-top: 30px;*/
}
.userTimesheet-tab ul li:first-child a{
    margin-left: 0;
}
.userTimesheet-tab ul li a {
    display: block;
    text-transform: capitalize;
    font-size: 16px;
    margin: 0 24px;
    line-height: 26px;
    position: relative;
    padding: 15px 15px;
    color: #999;
}
.userTimesheet-tab ul li a.active {
    color: #bf1277;
}
.userTimesheet-tab ul li a::before {
    content: "";
    width: 0;
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    bottom: 0;
    height: 2px;
    background: #bf1277;
    position: absolute;
}
.userTimesheet-tab ul li a.active::before, .userTimesheet-tab ul li a:hover::before {
    width: 100%;
}

.userTimeStatus-cards {
    padding: 30px 0;
}

.userTimeStatus-item {
    display: flex;
    padding: 15px 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
    border-radius: 5px;
}

.userTimeStatus-icon {
    height: 55px;
    width: 55px;
    min-width: 55px;
    background: rgba(14, 79, 146, 0.08);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userTimeStatus-icon img {
    max-width: 30px;
}

.userTimeSheet-card-content {
    margin-left: 10px;
}

.userTimeSheet-card-content p.userTimecard-title {
    font-size: 15px;
    margin: 0;
}

.userTimeSheet-card-content p.userStatus-hour {
    font-size: 27px;
    margin: 2px 0 0 0;
    font-weight: 600;
    color: #0e4f92;
}

.userTimeSheet-card-content p.userStatus-hour span {
    font-size: 19px;
    font-family: "Gotham Rounded Book", sans-serif;
}

.userTimeSheet-card-content p.userTimecard-subTitle {
    color: #999;
    margin: 0;
    font-size: 11px;
    font-family: "Gotham Rounded Book", sans-serif;
}

.userTimeSheet-payment-title-date{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.userTimeSheet-payment-title-date h5{
    font-size: 20px;
    margin:0;
}

.userTimeSheet-payment-title-date .dd-cls{
    display: flex;
    align-items: center;
}

.userTimeSheet-payment-title-date .dd-cls span.ddText-span{ 
    font-size: 16px;
    margin-right: 10px;
}

.userTimeSheet-payment-title-date .dd-cls span.calendar-icon{
    height: 30px;
    width: 30px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
    color: #0e4f92;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
}   

.userTimeSheet-payment-table-wrapper table thead th {
    font-size: 15px;
}

.userTimeSheet-payment-table-wrapper table p{
    margin: 0;
}

.userTimeSheet-payment-table-wrapper table tbody tr td{
    font-size: 15px;
    font-family: "Gotham Rounded Book", sans-serif;
}

.userTimeSheet-graph-wrapper {
    padding: 50px 0;
    border: solid #f5f5f5;
    border-width: 1px 0 1px 0;
    margin: 20px 0 40px;
}

.userTimeSheet-graph {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userTimeSheet-graph .dateHours-item {
    flex-basis: 14.28%;
    text-align: center;
}

.userTimeSheet-graph .dateHours-item .dateItem-text {
    padding: 20px 0 10px;
}

.userTimeSheet-graph .dateHours-item .dateItem-text span {
    display: block;
}

.userTimeSheet-graph .dateHours-item .hourItem-text {
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid #e4e4e4;
    border-width: 1px 0 1px 0;
    font-family: "Gotham Rounded Book", sans-serif;
    font-size: 14px;
    min-height: 55px;
}

.userTimeSheet-graph .dateHours-item:first-child .hourItem-text {
    border-left-width: 1px;
}

.userTimeSheet-graph .dateHours-item:last-child .hourItem-text {
    border-right-width: 1px;
}

.userTimeSheet-graph .dateHours-item.completeHour .hourItem-text {
    background: rgb(14, 79, 146);
}

.userTimeSheet-graph .dateHours-item.completeHour .hourItem-text a{
    color: #fff;
}

.userTimeSheet-graph .dateHours-item.lastDay-hour .hourItem-text {
    background: rgb(191, 18, 119);
}

.hours-calculation-item p.calculation-title {
    font-size: 15px;
    margin: 0;
    text-align: center;
}
.userTimeSheet-graph .dateHours-item.lastDay-hour .hourItem-text span a {
    font-size: 22px;
    color: #fff;
}

.hours-calculation-item span {
    font-size: 24px;
    text-align: center;
    display: block;
    padding-top: 10px;
}

.hours-calculation-center-div {
    width: 680px;
    margin: auto;
    display: block;
    padding-top: 30px;
}

.hour-cal-ratebox span {
    color: #bf1277;
}

.connectedAcc-box span {
    display: block;
    text-align: center;
    font-size: 30px;
    margin-top: 20px;
}

.connectedAcc-box img {
    max-width: 160px;
}

.vendorStripe-status-section {
    height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.connectedAcc-box {
    margin-top: -50px;
}

.timeInputGroup.input-group > .form-control {
    flex: initial;
    width: calc(100% - 40px);
}

.timeInputGroup span.input-group-addon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    cursor: pointer;
    border-radius: 0 0.25rem 0.25rem 0;
}

.form-control:focus{
  box-shadow: none !important;
}
.action-footer.timeSheetModal-footer {
    text-align: center;
    margin-top: 20px;
}
.timeSheetModal-saveBtn.btn{
  background: #0b4f93;
    border: 1px solid #0b4f93;
    text-transform: capitalize;
    color: #fff;
    padding: 9px 22px;
}

.timeSheetModal-saveBtn.btn:hover{
    box-shadow: 0 8px 25px -8px rgba(11, 79, 147, 0.33);
    background: #f15958;
    color: #fff;
    border: 1px solid #f15958;
}

.timeSheetModal-footer .edit_cancel,
.timeSheetModal-footer .closeModal-btn{
    padding: 9px 22px;
    margin: 0 6px;
}

.editView-details p {
    margin-bottom: 4px;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.editView-details p.activityDes-para{
    display: block;
}

.editView-details p span:last-child {
      display: block;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.editView-details p span:first-child {
    flex: 0 150px;
    width: 150px;
    font-size: 14px;
}

.timesheet_details a.edit_timesheet {
    background: #0b4f93;
    border: 1px solid #0b4f93;
    text-transform: capitalize;
    color: #fff;
    padding: 6px 15px;
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
    margin: 15px 0 5px;
}

.timesheet_details a.edit_timesheet:hover{
    box-shadow: 0 8px 25px -8px rgba(11, 79, 147, 0.33);
    background: #f15958;
    color: #fff;
    border: 1px solid #f15958;
}

.userTimeSheet-graph-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nextPrevious-linkblock a,
.nextPrevious-linkblock a:hover {
    background: #bf1277;
    padding: 8px 12px;
    border-radius: 4px;
    border-color: #bf1277;
    color: #fff;
    box-shadow: none !important;
}

.nextPrevious-linkblock a[disabled]{
    background: #b7b7b7;
    border-color: #b7b7b7;
}

.nextPrevious-linkblock a span {
    font-size: 12px;
    margin-right: 5px;
}

button.btn.btn-primary.submit_timesheet{
    background: #0a4f93;
    padding: 9px 15px;
    margin: 20px 0 0 0;
    text-align: center;
    display: block;
}

button.btn.btn-primary.submit_timesheet:hover{
    box-shadow: none !important;
    background: #f15958;
    color: #fff;
    border: 1px solid #f15958;
}

.milestoneCard-item .card-header{
    padding: 0;
    border-bottom: none !important;
    border-radius: 0 !important;
}

.milestoneCard-item .card-header button{
    padding: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FBFBFB;
    color: #000000;
    border-radius: 0;
    text-decoration: none;
}

.milestoneCard-item .card-header button:not(.collapsed) span{
    color: #F26759;
}

.milestoneCard-item .card-header button span{
    color: #0B4F93;
}

.milestoneCard-item .card {
    border: 1px solid #e6e6e6 !important;
    margin-bottom: 30px;
    border-radius: 0;
    box-shadow: none;
}
.milestoneCard-body {
    padding: 0 30px 35px 30px;
}

.milestone-status-wrapper {
    /*padding: 50px 0;*/
    padding: 50px 0 0;
    border: solid #f5f5f5;
    /*border-width: 1px 0 1px 0;*/
    border-width: 1px 0 0px 0;
    margin: 20px 0 0;
    /*margin: 20px 0 40px;*/
}

.milestone-status-wrapper .milestone-status-title{
    margin-bottom: 20px;
}

.milestone-status-title h5{
    font-size: 20px;
    margin: 0;
}

p.milestoneName-box {
    display: block;
    margin: 0 0 0 40px;
    padding: 0;
}

.milestoneDetail-block {
    display: block;
    align-items: center;
    padding-top: 25px;
}
.milestoneDetail-block span{
  color: #000;
  font-size: 15px;
}
.milestoneDetail-block span:first-child {
    flex: 0 200px;
    font-weight: 500;
}

.milestoneDetail-block.milestoneDes{
  display: block;
}

.milestoneDetail-block.milestoneDes span {
    margin-bottom: 6px;
    display: block;
}

.milestoneDetail-block.milestoneDes p {
    display: block;
    margin: 0;
}
.milestone-action-block{
  margin-top: 20px;
}
.btn.milestoneComplete-btn{
  background: #0b4f93;
  border: 1px solid #0b4f93;
  color: #fff;
  font-size: 14px;
  padding: 9px 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.btn.milestoneComplete-btn:hover{
    background: #f26759;
     border: 1px solid #f26759;
}

.milestone_submit .form-group label{
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.tab-content.userTimeSheet-tabContent {
    padding: 0;
}

.userTimeStatus-cards .contract_status {
    padding: 6px;
    background: #f26259;
    border-radius: 6px;
    margin-bottom: 20px;
}

.userTimeStatus-cards .contract_status p {
    margin: 0;
    color: #fff;
}

.tabletitle-box h6{
  font-size: 20px;
  margin-bottom: 10px;
}

.priceHour-detItem > span {
    font-size: 16px;
    display: block;
    text-align: center;
}

.priceHour-detItem .edit_contract_content p {
    margin: 0;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #0a4f93;
}

.priceHour-detItem {
    margin: 10px 0 40px;
}

#termsSetting-tabId > .tabletitle-box {
    margin-top: 30px;
}




/***** User onBoarding********/
.onBoarding-step-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.54);
        align-items: center;
    display: flex;
}
.onBoarding-step-item {
    justify-content: center;
    flex-direction: column;
    text-align: center;
    display: none;
    width: 340px;
    background: #fff;
    margin: auto;
    height: 594px;
}
.onBoarding-step-item.onBoarding-show{
  display: flex;
}
.onBoarding-step-item .onBoarding-icon{
  height: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onBoarding-step-item .onBoarding-icon img{
  width: 70%;
  height: 100%;
}
.onBoarding-step-content {
    padding: 0 20px;
    min-height: 212px;
}
.onBoarding-step-title h2 {
    margin: 0;
    padding: 30px 0 15px 0;
    font-size: 22px;
}

.onBoarding-step-des p{
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #1A1A1C;
}

.onBoarding-step-des p:last-child{
  margin: 0;
}

.onBoarding-bullet-nav ul {
  padding: 20px 0;
  margin: 0;
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: center;
}

.onBoarding-bullet-nav ul li {
  margin-right: 10px;
}

.onBoarding-bullet-nav ul li span {
  display: block;
  border-radius: 100px;
  background: #020306;
  opacity: 0.15;
}
.onBoarding-bullet-nav ul li:first-child span,
.onBoarding-bullet-nav ul li:last-child span{
  height: 2px;
  width: 2px;
}
.onBoarding-bullet-nav ul li:nth-child(2) span,
.onBoarding-bullet-nav ul li:nth-child(4) span{
  height: 4px;
  width: 4px; 
}
.onBoarding-bullet-nav ul li:nth-child(3) span{
  height: 8px;
  width: 8px;
  background: linear-gradient(214.2deg, #0B5093 -59.37%, #0B5093 100%), #264E93;
  opacity: 1;
}
button.btn.onBoarding-next-btn {
  display: flex;
  width: 151px;
  height: 56px;
  align-items: center;
  justify-content: center;
  background: #E76161;
  border-radius: 4px;
  color: #fff;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}

button.btn.onBoarding-next-btn span,
button.btn.onBoarding-letsGo-btn span{
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin-right: 10px;
}

button.btn.onBoarding-next-btn.grayOnBoard-color {
    background: #F4F6F8;
    color: #000000;
}

button.btn.onBoarding-next-btn.grayOnBoard-color:hover{
  background: #E76161;    
}

button.btn.onBoarding-next-btn.grayOnBoard-color:hover span{
  color: #fff;
}

button.btn.onBoarding-next-btn.grayOnBoard-color:hover img{
  filter: brightness(0) invert(1);
}

button.btn.onBoarding-next-btn.grayOnBoard-color span {
    color: #000;
}

button.btn.onBoarding-next-btn.grayOnBoard-color img {
    filter: brightness(1) invert(1);
}

button.btn.onBoarding-letsGo-btn{
  display: flex;
  height: 56px;
  align-items: center;
  justify-content: center;
  background: #E76161;
  border-radius: 4px;
  color: #fff;
  margin: 0 auto;
  background: linear-gradient(187.88deg, #0B5093 -59.37%, #264E93 100%), #7540EE;
    width: initial;
    padding: 0 30px;
}

/*29-june-css-start*/
#timesheet-submit button.btn.btn-secondary.edit_cancel{
  margin: 0 6px;
  background: #efefef;
  padding: 12px 22px;
  height: initial;
  line-height: initial;
  color: #212529;
  font-size:16px;
  border-radius:5px;
  font-weight:600;
  border:none;
}
#timesheet-submit button.btn.btn-secondary.edit_cancel:hover{
  box-shadow:none;
}
#timesheet-submit button.btn.btn-primary {
    background: #0b4f93;
    border: 1px solid #0b4f93;
    text-transform: capitalize;
    color: #fff;
    padding: 12px 22px;
    height: initial;
    line-height: initial;
    font-size:16px;
    font-weight:600;
}
#timesheet-submit button.btn.btn-primary:hover {
    box-shadow: 0 8px 25px -8px rgba(11, 79, 147, 0.33);
    background: #f15958;
    color: #fff;
    border: 1px solid #f15958;
}
#timesheet-submit .action-footer{
  text-align:center;
  margin-top:10px;
}
#timesheet-hour-modal button.btn.btn-default.closeModal-btn{
  font-size:16px;
  font-weight:600;
}
#timesheet-hour-modal button.btn.timeSheetModal-saveBtn{
  font-size:16px;
  font-weight:600;
}
/*29-june-css-end*/
/*30-june-css-start*/
table.milestoneTable .form-control:focus{
  border:1px solid #ddd!important;
  border-bottom: 1px solid #ddd;
  border-color: #ddd;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.varient_milestone_persantage{
  display:flex;
  align-items:center;
}
.varient_milestone_persantage label{
      margin: 0;
    background: #ced4da;
    height: 42px;
    line-height: 42px;
    padding: 0 9px;
    border-radius: 0px 5px 5px 0px;
}
.varient_milestone_persantage input{
    border-radius:5px 0px 0px 5px;
}
table.milestoneTable tbody tr td:first-child label{float:left;}
table.milestoneTable tbody tr td:first-child select{width:150px;margin-left:auto;}
table.milestoneTable .fal {
    font-family: 'Font Awesome 5 Pro'!important;
    font-weight: 300;
}
/*table.table.milestoneTable tbody tr td:first-child{width:33.2%!important;}
table.table.milestoneTable tbody tr td:nth-child(2){width:19.6%!important;}
table.table.milestoneTable tbody tr td:nth-child(3){width:19.7%!important;}
table.table.milestoneTable tbody tr td:nth-child(4){width:19.7%!important;}*/
.ui-widget.ui-widget-content {
    border: none!important;
    border-radius: 0px!important;
    background: #d2d2d2!important;
}
.mybtn1, .bottomtotop i, .tooltip-inner, .logo-header .search-box .categori-container .categoris option:hover, .logo-header .helpful-links ul li.my-dropdown .cart .icon span, .trending .item .item-img .time, .hero-area .hero-area-slider .intro-carousel.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .hero-area .hero-area-slider .intro-carousel.owl-carousel .owl-controls .owl-nav .owl-next:hover, .hero-area .info-box:hover .icon, .trending .item .item-img .sale, .trending .item .item-img .discount, .trending .item .item-img .extra-list ul li a, .trending .item .item-img .extra-list ul li a:hover, .categori-item .item .item-img .sale, .categori-item .item .item-img .discount, .categori-item .item .item-img .extra-list ul li a, .categori-item .item .item-img .extra-list ul li a:hover, .flash-deals .flas-deal-slider .item .item-img .discount, .flash-deals .flas-deal-slider .owl-controls .owl-dots .owl-dot.active, .hot-and-new-item .categori .section-top .section-title::after, .blog-area .aside .slider-wrapper .owl-controls .owl-dots .owl-dot.active, .blog-area .blog-box .blog-images .img .date, .blog-area .blog-box .details .read-more-btn, .footer .fotter-social-links ul li a:hover, .product-details-page .all-item .slidPrv4.slick-arrow, .product-details-page .all-item .slidNext4.slick-arrow, .product-details-page .right-area .product-info .contact-seller .list li a:hover, .product-details-page .right-area .product-info .info-meta-3 .meta-list li.compare a:hover, .product-details-page #coment-area .all-comments li .single-comment .right-area .replaybtn:hover, .product-details-page #coment-area .write-comment-area .submit-btn, .ui-widget-header, .ui-slider .ui-slider-handle, .sub-categori .left-area .filter-result-area .body-area .filter-btn, .sub-categori .left-area .tags-area .body-area .taglist li a:hover, .sub-categori .right-area .categori-item-area .item .item-img .time, .sub-categori .right-area .categori-item-area .item .item-img .sale, .sub-categori .right-area .categori-item-area .item .item-img .discount, .sub-categori .right-area .categori-item-area .item .item-img .extra-list ul li a:hover, .sub-categori .right-area .pagination-area .pagination .page-item .page-link.active, .sub-categori .right-area .pagination-area .pagination .page-item .page-link:hover, .sub-categori .modal .modal-dialog .modal-header, .sub-categori .modal .contact-form .submit-btn, .cartpage .left-area .table tbody tr td.quantity .qty ul li .qtminus:hover, .cartpage .left-area .table tbody tr td.quantity .qty ul li .qtplus:hover, .cartpage .right-area .order-box .cupon-box #coupon-form button:hover, .cartpage .right-area .order-box .order-btn, .blogpagearea .blog-box .blog-images .img .date, .blogpagearea .blog-box .details .read-more-btn, .blog-details .blog-content .content .tag-social-link .social-links li a, .blog-details .comments .comment-box-area li .comment-box .left .replay, .blog-details .comments .comment-box-area li .comment-box .left .replay:hover, .blog-details .comments .comment-box-area li .replay-form .replay-form-close:hover, .blog-details .comments .comment-box-area li .replay-form .replay-comment-btn, .blog-details .comments .comment-box-area li .replay-form .replay-comment-btn:hover, .blog-details .write-comment .submit-btn, .blog-details .write-comment .submit-btn:hover, .blog-details .blog-aside .tags .tags-list li a:hover, .contact-us .left-area .contact-form .submit-btn, .contact-us .right-area .contact-info .left .icon, .contact-us .right-area .social-links ul li a, .contact-us .right-area .social-links ul li a:hover, .login-signup .login-area .submit-btn, .ui-accordion .ui-accordion-header, .compare-page-content-wrap .btn__bg, .user-dashbord .user-profile-details .mycard, .user-dashbord .user-profile-details .account-info .edit-info-area .edit-info-area-form .back:hover, .user-dashbord .user-profile-details .account-info .edit-info-area .edit-info-area-form .submit-btn, .single-wish .remove:hover, .sub-categori .right-area .categori-item-area .item .item-img .extra-list ul li a {
    background:#4ec2bd!important;
}

/*30-june-css-end*/

/*20-july-css-start*/

/*.packagesmodal .modal-body{
 position:relative;
 padding: 16px 45px;
}
.packagesmodal .modal-body button.close{
  position:absolute;
  color:#bf1277!important;
  font-weight:400;
  opacity:1!important;
  font-size:36px;
  top:10px;
  right:16px;
} 
.packagesmodal .modal-body p{
  display:flex;
  font-size:14px;
  margin-bottom:0px;
  justify-content: center;
}
.packagesmodal .modal-body p a{
  margin-left: 10px;
  display: flex;
  align-items: center;
  color: #bf1277;
  font-weight: 600;
}
.packagesmodal .modal-lg{
    max-width:100%;
    padding: 0px 15px;
}*/
.custome_dashbord_css .layout-sidebar-large .main-header{
  height:142px;
}
.custome_dashbord_css .layout-sidebar-large .sidebar-left-secondary, .custome_dashbord_css .layout-sidebar-large .sidebar-left{
  top: 142px;
}
.custome_dashbord_css .main-content-wrap{
  margin-top: 142px;
}
.packagesmodal{
  padding: 10px 0px;
  width: 100%;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.packagesmodal .packagesmodal_inner{
  width: 90%;
  margin: auto;
  padding: 10px 45px;
  box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.4);
  position:relative;
}
.packagesmodal .packagesmodal_inner p{
  display:flex;
  font-size:15px;
  font-weight: bold;
  margin-bottom:0px;
  justify-content: center;
}
.packagesmodal .packagesmodal_inner p a{color:#47404f;}
.packagesmodal .packagesmodal_inner p a.learn_more{
   margin-left: 10px;
  display: flex;
  align-items: center;
  color: #4ac2bd;
  font-weight: 600;
}
.packagesmodal .packagesmodal_inner button.closse{
  position: absolute;
  color: #4ac2bd!important;
  font-weight: 400;
  font-size: 36px;
  top: 12px;
  padding: 0px;
  right: 16px;
  background: transparent;
  border: none;
  line-height: 20px;
}
.view_sectionn i{
  color:#0a4f93;
  font-weight:600;
}
.view_sectionn.tooltip {
  position: relative;
  border-bottom: none;
  opacity:1!important;
  text-align:right;
}
.view_sectionn.tooltip i{
  border-bottom: 1px dotted black;
}
.view_sectionn.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 15px 10px;
  position: absolute;
  z-index: 1;
  left: -20px;
  top: 20px;
  font-size: 11px;
  line-height: 16px;
}

.view_sectionn.tooltip:hover .tooltiptext {
  visibility: visible;
}
/*20-july-css-end*/
/*29-july-css-start*/
.dashboard_card .dashboard_card_item{
  display:flex;
  background: #FFFFFF;
  box-shadow: 3px 0px 20px rgba(214, 231, 233, 0.6);
  padding: 30px 20px;
  min-height: 150px;
  margin-bottom: 20px;
}
.dashboard_card .dashboard_card_item .text{width:50%;position:relative;height:auto;}
.dashboard_card .dashboard_card_item .text h3{
  font-size:20px;
  line-height:24px;
  font-style: normal;
  font-weight: 500;
  color:#515151;
  text-transform:uppercase;
}
.dashboard_card .dashboard_card_item .text::after{
  background-color: #E76161;
  position: absolute;
  content: '';
  width: 100px;
  height: 3px;
  left: 0px;
  bottom: 0px;
}
.dashboard_card .dashboard_card_item .icon{
  width:50%;
  text-align:right;
  padding-right:10px;
}
.dashboard_card .dashboard_card_item .icon h2{
  font-size:36px;
  color:#E76161
}
.dashboard_card .dashboard_card_item .icon img{
  max-width:50px;
}
.watch_video_btnn_headeerr{
  display: flex;
    padding: 5px 10px;
    background: #fff;
    margin:0px 20px 0px 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    font-size: 12px;
    align-items:center;
}
.start_btnn_headeerr{
  display: flex;
  padding: 5px 0px;
  align-items: center;
  color: #fff !important;
  border-bottom: 1px solid #fff;
  position:relative;
  text-transform:uppercase;
}
.start_btnn_headeerr::after{
  content: "\F0A2";
    font-family: 'iconsmind' !important;
    position: absolute;
    right: -25px;
    top: -1px;
    font-size: 20px;
}
/*29-july-css-end*/
/*05-08-2020-css-start*/
.header_watch_video_section{
  display:flex;
  background-color:#EF3756;
  color:#fff;
  padding:10px 50px 10px 20px;
  align-items: center;
}
.header_watch_video_section p{color:#fff;margin-bottom:0px;margin-left: 10px;}
.header_watch_video_section img{
  width: 40px;
  height: 30px;
}
#productVideo-modal .modal-body {
    padding: 0px;
}
#productVideo-modal .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}
/*05-08-2020-css-end*/
@media (max-width: 1770px){
  .header_watch_video_section {
    max-width: 960px;}
  .header_watch_video_section p {
    width: 600px;
}
}
@media (max-width: 1600px){
  .header_watch_video_section p {
    width: 500px;
    font-size: 14px;
}
}
@media (max-width: 1500px){
 .header_watch_video_section p {
    width: 400px;
    font-size: 14px;
}
}
@media (max-width: 1399px){
  .dashboard_card .dashboard_card_item .text h3{
    font-size:14px;
  }
  .header_watch_video_section img {
    width: 20px;
    height: 20px;
}
.header_watch_video_section p {
    width:470px;
    font-size: 12px;
}
.header_watch_video_section {
    padding: 10px 40px 10px 15px;
}
.watch_video_btnn_headeerr {
    padding: 10px 5px;
    margin: 0px 10px 0px 10px;
    font-size: 10px;
}
.start_btnn_headeerr {
    padding: 10px 0px;
    font-size: 10px;
}
.vendorUser-profile span {
    font-size: 12px!important;
}
}
@media (max-width: 1300px){
  .header_watch_video_section p {
    width: 370px;
    font-size: 12px;
}
}
@media (max-width: 1199px){
  .dashboard_card .dashboard_card_item .icon h2 {
    font-size: 26px;
  }
  .dashboard_card .dashboard_card_item .text h3{
    font-size:12px;
  }
  .dashboard_card .dashboard_card_item .icon img {
    max-width: 30px;
}
  .onBoarding-step-wrapper{
    left: 0;
  }
  .layout-sidebar-large .main-header .menu-toggle {
    width:60px!important;
    margin-right:0px!important;
}
.layout-sidebar-large .main-header .logo {
    width: 60px!important;
    margin-right: 10px!important;
}
.header-part-right .user.col.align-self-end{
  padding:0!important;
}
.vendorUser-profile span {
    white-space: normal!important;
}
.layout-sidebar-large .main-header .header-part-right {
    display: block!important;
}
.layout-sidebar-large .main-header .header-part-right .dropdown-item{
    padding:0!important;
}
.header_watch_video_section p {
    width: 370px;
    font-size: 12px;
}
}
@media (max-width: 1024px){
  .header_watch_video_section p {
    width: 350px;
    font-size: 12px;
}
}
@media (max-width: 991px){
  .header_watch_video_section{display:none;}
  .layout-sidebar-large .main-header .header-part-right {display: flex!important;padding-right: 50px;}
  .vendorUser-profile span {white-space:nowrap!important;}
  .packagesmodal .modal-body p{
    display: block;
}
.packagesmodal .modal-body {
    position: relative;
    padding: 16px 35px 16px 35px;
}
.packagesmodal .modal-body p a{
  display:inline-block;
}
}
@media (max-width: 767px){
  .layout-sidebar-large .main-header .menu-toggle{
    margin-left:0px!important;
    width:30px!important;
  }
  .layout-sidebar-large .main-header .header-part-right {
    padding-right:0px;
    display:block!important;
}
.layout-sidebar-large .main-header .header-part-right .user img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: contain;
}
}