:root {
    /* colours */
    --bg_dark_grey:#5d5a5a;
    --bg_grey: #d7d5d5;
    --bg_light_grey: #f0efef;
    --bg_body_grey: #e5e4e4;
    /* fonts */
    --default: #b8b8b8;
    --dark_grey: #585858;
    --grey: #737474;
    --light_grey: #cdcccc;
    --green: #70c8b4;
    --navy: #263672;
    --white: #FFFFFF;
    /* config colours */
    --accent_colour: #67d3ba;
    /* font sizes */
    --font-xs: 10px;
    --font-sm: 12px;
    --font-body: 14px;
    --font-md: 16px;
    --font-lg: 18px;
}

body:not(.modal-open) {
    max-width: 100%;
    overflow-x: hidden;
}

body{
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #737474;
    background-color: #e5e4e4;
    font-size: 14px;
    line-height: 1.2;
}

a, a:hover, a:focus {
	text-decoration: none;
	color: inherit;
}
input, input:focus,
textarea, textarea:focus,
button, button:focus,
select, select:focus,
.btn, .btn:hover, .btn:focus{
	outline: none;
	font-weight: inherit;
	box-shadow:none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: inherit;
	margin-top: 0;
	margin-bottom: 20px;
}
p{
	font-weight: inherit;
	margin-top: 0;
	margin-bottom: 10px;
}
p.font-lg{
	margin-bottom: 20px;
}

h1 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.2px;
}
h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.2px;
}
h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.2px;
}
h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.bottom-border{
	border-bottom: 1px solid #cdcccc;
}

.btn{
	padding: 10px 15px;
	/*font-weight: 700;*/
	font-size: 14px;
	line-height: 30px;
	/*padding: 10px 15px;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;*/
	letter-spacing: 0.2px;
	border-radius: 4px;
	background-color: #67d3ba;
	border-color: #67d3ba;
	color: #ffffff;
	/*min-width: 150px;*/
}
.btn:hover, .btn:focus{
	/*font-weight: 700;*/
	background-color: #67d3ba;
	border-color: #67d3ba;
	color: #ffffff;
}

.btn-o{
	background-color: transparent;
	border-color: #67d3ba;
	color: #67d3ba;
}
.btn-o:hover, .btn-o:focus{
	background-color: transparent;
	border-color: #67d3ba;
	color: #67d3ba;
}

.btn-text{
	font-weight: 600;
	color: #737474;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
}

.btn .icon,
.btn-text .icon {
	margin-right: 10px;
}

.btn.remove .icon,
#asset_tags a.tags_link.remove-icon .icon{
	width: 10px;
	height: 10px;
	margin-right: 5px
}

.btn-grey{
	background-color: #d7d5d5!important;
	border-color: #d7d5d5!important;
	color: #585858!important;
}
.btn-grey:hover, .btn-grey:focus{
	background-color: #d7d5d5!important;
	border-color: #d7d5d5!important;
	color: #585858!important;
}
.btn-grey-o{
	background-color: transparent!important;
	border-color: #d7d5d5!important;
	color: inherit;!important;
}
.btn-grey-o:hover, .btn-grey-o:focus{
	background-color: #d7d5d5!important;
	border-color: #d7d5d5!important;
	color: #585858!important;
}
.btn-dark-grey{
	background-color: #737474!important;
	border-color: #737474!important;
	color: #ffffff!important;
}
.btn-dark-grey:hover, .btn-dark-grey:focus{
	background-color: #737474!important;
	border-color: #737474!important;
	color: #ffffff!important;
}
.btn-dark-grey-o{
	background-color: transparent!important;
	border-color: #737474!important;
	color: #737474!important;
}
.btn-dark-grey-o:hover, .btn-dark-grey-o:focus{
	background-color: transparent!important;
	border-color: #737474!important;
	color: #737474!important;
}
.btn-navy{
	background-color: #1c3374!important;
	border-color: #1c3374!important;
	color: #ffffff!important;
}
.btn-navy:hover, .btn-navy:focus{
	background-color: #1c3374!important;
	border-color: #1c3374!important;
	color: #ffffff!important;
}
.btn-navy-o{
	background-color: transparent!important;
	border-color: #1c3374!important;
	color: #1c3374!important;
}
.btn-navy-o:hover, .btn-navy-o:focus{
	background-color: transparent!important;
	border-color: #1c3374!important;
	color: #1c3374!important;
}
.btn-white{
	background-color: transparent!important;
	border-color: #cdcccc!important;
	color: #585858!important;
}
.btn-white:hover, .btn-white:focus{
	background-color: transparent!important;
	border-color: #cdcccc!important;
	color: #585858!important;
}

.heading-img{
	margin-bottom: 20px;
}


/** text colours **/
.txt-light_grey{
	color: #cdcccc !important;
}
.txt-grey{
	color: #737474;
}
.txt-dark_grey{
	color: #585858 !important;
}
.txt-accent{
	color: #67d3ba;
}
.txt-navy{
	color: #1c3374;
}
.txt-white{
	color: #ffffff;
}

.font-xs{
	font-size: 10px;
}
.font-sm{
	font-size: 12px !important;
}
.font-body{
	font-size: 14px;
}
.font-md{
	font-size: 16px;
}
.font-lg{
	font-size: 20px;
}

.alert{
	width: 100%;
}

.icon{
	display: inline-block;
    line-height: 0;
	width: 15px;
	height: 15px;
}

.row-title{
	border-top: 1px solid #b8b8b8;
    padding: 15px 0;
    margin-top: -1px;
}
@media only screen and (max-width:991px){
	.title-first{
		border-top: none;
	}
}

/** locations **/
.location_intro{
	padding-bottom: 30px;
}
.location-detail{
	border-top: 1px solid #b8b8b8;
}
.location-detail li{
	margin-top: 10px;
	margin-bottom: 10px;
}
.location-detail li:not(:last-child){
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #b8b8b8;
}

.lightbox_intro{
	padding-bottom: 30px;
}
.lightbox-detail{
	border-bottom: 1px solid #b8b8b8;
}
.lightbox-detail li{
	margin-top: 10px;
	margin-bottom: 10px;
}
.lightbox-detail li:not(:last-child){
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #b8b8b8;
}
.lightbox-description-wrap,
.lightbox-buttons-wrap{
	padding-top: 20px;
}
.lightbox-description{
	padding-right: 15px;
}
.lightbox-buttons{
	padding-left: 30px;
	margin-left: -15px;
	border-left: 1px solid #b8b8b8;
}
.text-underline, .text-underline:hover{
	text-decoration: underline;
}
.lightbox-buttons .btn{
	margin-right: 10px;
	margin-bottom: 10px;
}

.lightbox-shared-wrap{
	padding-top: 20px;
	margin-top: 50px;
	border-top: 1px solid #b8b8b8;
}
.lightbox-owner-wrap{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #b8b8b8;
}
.lightbox-user .icon{
	margin-right: 7px;
}
.lightbox-navigation{
	padding-left: 0;
	padding-right: 0;
}
.lightbox-navigation ul{
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #b8b8b8;
}
.lightbox-navigation li a{
	padding: 15px 30px;
}
.lightbox-navigation li:not(:last-child){
	border-right: 1px solid #b8b8b8;
}
.lightbox-navigation li.active{
	background-color: #67d3ba;
	color: #ffffff;
	font-weight: 700;
}

.lightbox-links li > *:not(:last-child){
	margin-right: 10px;
}
.lightbox-links li > .edit_field{
	min-width: 100px;
}
.lightbox-links li:not(:last-child){
	margin-bottom: 5px;
}

