/* here you can put your own css to customize and override the theme */

.scroll {
  padding: 26px 0 16px;
  margin: 0;
  font: 400 22px "PT Sans Narrow", Arial, sans-serif;
  text-transform: uppercase;
  color: #78828c;
}

.caption h4 {
  padding: 0;
  margin: 0;
  font: 400 19px "PT Sans Narrow", Arial, sans-serif;
  text-transform: uppercase;
}

.caption h5 {
  padding: 0 0 10px 0;
  margin: 0;
  font: 400 14px "PT Sans Narrow", Arial, sans-serif;
  color: #78828c;
}

.thumbnail {
	position: relative;
	padding: 4px;
	margin: 0;
}

.caption {
	padding: 5px;
}

.thumbnail .clientname_overlay {
	position: absolute;
	overflow: hidden;
    left: 0;
    top: 4px;
    padding: 0.5em 20px;
    width: 100%;
    background: rgb (0,0,0);
    background: rgba(0,0,0,0.6);
    text-decoration: none !important;
    color: #fff;
}

.thumbnail .clientname_overlay .text {
	text-align: center;
}

.thumbnail .scheduledate_overlay {
	position: absolute;
	overflow: hidden;
    left: 0;
    bottom: 4px;
    padding: 0.5em 20px;
    width: 100%;
    background: rgb (0,0,0);
    background: rgba(0,0,0,0.6);
    text-decoration: none !important;
    color: #fff;
}

.thumbnail .scheduledate_overlay .text {
	text-align: center;
}

.thumbnail .maketourheader_overlay {
	position: absolute;
	overflow: hidden;
    left: 0;
    bottom: 4px;
    padding: 0.5em 20px;
    width: 100%;
    background: rgb (0,0,0);
    background: rgba(0,0,0,0.6);
    text-decoration: none !important;
    color: #fff;
}

.thumbnail .maketourheader_overlay .text, .thumbnail .maketourheader_overlay .text a {
	text-align: center;
	color: #fff;
}

.thumbnail .currenttourheader_overlay {
	position: absolute;
	overflow: hidden;
    left: 0;
    bottom: 4px;
    padding: 0.5em 20px;
    width: 100%;
    background: rgb (0,139,0);
    background: rgba(0,139,0,0.6);
    text-decoration: none !important;
    color: #fff;
}

.thumbnail .currenttourheader_overlay .text, .thumbnail .currenttourheader_overlay .text a {
	text-align: center;
	color: #fff;
}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

h1.address em {
	font-size: 0.5em;
}

.rwd-line { display: block; }
.rwd-line-pipe { display: none; }
        
@media screen and (min-width: 768px){
	.rwd-line { display: inline; }
	.rwd-line-pipe { display: inline; }
}

.thumbnail .actions_overlay {
	position: absolute;
	overflow: hidden;
    left: 0;
    top: 4px;
    padding: 1em 0 .5em 0;
    width: 100%;
    background: rgb (255,255,255);
    background: rgba(255,255,255,0.8);
    text-decoration: none !important;
	text-align: right;
}

.action_button_container_right {
	position: absolute;
	right: 0;
	padding: .1em 1em 0 0;
}

.action_button_container_left {
	position: absolute;
	left: 0;
	padding: .1em 0 0 1em;
}

.tour-enabled,.download-enabled {
	color: #2ab237;
	font-size: 1.5em;
	margin-left: 10px;
}

.tour-disabled,.download-disabled,.deletephoto {
	color: red;
	font-size: 1.5em;
	margin-left: 10px;
}

.tour-white {
	color: white;
	font-size: 1.5em;
	margin-left: 10px;
}

.deletephoto-disabled {
	color: grey;
	font-size: 1.5em;
	margin-left: 10px;
}

.tour-notavailable {
	color: grey;
	font-size: 1.5em;
	margin-left: 10px;
}

.notfavorite {
	color: red;
	font-size: 1.5em;
	margin-right: 10px;
}

.favorite {
	color: #666666;
	font-size: 1.5em;
	margin-right: 10px;
}

.download-single {
	color: #666666;
	font-size: 1.5em;
	margin-right: 10px;
}

.download-single-full {
	color: #666666;
	font-size: 1.5em;
	margin-right: 10px;
}

.download-single-small {
	color: #666666;
	font-size: 1em;
	margin-right: 10px;
}

.movephoto {
	color: black;
	font-size: 1.5em;
	margin-right: 10px;
}

.photocounter {
	position: relative;
	width: 100%;
	text-align: center;
	left: -42%;
	color: black;
	font-size: 1em;
}





