/* My Account */

.wcv-navigation ul.menu.black {
  background: transparent;
  color: #5881bc;
}

.wcv-navigation ul.menu.black li.active {
  background: white;
  color: #7a62ac;
  text-decoration: none;
  border: none;
}

.wcv-navigation ul.menu.black li a {
  color: #5881bc;
}

.wcv-navigation ul.menu.black li.active a {
  color: #7a62ac;
}

.wcv-navigation ul.menu.black li a:hover {
  background: transparent;
}

#webvrtool .wcv-grid ul li {
  margin: 0;
  border-bottom: 1px solid;
}

#webvrtool .wcv-navigation ul {
  /*border-bottom: 1px solid rgba(128, 133, 140, 0.41);*/
  margin-bottom: 3px;
}

#webvrtool ul.vrecards-navigation-wrapper li {
  display: inline;
  background-color: #f6f6f7;
  padding: 4px 6px 5px 13px;
  border: 1px solid gray;
  border-radius: 6px 6px 0px 0px;
  font-size: 1.25em;
}

#webvrtool ul.vrecards-navigation-wrapper li:first-child {
  margin-left: 25%;
}

#webvrtool ul.vrecards-navigation-wrapper li a {
  color: #24004d;
  text-shadow: none;
  font-size: 0.8em;
}

#webvrtool ul.vrecards-navigation-wrapper li a:hover {
  color: #7a62ac;
  text-decoration: none;
  border: none;
}

#webvrtool ul.vrecards-navigation-wrapper li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--selling a:hover {
  color: #5881bc;
}

.projects-pagination-wrapper {
  text-align: right;
}

.projects-pagination {
  padding-left: 2px;
  padding-right: 2px;
}

#webvrtool .woocommerce-MyAccount-content {
  /*width: 94%;*/
  width: 100% !important;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(128, 133, 140, 0.41);
  padding: 1.5em 2.5em;
  float: unset;
}

.wcv_dashboard_table_header {
  padding-top: 20px;
}

#webvrtool a.woocommerce-Button {
  color: white;
}

#webvrtool .ui-state-active a,
#webvrtool .ui-state-active a:link,
#webvrtool .ui-state-active a:visited {
  color: white;
  outline: none;
}


/* Make a copy of card/duplicate button */

#webvrtool .single_add_to_cart_button.button.alt.duplicate-order {
  color: white;
}


/* View Order - Edit Card */

.ui-progressbar {
  position: relative;
}

.progress-label {
  position: absolute;
  left: 35%;
  top: 4px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

.myaccount_avatar {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  float: left;
  padding-right: 10px;
  width: 83px;
}

.myaccount_user {
  border-left: 3px solid #787E87;
  float: right;
  padding-left: 10px;
  width: 88%;
}


/* Vendor Dashboard */

.wcvendors-pro-dashboard-wrapper .woocommerce-MyAccount-navigation {
  margin-top: -65px;
}


/* vendor quicklinks below tabs */

.wcv-dashboard-quicklinks {
  margin-top: -9px;
  border-top: 1px solid #dddddd;
  background-color: #e6e6e6;
  padding: 1em 2em;
}

.wcv-dashboard-quicklinks a {
  padding-right: 2em;
  font-size: 1.2em;
}

.wcv-dashboard-quicklinks.threesixty-experiences {
  height: 60px !important;
  margin: 0 auto;
  max-width: 1440px;
}


/* dashboard headers */

.wcv-grid h1,
.wcv-grid h2,
.wcv-grid h3,
.wcv-grid h4,
.wcv-grid h5,
.wcv-grid h6 {
  color: #63686f;
}


/* dashboard messages */

.dashboard-messages {
  padding-top: 2em;
}

.dashboard-messages .selling h2 {
  color: #5881bc;
}


/* Table highlighting */

#webvrtool table.wcv-table tr td {
  background-color: white;
}

#webvrtool table.wcv-table tr th {
  background-color: white;
}

.woocommerce-MyAccount-content input#wcv-search {
  height: 40px;
  margin-top: -1px;
}

.woocommerce-MyAccount-content button.wcv-button {
  color: white;
}

a.wcv-button.button {
  padding: 4px 10px;
  text-transform: none;
}


/* Add product button */

a.button.product:hover,
a.button.shop_coupon {
  color: white;
  text-decoration: none;
}

.wcv-grid table .row-actions a {
  color: #7a62ac;
}

.wcv-form input[type=text] {
  padding: 7px 15px;
  color: #b8bcbe;
  border: 1px solid #e0e1e1;
  background-color: #fcfcfc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125)
}


/* start/end date update button */

.wcv-grid a.button.product {
  font-size: 12px;
  padding: 6px 8px;
}

.wcv-grid a.button.shop_coupon {
  padding: 6px 8px;
  font-size: 12px;
}

.all-50 a.wcv-button.button {
  padding: 6px 10px;
  margin: 0;
  font-size: 12px;
}

div.all-50:nth-child(2) {
  display: none;
}

div.all-100 table.wcvendors-table {
  padding-bottom: 30px;
  border-bottom: 1px solid rgb(229, 229, 229);
  margin-bottom: 30px;
}

input#update_button {
  float: left;
  margin-top: 30px;
  width: 8em;
}

input#_wcv_dashboard_end_date_input.wcv-datepicker.no_limit {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 43px;
}


