/* HELPERS */

#middle h1 {
	margin-top: 10px;
	margin-bottom: 10px;
}
#middle h2 {
	margin-top: 10px;
	margin-bottom: 0px;
}
#middle hr {
	margin: 7px 0;
	height: 0px;
}
#middle .green {
	color: green;
}
.no-select {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}
#middle .disabled {
	cursor: not-allowed;
	opacity: 0.7;
}

#middle .h4 {
	display: block;
}
#middle h5,
#middle .h5 {
	display: block;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #136ea9;
}
#content p.bg-success {
	padding: 5px;
}
.color-box {
	display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top;
    border: 1px solid #000;
    border-radius: 3px;
    margin-right: 5px;
}
.fs87p {
	font-size: 87.5%;
}
.img-bordered {
	border: 1px solid #C4C4C4;
}
.show-section-error {
    background-color: #FFFAFA;
    border: 1px solid #FF4343;
    padding-bottom: 3px;
}

/*
	INFOBOXES
 */
#middle .infobox-read-only p { font-size: 11.5px;}
.read-more a, .read-less a { color: #bd020d; font-weight: bold;	font-style: normal;	font-family: 'Roboto', Tahoma, Arial, Helvetica, sans-serif; background: url(../darcekyodsrdca/img/theme07/icons/down2.png) no-repeat 5px 2px; padding: 4px 26px; font-size: 100%; position: relative; text-decoration: none;}
.read-more a:hover, .read-less a:hover {text-decoration: none !important}
.read-less { padding-top: 7px;	display: inline-block;}
.read-more a strong, .read-less a strong {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.read-more a {}
.read-less a {background-position: 5px -22px;}
.summary .read-more strong {position: relative}
.details .read-less strong {position: relative}

/*
	PRICE TABLE
 */
#middle .order-steps {
	/* margin-bottom: 0 */
}
#middle #price_table table {width:100%;}
#middle .price-table th {
	background: url(../../img/template/bg-top-toolbar2.png) repeat-x;
    height: 33px;

    padding: 0 10px 0;
    margin: 0;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
    vertical-align: middle;
}
#middle .price-table th.first-col {
	border-radius: 0;
}
#middle .price-table th.last-col {
	border-radius: 0;
}
#middle .price-table tr td {
	text-align: right;
    padding: 5px 10px;
}
#middle .price-table tr td.first {
	text-align: left;
}
#middle .price-table tbody tr,
#middle .price-table table tbody tr:first-child,
#middle .price-table table tbody tr:last-child
{
	background: #eee;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0;
}
#middle .price-table table tbody tr.doubleline:not(.voucher) {
	border-top: 1px solid #ca0000;
	border-bottom: 0;
}
#middle .price-table table tbody tr:last-child,
#middle .price-table table tbody tr.doubleline:last-child {
	border-bottom: 1px solid #CCCCCC;
}
#middle .price-table tr:nth-last-child(2) {
	border-bottom: 0;
}
#middle .price-table tr.doubleline.voucher.blue {
	border-bottom: 1px solid blue;
}
#middle .price-table tr.doubleline.voucher.blue td {
	color: blue;
}
.show-table-price {
	background: url('/assets/img/template/bg-buttons.png') repeat-x 0 0;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font: 22px/18px "Oswald", Calibri, Arial, sans-serif;
    border-radius: 1px;
    margin: 1px 0 0 5px;
    vertical-align: 1px;
    z-index: 100;
}
.show-table-price:hover {
	cursor: pointer;
}
.price-table-top-row.row {
	margin: 5px -20px 15px -20px;
	padding: 4px 10px;
	background: #eee;
	/* border-top: 1px solid #CCCCCC; */
	/* border-bottom: 1px solid #CCCCCC; */
}
.price-table-top-text {
	line-height: 26px;
	vertical-align: middle;
}
.price-table-top-text .total-price {
	font: 700 17px "Oswald", Calibri, Arial, sans-serif;
	line-height: 26px !important;
	vertical-align: middle !important;
}

/*
	FORMS
 */