.thumbnail .actions_overlay_sort_L,
.thumbnail .actions_overlay_sort_M,
.thumbnail .actions_overlay_sort_S {
	position: absolute;
	overflow: hidden;
    left: 0;
    top: 4px;
    padding: 1em 0 .5em 0;
    width: 100%;
    background: rgb (255,255,255);
    background: rgba(255,255,255,0.8);
    text-decoration: none !important;
	text-align: right;
}

.action_button_container_right_sort_L,
.action_button_container_right_sort_M,
.action_button_container_right_sort_S {
	position: absolute;
	right: 0;
	padding: .1em 1em 0 0;
}

.action_button_container_left_sort_L,
.action_button_container_left_sort_M,
.action_button_container_left_sort_S {
	position: absolute;
	left: 0;
	padding: .1em 0 0 1em;
}

.photocounter_sort_L,
.photocounter_sort_M,
.photocounter_sort_S {
	position: relative;
	width: 100%;
	text-align: center;
	left: -42%;
	color: black;
	font-size: 1em;
}

.thumbnail .maketourheader_overlay_sort_L,
.thumbnail .maketourheader_overlay_sort_M,
.thumbnail .maketourheader_overlay_sort_S {
	position: absolute;
	overflow: hidden;
    left: 0;
    bottom: 4px;
    padding: 0.5em 20px;
    width: 100%;
    background: rgb (0,0,0);
    background: rgba(0,0,0,0.6);
    text-decoration: none !important;
    color: #fff;
}

.thumbnail .currenttourheader_overlay_sort_L,
.thumbnail .currenttourheader_overlay_sort_M,
.thumbnail .currenttourheader_overlay_sort_S {
	position: absolute;
	overflow: hidden;
    left: 0;
    bottom: 4px;
    padding: 0.5em 20px;
    width: 100%;
    background: rgb (0,139,0);
    background: rgba(0,139,0,0.6);
    text-decoration: none !important;
    color: #fff;
}

.thumbnail .currenttourheader_overlay_sort_L .text, .thumbnail .currenttourheader_overlay_sort_L .text a,
.thumbnail .currenttourheader_overlay_sort_M .text, .thumbnail .currenttourheader_overlay_sort_M .text a,
.thumbnail .currenttourheader_overlay_sort_S .text, .thumbnail .currenttourheader_overlay_sort_S .text a {
	text-align: center;
	color: #fff;
}

.thumbnail .maketourheader_overlay_sort_L .text, .thumbnail .maketourheader_overlay_sort_L .text a,
.thumbnail .maketourheader_overlay_sort_M .text, .thumbnail .maketourheader_overlay_sort_M .text a,
.thumbnail .maketourheader_overlay_sort_S .text, .thumbnail .maketourheader_overlay_sort_S .text a {
	text-align: center;
	color: #fff;
}








/*
Create a variable/setting to turn on/off. Add a new class, and assign it if the
setting is set to yes.
*/
@media (min-width: 1200px) {
	.thumbnail .actions_overlay_sort_M {
		position: absolute;
		overflow: hidden;
		left: 0;
		top: 4px;
		padding: 1em 0 .5em 0;
		width: 100%;
		background: rgb (255,255,255);
		background: rgba(255,255,255,0.8);
		text-decoration: none !important;
		text-align: right;
		font-size: .6em;
	}
	
	.action_button_container_right_sort_M {
		padding: 0 1em 0 0;
		margin-top: -.5em;
	}
	
	.action_button_container_left_sort_M {
		padding: 0 0 0 1em;
		margin-top: -.5em;
	}
	
	.photocounter_sort_M {
		position: relative;
		width: 100%;
		text-align: center;
		left: -45%;
		color: black;
	}
	
	.thumbnail .maketourheader_overlay_sort_M {
		position: absolute;
		overflow: hidden;
		left: 0;
		bottom: 4px;
		padding: 0.5em 20px;
		width: 100%;
		background: rgb (0,0,0);
		background: rgba(0,0,0,0.6);
		text-decoration: none !important;
		color: #fff;
	}
	
	.thumbnail .currenttourheader_overlay_sort_M {
		position: absolute;
		overflow: hidden;
		left: 0;
		bottom: 4px;
		padding: 0.5em 20px;
		width: 100%;
		background: rgb (0,139,0);
		background: rgba(0,139,0,0.6);
		text-decoration: none !important;
		color: #fff;
	}
	
	.thumbnail .currenttourheader_overlay_sort_M .text, .thumbnail .currenttourheader_overlay_sort_M .text a {
		text-align: center;
		color: #fff;
		font-size: .8em;
	}
	
	.thumbnail .maketourheader_overlay_sort_M .text, .thumbnail .maketourheader_overlay_sort_M .text a {
		text-align: center;
		color: #fff;
		font-size: .8em;
	}
	
	
	
	.thumbnail .actions_overlay_sort_S {
		display: none;
	}
	
	.action_button_container_right .sort_S {
		display: none;
	}
	
	.action_button_container_left .sort_S {
		display: none;
	}
	
	.photocounter_sort_S {
		/* color: red; */
	}
	
	.thumbnail .maketourheader_overlay_sort_S {
		z-index: -999;
		display: none;
	}
	
	.thumbnail .currenttourheader_overlay_sort_S {
		display: none;
	}
	
	.thumbnail .currenttourheader_overlay_sort_S .text, .thumbnail .currenttourheader_overlay_sort_S .text a {
		display: none;
	}
	
	.thumbnail .maketourheader_overlay_sort_S .text, .thumbnail .maketourheader_overlay_sort_S .text a {
		display: none;
	}
	
	.sort_mode_warning {
		display: none;
	}
}