.menu-icon{
	height: 20px;
}

.lightbox-actions-underlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 11;
}
.lightbox-actions-wrap.open .lightbox-actions-underlay{
	display: block;
}
.lightbox-actions{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	margin-top: -50px;
	margin-right: 10px;
	padding: 20px 0;
	background-color: #ffffff;
	z-index: 12;
	box-shadow: 0 0 11px rgba(65,65,65,0.4);
}
.lightbox-actions-wrap.open .lightbox-actions{
	display: block;
}
.lightbox-actions:before{
  content: '';
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #ffffff;
  position: absolute;
  top: 50px;
  right: 0;
  margin-right: -15px;
}
.lightbox-actions a{
	padding: 0 20px;
}
.lightbox-actions a:not(:last-of-type){
	margin-bottom: 20px;
}

.asset-actions-underlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 11;
}
.asset-actions-wrap.open .asset-actions-underlay{
	display: block;
}
.asset-actions{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	margin-top: -50px;
	margin-right: 10px;
	padding: 20px 0;
	background-color: #ffffff;
	z-index: 12;
	box-shadow: 0 0 11px rgba(65,65,65,0.4);
}
.asset-actions-wrap.open .asset-actions{
	display: block;
}
.asset-actions:before{
  content: '';
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #ffffff;
  position: absolute;
  top: 50px;
  right: 0;
  margin-right: -15px;
}
.asset-actions a{
	padding: 0 20px;
}
.asset-actions a:not(:last-of-type){
	margin-bottom: 20px;
}

.share-lightbox .icon{
	margin-right: 7px;
	width: 20px;
	height: 20px;
}
.share-lightbox-title .icon{
	margin-left: 7px;
	width: 20px;
	height: 20px;
}

.notify_lightbox .notify-checkbox{
	margin-left: 10px;
	border: 1px solid #b8b8b8;
	height: 15px;
	width: 15px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.notify_lightbox .notify-checkbox .icon{
	display: none;
    position: absolute;
	right: 0;
    top: 0;
	margin-right: -4px;
    margin-top: -2px;
    width: 16px;
    height: 16px;
}
.notify_lightbox.open .notify-checkbox .icon{
	display: block;
}

.shareall_lightbox .shareall-checkbox{
	margin-left: 10px;
	border: 1px solid #b8b8b8;
	height: 15px;
	width: 15px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.shareall_lightbox .shareall-checkbox .icon{
	display: none;
    position: absolute;
	right: 0;
    top: 0;
	margin-right: -4px;
    margin-top: -2px;
    width: 16px;
    height: 16px;
}
.shareall_lightbox.open .shareall-checkbox .icon{
	display: block;
}

.add-wrap{
	position: relative;
}
.modal-body .add-wrap input{
	padding-right: 100px;
}
.add-wrap .add-btn{
	height: 42px;
    width: 85px;
    padding: 5px 15px;
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#ms_lightboxShare #ms_message{
	margin-top: 20px;
}

img{
	max-width: 100%;
	height: auto;
}
svg{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.icon svg{
	height: 100%;
	width: 100%;
}
.bgcover{
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
}
.list-inline{
	margin-bottom: 0;
}
.list-inline li{
	display: inline-block;
}
.hidden{
	display: none !important;
}

.col-wrap{
	width: 100%;
}

.container {
    max-width: 1080px;
}

.error{
	color: red !important;
}
.white, a.white, .text-white {
    color: white !important;
}

::-webkit-input-placeholder {
  color: #737474;
}
::-moz-placeholder {
  color: #737474;
}
:-ms-input-placeholder {
  color: #737474;
}
:-moz-placeholder {
  color: #737474;
}

/* svgs */
.svg-stroke {
	fill:none;
	stroke: #67d3ba;
}
.svg-fill {
	fill: #67d3ba;
	stroke:none;
}

.svg-white .svg-stroke {
	fill:none;
	stroke: #ffffff;
}
.svg-white .svg-fill {
	fill: #ffffff;
}

.svg-light_grey .svg-stroke {
	fill:none;
	stroke: #cdcccc;
}
.svg-light_grey .svg-fill {
	fill: #cdcccc;
}

.svg-grey .svg-stroke {
	fill:none;
	stroke: #737474;
}
.svg-grey .svg-fill {
	fill: #737474;
}

.svg-dark_grey .svg-stroke {
	fill:none;
	stroke: #585858;
}
.svg-dark_grey .svg-fill {
	fill: #585858;
}

.svg-navy .svg-stroke {
	fill:none;
	stroke: #1c3374;
}
.svg-navy .svg-fill {
	fill: #1c3374;
}

/*progress*/
.ui-progressbar.ui-widget.ui-widget-content{
	height: 5px;
	background-color: transparent;
	width: 100%;
	border: 0;
	border-radius: 0;
}
.ui-progressbar.ui-widget.ui-widget-content.fixed{
	position: fixed;
	top: 0;
	left: 0;
	background-color: transparent;
	z-index: 6;
}
.ui-progressbar-value{
	background-color: #67d3ba;
	border: none;
}
.progress_count{
	font-size: 28px;
	line-height: 30px;
}
.progress_count:after{
	content: '%';
	font-size: 24px;
	line-height: 26px;
	vertical-align: top;
	display: inline-block;
}
/* progress notice */
.progress-notice{
	display: none;
	position: fixed;
	z-index: 19;
	bottom: 15px;
	right: 15px;
	border-radius: 4px;
	background-color: #FFFFFF;
	border: 1px solid #67d3ba;
	max-width: 360px;
	width: 100%;
}
.progress-notice.active{
	display: block;
}
.progress-title{
	background-color: #67d3ba;
	color: #FFFFFF;
	padding: 15px 25px;
}
.progress-item{
	padding: 15px 25px;
}
.progress-item .icon{
	margin-right: 10px;
}

/* SVG styles. */
.progress-circle{
	width: 20px;
	height: 20px;
}
.progress-circle svg {
  animation: 2s linear infinite svg-animation;
  max-width: 100px;
}
.progress-circle.loading svg, .progress-circle.done svg{
	animation: none;
	transition: transform .2s ease-in-out;
	transform: rotateZ(155deg);
}

/* SVG animation. */
@keyframes svg-animation {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg)
  }
}

/* Circle styles. */
.progress-circle circle {
  animation: 1.4s ease-in-out infinite both circle-animation;
  display: block;
  fill: transparent;
  stroke: #cdcccc;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 10px;
  transform-origin: 50% 50%;
}

.progress-circle.loading circle, .progress-circle.done circle{
	animation: none;
	transition: stroke-dashoffset .2s ease-in-out, transform .2s ease-in-out;
	stroke-dasharray: 283;
  	stroke-dashoffset: 280;
    transform: rotate(45deg);
}
.progress-circle.done circle{
	stroke: #67d3ba;
}

/* Circle animation. */
@keyframes circle-animation {
  0%,
  25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  
  50%,
  75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }
  
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}

