/**
* @file: highslide.css 
* @version: 4.1.13
*/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	/*position: absolute;*/
	background: black;
}
a.highslide-full-expand {
   background: url(../../bundles/slstudiophotoautomate/css/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../../bundles/slstudiophotoautomate/css/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	padding: 0;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(../../bundles/slstudiophotoautomate/css/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.mobile .highslide-html {
	border: 1px solid silver;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 5;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(../../bundles/slstudiophotoautomate/css/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	width: 90%;
	margin: 1px 0 1px 5px;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(../../bundles/slstudiophotoautomate/css/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(../../bundles/slstudiophotoautomate/css/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(../../bundles/slstudiophotoautomate/css/graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(../../bundles/slstudiophotoautomate/css/graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(../../bundles/slstudiophotoautomate/css/graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
	direction: ltr;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}

.highslide-thumbstrip-vertical-overlay {
	overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(../../bundles/slstudiophotoautomate/css/graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	width: 60px; /* t=5481 */
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}
/*!
 * FullCalendar v2.2.3 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #ccc;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	font-size: 2em;
	line-height: .5em;
	height: .5em; /* will make the total height 1em */
	font-family: "Courier New", Courier, monospace;
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
}

.fc-icon-x:after {
	content: "\000D7";
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: .05em; /* seems to be a good adjustment across browsers */
	margin: 0 .1em;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header {
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: 25px;
	margin-top: 4px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc hr {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-style: solid;
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
	overflow-y: scroll;
	overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */

.fc-day-grid-event .fc-resizer {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
	right: -3px;
	cursor: e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
	left: -3px;
	cursor: w-resize;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view tbody .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
	z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
	z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
	z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
	position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-event {
	cursor: pointer;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
	position: relative;
	z-index: 2; /* above the bg */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

.fc-time-grid-event .fc-bg {
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
	position: absolute;
	z-index: 3; /* above content */
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content: "=";
}

/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2014 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Wed Sep 10 2014 12:35 EDT-0400
 * Plugins: tips viewport modal ie6
 * Styles: core basic css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 1px solid #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


/*! Light tooltip style */
.qtip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.qtip-light .qtip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.qtip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.qtip-dark .qtip-titlebar{
		background-color: #404040;
	}

	.qtip-dark .qtip-icon{
		border-color: #444;
	}

	.qtip-dark .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.qtip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.qtip-cream .qtip-titlebar{
		background-color: #F0DE7D;
	}

	.qtip-cream .qtip-close .qtip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.qtip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.qtip-red .qtip-titlebar{
		background-color: #F06D65;
	}

	.qtip-red .qtip-close .qtip-icon{
		background-position: -102px 0;
	}

	.qtip-red .qtip-icon{
		border-color: #D95252;
	}

	.qtip-red .qtip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.qtip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.qtip-green .qtip-titlebar{
		background-color: #B0DE78;
	}

	.qtip-green .qtip-close .qtip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.qtip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.qtip-blue .qtip-titlebar{
		background-color: #D0E9F5;
	}

	.qtip-blue .qtip-close .qtip-icon{
		background-position: -2px 0;
	}


.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border: 0 solid transparent;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}

	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;

		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}

	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}

	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}


.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;

}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}

	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(../../bundles/slstudiophotoautomate/css/#default#VML);
		display: inline-block;
		visibility: visible;
	}


#qtip-overlay{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}


.qtipmodal-ie6fix{
	position: absolute !important;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Arial';
    font-size: 16px;
}

a {
    color: #486a8e;
    outline: none;
}

h1, h2, h3, h4, h5 {
    margin-top: 0;
    margin-bottom: 0px;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 18px;
}


.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.error {
    color: #8e4848;
}


/*============== Table ================*/

.main table {
    border: none;
    *border-collapse: collapse; /* Для IE7 и страше */
    border-spacing: 0;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.main table tr:hover {
    background: #e1e7ed;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.main table td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: left;
}

.main table td {
    padding: 5px;
}

.main table th {
    padding: 10px;
    background-color: #56789c;
    color: #fff;
    font-weight: normal;
    text-align: left;
    border-left: 1px solid #385778;
    border-bottom: 1px solid #385778;
    border-top: 1px solid #385778;
}

.main table td:first-child, .main table th:first-child {
    border-left: none;
}

#linksTable {
    width: 800px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#linksTable select[multiple="multiple"] {
    width: 120px;
    height: 140px;
}

#linksTable tr td {
    border: none;
}

.inl-bl {
    display: inline-block;
}

/*============== Menu ================*/

.menu {
    width: 100%;
    height: 40px;
    background: #56789c;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu ul li {
    float: left;
}

.menu ul li a img {
    position: relative;
    top: 4px;
    left: 4px;
}

.menu ul li:hover {
    background: #486a8e;
}

.menu ul .current, .menu ul .current_ancestor {
    background: #486a8e;
}

.menu ul li a {
    height: 20px;
    line-height: 20px;
    float: left;
    padding: 10px;
    color: white;
    text-decoration: none;
    text-shadow: 0px 1px 2px #2d445f;
}

.menu ul li a.home {
    background: url("../../bundles/slstudiophotoautomate/images/home.png") 3px 4px no-repeat;
    width: 40px;
    height: 40px;
    padding: 0px;

}

.menu-login {
    font-weight: bold;
    float: right;
    padding: 10px;
    color: #fff;
    text-shadow: 0px 1px 2px #2d445f;
}

.menu-login a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

/*============== Second Menu ================*/

.second_menu {
    width: 100%;
    height: 40px;
}

.second_menu ul {
    margin: 0;
    padding: 0;
}

.second_menu ul li {
    margin-left: 10px;
    float: left;
    list-style: none;
}

.second_menu ul .current {
    background: #56789c;
}

.second_menu ul a:hover {
    background: #56789c;
    color: white;
    text-shadow: 0px 1px 2px #486a8e;
}

.second_menu ul li.current a:hover {
    background: #486a8e;
    color: white;
    text-shadow: 0px 1px 2px #486a8e;
}


.second_menu ul .current a {
    color: white;
    text-shadow: 0px 1px 2px #486a8e;
}

.second_menu ul li a {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.second_menu ul.check-scroll .current {
    color: white;
    text-shadow: 0px 1px 2px #486a8e;
}

.second_menu ul.check-scroll li {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.second_menu ul.check-scroll li input[type="checkbox"] {
    height: auto;
    margin: 0;
}


/*============== Button ================*/

.qtip .button, .content input[type="submit"], .content .button, .content button,
.filter-form button, .filter-form input[type="submit"], .filter-form .button,
.table-container .button {
    cursor: pointer;
    font-size: 16px;
    /*margin-top: 10px;*/
    display: inline-block;
    background: #56789c;
    color: #fff;
    padding: 7px 12px 7px 12px;
    text-decoration: none;
    border: 1px solid #385778;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 1px 1px #2d445f;
}


.content .button, .table-container .button {
    margin-top: 0;
}

.content button:hover, .content input[type="submit"]:hover, .content .button:hover,
.filter-form button:hover, .filter-form input[type="submit"]:hover, .filter-form .button:hover {
    background: #486a8e;
}

.content button:disabled, .content input[type="submit"]:disabled, .content .disabled,
.content button:disabled:hover, .content input[type="submit"]:disabled:hover, .content .disabled:hover,
.filter-form button:disabled, .filter-form input[type="submit"]:disabled, .filter-form .disabled,
.filter-form button:disabled:hover, .filter-form input[type="submit"]:disabled:hover, .filter-form .disabled:hover {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
    pointer-events: none;
}


.del {
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

.delete_form button, .del {
    background: #9c5656;
    border: 1px solid #723838;
}

.delete_form button:hover, .del:hover {
    background: #8e4848;
}

/*============== Forms ================*/

.config-label {
    float: left;
}

#config {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    position: relative;
    margin-bottom: 20px;
    width: 900px;
    height: 500px;
}

#slstudio_photoautomatebundle_event_datePhoto {
    display: inline-block;
}

#slstudio_photoautomatebundle_event .datetime {
    display: inline-block;
}

.formRest label {
    display: none;
}

.framePreview {
    display: inline-block;

}

.mb15 {
    margin-bottom: 15px;
}

.mb5 {
    margin-bottom: 5px;
}

.mt15 {
    margin-top: 15px;
}

.mt30 {
    margin-top: 30px;
}

.rel {
    position: relative;
}

.mt5 {
    margin-top: 5px;
}

.content label, .content .label {
    display: inline-block;
    width: 160px;
    margin-right: 10px;
    vertical-align: top;
    line-height: 16px;
    height: 24px;
    text-align: left;
    color: #777;
}

.mr0 {
    margin-right: 0;
}

.content input[type="checkbox"], .filter-form input[type="checkbox"] {
    height: 24px;
    margin-bottom: 10px;
}

.content input[type="number"], .filter-form input[type="number"] {
    width: 60px;
}

.content input[type="file"] {
    height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
}

.content input[type="search"], .content input[type="date"], .content input[type="time"],
.content textarea, .content select, .content input[type="number"], .content input[type="text"],
.content input[type="email"], .content input[type="password"],
.filter-form input[type="search"], .filter-form input[type="date"], .filter-form input[type="time"],
.filter-form textarea, .filter-form select, .filter-form input[type="number"], .filter-form input[type="text"],
.filter-form input[type="email"], .filter-form input[type="password"] {
    height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
    background: #FBFBFB;
    outline: none;
    padding: 3px 6px;
    line-height: 1;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.content select, .filter-form select {
    height: 30px;
}

.content select[multiple="multiple"] {
    height: auto;
    padding: 0;
    width: 318px;
    font-size: 16px;
    margin-bottom: 10px;
    background: #FBFBFB;
    outline: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.content textarea {
    width: 220px;
    height: 100px;
    font-family: Arial;
}

.content input[type="number"].child-num {
    margin-left: 20px;
    width: 40px;
}

.child-num-label {
    float: none;
    font-size: 14px;
    text-align: center;
    width: 40px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.content input[type="file"], .content input[type="text"], .content input[type="email"], .content input[type="password"] {
    width: 300px;
}

.content input[type="date"]:focus, .content input[type="time"]:focus, .content textarea:focus,
.content select:focus, .content input[type="number"]:focus, .content input[type="text"]:focus,
.content input[type="email"]:focus, .content input[type="password"]:focus, .content select[multiple="multiple"]:focus,
.filter-form input[type="date"]:focus, .filter-form input[type="time"]:focus, .filter-form textarea:focus,
.filter-form select:focus, .filter-form input[type="number"]:focus, .filter-form input[type="text"]:focus,
.filter-form input[type="email"]:focus, .filter-form input[type="password"]:focus, .filter-form select[multiple="multiple"]:focus {
    border: 1px solid #56789c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 120, 156, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 120, 156, .6);
}


/*============== UploadForm ================*/

.drop-zone {
    display: none;
}

.drop-zone-modal {
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 120;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 5px dashed #fff;
    margin: 0 20px 20px;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
}

.dragover form {

}


.dropzone-head {
    margin-bottom: 0;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 60px;
}

.dropzone-cover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.dropzone-bg {
    background: rgba(0, 0, 0, .3);
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    text-align: center;
    white-space: nowrap;
}

.order label {
    display: none;
}

.order form div {
    float: left;
}

.content .order-frame-type {
    width: 110px;
    margin-right: 15px;
}

.content .order-frame {
    width: 189px;
    margin-right: 20px;
}

.content .order-comment {
    resize: none;
    height: 80px;
    margin-bottom: 5px;
}

.content .order-frame-image {
    width: 106px;
    height: 106px;
    float: left;
}


.content input[type="number"].order-count {
    height: 22px;
    width: 40px;
    text-align: right;
    margin-right: 5px;
}

.content .order .order-count-label {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #000000;
    display: block;
    float: left;
    width: 22px;
    margin: 0;
}

.content .order-photo-list {
    display: none;
}

.content .add-to-order-input {
    display: none;
}


.clb {
    clear: both;
}

.content .cancel {
    margin: 0 auto;
    display: block;
}

.files-container {
}

.preview a {
    cursor: url("../../bundles/slstudiophotoautomate/images/highslide/zoomin.cur"), pointer !important;
}

.client-group-photo a {
    cursor: url("../../bundles/slstudiophotoautomate/images/highslide/zoomin.cur"), pointer !important;
}

.download-container, .upload-container {
    position: relative;
    width: 609px;
    display: table;
}

.photo-container {
    display: table-cell;
    vertical-align: middle;
    width: 154px;
}


.order-container {
    width: 454px;
    display: table-cell;
    vertical-align: middle;
}

.order {
    position: relative;
    float: left;
    width: 420px;
    height: 155px;
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin-top: 8px;
    margin-bottom: 8px;
}

.photo {
    float: left;
    width: 120px;
    height: 155px;
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
}

.gallery {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.order.saved {
    border: 1px solid #56789c;
    padding: 8px;
}

.order.error {
    border: 1px solid #8e4848;
    padding: 8px;
}

.order-status-label.error {
    color: #8e4848;
}

.order-status-label.saved {
    color: #486a8e;
}

.order-status-label.wait {
    margin-left: 20px;
}

.order-status-label.wait:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 16px;
    height: 16px;
    background: url("../../bundles/slstudiophotoautomate/images/loader.white.gif") 0px 0px no-repeat;
}

.order-status-label {
    height: 16px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 12px;
    float: left;
    color: #888888;
}

.order-status-label.saved {
    color: #486a8e;
}


.photo-box {
    display: table;
    width: 120px;
    height: 120px;
}

.photo-box a {
    display: table-cell;
    vertical-align: middle;
}

.photo-box .cell {
    display: table-cell;
    vertical-align: middle;
}

.photo-box .cell canvas {
    margin: 0 auto;
    display: block;
}

.content .photo:hover .photo-delete {
    display: block;
}

.content .order:hover .order-delete-btn {
    display: block;
}

.content .multi-photo .order:hover .order-delete-btn {
    display: none;
}

.content .multi-photo .photo:hover .order-add-btn {
    display: none;
}

.content .multi-photo .photo:hover .photo-delete {
    display: none;
}


.content .order-delete-btn {
    outline: none;
    display: none;
    margin: 0;
    padding: 0 5px 0 5px;
    z-index: 100;
    position: absolute;
    right: -12px;
    bottom: -15px;
    font-family: 'Arial Black';
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.content .photo:hover .order-add-btn {
    display: block;
}

.content .order-add-btn:hover {
    background: #486a8e;
}

.content .order-add-btn {
    outline: none;
    display: none;
    margin: 0;
    padding: 0 4px 0 4px;
    z-index: 100;
    position: absolute;
    right: -10px;
    bottom: -10px;
    font-family: 'Arial Black';
    font-size: 23px;
    line-height: 23px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    background: #56789c;
    text-decoration: none;
    border: 1px solid #385778;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 1px 1px #2d445f;
}

.content .saved.order:hover .photo-add-btn {
    display: block;
}

.content .multi-order .saved.order:hover .photo-add-btn {
    display: none;
}

.content .multi-photo.multi-multi .saved.order:hover .photo-add-btn {
    display: none;
}

.content .multi-photo .saved.order.add-to-order-block:hover .photo-add-btn {
    display: none;
}

.content .multi-photo .saved.order.add-to-order-block:hover .order-to-order-add-btn {
    display: none;
}

.content .multi-photo .saved.order.add-to-order-block:hover .order-delete-btn {
    display: block;
}


.content .multi-photo .saved.order:hover .order-to-order-add-btn {
    display: none;
}

.content .order-to-order-add-btn {
    outline: none;
    display: none;
    margin: 0;
    padding: 0 4px 0 4px;
    z-index: 100;
    position: absolute;
    left: 20px;
    bottom: -15px;
    font-family: 'Arial Black';
    font-size: 23px;
    line-height: 23px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    background: #56789c;
    text-decoration: none;
    border: 1px solid #385778;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 1px 1px #2d445f;
}

.content .photo-add-btn:hover {
    background: #486a8e;
}

.content .photo-add-btn {
    outline: none;
    display: none;
    margin: 0;
    padding: 0 4px 0 4px;
    z-index: 100;
    position: absolute;
    left: -12px;
    bottom: -15px;
    font-family: 'Arial Black';
    font-size: 23px;
    line-height: 23px;
    height: 23px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    background: #56789c;
    text-decoration: none;
    border: 1px solid #385778;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 1px 1px #2d445f;
}

.content .order-save-btn {
    outline: none;
    display: none;
    margin: 0;
    padding: 0 4px 0 4px;
    z-index: 100;
    position: absolute;
    left: -12px;
    bottom: -15px;
    font-family: 'Arial Black';
    font-size: 16px;
    line-height: 23px;
    height: 23px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    background: #56789c;
    text-decoration: none;
    border: 1px solid #385778;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 1px 1px #2d445f;
}

.content .photo-rmv-order-btn {
    outline: none;
    display: none;
    margin: 0;
    padding: 0 8px 4px 8px;
    z-index: 100;
    position: absolute;
    right: -10px;
    bottom: -10px;
    font-family: 'Arial Black';
    font-size: 23px;
    line-height: 23px;
    height: 23px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    background: #9c5656;
    text-decoration: none;
    border: 1px solid #723838;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.content .photo-rmv-order-btn:hover {
    background: #8e4848;
}

.content .photo-to-order-btn {
    outline: none;
    display: none;
    margin: 0;
    padding: 0 4px 0 4px;
    z-index: 100;
    position: absolute;
    right: -10px;
    bottom: -10px;
    font-family: 'Arial Black';
    font-size: 23px;
    line-height: 23px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    background: #56789c;
    text-decoration: none;
    border: 1px solid #385778;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 1px 1px #2d445f;
}

.content .order-save-btn:hover {
    background: #486a8e;
}

.content .photo-to-order-btn:hover {
    background: #486a8e;
}

.content .disable-on-edit .photo-to-order-btn {
    display: block;
}

.content .disable-on-edit .current .order-save-btn {
    display: block;
}

.content .disable-on-edit .multi-photo .disable-block {
    z-index: 50;
}

.content .disable-on-edit .multi-photo.current .disable-block {
    z-index: -1;
}

.content .disable-on-edit .multi-order .disable-block {
    z-index: 50;
}

.content .disable-on-edit .upload-container .disable-block {
    z-index: 50;
}

.content .disable-on-edit .order:hover .order-delete-btn {
    display: none;
}

.content .disable-on-edit .order:hover .photo-add-btn {
    display: none;
}

.content .disable-on-edit .photo:hover .order-add-btn {
    display: none;
}

.content .disable-on-edit .photo:hover .photo-delete {
    display: none;
}

.i200 .disable-block {
    z-index: 50;
}


.disable-block {
    z-index: -1;
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.8;
}

.order-frame-image {
    display: table;
    width: 106px;
    height: 106px;
}

.order-frame-image a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.order-frame-image .highslide img:hover {
    border-color: gray;
}

.order-frame-image .highslide img {
    border: 1px solid silver;
    max-width: 90px;
    max-height: 105px;

    margin: 0 auto;
}

.i200 .order-save-btn {
    display: none;
}

.content .disable-on-edit .i200 .photo-to-order-btn {
    display: none;
}

.disable-on-edit .multi-photo .photo-to-order-btn {
    display: none;
}

.photo-add-btn:before {
    content: '+';
}

.multi-photo .photo-add-btn:before {
    font-size: 18px;
    line-height: 23px;
    height: 23px;
    font-weight: normal;
    content: '✎';
}

.disable-on-edit .current .photo-to-order-btn {
    display: none;
}

.multi-photo.current .photo-rmv-order-btn {
    display: block;
}

.multi-order .photo-to-order-btn {
    display: none;
}

.disable-on-edit .order-container {
    opacity: 0;
}

.disable-on-edit .photo-line {
    opacity: 0;
}

.disable-on-edit .photo-line-center {
    opacity: 0;
}

.disable-on-edit .current .photo-line {
    opacity: 1;
}

.disable-on-edit .current .photo-line-center {
    opacity: 1;
}

.disable-on-edit .single.current .order-container {
    opacity: 1;
}

.disable-on-edit .multi-photo.current .order-container {
    opacity: 1;
}


.content .photo-delete {
    outline: none;
    display: none;
    margin: 0;
    padding: 0 5px 0 5px;
    z-index: 100;
    position: absolute;
    left: -10px;
    bottom: -10px;
    font-family: 'Arial Black';
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.photo-box a img {
    margin: 0 auto;
    display: block;
}

.photo-name {
    display: block;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
}

.photo.error {
    border: 1px solid #8e4848;
}

.photo-name a {
    display: block;
    width: 120px;
    color: #000000;
    text-decoration: none;
    white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis; /* Многоточие */
}

.photo-name a.error {
    color: #8e4848;
}

.photo-size {
    display: block;
    font-size: 12px;
    text-align: center;
}

.single .order-line-center {
    display: none;
}

.multi-photo .order-line-center {
    display: none;
}

.multi-order .order-line-container .order-line-center .line-bottom {
    background: #ccc;
}

.multi-order .order-line-container .order-line-center .line-top {
    background: #ccc;
}

.multi-photo .photo-line-container:first-child .photo-line-center .line-bottom {
    background: #ccc;
}

.multi-photo .photo-line-container:last-child .photo-line-center .line-top {
    background: #ccc;
}

.multi-order .order-line-container:first-child .order-line-center .line-bottom {
    background: #ccc;
}

.multi-order .order-line-container:last-child .order-line-center .line-top {
    background: #ccc;
}

.multi-order .order-line-container:last-child .order-line-center .line-bottom {
    background: none;
}

.multi-order .order-line-container:first-child .order-line-center .line-top {
    background: none;
}

.multi-photo .photo-line-container .photo-line-center .line-bottom {
    background: #ccc;
}

.multi-photo .photo-line-container .photo-line-center .line-top {
    background: #ccc;
}

.multi-photo .photo-line-container:first-child .photo-line-center .line-top {
    background: none;
}

.multi-photo .photo-line-container:last-child .photo-line-center .line-bottom {
    background: none;
}


.multi-order .photo-line-center {
    display: none;
}

.multi-order .photo-line {
    width: 16px;
}

.photo-line {
    float: left;
    width: 15px;
    height: 189px;
}

.photo-line-center {
    float: left;
    width: 1px;
    height: 189px;
}

.order-line-center {
    float: left;
    width: 1px;
    height: 189px;
}

.order-line {
    float: left;
    width: 15px;
    height: 189px;
}

.line-top, .line-bottom {
    width: auto;
    height: 94px;
}

.line-center {
    width: auto;
    height: 1px;
    background: #ccc;
}


.upload-label {
    float: left;
    font-weight: bold;
    width: 150px;
    clear: both;
}

.ml150 {
    margin-left: 150px;
}

.h70 {
    height: 70px;
}

.mh70 {
    max-height: 70px;
}

.fl {
    float: left;
}

.m0 {
    margin: 0;
}

.mr15 {
    margin-right: 15px;
}

.lh20 {
    line-height: 20px;
}

.content .btn-red {
    background: #9c5656;
    border: 1px solid #723838;
}

.content .btn-red:hover {
    background: #8e4848;
}

.upload-info-container {
    clear: both;
    /*height: 175px;*/
    margin-left: 0;
    width: 700px;
    line-height: 24px;
}


.progress {
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #56789c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.upload-size {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.progress-photo {
    margin-bottom: 20px;
}

.client-group-photo {
    float: left;
    width: 120px;
    height: 175px;
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
}

.client-group-photo img, .client-group-photo a, .client-group-photo select {
    user-select: none; /* CSS3 (little to no support) */
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: none; /* Gecko (Firefox) */
    -webkit-user-select: none; /* Webkit (Safari, Chrome) */
}

.client-group-photo.selected {
    border: 1px solid #56789c;
    background: #d1dee8;
}

.client-group-photo.selected.last {
    border: 1px solid #435e7a;
    background: #aec5d6;
}

.client-group-photo.last {
    border: 1px solid #435e7a;
}

.groups-list {
    position: fixed;
    opacity: 0;
    top: -80px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    background: #f6f7f7;
    margin: 0;
    z-index: 2;
    border-bottom: 1px solid #ccc;

    transition: top 0.3s ease;
}


.photo-client-group-id {
    display: none;
}

.groups-list.fixed {
    opacity: 1;
    top: 0;
}

.client-group-photo .photo-box > span {
    display: table-cell;
    vertical-align: middle;
}

.client-group-photo .photo-box > span img {
    margin: 0 auto;
    display: block;
}

.client-group-photo select {
    width: 120px;
    height: 24px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 13px;
    padding: 2px 4px;
}

.client-group-photos-container {
    position: relative;
    overflow: hidden;
}


.client-group-item {
    color: white;
    text-shadow: 0px 1px 2px #486a8e;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    background: #56789c;
    margin: 5px;
    cursor: pointer;
}

.client-group-item:hover {
    background: #486a8e;
}


.groups-bar {
    margin: 0 20px 20px;
    margin-bottom: 20px;
    position: relative;
    padding: 20px;
    text-align: center;
    color: rgba(0, 0, 0, .8);
    border: 2px dashed rgba(72, 106, 142, .3);
}


.upload-button-bar {
    margin: 0 20px 20px;
    margin-bottom: 20px;
    position: relative;
    padding: 20px;
    text-align: center;
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
}

.drop-zone-logo {
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -205px;
}

.dropzone-page-head {
    margin-bottom: 10px;
    font-size: 24px;
}

.drop-zone-text {
    font-size: 14px;
    line-height: 36px;
}

.upload-button-bar:hover #jpeg-icon {
    fill: #56789c;
}

.upload-button-bar:hover:before {
    border: 2px dashed #486a8e;
}

.upload-button-bar:hover {
    color: #000000;
}

#jpeg-icon {
    fill: rgba(72, 106, 142, .3);
}

.upload-button-bar:before {
    border: 2px dashed rgba(72, 106, 142, .3);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
}

#input-file {
    position: absolute;
    visibility: hidden;
}

.fileupload-progress {
    /*margin-bottom: 10px;*/
}

.show-event div.order-frame-type,
.show-event div.order-frame,
.show-event div.order-count,
.show-event div.order-comment {
    float: left;

}

.show-event div.order-frame-type,
.show-event div.order-frame,
.show-event div.order-count {
    height: 30px;
    line-height: 30px;
}

.show-event div.order-comment {
    width: 220px;
}

.show-event .child-num {
    margin-left: 20px;
    width: 40px;
}

.child-num-label {
    float: none;
    font-size: 14px;
    text-align: center;
    width: 40px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.show-event .order-count-label {
    margin-left: 5px;
}

#event-saving {
    float: left;
    position: relative;
    display: none;
    color: #888888;
}

#event-saving:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 16px;
    height: 16px;
    background: url("../../bundles/slstudiophotoautomate/images/loader.white.gif") 0px 0px no-repeat;
}


/*============== Events ================*/

.event_block {
    float: left;
    width: auto;
    height: 170px;
    width: 31.5%;
    min-width: 400px;
    max-width: 650px;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin: 10px;
}

.event_block_info {
    width: 100%;
    font-size: 14px;
    display: inline-block;
    line-height: 16px;
    clear: both;
}

.event_block_label {
    font-weight: bold;
    width: 110px;
    float: left;
}

.event_block_text {

}

.h50 {
    height: 50px;
}

.event_block_titlebar {
    vertical-align: top;
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}

.event_block_info_container {
    padding: 8px 14px;
    margin-right: 110px;
}

.event_block_button {
    height: 120px;
    width: 120px;
    float: right;
    display: table;
}

.event_block_button .vertical_container {
    display: table-cell;
    vertical-align: bottom;
}

.event_block_button .button {
    text-align: center;
    display: block;
    width: 75px;
    margin: 0 auto 15px auto;
}

.expired {
    font-weight: bold;
    text-align: center;
    margin: 0 auto 5px auto;
    color: #dc0808;
}

.days_expired {
    font-size: 30px;
    font-weight: bold;
    text-align: center;

}

.days_expired_caption {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

.time_expired {
    font-weight: bold;
    text-align: center;
}

.br_red {
    border: solid 1px #9f2222;
    padding: 0;
}

.bg_red {
    background-color: #e17d7d;
    border-bottom: 1px solid #bd4f4f;
}


/*============== Login Form ================*/

.fos_user_login {
    width: 400px;
    height: 220px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -170px 0 0 -200px;
}

.login_form {
    color: #777;
    border: 1px solid #E5E5E5;
    -moz-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
    -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
    box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
    padding: 20px;
    border-width: 1px;
    border-style: solid;
}

.login_head {
    padding: 10px;
    background: #56789c;
    color: white;
}

.fos_user_login input[type="text"], .fos_user_login input[type="password"] {
    color: #555;
    font-weight: 200;
    font-size: 24px;
    line-height: 1;
    width: 350px;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 16px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: none;
    -moz-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    border-width: 1px;
    border-style: solid;
}

.fos_user_login input[type="text"]:focus, .fos_user_login input[type="password"]:focus {
    border: 1px solid #56789c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 120, 156, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 120, 156, .6);
}

.fos_user_login label {
    font-size: 14px;
}

.fos_user_login input[type="checkbox"] {
    margin-bottom: 4px;
}

.fos_user_login input[type="submit"] {
    float: right;
    margin: 0;
    padding: 8px 30px 8px 30px;
    outline: none;
}

.fos_user_login input[type="submit"]:hover {
    background: #486a8e;
}

/*============== Content ================*/

.content {
    padding: 20px;
}

/*============== Highslide ================*/

.highslide-wrapper, .highslide-outline {
    background: #FFFFFF;
}

.highslide img {
    border: 1px solid #D0D0D0;
}

.highslide:hover img {
    border-color: #A0A0A0;
}

.highslide-image {
    border: none;
}

.highslide-container table {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.highslide-container table tr:hover {
    background: none;
}

/*============== Calendar ================*/

.wrapper {
    height: 100%;
}

#calendar {
    height: auto;
}

.hminus80 {
    height: calc(100% - 80px);
}


.fc-unthemed .fc-today {
    background: #eef2f8;
}

.fc-state-default {
    outline: none;
    background-color: #56789c;
    background-image: none;
    border: 1px solid #486a8e;
    color: #fff;
    text-shadow: 0px 1px 2px #2d445f;
    box-shadow: none;
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-state-active {
    background-color: #486a8e;
}

.fc-state-disabled:hover {
    background-color: #56789c;
    cursor: default;
}

.fc-event {
    border-radius: 0px;
    border: 1px solid #486a8e;
    background-color: #56789c;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.fc-highlight {
    background: #9bb7d5;
}

.eventInfo {
    font-size: 14px;
    display: inline-block;
    line-height: 16px;
}

.eventLabel {
    font-weight: bold;
    width: 110px;
    float: left;
}

.eventText {
    float: left;
    width: 310px;
}

.scroll {
    overflow: auto;
}

.h100 {
    max-height: 76px;
}

.datetime div {
    display: inline-block;
}

.datetime input[type="time"] {
    position: relative;
    top: 1px;
    padding: 2px 3px;
    margin-left: 10px;
    font-family: Arial;
}

.fc-button-group {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.fc-today-button {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.fc-view-container {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}

/*============== Qtip ================*/

.qtip-bootstrap {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.qtip-bootstrap .qtip-titlebar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: bold;
}

.qtip {
    max-width: 450px;
}

/*============== Qtip ================*/

.w150 {
    width: 150px;
}

.mr160 {
    margin-right: 160px;
}

/*============== Designer ================*/

.event_block_button .button.to_correction_button {
    width: 120px;
}

.design_on_correction {
    height: auto;
}

.design_ready {
    height: 220px;
}

.design_on_correction .event_block_button {
    height: 230px;
}

#icon {
    fill: #56789c;
}

.photo-box a svg {
    margin: 0 auto;
    display: block;
}

.box {
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative;
}

.w400 {
    width: 400px;
}

.mt8 {
    margin-top: 8px;
}

.h155 {
    height: 155px;
}

.f13 {
    font-size: 13px;
}

.f12 {
    font-size: 12px;
}


/* ================= Filter + Table ===================== */

.table-container {
    width: 100%;
    height: calc(100% - 190px);
}


table.list_min {
    border: none;
    border-spacing: 0;
}


table.list_min th {
    padding: 8px;
}

table.list_min td {
    padding: 5px;
    border-left: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;

}

table.list_min tr:first-child td {
    border-top: none;
}

table.list_min td {
    cursor: default;
}

.filter-form {
    background: #e1e7ed;
    padding-left: 15px;
    padding-top: 5px;
    width: calc(100% - 15px);
    height: 50px;
    margin: 0px;
}

.control-group {
    float: left;
    margin-top: 0px;
    margin-right: 20px;
}

.filter-form select {
    height: 24px;
    padding: 1px 2px;
    font-size: 14px;
    margin: 0;
}

.filter-form input, .filter-form input[type="date"] {
    padding: 1px 4px;
    width: 150px;
    font-size: 14px;
    height: 20px;
    margin: 0;
}

.filter-form label {
    color: #777;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    display: block;
    float: none;
    width: auto;
}

.filter-form .btn-small, .btn-small {
    font-size: 14px;
    padding: 6px 10px;
}

.table-container .btn-full {
    margin-top: 3px;
    position: relative;
    height: 100%;
    padding: 3px 6px;
}

.btn-full .cell {
    vertical-align: middle;
    display: table-cell;
}

.btn-full .table {
    display: table;
    width: 100%;
    height: 100%;
}


.btn-full img {
    margin: 0 auto;
}

.mt11 {
    margin-top: 11px;
}

table.dataTable span.highlight {
    background-color: #FFFF88;
}


.cellInfo {

    width: 200px;
    float: right;
    cursor: pointer;
}

.cellInfo.hide:hover {
    background-color: #e1e7ed;
}

.cellInfo.hide {
    padding-top: 7px;
    padding-bottom: 7px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.cellInfo.show div {
    display: block;
}

.cellInfo.show {
    z-index: 100;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: white;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.cellInfo div {
    position: relative;
    display: none;
    font-size: 14px;
    padding: 4px 14px;
}

.cellInfo div:hover {
    background-color: #e1e7ed;
}


.cellInfo div.show {
    display: block;
}

.edit_cell {
    position: relative;
}

.edit_cell form {
    z-index: 100;
    background: white;
    margin: 0;
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 6px);
    top: 0px;
    left: 0px;
}

.edit_cell textarea {
    font-size: 13px;
}

.edit_cell select {
    width: 100%;
    height: 100%;
}

.edit_cell input {
    padding: 2px 4px;
    font-size: 13px;
    margin: 0;
    resize: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.edit_cell input:focus {
    border: 1px solid #56789c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 120, 156, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 120, 156, .6);
}

.list_min .head_shoot {
    background: #b5d6d4;
}

.list_min .head_shoot_cell {
    background: #d1e1e0;
}


.list_min tr:hover .head_shoot_cell {
    background: #e2ebea;
}


.list_min .head_photo {
    background: #9dbbd9;
}

.list_min .head_photo_cell {
    background: #d0deec;
}

.list_min tr:hover .head_photo_cell {
    background: #e3e8ee;
}

.list_min .head_auto {
    background: #9f9dd9;
}

.list_min .head_auto_cell {
    background: #cdccea;
}

.list_min tr:hover .head_auto_cell {
    background: #dad9ee;
}

.list_min .head_design {
    background: #e7b89c;
}

.list_min .head_design_cell {
    background: #f6d4bf;
}

.list_min tr:hover .head_design_cell {
    background: #f2dfd3;
}

.list_min .head_print {
    background: #f3c487;
}

.list_min .head_print_cell {
    background: #f1d5b1;
}

.list_min tr:hover .head_print_cell {
    background: #f4e4cf;
}

.list_min .head_deliver {
    background: #edf3a2;
}

.list_min .head_deliver_cell {
    background: #ecf0c1;
}

.list_min tr:hover .head_deliver_cell {
    background: #f2f4d7;
}

.list_min .head_money {
    background: #d7e7a1;
}

.list_min .head_money_cell {
    background: #e5efc3;

}

.list_min .comment_money {
    /* width: 250px;
     overflow: hidden;
     white-space: nowrap;
     word-wrap: normal; *//* для IE *//*
     text-overflow: clip;*/
}

.list_min tr:hover .head_money_cell {
    background: #ecf1da;
}


.list_min .sel {
    background: #FFFF88;
}

.list_min tr:hover .sel {
    background: #FFFF88;
}

.filter-form input::-webkit-calendar-picker-indicator {
    display: none;
}

.filter-form input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}

.list_min .show_cell {
    text-align: center;
    padding: 0;
    width: 25px;
    height: 100%;
}

.list_min .show_cell_head_first {
    background: #b5d6d4;
    padding: 0;
    width: 25px;
}

.list_min .show_cell_head {

    background: #b0d69f;
    padding: 0;
    width: 25px;
}

.list_min .status_head {
    background: #b0d69f;
}

.w30 {
    width: 30px;
}

table.list_min .red {
    background: red;
}

.list_min tr:hover .red {
    background: #f25656;
}

table.list_min .green {
    background: #0bf51b;
}

.list_min tr:hover .green {
    background: #55f961;
}

table.list_min .orange {
    background: #f49309;
}

.list_min tr:hover .orange {
    background: #f7ae47;
}

table.list_min select {
    z-index: 200;
}

.DTFC_LeftHeadWrapper {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 10px 0 5px -2px #888;
    box-shadow: 5px 0 10px -1px rgba(0, 0, 0, 0.2);
}

.DTFC_LeftBodyWrapper {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 10px 0 5px -2px #888;
    box-shadow: 5px 0 10px -1px rgba(0, 0, 0, 0.2);
}

.chart-block {
    width: 700px;
    float: left;
    margin-right: 30px;
}

/* =================== Cron ===================== */

.cron-menu * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.content-cron {
    padding: 20px;
}

.content-cron .form-control:focus {
    border: 1px solid #56789c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 120, 156, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 120, 156, .6);
}

.content-cron .btn, .content-cron pre, .content-cron .input-group-addon, .content-cron .form-control {
    border-radius: 0;
}

.content-cron .btn-primary {
    color: #fff;
    background-color: #56789c;
    border-color: #4b6c90;
}

.content-cron .btn-primary:hover {
    color: #fff;
    background-color: #486a8e;
    border-color: #486a8e;
}

/* =================== Dashboard ===================== */

.event_block.events_admin_main {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: auto;
}

.event_block.events_admin_main .event_block_info_container {
    margin: 0;
}

.events_admin_main ul {
    margin: 0;
    padding: 0;
}

.events_admin_main ul li {
    list-style-type: none;
}

.color-red, .color-red a {
    color: #ff0000;
}

.color-green {
    color: green;
}

.color-orange {
    color: orange;
}

.event_block_titlebar_left {
    width: 100%;
    text-align: center;
}

.event_count {
    width: 100%;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
}

.event_status {
    margin: 0 auto;
    font-weight: bold;
}

.small-text {
    font-size: 12px;
    vertical-align: bottom;
    line-height: 12px;
}

.text-bold {
    font-weight: bold;
}

.mt8 {
    margin-top: 8px;
}

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

.content .main form button {
    margin-bottom: 10px;
}

.content label.comment-photo {
    width: auto;
    display: block;
}

.hauto {
    height: auto;
}

.client_name {
    width: 100%;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
}

.event_block.client_info {
    height: auto;
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
}

.client_info .event_block_info_container {
    margin-right: auto;
}


.photo-block {
    width: 100%;
}

.second_menu .current_ancestor a {
    color: white;
    text-shadow: 0px 1px 2px #486a8e;
}

.second_menu .current_ancestor {
    background: #56789c;
}


.clb:after {
    content: "";
    display: table;
    clear: both;
}

.table-stat-block {
    overflow: hidden;
}

.circle20 {
    display: block;
    width: 20px;
    height: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.circle12 {
    display: block;
    width: 12px;
    height: 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.bg_gray {
    background: #DCDCDC;
}

.bg_green {
    background: #50C878;
}

.bg_blue {
    background: #97BBCD;
}

.mr5 {
    margin-right: 5px;
}

.legend-block {
    margin: 0 auto 10px auto;
    width: 300px;
    height: 20px;
}

.w100p {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.return-form {
    width: auto;
    margin: 5px auto 0 auto;
}

.return-form input [type="number"] {
    width: 55px;
    margin: 0 auto;
}

.return-form label {
    /* display: none;*/
    font-size: 12px;
    width: auto;
    margin: 0 auto;
}

.return-form input {
    margin-bottom: 0;
}

.return-box {
    width: 120px;
    height: 245px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.return-box .order-status-label {
    height: 16px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

.highslide-wrapper .highslide-html-content {
    width: auto;
}

/* ============================== START Google Authentication  ========================= */

#flash-wrapper {
    min-height: 32px;
    margin: 2px 0 5px;
}

.flash {
    border-radius: 2px;
    padding: 6px;
    border: 1px solid #c0d0b0
}

.flash.success {
    background-color: #dff0d8;
    border-color: #c0d0b0;
}

.flash.error {
    background-color: #f2dede;
    border-color: #eed3d7;
}

#token-table {
    min-width: 460px;
    margin-bottom: 80px;
}

#token-table th {
    text-align: left;
}

#token-table th.token-status,
#token-table th.token-action {
    width: 110px;
}

/* ============================== END Google Authentication  ========================= */


.w300 {
    width: 300px;
    min-width: 300px;
}

.w450 {
    width: 450px;
    min-width: 450px;
}

.w500 {
    width: 500px;
    min-width: 500px;
}

.w550 {
    width: 550px;
    min-width: 550px;
}

.w1000 {
    width: 1000px;
    min-width: 1000px;
}

.w600 {
    width: 600px;
    min-width: 600px;
}

.w250 {
    width: 250px;
    min-width: 250px;
}

.w200 {
    width: 200px;
    min-width: 200px;
}

.w1200 {
    max-width: 1200px;
}

.wauto {
    width: auto;
}

.f24 {
    font-size: 24px;
}

.table_city .cellInfo.hide {
    display: none;
}

.table_city table.dataTable {
    margin: 0;
}

.table_city .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #56789c;
    background-color: #56789c;
    background: #56789c;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333333 !important;
    border: 1px solid #cacaca;
    background-color: gainsboro;
    background: gainsboro;
}

.search-result {
    margin-top: 30px;
    position: relative;
}

.search-result.wait:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url("../../bundles/slstudiophotoautomate/images/loader.white.gif") 0px 0px no-repeat;
}

.search-result .order_more_loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 24px;
    background: url("../../bundles/slstudiophotoautomate/images/loader.hor.large.gif") 0px 0px no-repeat;
}

.order_more_loader {
    position: relative;
    width: 160px;
    height: 65px;
    margin: 0 auto;
    margin-top: 30px;
}


.search-result span.highlight {
    background-color: #FFFF88;
}

.orders_found_count {
    position: absolute;
    top: -30px;
    font-weight: bold;
    font-size: 14px;
}

.order_found {
    position: relative;
    width: 350px;
    min-height: 250px;
    height: auto;
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    float: left;
}

.order_found_titlebar {
    vertical-align: top;
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}

.order_found_left {
    width: 122px;
    padding: 8px 14px;
    float: left;
}

.order_found_right {
    text-align: center;
    width: 172px;
    padding: 8px 14px 32px 14px;
    float: left;
}

.order_found_caption {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    width: 100%;
    height: 12px;
}

.order_found_right .order_found_value {
    line-height: 14px;
    margin-bottom: 5px;
}

.order_found_left .order_found_value {
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    margin-top: 5px;
    word-break: break-all;
}

.order_found .button {
    position: absolute;

    bottom: 10px;
    right: 10px;
    font-size: 14px;
    padding: 3px 6px 3px 6px;
}

.order_found_left .order_found_photo {
    width: 120px;
    height: 140px;
    margin: 0 auto;
}

.order_found .photo-box {
    line-height: 120px;
    text-align: center;
}

.order_found_right .order_found_photo {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 5px;
}

.order_found_right .photo-box {
    width: 50px;
    height: 50px;
}

.order_found_right .photo-box img {
    max-width: 50px;
    max-height: 50px;
}

.order_next_page, .order_next_page_blocked {
    position: relative;
    width: 350px;
    min-height: 150px;
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 36px;
    text-align: center;
    line-height: 46px;
    color: #555;
    text-decoration: none;
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    float: left;
}

.order_next_page > div, .order_next_page_blocked > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60%;
    margin: auto;
}

.order_next_page:hover {
    background-color: #eee;
    color: #000;
}

.order_next_page_blocked:hover {
    background-color: #ffffff;
    color: #555;
}

.order_next_page_blocked {
    cursor: default;
}

.order_found .hide {
    display: none;
}

.order_found_left a {
    text-decoration: none;
    color: #000;
}