.calendarEntry {
	padding: 5px;
}

.calendarChangeAvailability {
	padding: 5px;
}

/***
Pink Default
***/
/* Button */
.pink.btn {
  color: #FFFFFF;
  background-color: #cb5aaa;
}
.pink.btn:hover, .pink.btn:focus, .pink.btn:active, .pink.btn.active {
  color: #FFFFFF;
  background-color: #c23f9f;
}
.open .pink.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #c23f9f;
}
.pink.btn:active, .pink.btn.active {
  background-image: none;
  background-color: #b03898;
}
.pink.btn:active:hover, .pink.btn.active:hover {
  background-color: #b83a9f;
}
.open .pink.btn.dropdown-toggle {
  background-image: none;
}
.pink.btn.disabled, .pink.btn.disabled:hover, .pink.btn.disabled:focus, .pink.btn.disabled:active, .pink.btn.disabled.active, .pink.btn[disabled], .pink.btn[disabled]:hover, .pink.btn[disabled]:focus, .pink.btn[disabled]:active, .pink.btn[disabled].active, fieldset[disabled] .pink.btn, fieldset[disabled] .pink.btn:hover, fieldset[disabled] .pink.btn:focus, fieldset[disabled] .pink.btn:active, fieldset[disabled] .pink.btn.active {
  background-color: #cb5aaa;
}
.pink.btn .badge {
  color: #cb5aaa;
  background-color: #FFFFFF;
}

/* Button Strip */
.btn.pink-stripe {
  border-left: 3px solid #cb5aaa;
}

/* Portlet */
.portlet > .portlet-body.pink,
.portlet.pink {
  background-color: #cb5aaa;
}

.portlet.solid.pink > .portlet-title,
.portlet.solid.pink > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.pink > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.pink > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.pink > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.pink > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.pink > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.pink > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.pink > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.pink > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box.pink {
  border: 1px solid #d781ce;
  border-top: 0;
}
.portlet.box.pink > .portlet-title {
  background-color: #cb5aaa;
}
.portlet.box.pink > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.pink > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.pink > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #e6afe3;
  color: #ecc3e6;
}
.portlet.box.pink > .portlet-title > .actions .btn-default > i {
  color: #f0ceec;
}
.portlet.box.pink > .portlet-title > .actions .btn-default:hover, .portlet.box.pink > .portlet-title > .actions .btn-default:focus, .portlet.box.pink > .portlet-title > .actions .btn-default:active, .portlet.box.pink > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f2d6ec;
  color: #f8e9f6;
}

/* Statistic Block */
.dashboard-stat.pink {
  background-color: #cb5aaa;
}
.dashboard-stat.pink.dashboard-stat-light:hover {
  background-color: #c64ab6;
}
.dashboard-stat.pink .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.pink .details .number {
  color: #FFFFFF;
}
.dashboard-stat.pink .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.pink .more {
  color: #FFFFFF;
  background-color: #c64ab6;
}

/* General Element */
.bg-red {
  border-color: #cb5aaa !important;
  background-image: none !important;
  background-color: #cb5aaa !important;
  color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-red {
  color: #cb5aaa !important;
}

.progress-bar.pink {
  background: #cb5aaa !important;
  color: #FFFFFF !important;
}

.scheduling_field_label {
	text-align: right;
}

.login_form_label {
	text-align: right;
}

@media only screen and (max-width: 991px) {
	.scheduling_field_label {
		text-align: left;
	}
	
	.login_form_label {
		text-align: left;
	}
}