#middle .bootstrap-select.input-sm .btn,
#middle .form-group-sm .bootstrap-select .btn {
	padding: 5px 10px;
}
.checkbox.input-sm,
#middle .form-horizontal .checkbox.input-sm {
	padding-left: 0;
	padding-top: 10px;
	height: auto;
	min-height: 20px;
}
.ui-dialog-buttonpane:hover,
.ui-dialog-buttonset:hover {
	opacity: 1;
}
.ui-dialog-buttonset {
	min-width: 200px;
	text-align: right;
}
[class*='col-'].no-pad {
    padding-right: 0;
    padding-left: 0;
}
.btn-primary {
    background-image: -webkit-linear-gradient(top,#65b5e8 0,#328ec9 100%);
    background-image: -o-linear-gradient(top,#65b5e8 0,#328ec9 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#65b5e8),to(#328ec9));
    background-image: linear-gradient(to bottom,#65b5e8 0,#328ec9 100%);
    background-repeat: repeat-x;
    border-color: #3089C2;
}
.btn-primary:focus, .btn-primary:hover {
    background-color: #328ED5;
}
.btn-success {
    background-image: -webkit-linear-gradient(top,#7cb600 0,#629100 100%);
    background-image: -o-linear-gradient(top,#7cb600 0,#629100 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7cb600),to(#629100));
    background-image: linear-gradient(to bottom,#7cb600 0,#629100 100%);
    background-repeat: repeat-x;
    border-color: #5D8A00;
}
.btn-success:focus, .btn-success:hover {
    background-color: #62910C;
}
.btn-info {
    background-image: -webkit-linear-gradient(top,#525252 0,#474747 100%);
    background-image: -o-linear-gradient(top,#525252 0,#474747 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#525252),to(#474747));
    background-image: linear-gradient(to bottom,#525252 0,#474747 100%);
    background-repeat: repeat-x;
    border-color: #404040;
}
.btn-info:focus, .btn-info:hover {
    background-color: #474755;
}
.btn-warning {
    background-image: -webkit-linear-gradient(top,#ff8022 0,#f16600 100%);
    background-image: -o-linear-gradient(top,#ff8022 0,#f16600 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff8022),to(#f16600));
    background-image: linear-gradient(to bottom,#ff8022 0,#f16600 100%);
    background-repeat: repeat-x;
    border-color: #EB6300;
}
.btn-warning:focus, .btn-warning:hover {
    background-color: #F1660C;
}
.btn-danger {
	background-image: -webkit-linear-gradient(top,#ec0f12 0,#a10002 100%);
    background-image: -o-linear-gradient(top,#ec0f12 0,#a10002 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ec0f12),to(#a10002));
    background-image: linear-gradient(to bottom,#ec0f12 0,#a10002 100%);
    background-repeat: repeat-x;
    border-color: #990002;
}
.btn-danger:focus, .btn-danger:hover {
    background-color: #A10010;
}

#middle .btn,
#middle .bootstrap-select .btn,
#middle .form-control,
#middle .dropdown-menu {
	border-radius: 0;
}
#middle .form-group label {
	font-weight: bold;
}
#middle .control-label {
	font-size: 11px;
	padding-top: 10px;
	font-weight: bold;
	margin: 0;
}
#middle .control-label.control-vertical {
	line-height: normal;
}
#middle .form-horizontal .checkbox {
	padding-top: 11px;
}
#middle .checkbox {
	line-height: 35px;
}
#middle .checkbox.input-sm {
	line-height: 30px;
}
#middle .checkbox.input-sm label {
	min-height: 15px;
}
#middle .checkbox label {
	font-size: 11px;
    padding-top: 0px;
    font-weight: bold;
}
#middle .checkbox input[type=checkbox] {
	margin-bottom: 0;
	min-height: 13px;
}
#middle :not('.form-horizontal') .form-group label {
	margin-bottom: 5px;
}
#middle .form-control.count {
	width: 20px;
	display: inline-block;
}
#middle .button[disabled] {
	cursor: not-allowed;
	opacity: 0.7;
}
#middle .button {
	margin-top: 0;
	margin-bottom: 0;
	height: auto !important;
	line-height: normal !important;
}
#middle .module-uploadifive-button {
	position: relative;
	overflow: hidden;
}
#middle .module-uploadifive-button input {
	height: 100%;
	width: 100%;
}
#middle .module-uploadifive-button input:hover,
#middle .module-uploadifive-button:hover {
	cursor: pointer;
}
#middle .button-count {
	width: 34px;
	font-weight: bold;
}
@media (max-width: 1001px) {
	#middle .button-count {
		width: auto;
	}
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield;
}
.form-horizontal .form-group {
	margin-left: -10px;
	margin-right: -10px;
}
.bottom-buttons.module-bottom-buttons {
	cursor: initial;
}