/*popup*/
.modal-backdrop.show{
	opacity: 0.5;
	z-index: 20;
}
.modal-backdrop{
	background-color: #67d3ba;
}
.modal-open .modal{
	z-index: 21;
}
.modal-dialog{
	/*margin-top: 100px;
	margin-bottom: 100px;*/
	max-width: 500px;
	width: 100%;
}
.modal-content{
	background-color: #ffffff;
	color: #737474;
	border-radius: 4px;
	overflow: visible;
	border:0;
	padding: 40px 25px;
}
.modal-header{
	border:0;
	color: #67d3ba;
	padding: 20px 15px 15px 15px;
}
.modal-header .modal-title{
	font-size: 22px;
	font-weight: 700;
}
.modal-header .close{
	background: #67d3ba;
	position: absolute;
	top: 0;
	right: 0;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-header .close, 
.modal-header .close:hover,
.close:not(:disabled):not(.disabled):focus, 
.close:not(:disabled):not(.disabled):hover{
	margin:0;
	padding: 0;
	text-shadow: none;
	font-weight: inherit;
	color: inherit;
	opacity: 1;
}
.modal-body{
/* 	padding: 0 15px 20px 15px; */
	font-size: 12px;
}
.modal-footer{
	border:0;
	padding:0 15px;
}
.modal-footer .btn{
	width: 100%;
}
.modal-footer .row{
	margin-left: -10px;
	margin-right: -10px;
}
.modal-footer .row > div{
	padding-left: 10px;
	padding-right: 10px;
}
.modal-footer .row .btn{
	width: 100%;
	margin-bottom: 20px;
	/*font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	padding: 10px 15px;*/
} 
.modal-body p{
	margin-bottom: 30px;
}
.modal-body ul {
	margin-bottom: 10px;
}
.modal-body .input-bar{
	margin-bottom: 20px;
}
.modal-body label,
label{
	color: #67d3ba;
	font-size: 14px;
	font-weight: 700;
	display: block;
	margin-bottom: 10px;
}
.modal-body input, .modal-body textarea, .modal-body select,
input, textarea, select{
	width: 100%;
	color: #393a3d;
	border: 1px solid;
	border-color: #8E9398;
	font-size: inherit;
	line-height: 30px;
	min-height: 40px;
	letter-spacing: inherit;
	font-weight: inherit;
	padding: 5px 10px;
	background-color: #ffffff;
	margin-bottom: 20px;
	border-radius: 4px;
}
.modal-body select,
select{
	height: 42px;
}
.modal-body textarea,
textarea{
	height: 130px;
	line-height: 20px;
}
input[type="radio"],
input[type="checkbox"]{
	margin-bottom: 0;
}

/*account popup*/
#selectCompany .modal-content{
}
#selectCompany .modal-body li > a{
	padding: 30px 25px;
	line-height: 40px;
	border-color: #8E9398;
	background-color: #ffffff;
	font-size: 20px;
}
#selectCompany .modal-body li > a > span{
	height: 40px;
	width: 40px;
    display: inline-block;
	line-height: 40px;
	border-radius: 40px;
	margin-right: 40px;
	font-size: 14px;
	background-color: #67d3ba;
	color: #ffffff;
}
#selectCompany .modal-body li > a > i{
	float: right;
	line-height: 40px;
	font-size: 20px;
}

/*breadcrumb*/
.page-breadcrumb li::after{
	content: "/";
	display: inline-block;
	margin: 0 .5rem;;
}
.page-breadcrumb li a{
	/*text-decoration: underline;*/
}
.page-breadcrumb li a:hover{
	text-decoration: underline;
}
.page-breadcrumb li:last-child::after{
	content: "";
}

/*header*/
.header-top{
	padding: 0;
	background-color: #5d5a5a;
	color: #ffffff;
	font-weight: 600;
	font-size: 9px;
	letter-spacing: 1.6px;
	line-height: 22px;
	text-transform: uppercase;
	z-index: 20;
	position: relative;
}
.header-top ul{
	float: right;
}
.header-top ul li{
	border-left: 1px solid #cdcccc;
	float: left;
}
.header-top ul li a {
	padding: 5px 15px;
	display: block;
	background-color: transparent;
	color: #ffffff;
	transition: background-color 0.2s ease-in-out;
}
.header-top ul li.active a,
.header-top ul li a:hover,
.header-top ul li a:focus {
	background-color: #ffffff;
	color: #585858;
}

.header-top ul li.active a .svg-stroke,
.header-top ul li a:hover .svg-stroke,
.header-top ul li a:focus .svg-stroke {
	fill:none;
	stroke: #67d3ba;
}
.header-top ul li.active a .svg-fill,
.header-top ul li a:hover .svg-fill,
.header-top ul li a:focus .svg-fill {
	fill: #67d3ba;
}


.header-top .icon{
	margin-right: 10px;
}

.header-main{
	padding: 55px 0 50px 0;
	background-color: #ffffff;
	color: #737474;
	z-index: 19;
}
.header-main.header-download{
	padding: 25px 40px;
}
.header-main .row{
	display: flex;
	align-items: stretch;
}
.header-main > .container > .row > div{
	display: flex;
	align-items: center;
}

.logo{
	max-width: 230px;
	max-height: 80px;
	width: 100%;
}
.logo img{
	max-width:100%;
	max-height:100%;
	height: auto;
	width:auto;
}

/*search bar*/
.search-bar{
	border-radius: 4px;
	overflow: visible;
	background: #f0efef;
	border: 1px solid #cdcccc;
	transition: background 0.2s ease-in-out;
}
.search-bar.active{
	background: #ffffff;
}
.search-input{
	position: relative;
	padding: 10px 15px;
	width: 100%;
	cursor: text;
}
.search-input input{
	height: 35px;
	line-height: 35px;
	border:none;
	background: none;
	max-width: 30%;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* inline input/button */
.input-bar{
	border-radius: 4px;
	overflow: visible;
	background: #ffffff;
	border: 1px solid #cdcccc;
	align-items: stretch;
	justify-content: space-between;
	display: flex;
	margin-bottom: 10px;
	height: 45px;
}
.input-bar input,
.input-bar .dropdown{
	position: relative;
	width: 100%;
	border:none;
	background: none;
	margin: 0;
}
.input-bar .dropdown{

}
.input-bar button{
	min-width: 85px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
}

/* autocomplete */
#searchAutocompleteWrap.custom-autocomplete-wrap{
	margin-right: -30px;
}
.custom-autocomplete-wrap{
	position: relative;
	z-index: 6;
}
.custom-autocomplete{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 4px;
    background: #ffffff;
    border: 1px solid #cdcccc;
    color: #737474;
    min-width: 400px;
    padding: 15px;
}
.custom-autocomplete li{
	line-height: 24px;
}
.custom-autocomplete a > .icon{
	margin-right: 15px;
}
.header-main .search-type{
	margin-bottom: -40px;
    position: absolute;
    bottom: 0;
}
.search-tags-wrap .search-type{
	margin-top: 5px;
}
.search-tags-wrap .search-type a{
	padding: 10px 0 0;
}
.search-type a:not(:last-child){
	margin-right: 30px;
}
.search-type a > .icon{
	height: 25px;
    width: 25px;
    margin-right: 8px;
}
.ui-widget{
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}
.ui-menu{
    margin-top: 1px;
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #cdcccc;
    color: #737474;
    min-width: 400px;
}
.ui-menu li.ui-menu-item{
	padding: 10px 15px;
}
.ui-menu li.ui-menu-item:hover, .ui-menu li.ui-menu-item:focus{
	background: #f0efef;
	color: #585858;
}
.ui-menu li.ui-menu-item > *{
	background: none;
	border: none;
	color:inherit;
	padding: 0;
}
.ui-menu li.ui-menu-item:hover *, .ui-menu li.ui-menu-item:focus *,
.ui-menu li.ui-menu-item > *:hover, .ui-menu li.ui-menu-item > *:focus{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
/* dropdown */
.dropdown{
	display: block;
}
.dropdown .icon{
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 0;
	width: 12px;
	height: 12px;
}
.dropdown-menu {
    min-width: none;
    padding: 0;
    margin: 0;
    font-size: inherit;
    color: inherit;
    text-align: left;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cdcccc;
    border-radius: 4px;
}
.dropdown-item{
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	padding: 10px 15px;
}
.dropdown-item:hover, .dropdown-item:focus{
	background: #f0efef;
	color: #585858;
}
.dropdown-toggle{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 22px 0 0;
    position: relative;
    z-index: 1;
}
.dropdown-toggle::after{
	display: none;
}

.search-bar .dropdown,
.input-bar .dropdown{
	display: block;
    width: 100%;
    height: 100%;
}
.input-bar .dropdown .icon{
	margin-top: -5px;
	right: 10px;
	width: 16px;
	height: 16px;
}
.input-bar .dropdown-toggle {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 35px 0 10px;
}
.search-bar .dropdown .icon{
	right: calc(50% - 8px);
	width: 16px;
	height: 16px;
}
.search-bar .dropdown-toggle{
	height: 60px;
    width: 60px;
    padding: 15px 20px;
    line-height: 1;
}

.search-input-tags{
	display: inline-block;
	vertical-align: middle;
	max-width: 65%;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
.search-input-tags > div{
	float: right;
}
.search-input-tags a.btn,
#current_tags a.btn, 
#asset_tags a.btn,
#share_emails a.btn,
#lightbox_emails a.btn {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	margin: 0 5px 0 0;
}
.search-input-tags a.btn,
#current_tags a.btn, 
#asset_tags a.btn,
#share_emails a.btn,
#lightbox_emails a.btn,
.input-bar button.btn {
	padding: 10px 15px;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
}
#current_tags a.btn,
#asset_tags a.btn, 
#share_emails a.btn,
#lightbox_emails a.btn{
	margin-bottom: 5px;
}
#asset_tags a.tags_link .icon{
	margin-right: 0;
}

