.relative-wrap{ position:relative; }

.form-group{
	height:auto;
	background:none;
	border:0;
	border-radius:0;
}

.field-inline-block {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px; 
}

form.delete-inline-text button{
	background: none;
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #78909c;
	position: absolute;
	right: 0;
	bottom: 8px;
	border: none;
}

form.delete-inline-text button:hover{
	color: #888;
	background: none;
}

.card-item{
	height:100%;
}

input.input-date[type="date"], input.input-time[type="time"]{
    height: 40px;
    width: 100%;
    font-size: 14px;
    line-height:2rem;
    font-weight:400;
    box-sizing: border-box;
    padding: 10px 20px 0px 20px;
    padding: 5px 10px;
    border: none;
    border: 1px solid rgb(217, 217, 214);
    border-radius:8px;
    outline: none;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow:none !important;
}

/*----------------------------------- 
        Sidebar
------------------------------------*/
#sidebar{
	z-index:221;
	width:240px;
	height:100%;
	position:fixed;
	left:-240px;
	top:0;
	overflow:hidden;
	-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition:-webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#sidebar.open{
  -webkit-transform:translateX(240px);
  -ms-transform:translateX(240px);
  transform:translateX(240px);
}

#sidebar .navpanel{
	width:100%;
	height:100%;
	background:#31373d;
	position:absolute;
	left:0;
	top:0;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

#sidebar-logo{
	text-align:center;
	padding:10px 0;
	border-bottom:1px solid #212529;
	margin-bottom:15px;
	height:70px;
}

#sidebar-logo svg{
	width:auto;
	height:50px;
}

#sidebar ol{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
}

#sidebar ol li{
	min-height:36px;
	display:block;
	margin-bottom:0;
}

#sidebar ol li a{
	font-size:14px;
	font-weight:300;
	padding:0 10px 0 20px;
	color:#d3dbe2;
	height:36px;
	display:flex;
	align-items:center;
	background-color:transparent;
	line-height:normal;
	letter-spacing:0.05em;
}

#sidebar ol li a i{
	width:15px;
}

#sidebar ol li a span{
	margin-left:12px;
	flex-basis:0%;
	flex-grow:1;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#sidebar ol li a em{
	position: absolute;
	right:10px;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	font-size: 11px;
	border-radius: 10px;
	background: red;
	font-style: normal;
}

#sidebar ol li a:hover{
	color:#fff;
	text-decoration:none;
}

#sidebar ol li a.active{
	color:#fff;
	background-color:#454e57;
}

#sidebar ol li a.btn{
	margin:0 10px 0 20px;
	padding:0;
	text-align:center;
	height:48px;
	line-height:48px;
	background:#40ae49;
	color:#fff;
	text-transform: none;
	display:block;
}

.sidebar-bar{
	margin:20px 10px 20px 20px;
	height:3px;
	background:rgba(0,0,0,0.14);
}

#sidebar .navpanel li.border-top{
	border-color:#212529;
}


/*----------------------------------- 
        Sidebar Desktop Setup
------------------------------------*/
@media (min-width: 769px) {
	body.logged-in{
		padding-left:240px;
	}

	#sidebar{
		left:0;
	}

	#menu-close{
		display:none;
	}
}

/*----------------------------------- 
        Sidebar Desktop Setup - Alternative
------------------------------------*/
@media (min-width: 769px) {
	body.logged-in.desktop-hidemenu{
		padding-left:0;
	}

	.desktop-hidemenu #sidebar{
		left:-240px;
	}

	.desktop-hidemenu #menu-close{
		display:block;
	}
}


/*----------------------------------- 
        Login
------------------------------------*/
#login-logo{
	margin-bottom:20px;
}

#login-logo svg{
	max-width:150px;
	height:auto;
}

#login-logo .a, #login-logo .b{
	fill: #aebcc7 !important;
}

#login .intro{
	font-weight: 400;
}

.login-form{
	max-width:340px;
	margin:0 auto;
}

.login-formbox{
	border-radius:8px;
	box-shadow:0 0 2px rgba(49,55,61,0.2);
	color:#95a7b7;
}