/*
	PANELS
 */
.panel {
	border-radius: 0;
}
.panel.panel-sm .panel-heading {
	padding: 5px 10px;
	border-radius: 0;
}
#middle .panel.panel-sm .table td {
	padding: 0;
	padding-left: 10px;
	line-height: 28px;
}
#middle .panel-body {
	padding-top: 5px;
	padding-bottom: 5px;
}
#middle .table-condensed>tbody>tr>td {
	padding: 4px 7px;
}
.col-md-2_5,
.col-md-9_5 {
	padding-left: 10px;
    padding-right: 10px;
    float: left;
    position: relative;
    min-height: 1px;
}
@media (min-width: 992px) {
	.col-md-2_5 {
		width: 20.83333%;
	}
	.col-md-9_5 {
		width: 79.16666%;
	}
}

/*
	Font awesome
 */
.fa.fa-same-w {
	width: 16px;
}

/*
	Uploadifive
 */
.uploadifive-queue {
	display: none !important;
}

/*
	DIPLOMOVKY
 */
.dp-preview-images a.gallery {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) {
    .dp-preview-images a.gallery:nth-child(9n) {
    	margin-right: 0px;
    }
}
.dp-preview-images a.gallery .bg-hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	border-radius: 4px;
	text-align: center;
	background: rgba(47,162,188,0.7);
	opacity: 0;
	transition: 0.3s opacity;

}
.dp-preview-images a.gallery .bg-hover:hover {
	opacity: 1;
}
.dp-preview-images a.gallery .bg-hover .fa {
	position: relative;
	margin-top: 50%;
	top: -10px;
	color: #fff;
}
#middle .dp-preview-images a.gallery img {
	margin: 0px;
}
#middle .dp-preview-images a.gallery .page-color {
	position: absolute;
	bottom: 1px;
	left: 1px;
	right: 1px;
	border-radius: 4px;
	padding: 8px 0;
	text-align: center;
	font-weight: bold;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+26,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#middle .infobox {
	background: none;
	padding-left: 10px;
	font-style: normal;
	font-size: 12px;
	clear: both;
}
.diploma-binding-preview {
	padding: 20px;
	box-sizing: border-box;
	background-position: center;
	border: 1px solid #CCC;
}
.diploma-binding-preview span {
	display: block;
	font-size: 150%;
	color: #C0C0C0;
	text-align: center;
}
.svg-drag-image-show {
	display: none;
}

#body.diplomovka .section-upload-title-info .show-section-error { float: left; width: 50%; }

/* POCET KUSOV */
#pocet-kusov-wrap {margin:0;width:auto;font-size:15px;font-weight:bold;color:#000;text-transform:uppercase;}
#pocet-kusov-wrap label{text-transform:none}
#pocet-kusov-wrap input{width:20px;vertical-align:3px;text-align:center;margin:0 5px 0 0;}
#pocet-kusov-wrap span:hover{opacity:0.9}
#pocet-kusov-wrap #count-plus,
#pocet-kusov-wrap #count-plus-step1,
#pocet-kusov-wrap #count-plus-step2,
#pocet-kusov-wrap #count-minus,
#pocet-kusov-wrap #count-minus-step1,
#pocet-kusov-wrap #count-minus-step2{background:#224d67;color:#fff;text-align:center;border-radius:0;margin:0 -1px 0 0 !important;padding:0 !important;width:33px;height:33px;line-height:33px !important;display:inline-block;cursor:pointer;vertical-align:top;font-size:20px !important;}