.search-wrap{
	position: relative;
	padding-right: 56px;
	height: 60px;
	display: block;
	width: 100%;
	align-self: stretch;
	justify-content: center;
	background: #ffffff;
	border-left: 1px solid #cdcccc;
}
.search-wrap .search-btn{
	height: 62px;
    width: 60px;
    padding: 15px 20px;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -1px;
    margin-right: -5px;
    border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.search-wrap ::-webkit-input-placeholder {
  color: #cdcccc;
}
.search-wrap ::-moz-placeholder {
  color: #cdcccc;
}
.search-wrap :-ms-input-placeholder {
  color: #cdcccc;
}
.search-wrap :-moz-placeholder {
  color: #cdcccc;
}

/** filter search **/
.search-wrap .dropdown-menu{
	width: 440px;
	padding: 40px 30px 80px;
	border-radius: 0;
	border: none;
	margin-top: 1px;
}
.search-wrap .dropdown-menu .btn{
    margin-bottom: 5px;
    border-radius: 20px;
    padding: 5px 15px;
    border-width: 2px;
    color: inherit;
}
.search-wrap .dropdown-menu .nav-item:not(:last-child){
	margin-bottom: 60px;
}
.search-wrap .date-label, .date-label{
	width: 60px;
	text-align: left;
	padding-top: 10px;
}
.search-wrap .date-input, .date-input{
	position: relative;
	margin-bottom: 15px;
}
.search-wrap .date-input input, .date-input input{
	padding: 5px 30px 5px 5px;
	margin-bottom: 0;
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #d7d5d5;
}
.search-wrap .date-input .icon, .date-input .icon{
	height: 20px;
	width: 20px;
	position: absolute;
	right: 5px;
	top: calc(50% - 10px);
}
.search-wrap .filter-radio{
	display: inline-block;
	font-weight: normal;
	color: inherit;
	margin-bottom: 0;
}
.search-wrap .filter-radio input[type="radio"]{
	position: absolute;
  	visibility: hidden;
}
.search-wrap .filter-radio .filter-btn{
	display: block;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.2px;

	margin-bottom: 5px;
    border-radius: 20px;
    padding: 5px 15px;
    border-width: 2px;
    border-style: solid;
    color: inherit;

	background-color: transparent!important;
	border-color: #d7d5d5!important;
	color: inherit;!important;
}
.search-wrap .filter-radio input[type="radio"]:checked ~ .filter-btn{
	background-color: #d7d5d5!important;
	border-color: #d7d5d5!important;
	color: #585858!important;
}

.search-params > a .icon{
	width: 10px;
    height: 10px;
    margin-right: 5px;
}
.search-params > a{
	margin-top: 10px;
}
.search-params > a:not(:last-child){
	margin-right: 15px;
}

/*asset nav*/
.asset_nav_wrap{
	overflow: hidden;
	position: relative;
	height: 0;
	transition: height 0.2s ease-in-out;
}
.asset_nav_wrap.active{
	height: 100px;
	border-bottom: 1px solid #cdcccc;
}
.asset_nav.fixed{
	position: fixed;
}
.asset_nav{
	position: absolute;
	background: #e5e4e4;
	width: 100%;
	left: 0;
	right: 0;
	transition: top 0.2s ease-in-out;
	top: -80px;
	z-index: 5;
}
.asset_nav_wrap.active .asset_nav{
	top: 0;
}
.asset_navigation{
	padding-top: 20px;
	padding-bottom: 20px;
}
.asset_navigation .btn{
    font-size: 14px;
}

.container{
	/*width: 1080px;*/
}
/*main content*/
#main-content{
	padding-bottom: 100px;
}

#main-content.home > .container,
#main-content.privacy > .container{
	padding-top: 100px;
}

/*ind asset*/
.asset-single{
	padding-top: 50px;
	padding-bottom: 50px;
}
.row-detail{
	padding: 20px 0;
}
.row-detail table{
	width: 100%;
}
.row-detail table > tbody > tr > td{
	padding: 0 10px 10px 10px;
}
.row-detail table > tbody > tr > td:first-of-type{
	padding-left: 0;
}
.row-detail table > tbody > tr > td:last-of-type{
	padding-right: 0;
}

/*video*/
.video-js-responsive-container.vjs-hd {
    padding-top: 56.25%;
}
.video-js-responsive-container.vjs-sd {
    padding-top: 75%;
}
.video-js-responsive-container {
    width: 100%;
    position: relative;
}
.video-js-responsive-container .video-js {
    height: 100% !important; 
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}
.video-js .vjs-big-play-button{
	width: 240px;
	height: 180px;
	background-image: url(../assets/img/video-icon.png);
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	right: 0;
	left: 0;
	top: 50%;
	margin-top: -90px;
	outline: none;
	border: none;
	box-shadow: none; 
	opacity: 0.8;
}
.video-js .vjs-big-play-button:hover,
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button{
	background-color: transparent;
	opacity: 1;
}
.video-js .vjs-big-play-button span{
	display: none;
}

/*asset_navigation*/
.asset_breadcrumb,
.lightbox_intro,
.similar_intro,
.upload_intro,
.location_intro{
	padding-top: 50px;
}
.asset_breadcrumb,
.similar_intro,
.location_intro{
	padding-bottom: 50px;
}
.asset_breadcrumb .page-breadcrumb{
	display: none;
}
.asset_breadcrumb.active .page-breadcrumb{
	display: block;
}
.asset_breadcrumb .page-displays > *:not(:last-child),
.asset_breadcrumb .folder-displays > *:not(:last-child),
.asset_breadcrumb .show-map > *:not(:last-child){
	padding-right: 15px;
	margin-right: 15px;
}
.asset_breadcrumb .page-displays .icon,
.asset_breadcrumb .folder-displays .icon,
.asset_breadcrumb .show-map .icon{
	height:25px;
	width: 25px;
	margin-right: 8px;
}
.asset_breadcrumb .show-map > *:not(:last-child){
	border-right: 1px solid #cdcccc;
}