.login-form .form-group{
	margin:0;
}

.login-form input{
	padding:24px 24px 24px 70px;
	color:#31373d;
	font-size:18px;
	border:none;
	border-bottom:1px solid #e5e5e5;
	outline:none;
	width:100%;
	height:100%;
	box-shadow:none !important;
}

.login-form .form-group:first-of-type input{
	border-radius:8px 8px 0 0;
}

.login-form input:focus{
	background:#fafcfc;
	border-color:#e5e5e5;
}

.login-form i{
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:30px;
	display:inline-block;
	width:20px;
	height:20px;
}

.login-form .btn{
	width:100%;
	border-radius:0 0 8px 8px;
	padding:24px;
	height:auto;
	line-height:18px;
	font-size:18px;
}

#login .small a{
	color:#8f8f87;
	font-size: 0.85em;
}

#login .small a:hover{
	color:#101820;
	text-decoration: none;
}

.login-form label.invalid{ display:none !important; }
.login-form input.invalid ~ i { color:#CC3333; }

/*----------------------------------- 
       Avatar Initials
------------------------------------*/
.avatar-initials{
	display:block;
	width:40px;
	height:40px;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	font-weight:500;
	line-height:40px;
	text-align:center;
}


/*----------------------------------- 
       Admin Headers
------------------------------------*/
.admin-wrap header{
	margin-bottom:30px;
}

.admin-wrap img{
	max-width:100%;
	height:auto;
}


/*----------------------------------- 
       Admin Roll
------------------------------------*/
.roll-item{
	padding:14px 20px;
	border-bottom:2px solid #ebeef0;
}

.roll-items .roll-item:last-of-type{
	border:none;
}

@media (min-width: 763px) {
	.roll-item{
		padding:14px 30px;
	}
}

.roll-item-headers{
	font-size:0.85em;
}

@media (max-width: 762px) {
	.roll-item-headers{
		display:none;
	}
}

.roll-item-avatar{
	width:40px;
	height:40px;
	border-radius:50%;
	overflow:hidden;
	display:none;
	margin-right:20px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-20px;
}

@media (min-width: 763px) {
	.roll-item-avatar{
		display:inline-block;
	}
}

.roll-item a{
	position:relative;
}

/*----------------------------------- 
       User Roll
------------------------------------*/
@media (min-width: 763px) {
	.user-roll .roll-item{
		min-height:68px;
	}

	.user-roll .roll-item.roll-item-headers{
		min-height:0;
	}

	.user-roll span.roll-ufname{
		padding-left:60px;
	}
}



/*----------------------------------- 
       Admin Forms
------------------------------------*/
.form-info{
	color:#707070;
	padding:2em 2em 2em 0;
	font-size:0.85em;
}

.form-info h2{
	font-weight:600;
	font-size:1.1em;
	margin-bottom:2em;
}





/*----------------------------------- 
        Date Switcher
------------------------------------*/
#dateswitcher-wrap{
	position:relative;
}

#dateswitcher-wrap .ui-datepicker-trigger{
	position:absolute;
	right:12px;
	top:12px;
}


/*----------------------------------- 
        Booking Accordion
------------------------------------*/
.btn-book-time, .btn-book-time-disabled{
  display:block;
	height:50px;
	line-height:50px;
	border-radius:4px;
	border:1px solid #666;
	cursor:pointer;
	text-align:center;
	padding:0 15px;
	background:#fff;
  min-width:100px;
  -webkit-transition: all 0.24s cubic-bezier(0.645,  0.045,  0.355,  1);
  -moz-transition: all 0.24s cubic-bezier(0.645,  0.045,  0.355,  1);
  -o-transition: all 0.24s cubic-bezier(0.645,  0.045,  0.355,  1);
  transition: all 0.24s cubic-bezier(0.645,  0.045,  0.355,  1);
}


.btn-book-time:hover{
	background:#eee;
}

.btn-book-time.active{
	background:#00bcb4;
	color:#fff;
}