/* calendar picker */

.wcv-calendar-month li a.wcv-calendar-on,
.wcv-calendar-month li a.wcv-calendar-on:hover,
.wcv-calendar-month-selector li a.wcv-calendar-on,
.wcv-calendar-month-selector li a.wcv-calendar-on:hover,
.wcv-calendar-year-selector li a.wcv-calendar-on,
.wcv-calendar-year-selector li a.wcv-calendar-on:hover {
  background: #5881bc;
  color: #fff
}

.wcvendors-pro-dashboard-wrapper nav.wcv-navigation,
.wcvendors-pro-dashboard-wrapper div.all-50 {
  display: block;
}


/* hide stripe integration (for now) */

.wcv_stripe_connect_container {
  display: none;
}


/*
* Social Login
*/

.wp-social-login-provider-list img {
  display: inline;
  /*display: none;*/
}

.wp-social-login-widget {
  padding-top: 10px;
}


/*
* Customize 'Connect with:' label
*/

.wp-social-login-connect-with {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}


/*
* Customize icons based on @thecodeplayer's tutorial
*
* http://thecodeplayer.com/walkthrough/css3-squircles
*/

.wp-social-login-provider-list {
  padding: 10px 0px;
  margin-left: -10px;
}

.wp-social-login-provider-list i {
  display: block;
  font-size: 24px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  border-radius: 4px;
  color: white;
}

.wp-social-login-provider-list i.fa {
  font-family: 'fontawesome';
  font-weight: 400;
}

.wp-social-login-provider-list a {
  text-decoration: none;
  color: white;
  display: inline-block;
  margin: 10px;
  border-radius: 12px;
  position: relative;
}

.wp-social-login-provider-list a:hover {
  text-decoration: none;
  color: white;
}


/* Create fish-eye shapes */

.wp-social-login-provider-list a:before,
.wp-social-login-provider-list a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: 100%;
  transform: scaleX(2) scaleY(1.05);
  clip: rect(0, 33px, 50px, 17px);
  z-index: -1;
}


/* Duplicating the :before element and rotating it 90deg and swapping the X/Y transforms */

.wp-social-login-provider-list a:after {
  transform: scaleY(2) scaleX(1.05) rotate(90deg);
}

a.wp-social-login-provider {
  color: white;
}


/* Set the background color for each provider buttons */

.wp-social-login-provider-twitter i {
  background: #00ACF0;
}

.wp-social-login-provider-facebook i {
  background: #3B5997;
}

.wp-social-login-provider-google i {
  background: #DB4F48;
}

.wp-social-login-provider-twitchtv i {
  background: #6441a4;
}


/* add backward compatibility for fontawesome */

.fa-google:before {
  content: "\f1a0";
}

.fa-twitchtv:before {
  content: "\f1e8";
}


/* login form button and rememberme checkbox */

.login-button,
.register-button,
.login-rememberme-wrapper {
  margin-left: -10px;
  font-size: 1.2em;
}

.woocommerce .form-row.login-actions {
  margin-bottom: 10px;
}


/* login form links */

.woocommerce-LostPassword.lost-password-account-link,
.woocommerce-Register.register.tab.no-account-link {
  float: left;
  margin: 0;
  padding: 0;
}
#login .mdl-tabs__panel,
#register .mdl-tabs__panel {
overflow-y: scroll;
max-height: 90vh;
}

/* MEDIA QUERIES */

@media (min-width: 1441px) {
  #webvrtool ul.vrecards-navigation-wrapper li:first-child {
    margin-left: 25%;
  }
}

@media (max-width: 1440px) {
  #webvrtool ul.vrecards-navigation-wrapper li:first-child {
    margin-left: 12vw;
  }
}

@media (max-width: 1024px) {
  #webvrtool ul.vrecards-navigation-wrapper li:first-child {
    margin-left: 10vw;
    /*7rem;*/
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  #webvrtool ul.vrecards-navigation-wrapper {
    margin-left: 0;
  }
  #webvrtool ul.vrecards-navigation-wrapper li:first-child {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  .wcv_dashboard_wrapper {
    width: 100%;
  }
  .wcvendors-pro-dashboard-wrapper .woocommerce-MyAccount-navigation {
    margin-top: 0px;
  }
  .wcv-navigation {
    width: 100%;
    margin-left: 0;
  }
  #webvrtool ul.vrecards-navigation-wrapper {
    margin-left: 2px;
  }
  #webvrtool ul.vrecards-navigation-wrapper li {
    display: block;
    border-radius: 0;
  }
  #webvrtool ul.vrecards-navigation-wrapper li:first-child {
    margin-left: 0;
  }
  #webvrtool div.all-100 table.wcvendors-table {
    padding-top: 2em;
  }
  #webvrtool .wcv-cols-group.wcv-horizontal-gutters {
    padding-top: 20px;
  }
}

@media (max-width: 425px) {
  #webvrtool .woocommerce-MyAccount-content {
    padding: 5px;
  }
  .wcv-dashboard-quicklinks.threesixty-experiences {
    height: 88px !important;
  }
}

nav .material-icons {
	margin-right: 5px;
}
/*
body .woocommerce-account .l-canvas.sidebar_none .l-content {
	width: 100vw !important;

}

body .woocommerce-account .l-main-h,
body .woocommerce-account .l-section-h {
	max-width: 100% !important;
} */