.asset_breadcrumb h2,
.asset_breadcrumb h3,
.asset_breadcrumb h4,
.similar_intro h2,
.similar_intro h3,
.similar_intro h4,
.upload_intro h2,
.upload_intro h3,
.upload_intro h4{
	margin-bottom: 0;
}

.asset_breadcrumb .page-breadcrumb li{
	border-right: 1px solid #67d3ba;
}
.asset_breadcrumb .page-breadcrumb li:last-child{
	border-right: none;
}
.asset_breadcrumb .page-breadcrumb li::after{
	display: none;
}
.asset_breadcrumb .page-breadcrumb li{
	padding-left: 15px;
	padding-right: 15px;
}
.asset_breadcrumb .page-breadcrumb li:first-child{
	padding-left: 0;
}
.asset_breadcrumb .page-breadcrumb li:last-child{
	padding-right: 0;
}
.asset_breadcrumb .page-breadcrumb li a{
	text-decoration: none;
}
.asset_breadcrumb .page-breadcrumb li a.dropdown-toggle{
	padding-right: 20px;
}

.lightboxes_breadcrumb .icon{
	margin-right: 7px;
}

/*footer*/
footer {
    padding: 20px 0;
    background-color: #ffffff;
	color: #b8b8b8;
	display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
}

footer .logo{
	width: 100%;
	width: 130px;
	height: 35px;
	margin-right: 20px;
	vertical-align: middle;
}
footer ul{
	vertical-align: middle;
}

.arrow{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	background-color: #ffffff;
	height: 60px;
	width: 60px;
	top: 50%;
	margin-top: -30px;
	border-radius: 100%;
	box-shadow: 0 0 11px rgba(65,65,65,0.25);
	transition: opacity 0.2s ease-in-out;
	opacity: 0.8;
}
.arrow:hover{
	opacity: 1;
}
.arrow .icon{
	width: 20px;
	height: 20px;
}
.arrow.backToTop{
    top: auto;
    margin-top: 0;
	bottom: 50px;
	right: 15px;
	opacity: 0;
}
.arrow.backToTop.active{
	opacity: 0.8;
}
.arrow.backToTop.active:hover{
	opacity: 1;
}

.arrow.prev {
    left: 0;
    margin-left: -30px;
    padding-left: 30px;
}
.arrow.prev .icon{
	transform: rotate(-90deg);
}
.arrow.next {
    right: 0;
    margin-right: -30px;
    padding-right: 30px;
}
.arrow.next .icon{
	transform: rotate(90deg);
}

.icon.next-chev{
	transform: rotate(-90deg);
}

.icon.prev-chev{
	transform: rotate(90deg);
}

/*cards*/
.card-body{
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	margin-top: 20px;
}
/*tag form*/

/*share form*/

/**user**/
#storagebar.ui-progressbar.ui-widget.ui-widget-content{
	height: 40px;
	background-color: #f0efef;
}
.storage_wrap, .company_users, .theme_wrap{
	margin-top: 50px;
	margin-bottom: 50px;
}
.company_users li{
	padding-top: 10px;
    padding-bottom: 10px;
    line-height: 28px;
}
.company_users li:nth-child(odd){
	background-color: #f0efef;
}
.company_users li .delete_user{
	font-size: 28px;
}
#ms_adduser .user_role{
	margin-bottom: 30px;
}
#ms_adduser .user_role li input[type="radio"]{
	position: absolute;
  	visibility: hidden;
}
#ms_adduser .user_role li .check{
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	border-radius: 100%;
	border:1px solid #67d3ba;
	position: relative;
	margin-right: 10px;
}
#ms_adduser .user_role li .check:before{
	content: '';
	display: block;
	background: transparent;
	height: 14px;
    width: 14px;
    top: 1px;
    left: 1px;
	border-radius: 100%;
	position: absolute;
}
#ms_adduser .user_role li input[type="radio"]:checked ~ .check:before{
	background: #67d3ba;
}
#ms_adduser .user_role{
	display: flex;
	align-items: stretch;
	padding: 1px;
}
#ms_adduser .user_role li{
	width: 33.33%;
}
#ms_adduser .user_role li label{
	color: #1c3374;
	margin-bottom: 0;
}
#ms_adduser .user_role li .role_select{
	color: #b8b8b8;
	border: 1px solid;
	border-color: #8E9398;
	font-size: inherit;
	line-height: 40px;
	letter-spacing: inherit;
	font-weight: inherit;
	padding: 10px 10px;
	background-color: #ffffff;
	margin-bottom: 20px;
	margin-left: -1px;
	margin-right: -1px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ms_adduser .user_role li:first-child .role_select{
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
#ms_adduser .user_role li:last-child .role_select {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.header_wrap{
	font-size: 16px;
	padding: 20px 15px;
}
.header_wrap .selectors{
	margin-bottom: 10px;
}
.header_wrap .dropzone-logo,
.download_bg .dropzone-bg{
	display: inline-block;
	border:2px dashed rgba(225,225,225,0.5);
	padding: 10px;
}
.header_wrap .dropzone-logo.active,
.download_bg .dropzone-bg.active{
}
.header_wrap .dropzone-logo .alert,
.download_bg .dropzone-bg .alert{
	margin-bottom: 0;
}
.download_bg{
	padding: 15px;
	margin-bottom: 20px;
}
.download_bg .dropzone-bg{
	display: block;
	height: 300px;
}

.download_wrap{
	overflow: auto;
	height: 290px;
	margin: 20px 0;
}

.download_wrap::-webkit-scrollbar {
  width: 10px;
}
 
.download_wrap::-webkit-scrollbar-track {
  background: #f0efef;
}
 
.download_wrap::-webkit-scrollbar-thumb {
  background-color: #67d3ba;
  outline: none;
}

.download_wrap .download_share{
	word-break: break-all;
}

.downlaod_message_wrap{
	overflow: hidden;
	height: 90px;
	transition: height 0.2s ease-in-out;
	position: relative;
}
.downlaod_message{
	padding-bottom: 30px;
}
.downlaod_message_link:before{
	content: '+';
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	font-size: 22px;
}
.downlaod_message_wrap.open .downlaod_message_link:before{
	content: '-';
}
.downlaod_message_link{
	position: absolute;
	bottom: 0;
	background: #ffffff;
	width: 100%;
}
a.downlaod_message_link, a.downlaod_message_link:hover, a.downlaod_message_link:focus, .downlaod_message_link span{
	line-height: 22px;
	color: #67d3ba;
	text-decoration: underline;
}
.downlaod_message_wrap .downlaod_message_link span.less,
.downlaod_message_wrap.open .downlaod_message_link span.more{
	display: none;
}
.downlaod_message_wrap .downlaod_message_link span.more,
.downlaod_message_wrap.open .downlaod_message_link span.less{
	display: inline-block;
}

.download-large{
	border-right: 1px solid #ffffff;
}
.download-list{
	margin-bottom: 0;
}
.download-list{
	color: #585858;
}
.download-list li{
	padding: 10px 30px; 
	border-bottom: 1px solid #8E9398;
}
.download-list li:first-child{
	border-top: 1px solid #8E9398;
}
.download-list li a,
.download-list li a:hover{
	color: inherit;
}
.download-list li .download-icon{
	width: 40px;
}