.btn-book-time-disabled{
	opacity:0.2;
	background:#cb4347;
	border-color:#cb4347;
	color:#fff;
}


/*----------------------------------- 
        Date Range
------------------------------------*/
#daterange{
	position:relative;
}

#daterange img:first-of-type{
	position:absolute;
	left:125px;
}

#daterange img:last-of-type{
	position:absolute;
	left:280px;
}


/*----------------------------------- 
        List Inline
------------------------------------*/
.list-inline{
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.list-inline li{
	margin: 0 5px 5px 0;
}

@media only screen and (min-width: 48em) {
	.list-inline.list-grid{
		display: grid;
		column-gap: 20px;
	}

	.list-inline.list-grid-2{
		grid-template-columns:1fr 1fr;
	}

	.list-inline.list-grid-3{
		grid-template-columns:1fr 1fr 1fr;
	}
}


/*----------------------------------- 
        Basic Tabs
------------------------------------*/
.tabs-basic-body-item{
	display: none;
}

.tabs-basic-body-item.active{
	display: block;
}


/*----------------------------------- 
        Layout - FAQ/Readmore
------------------------------------*/
.readmore-body{
    height:0;
    visibility: hidden;
    overflow:hidden;
    opacity: 0;
    backface-visibility:hidden;
    transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.readmore-btn{
    padding:11px 0 11px 20px;
    cursor:pointer;
    position: relative;
}

.readmore-icons{
    position:absolute;
    width:12px;
    height:12px;
    transform: translateY(-50%);
    left:0;
    top:16px;
    display:block;
}

.readmore-btn .icon{
    width:12px;
    height:12px;
    transition: all 0.1s ease-in;
}

.readmore-btn .icon-minus{
    margin-top:8px;
    display:none;
}

.readmore-active .readmore-body{
    visibility:visible;
    height:auto;
    opacity:1;
    transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.readmore-active .icon-plus{
    display:none;
}

.readmore-active .icon-minus{
    display:block;
}




/*----------------------------------- 
        Item Cards
------------------------------------*/
.item-card{
	border-radius: 8px;
	background: #fff;
	margin-bottom: 10px;
	/*box-shadow:0 2px 4px rgba(0,0,0,0.1);*/
	border: 1px solid #d9d9d6;
	padding-bottom: 10px;
	position: relative;
}

a.item-card{
	display: block; 
	color: #101820;
}

a.item-card:hover{
	text-decoration: none;
	border-color: #86867c;
}

.item-card-header{
	padding: 10px 20px 0;
}

.item-card-body{
	padding: 10px 20px;
}


.item-card h2{
	font-size: 20px;
	font-weight: 600;
}

.item-card h3{
	font-size: 1em;
	font-weight: 500;
}


.item-card ul, .item-card ol{
	list-style: none;
	padding: 0;
}



.item-card-trigger{ cursor:pointer }
.item-card-trigger:hover{ color:#0078bd; cursor:pointer; }

.item-card-accordion .material-icons{ position:absolute; right:15px; top:10px; transition: all 0.3s ease; }
.item-card-accordion.item-card-active .material-icons{ transform: rotate(180deg); }

.item-card-accordion .item-card-body{
	padding: 5px 10px 0px;
	height:0;
	visibility: hidden;
	overflow:hidden;
	opacity: 0;
	backface-visibility:hidden;
	transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.item-card-active .item-card-body{
	padding: 10px 20px;
	visibility:visible;
	height:auto;
	opacity:1;
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.item-card-labeldot{ 
	position:absolute; 
	right: 5px;
	top: 5px;
	line-height: 0;
	display: flex;
}

.item-card-labeldot span{
	width: 5px;
	height: 5px;
	border-radius: 5px;
	margin-left: 2px;
}


.equal-height-cards .item-card{
	height: 100%;
}

.item-card-labeldot span.item-card-labelstatus{
	width: auto;
	height: auto;
	font-size: 10px;
	line-height: 4px;
	margin-right:4px;
	text-transform: capitalize;
}


/*----------------------------------- 
        Clients
------------------------------------*/
.client-letters{
	text-transform: uppercase;
}

.clients-list-item{
	color: rgba(0,0,0,.75);
	border-bottom: 3px solid #d8dee1;
	margin-bottom: 1em;
	padding-bottom: 1em;
	display: block;
}

.item-card .clients-list-item{
	border-bottom: 0;
	padding: 10px;
	margin-bottom: 0;
	background: linear-gradient(to right, #c0c0c0 10%, rgba(186, 186, 186, 0.001) 0%);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-size: 8px 1px;
}

.item-card .clients-list-item:last-of-type{
	background: none;
}


@media (min-width: 48em) {
	.clients-list-item{
		border-bottom: 1px solid #d8dee1;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 0.85em;
	}
}

.clients-list-item:hover{
	color: rgba(0,0,0,1);
	text-decoration: none;
}

.client-list-name{
	font-weight: 400;
}

.booking-album,
.client-notes .client-notes-item,
.client-bookings .client-bookings-item{
	border-bottom: 1px solid #e8e8e6;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.booking-album{
	position: relative;
}

.booking-media .booking-album:last-of-type{
	border: none;
}


.client-notes-content{
	margin-bottom: 3px;
}

.meta-info,
.meta-del-btn{
	font-size: 0.8em;
	color: #bbb;
}

.meta-del-btn{
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 10px;
	cursor: pointer;
}

.meta-del-btn:hover{
	color:#CC3333;
}

.meta-edit-btn{
	color: #bbb;
}

.meta-edit-btn:hover{
	color: #888;
	text-decoration: none;
}

/*----------------------------------- 
        Links List
------------------------------------*/
.links-list-item{
	color: rgba(0,0,0,.75);	
	border-bottom: 0;
	padding: 10px;
	margin-bottom: 0;
	background: linear-gradient(to right, #c0c0c0 10%, rgba(186, 186, 186, 0.001) 0%);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-size: 8px 1px;
}

.links-list-item a{
	color: rgba(0,0,0,.75);	
}

.links-list-item a:hover{
	color: rgba(0,0,0,1);	
	text-decoration: none;
}

.links-list .links-list-item:last-of-type{
	background: none;
}



/*----------------------------------- 
        Modal Forms
------------------------------------*/
#modal-form,
.modal-wrap{
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}

.modal-skin{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

	display: flex;
	justify-content: center; /* horizontal */
	align-items: center; /* vertical */

	width: 90%;
	max-width: 448px;
	background: #fff;
	padding: 10px;
	border-radius: 6px;
}

.modal-close{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #bbb;
}

.modal-close:hover{
	color: #888;
	text-decoration: none;
}

.modal-form-box{
	width: 100%;
}

#modal-form h3{
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 7px;
}

/*----------------------------------- 
        Accordions
------------------------------------*/
.accordion-trigger{ position:relative; padding-right:15px; }
.accordion-trigger .material-icons{ position:absolute; right:0; top:-2px; }
.accordion-trigger:hover{ color:#0078bd; cursor:pointer; }

@media (min-width: 48em) {
	.accordion-trigger .material-icons{ top:1px; }
}

.accordion-box .accordion-body{
	height:0;
	visibility: hidden;
	overflow:hidden;
	opacity: 0;
	backface-visibility:hidden;
	transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);	
}

.accordion-box.accordion-active .accordion-body{
	visibility:visible;
	height:auto;
	opacity:1;
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}




/*----------------------------------- 
        Client Search List
------------------------------------*/
.client-search-list{
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
}

.client-search-list li{
	margin-bottom: 0;
}


/*----------------------------------- 
        Client Before After Images
------------------------------------*/
.booking-album-images li{
	position: relative;
	display: inline-block;
	margin: 16px 16px 0 0;
	padding: 0;
	vertical-align: top;
	width: 33.33333333%;
	width: calc(33.33333333% - 16px);
}

@media (min-width: 48em) {
	.booking-album-images li{
		width: 25%;
		width: calc(25% - 16px);
	}
}

.booking-album-images img{
	border-radius: 6px;
}


/*----------------------------------- 
        Content Tabs
------------------------------------*/
.tabs-wrapper{
	display: block;
	border-bottom: 1px solid #d9d9d6;
}

.tabs-btns{
	display: inline-flex;
	vertical-align: top;
	flex-direction: row;
	width: 100%;
}

.tabs-btns div{
	margin-right: 24px;
	display: block;
	font-size: 16px;
	position: relative;
	align-items: center;
	justify-content: center;
	line-height: 20px;
	font-weight: 400;
	padding: 16px 0;
	display: flex;
	cursor: pointer;
}

.tabs-btns div.active{
	font-weight: 500;
}

.tabs-btns div.active::after{
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	height: 4px;
	border-radius: 8px 8px 0px 0px;
	opacity: 1;
	transition: opacity 0.25s ease 0s;
	background: rgb(16, 24, 32) none repeat scroll 0% 0%;
}

.tabs-content{ display: none; }
.tabs-content-active{ display: block; }

.tabs-btns-links a{
	color: #101820;
	text-decoration: none;
}



/*----------------------------------- 
        Slick Slider
------------------------------------*/
.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.carousel-slider{ position:relative; }




/*----------------------------------- 
        Filter
------------------------------------*/
.filteron{ opacity:1; }
.filteroff{ opacity:0.2; }


/*----------------------------------- 
        Filter Item
------------------------------------*/
.filters-wrap h4{
  color: #1a202c;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f8f3fc;
}

.filters-item{
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f8f3fc;
}

.filters-title{
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #1a202c;
  padding-bottom: 8px;
}

.filters-item .input-as-btn{ position:relative; overflow: hidden; }
.filters-item .input-as-btn input{ position:absolute; left:-100px; }
.filters-item .input-as-btn label{ position:relative; display:block; border-radius:3px; padding:6px 8px 8px 28px; cursor:pointer; pointer-events:initial; line-height:1; height:auto; color:#1A202C; border:none; }
.filters-item .input-as-btn label:hover{ border-color:#888; }
.filters-item .input-as-btn input:checked + label{ background:none; color:#4881d5 }
.filters-item .input-as-btn label:before{ content:'\e835'; font-family:'Material Icons'; position:absolute; left:0px; top:3px; font-size:20px; color:rgb(217, 217, 214) }
.filters-item .label-sml .input-as-btn label:before{ top: 2px; }
.filters-item .input-as-btn input:checked + label:before{ content:'\e834'; color:#4881d5; }


.basic-input-as-btn .input-as-btn{ position:relative; overflow: hidden; }
.basic-input-as-btn .input-as-btn input{ position:absolute; left:-100px; }
.basic-input-as-btn .input-as-btn label{ position:relative; display:block; border-radius:3px; padding:6px 8px 8px 28px; cursor:pointer; pointer-events:initial; line-height:1; height:auto; color:#1A202C; border:none; }
.basic-input-as-btn .input-as-btn label:hover{ border-color:#888; }
.basic-input-as-btn .input-as-btn input:checked + label{ background:none; color:#4881d5 }
.basic-input-as-btn .input-as-btn label:before{ content:'\e835'; font-family:'Material Icons'; position:absolute; left:0px; top:3px; font-size:20px; color:rgb(217, 217, 214) }
.basic-input-as-btn .label-sml .input-as-btn label:before{ top: 2px; }
.basic-input-as-btn .input-as-btn input:checked + label:before{ content:'\e834'; color:#4881d5; }

/*----------------------------------- 
        Logo - Login
------------------------------------*/
#login-logo img{ max-width:150px; }
#sidebar-logo img{ max-width:100px; }

/*----------------------------------- 
        Gallery Sorting Images
------------------------------------*/
.gallery-sorting-images div{
	width:150px;
	height:150px;
	display:inline-block;
	margin:0 7px 7px 0;
}

.gallery-sorting-images div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

/*----------------------------------- 
        Hover Delete Button
------------------------------------*/
.hover-del-item{
	position: relative;
}

.hover-del-btn,
.gallery-sorting-images .hover-del-btn{
	position: absolute;
	top:5px;
	right:5px;
	background: red;
	color:#fff;
	width:15px;
	height:15px;
	line-height: 13px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border-radius:15px;
	display:none;
	cursor:pointer;
	margin:0;
}

.hover-del-item:hover .hover-del-btn{
	display: block;
}

/*----------------------------------- 
        Pagination
------------------------------------*/
.pagination{
	margin: 0;
	padding: 0;
	text-align: center;
}

.pagination li{
	display: inline;
}

.pagination li a{
	border-radius: 5px;
	transition: background-color 0.3s;
	display: inline-block;
  	text-decoration: none;
  	padding: 5px 10px;
	color: #000;
}

.pagination li a:hover{
	background-color: #ddd;
}


/*----------------------------------- 
        Status Tags
purple: #6554C0
teal: #00B8D9
blue: #0065FF
green: #36B37E
orange: #FFAB00
red: #FF5630
grey: #C1C7D0
------------------------------------*/
.tag-group{ display:flex; }
.tag{
	border-radius: 3px;
	padding:3px 5px;
	color:#fff;
	background:#C1C7D0;
	display: flex;
	justify-content: center;
	width: 75px;
}

.tright .tag{ margin-left:auto; }
.tcenter .tag{ margin-left:auto; margin-right:auto; }

.tag-draft{ background: #FFAB00 }
.tag-publish{ background: #36B37E }
.tag-private{ background: #6554C0 }
.tag-false{ background: #FF5630 }
.tag-true{ background: #36B37E }
.tag-gp{ background: #00B8D9; margin-right:3px; }
.tag-novts{ background: #6554C0 }

.tag-doc{ background: #36B37E }
.tag-docx{ background: #36B37E }
.tag-pdf{ background: #FF5630 }
.tag-xls{ background: #36B37E }
.tag-xlsx{ background: #36B37E }
.tag-jpg{ background: #FFAB00 }
.tag-jpeg{ background: #FFAB00 }
.tag-gif{ background: #FFAB00 }
.tag-png{ background: #FFAB00 }
.tag-ppt{ background: #6554C0 }
.tag-pptx{ background: #6554C0 }
.tag-ppsx{ background: #6554C0 }
.tag-zip{ background: #00B8D9; }
.tag-ai{ background: #00B8D9; }
.tag-dwg{ background: #00B8D9; }
.tag-sf{ background: #00B8D9; }
.tag-avux{ background: #00B8D9; }

/*----------------------------------- 
        Table
------------------------------------*/
table.hover-row tbody tr:hover{
	background:#EBECF0;
}

.gp-title-row,
table.hover-row tbody tr.gp-title-row:hover{
	background:#6554C0;
	color:#fff;
}

.gp-title-row a{
	color:#fff;
}

tr.is-gc td:first-of-type{
	padding-left:20px !important;
}


/*----------------------------------- 
        Investors Files
------------------------------------*/
.investors-subfolder-title,
.investors-subfolder-title a{
	display: flex;
	align-items: center;
	color:#101820;
	text-decoration: none;
}

.investors-files a{
	color:#101820;
	text-decoration: none;
}

.investors-subfolder-title a:hover,
.investors-files a:hover{
	color:#0078bd;

}

.investors-subfolder-title span.material-symbols-outlined{
	font-size: 18px;
	margin-right: 10px;
}


#investors-drop-area {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dashed #ccc;
  border-radius: 20px;
  width: 100%;
  height: 200px;
  text-align: center;
  padding: 20px;
  cursor: pointer;
}

#investors-drop-area.highlight {
  border-color: #0078bd;
}

#investors-fileupload-list {
  margin-top: 20px;
}

.investors-file-item {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.investors-file-item span{
	flex-basis: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	padding-right:10px;
}

.investors-file-item button{
	min-width:40px;
	width:40px;
	padding:0;
}

.investors-file-item button span{
	padding:0;
}

.ex-col-btns{
	display: flex;
	font-size: .8em;
}

.ex-col-btns div{
	flex-basis: 50%;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.ex-col-btns div:hover{
	color:#0078bd;
}