/**dropzone*/
#assetsUpload, .mighty_dropzone{
	border: 3px dashed #cdcccc;
	border-radius: 4px;
	padding: 60px 40px;
	transition: border-color 0.2s ease-in-out;
	cursor: pointer;
}
#assetsUpload > .col-wrap,
.mighty_dropzone > .col-wrap{
	/*position: relative;
	z-index: -1;*/
}
#assetsUpload .dz-message, 
.mighty_dropzone .dz-message{
	margin: 0;
}
#assetsUpload.dz-drag-hover,
.mighty_dropzone.dz-drag-hover{
	border-color: #67d3ba;
}
#assetsUpload a:not(.btn),
.mighty_dropzone a:not(.btn){
	text-decoration: underline;
}
#assetsProgress{
	border-radius: 4px;
	padding: 60px 40px;
	background-color: #ffffff;
}
#assetsProgress .ui-progressbar.ui-widget.ui-widget-content{
	height: 60px;
	margin-bottom: 20px;
	background-color: #e5e4e4;
}
#assetsProgress .ui-progressbar-value{
	color: #ffffff;
	font-size: 20px;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 60px;
	font-weight: 400;
}

/** asset view map **/
.asset-location{
	display: flex;
	align-items: stretch;
	align-content: space-between;
}
.asset-holder{
	width: calc(100% - 140px);
	padding-left: 10px;
}
.asset-thumbnails{
	width: 140px;
	border: 1px solid #acacac;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.asset-thumbnails-wrap{
	height: 100%;
	width: 100%;
	position: absolute;
}
.asset-thumbnails-nav{
	padding: 5px;
	text-align: center;
	background: #d3d1d1;
}
.asset-thumbnails-nav.nav-prev .icon{
	transform: rotate(-180deg);
}
.asset-thumbnails-inner{
	overflow: auto;
	padding: 20px 0;
	height: calc(100% - 50px);
}
.asset-thumbnail{
	padding: 0 10px;
	font-weight: 400;
	word-break: break-all;
	display: block;
}
.asset-thumbnail:hover{
	text-decoration: underline;
}
.asset-thumbnail.current .img-wrap{
	position: relative;
}
.asset-thumbnail .img-wrap{
	margin-bottom: 10px;
}
.asset-thumbnail.current .img-wrap:before{
	content: '';
	background: rgb(112, 200, 180);
	opacity: 0.8;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}
.asset-thumbnail.current .img-wrap:after{
	content: '';
	background: url(../img/tick.png) center center no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3;
}
.asset-thumbnail:not(:last-child){
	margin-bottom: 10px;
}

.asset-location:not(.active) .asset-holder{
	width: 100%;
	padding: 0;
}
.asset-location:not(.active) .asset-thumbnails,
.asset-location:not(.active) .map-holder-sm{
	display: none;
}

/** map **/
#map {
	height: 100%;
}

.map-holder{
	height: 70vh;
	min-height: 400px;
}
.map-holder-sm{
	height: 30vh;
	min-height: 310px;
	margin-top: 10px;
}
.gm-style .gm-style-iw-c{
	overflow: visible;
	padding: 5px !important;
}
.gm-style .gm-style-iw-t::after{
	height: 25px;
	width: 25px;
}
.gm-style .gm-style-iw-d{
	overflow: auto !important;
}
.info-link{
	position: absolute;
	z-index: 9999;
	top: -10px;
	right: -10px;
	padding: 5px 10px;
	line-height: 18px;
	font-weight: 700 !important;
}

@media only screen and (max-width:767px){
	
	footer .page-breadcrumb{
		margin-bottom: 10px;
		text-align: center;
	}

}

#menu-menu-1 li {
	color: #000;
	padding: 5px;
}
#menu-menu-1 li a {
	color: #385360;
	font-weight: 600;
	padding: 0 20px;
}



/* New Layout CSS Start */

.dashboard-pay table thead tr th{
	font-size: 10px;
}
.dashboard-pay table tr td,
.dashboard-pay table tr th{
	vertical-align: middle;
}
.woocommerce .dashboard-pay table.shop_table tbody tr td,
.woocommerce .dashboard-pay table.shop_table tbody tr th{
	padding: 10px;
}
.dashboard-pay table tr td,
.dashboard-pay table tr th,
.dashboard-pay table tr td a,
.dashboard-pay table tr th a{
	font-size: 12px;
}
.next-payment{
	margin-bottom: 50px;
}
.next-payment table.table{
	margin-bottom: 0;
	border: 1px solid #8E9398;
}
.next-payment table.table thead tr th{
	border-bottom: 0;
	text-transform: uppercase;
	font-size: 10px;
	vertical-align: middle;
}
.next-payment table.table tbody tr td{
	vertical-align: middle;
}
.next-payment table.table tbody tr td.manage-btn{
	font-size: 12px;
}
.next-payment table.table tbody tr td .payment-id{
	
	font-weight: 700;
}
.manage-btn{
	letter-spacing: 0.2px;
    border-radius: 4px;
    padding: 10px 15px;
    /* font-weight: 700; */
    font-size: 12px;
    line-height: 15px;
    border: 1px solid;
    background-color: transparent;
    border-color: #1c3374;
    color: #1c3374;
    margin: 0;
	display: inline-block;
}
.manage-btn:hover,
.manage-btn:focus{
    color: #1c3374;
}

.invoice-history{
	margin-bottom: 50px;
}
.woocommerce table.shop_table.my_account_orders .button{
	font-weight: 700;
}


.payment-method{
	margin-bottom: 50px;
}
.payment-method table{
	border-collapse: separate;
	border-spacing: 0;
}
.payment-method table td{
	background-color: #f5f5f5;
}
.payment-method table td,
.payment-method table th{
	border-bottom: 5px solid #ffffff;
	border-top: 0;
}
.payment-method thead th{
    text-transform: uppercase;
    font-weight: 700;
    line-height: inherit;
    padding: 0 5px;
    padding-bottom: 5px;
	border: none;
}
.payment-icon img,
.payment-icon svg{
	max-width: 50px;
}
.payment-method-btn{
	text-align: right;
}
.delete-btn{
	padding-left: 10px;
}
.delete-btn img,
.delete-btn svg{
	width: 15px;
}

.billing-address{
	margin-bottom: 50px;
}
.billing-address h2{
	margin-bottom: 15px;
}
.billing-address-copy{
	max-width: 54%;
	margin-bottom: 15px;
}
.billing-address-copy p{
	margin-bottom: 0;
}
.billing-address .manage-btn{
	padding: 10px 35px;
}



.brand-spaces{
	margin-bottom: 40px;
}
.brand-spaces h2{
	margin-bottom: 10px;
}
.brand-spaces h6{
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.member-brand-spaces{
	border: 1px solid #8E9398;
	border-radius: 8px;
	padding: 15px 20px;
}
.member-brand-spaces h4{
	font-size: 18px;
	font-weight: 500;
	color: #1c3374;
	letter-spacing: 1px;
}
.member-brand-logo ul{
	margin: 0 0 10px;
	padding: 0;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.member-brand-logo ul li{
	width: 95px;
	height: 95px;
	margin-right: 10px;
	border: 1px solid #8E9398;
	border-radius: 10px;
	list-style: none;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.member-brand-logo ul li img{
	max-width: 100%;
	max-height: 100%;
}
.member-brand-btn{
	color: #1c3374;
	text-decoration: underline;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
}
.member-brand-btn:hover,
.member-brand-btn:focus{
	color: #1c3374;
	text-decoration: underline;
}
.yourdetails-seperator.woocommerce-seperator{
	padding: 12px 0;
}
.yourdetails-seperator.woocommerce-seperator::before{
	display: none;
}

.woocommerce form.your-detail .savebtn{
	margin-top: 20px !important;
}

.woocommerce form.password-details .password-input{
	width: 100%;
}
.woocommerce form.password-details .form-row:last-child{
	margin-bottom: 20px !important;
}
.forgot-pass{
	margin-top: 10px;
	text-decoration: underline;
	margin-left: auto;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
}
.forgot-pass:hover,
.forgot-pass:focus{
	text-decoration: underline;
}

.manage-lionhouse-title{
	margin-bottom: 40px;
}
.manage-lionhouse-title h2{
	margin-bottom: 10px;
}
.manage-lionhouse-title h4{
	color: #1c3374;
}
.manage-lionhouse .user-label strong{
	text-transform: uppercase;
}
.manage-lionhouse-username{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #1c3374;
}
.woocommerce .manage-lionhouse #users li{
	margin-bottom: 8px;
}
.woocommerce .manage-lionhouse ul li{
	background-color: #FFFFFF !important;
}
.woocommerce .manage-lionhouse ul li .manage-lionhouse-action{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.contact-account-btn{
	margin-top: 10px;
}
.contact-account-btn a{
	font-size: 13px;
	font-weight: 700;
	color: #1c3374;
	text-decoration: underline;
}
.contact-account-btn a:hover,
.contact-account-btn a:focus{
	color: #1c3374;
	text-decoration: underline;
}
.your-account-title{
	margin-bottom: 15px !important;
}
.your-account-plan,
.your-account-storage{
	margin-bottom: 20px;
}
.your-account-plan > span,
.your-account-storage > span{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	margin-bottom: 10px;
	display: inline-block;
}
.your-account-plan-box,
.your-account-storage-box{
	border: 1px solid #8E9398;
    border-radius: 8px;
    padding: 15px 20px;
}
.your-account-plan-box h2{
	margin-bottom: 10px;
}
.your-account-plan-box a.your-account-plan-btn{
	background-color: #1c3374;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 400;
	border-radius: 30px;
	padding: 10px 30px;
	letter-spacing: 2px;
	display: inline-block;
}

.your-account-team{
	margin-bottom: 20px;
}
.your-account-team > span{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	margin-bottom: 10px;
	display: inline-block;
}
.your-account-team-box{
	border: 1px solid #8E9398;
    border-radius: 8px;
    padding: 15px 20px;
	display: flex;
	align-items: center;
	justify-content: start;
	margin-bottom: 10px;
}
.your-account-team-logo{
	width: 50px;
	height: 50px;
	border: 1px solid #8E9398;
    border-radius: 10px;
}
.your-account-team-copy{
	padding-left: 10px;
}
.your-account-team-copy h5{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px;
	text-transform: unset;
	letter-spacing: 0.3px;
}
.your-account-team-copy a{
	font-size: 12px;
	font-weight: 600;
	text-decoration: underline;
	color: #1c3374;
	letter-spacing: 0;
}


.your-account-storage-box h3{
	font-size: 22px;
	font-weight: 400;
	color: #1c3374;
}
.your-account-storage-box .storage-bar-wrap{
	height: 44px;
	background-color: #FFFFFF;
	border: 1px solid #70c8b4;
}
.your-account-storage-box .storage-bar-wrap .progress-bar{
	height: 100%;
}


.your-profile form .form-group{
	margin-bottom: 50px;
}
.your-profile form .form-group input{
	margin-bottom: 0;
}
.woocommerce .your-profile form .form-group .image-wrap{
	margin-bottom: 0;
}


.woocommerce .account-storage .account-storage-bar,
.woocommerce #mbs #bsStorageDist .storage-dist-bar{
    padding: 20px;
}
.brand-spaces-list{
	margin-top: 35px;
}
#list-company.brand-spaces-list li .tag-primary-brand{
	border-radius: 4px 0 4px 0;
	text-transform: uppercase;
	font-size: 10px;
	padding: 5px 8px 3px 8px;
}
#list-company.brand-spaces-list li .primary-b-con,
#list-company.brand-spaces-list li .b-con{
	border-radius: 4px;
}
#list-company.brand-spaces-list .mkdeletepostion{
	position: absolute;
    right: -25px;
    top: calc(50% - 11px);
}


.request-modal .modal-dialog{
	max-width: 575px;
}
.request-modal .modal-header{
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	text-align: left;
}
.request-modal .modal-header .modal-title{
	margin-bottom: 10px;
	text-align: left !important;
}
.request-modal .modal-header p{
	margin-bottom: 0;
	text-align: left;
	width: 100%;
	color: #737474;
}
.request-modal .modal-body form .form-group textarea{
	resize: none;
	border: 2px solid #8E9398;
	font-size: 14px;
	margin-bottom: 0;
}
.request-modal .modal-body form .form-group{
	margin-bottom: 10px;
}
.request-modal .modal-body form .form-group .btn{
	width: 100%;
	min-width: unset;
}
.request-modal .mddal-admin{
	border-top: 1px solid #8E9398;
	margin-top: 30px;
	padding-top: 20px;
}
.request-modal .mddal-admin-title{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 8px;
	margin-bottom: 10px;
}
.request-modal .mddal-admin-title svg,
.request-modal .mddal-admin-title img{
	width: 12px;
}
.request-modal .mddal-admin-title span{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}
.request-modal .mddal-admin p{
	font-size: 14px;
	margin-bottom: 0;
}




.manage-billing-btn{
	display: block;
	width: max-content;
	text-decoration: underline;
	font-size: 12px;
    font-weight: 600;
    color: #1c3374;
    letter-spacing: 0;
	margin-top: 10px;
}
.manage-billing-btn:hover,
.manage-billing-btn:focus{
	text-decoration: underline;
    color: #1c3374;
}
.your-account-brand-spaces{
	margin-bottom: 20px;
}
.brand-spacestitle{
	text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}
.your-account-brand-box{
	border: 1px solid #8E9398;
    border-radius: 8px;
    padding: 15px 20px;
}
.your-account-brand-box h3 {
    font-size: 22px;
    font-weight: 400;
    color: #1c3374;
	margin-bottom: 10px;
}
.your-brand-spaces-listing{
	display: flex;
	flex-direction: column;
}
.your-brand-spaces-box{
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 10px;
}
.your-brand-spaces-icon{
	position: relative;
	max-width: 100px;
	max-height: 100px;
	height: 100%;
	width: 100%;
	border: 1px solid #70c8b4;
	border-radius: 10px;
	padding: 6px;
	overflow: hidden;
}
.your-brand-spaces-icon img{
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.your-account-brand-spaces .your-brand-spaces-label{
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom: 0;
	background-color: #70c8b4;
	color: #FFFFFF;
	padding: 2px 8px 2px 8px;
	font-size: 8px;
	font-weight: 500;
	text-transform: uppercase;
}
.your-brand-spaces-copy {
    width: 100%;
}
.your-brand-spaces-copy h5{
	font-size: 14px;
    font-weight: 500;
    color: #1c3374;
	margin-bottom: 4px;
}
.your-brand-spaces-copy .storage-bar-wrap{
	height: 22px;
    background-color: #FFFFFF;
    border: 1px solid #70c8b4;
	width: 100%;
}
.your-brand-spaces-copy .storage-bar-wrap .progress-bar{
	height: 100%;
}
.your-brand-spaces-copy .manage-billing-btn{
    margin-top: 6px;
}
.your-account-brand-spaces-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	padding: 12px 30px;
	border: 1px solid #1c3374;
	border-radius: 5px;
	color: #1c3374;
	background-color: #FFFFFF;
	gap: 10px;
	font-size: 12px;
	/* font-weight: 600; */
	margin-top: 10px;
}
.your-account-brand-spaces-btn:hover,
.your-account-brand-spaces-btn:focus{
	color: #1c3374;
}
.your-account-brand-spaces-btn .brand-text-plus{}
.your-account-brand-spaces-btn .brand-plus {
    font-size: 27px;
    line-height: 20px;
    background-color: #EEEEF0;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    /* font-weight: 400; */
}


.your-account-team-multi{
	margin-bottom: 20px;
}
.your-account-team-multi > span{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	margin-bottom: 10px;
	display: inline-block;
}
.your-account-team-multi-box{
	border: 1px solid #8E9398;
    border-radius: 8px;
    padding: 15px 20px;
	margin-bottom: 10px;
}
.your-team-multi-box{
	display: flex;
    align-items: center;
    justify-content: start;
	margin-bottom: 15px;
}
.your-account-team-multi-box h3 {
    font-size: 22px;
    font-weight: 400;
    color: #1c3374;
    margin-bottom: 20px;
}
.your-account-team-multi-logo{
	width: 50px;
	height: 50px;
	border: 1px solid #8E9398;
    border-radius: 10px;
}
.your-account-team-multi-copy{
	padding-left: 10px;
}
.your-account-team-multi-copy h5{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 4px;
	text-transform: unset;
	letter-spacing: 0.3px;
}
.your-account-team-multi-copy a{
	font-size: 12px;
	font-weight: 600;
	text-decoration: underline;
	color: #1c3374;
	letter-spacing: 0;
}


.team-user{
	margin-top: 20px;
}
.team-user-admin{
	margin-bottom: 50px;
}
.team-user-box{
	border: 1px solid #C7C7C7;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 10px;
	background-color: #F8F8F8;
	display: flex;
	justify-content: space-between;
}
.team-user-box-name{
	display: flex;
	flex-direction: column;
	align-items: start;
    justify-content: center;
}
.team-user-box-name h5{
	font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #1c3374;
	letter-spacing: 0;
	text-transform: capitalize;
}
.team-user-box-name p{
	margin-bottom: 0;
}
.team-user-box-img ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 8px;
}
.team-user-box-img ul li{
	width: 50px;
	height: 50px;
	border: 1px solid #C7C7C7;
	border-radius: 8px;
	overflow: hidden;
}

.team-user-admin-multi.team-user-admin{
	margin-bottom: 10px;
}
.team-user-admin-multi .team-user-box{
	margin-bottom: 6px;
}
.team-user-admin-multi .team-user-box-img ul li.team-user-remove{
	width: auto;
	height: auto;
	background-color: transparent;
	border: none;
	border-radius: 0;
	overflow: unset;
}

.team-btn-box{
	border: 1px solid #C7C7C7;
    border-radius: 8px;
    padding: 20px 20px 25px;
}
.team-btn-box .btn{
	font-size: 13px;
	font-weight: 600;
	padding: 6px 15px;
}
#add_payment_method .payment_method_stripe{
	background: transparent !important;
	padding: 0px !important;
}
#add_payment_method .payment_methods > li > label{
	margin-left: 0 !important;
	vertical-align: middle;
}
#add_payment_method #payment ul.payment_methods li input.input-checkbox{
	width: 20px !important;
}
#add_payment_method #payment ul.payment_methods li input.input-radio{
	width: 20px !important;
	vertical-align: middle;
}
#add_payment_method .form-row .optional{
	display: none;
}
/* New Layout CSS End */


/* popup start */
.chatbord {
    position: fixed;
    bottom: 15px;
    right: 30px;
    max-height: calc(100% - 30px);
    /* display: flex;
    align-items: end; */
    z-index: 999;
}

.chatbord-inner {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 12px;
}

.chat-btn {
    background-color: #2a3b7d;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    min-height: 56px;
    height: 56px;
    min-width: 56px;
    width: 56px;
}
.chat-btn:hover,
.chat-btn:focus{
	outline: none;
}

.chat-btn #ic_bubble {
    visibility: visible;
    height: 28px;
    width: 28px;
}

.chat-btn.chat-btn-close #ic_bubble {
    visibility: hidden;
    height: 0;
    width: 0;
}

.chat-btn #ic_close {
    visibility: hidden;
    height: 0;
    width: 0;
}

.chat-btn.chat-btn-close #ic_close {
    visibility: visible;
    height: 28px;
    width: 28px;
}

.chatbord-tabs {
    background-color: #FFFFFF;
    border-radius: 12px;
    box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 18px 0px;
    overflow: hidden;
    display: none;
    min-width: 372px;
    max-width: 372px;
    width: 100%;
}

.chattab-content {
    display: none;
}

.chattab-content.current {
    display: inherit;
}

#chattab-2 {
    /* padding: 20px; */
}

.chatbord-nav ul {
    display: flex;
    gap: 4px;
    padding: 12px 20px;
}

.chatbord-nav ul li {
    width: 50%;
    list-style-type: none;
}

.chattab-btn {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: rgba(39, 54, 115, 0.6);
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    width: 100%;
}

.chattab-btn svg path {
    fill: rgba(39, 54, 115, 0.6);
    transition: all 0.5s ease-in-out;
}

.chattab-link.current .chattab-btn {
    color: #2a3b7d;
}

.chattab-link.current .chattab-btn svg path {
    fill: #2a3b7d;
}

.chattab-btn:hover,
.chattab-btn:focus {
    color: #2a3b7d;
	outline: none;
}

.chattab-btn:hover svg path {
    fill: #2a3b7d;
}

.chattab-top {
    background-color: #2a3b7d;
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 20px 20px 48px;
}

.chatbord-copy {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 14px;
    line-height: 20px;
}

.chatbord-heading {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.chattab-listing {
    display: flex;
    flex-direction: column;
    margin: -30px 0 0;
    padding: 0 20px;
}

.chattab-listing ul {
    background-color: #FFFFFF;
    border: 1px solid rgba(42, 59, 125, 0.2);
    border-radius: 12px;
    margin: 0 0 10px;
    overflow: hidden;
}

.chattab-listing-btn {
	border-top: 1px solid transparent;
    color: #363636;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
	margin: -1px 0 0 0;
    padding: 14px 16px;
    position: relative;
    transition: all 0.5s ease-in-out;
    text-decoration: none !important;
    width: 100%;
}

.chattab-listing-btn:hover {
	background-color: #EBF5F3;
	border-top-color: rgba(42, 59, 125, 0.2);
    color: #363636;
}

.chattab-listing-btn::after {
    background-color: rgba(42, 59, 125, 0.2);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
	transition: all 0.5s ease-in-out;
    width: calc(100% - 32px);
}
.chattab-listing-btn:hover::after{
	width: 100%;
}

li:last-child .chattab-listing-btn:after {
    display: none;
}

.chatnow-btn {
    background-color: #FFFFFF;
    border: 1px solid rgba(42, 59, 125, 0.2);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 16px;
    transition: all 0.5s ease-in-out;
    width: 100%;
}

.chatnow-btn:hover {
    background-color: #EBF5F3;
}

.chatnow-btn>svg {
    height: 30px;
    width: 30px;
}

.chatnow-btn-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

.chatnow-btn-name {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.chatnow-btn-reply {
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

@media only screen and (max-width: 425px) {
    .chatbord {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .chatbord-tabs {
        min-width: 100%;
        max-width: 100%;
    }

    .chat-btn {
        margin: 0 10px 10px auto;
    }
}

/* Chat bot popup */