@import "jura.css";
@import "play.css";

@media screen and (max-width:400px) {
	@-ms-viewport {
		width:320px;
	}
	.logout {
		margin-right: 1px !important;
	}
}
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

body {
	font-family: "Jura";
	overflow-y: scroll;
	font-size: 15px;
}
.popup {width: 700px; cursor:pointer;}
.popup:focus {
width: auto;
}
.brand-box {
	/*min-height: 222px;
	height: 222px;
	height: 100%;*/
}
.brand-box-big {
	/*min-height: 404px;*/
}
.brand-box-big h2 {
	font-size: 31px;
}

@media screen and (min-width:970px) {
	.brand-box-clients {
		min-height: 440px;
	}
}

.brand-box-med {
	height: 118px;
	margin-top: 50px;
}
.brand-box-small {
	height: 130px;
	margin-top: 50px;
}
.brand-box-xsmall {
	height: 130px;
	margin-top: 50px;
}
.header-box {
	background: rgb(215, 215, 215);
	padding: 0;
}
.footer-box {
	padding-top: 25px;
	padding-bottom: 50px;
	background: rgb(215, 215, 215);
}
.no-padding {
	padding: 0;
}

.wp-main {
	background-image: url(../img/back-2.jpg);
}
.wp-main-small {
	background-image: url(../img/back-2-sm.jpg);
}
.wp-main-xsmall {
	background-image: url(../img/back-2-sm.jpg);
}

.wp-storage {
	background-image: url(../img/contact-back.jpg);
}
.wp-storage-small {
	background-image: url(../img/contact-back-sm.jpg);
}
.wp-storage-xsmall {
	background-image: url(../img/contact-back-sm.jpg);
}

.wp-about {
	background-image: url(../img/about-back.jpg);
}
.wp-about-small {
	background-image: url(../img/about-back-sm.jpg);
}
.wp-about-xsmall {
	background-image: url(../img/about-back-sm.jpg);
}

.wp-contact {
	background-image: url(../img/contact-back.jpg);
}
.wp-contact-small {
	background-image: url(../img/contact-back-sm.jpg);
}
.wp-contact-xsmall {
	background-image: url(../img/contact-back-sm.jpg);
}

.wp-clients {
	background-image: url(../img/clients-back.jpg);
}
.wp-clients-small {
	background-image: url(../img/clients-back-sm.jpg);
}
.wp-clients-xsmall {
	background-image: url(../img/clients-back-sm.jpg);
}

.wp-news {
	background-image: url(../img/news-back.jpg);
}
.wp-news-small {
	background-image: url(../img/news-back-sm.jpg);
}
.wp-news-xsmall {
	background-image: url(../img/news-back-sm.jpg);
}

.wp-services {
	background-image: url(../img/services-back.jpg);
}
.wp-services-small {
	background-image: url(../img/services-back-sm.jpg);
}
.wp-services-xsmall {
	background-image: url(../img/services-back-sm.jpg);
}

.wp-login {
	background-image: url(../img/services-back.jpg);
}
.wp-login-small {
	background-image: url(../img/services-back-sm.jpg);
}
.wp-login-xsmall {
	background-image: url(../img/services-back-sm.jpg);
}

.title-box {
	height: 133px;
}

.title-box-small {
	height: 102px;
	margin-top: 50px;
}

.title-box-xsmall {
	margin-top: 50px;
	height: 102px;
}

.wallpaper {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
}
.wallpaper-small {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
}
.wallpaper-xsmall {
	background-repeat: no-repeat;
	background-position: top;
}

.box-1 {
	color: white;
}
.box-2 {
	color: white;
}
.box-3 {
	background: rgb(215, 215, 215);
}
.box-4 {
	background: white;
}
.box-5 {
	background: rgb(215, 215, 215);
}
.top-box {
	height: 80px;
	color: white;
}
.top-box-brand {
}
.top-box-nav {
	font-size: 14.5px;
}
.dark-text {
	color: rgb(91, 91, 91);
}
.client-list p {
	color: rgb(109, 109, 109);
}
.contacts p  {
	line-height: 15px;
}
.text  {
	line-height: 1.3em;
}
span {
	font-family: "Play";
}
.text-left {
	text-align: left;
}
.text-justify {
	text-align: justify;
}
.hl-back {
	background: rgb(0, 143, 143);
	//background: rgb(204, 155, 52);
}
.dark-back {
	//background: rgb(85, 74, 88);
	//background :rgb(80, 104, 134);
	background: rgb(0, 99, 99);
	//background: rgbrgb(85, 74, 88);
}
.news-record p {
	margin: 0;
}
.news-record .title {
	font-size: 17px;
	color: rgb(49, 49, 49);
}
.news-record .timestamp {
	font-size: 13px;
}
.news-record .text {
	font-size: 15px;
	text-align: justify;
	color: rgb(109, 109, 109);
}
.more {
	width: 100%;
	text-align: right;
	font-family: "Play";
}
a, a:visited {
	text-decoration: none;
	color: rgb(0, 143, 143);
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
a:hover {
	text-decoration: none;
	color: rgb(0, 60, 60);
}
a:active {
	text-decoration: none;
	color: rgb(0, 60, 60);
}
h1 {
	font-size: 38px;
}
.client-list img {
	opacity: 0.5;
}
.client-list h4 {
	color: rgb(49, 49, 49);
}

.menu-link a {
	font-family: "Play";
}
.menu-link a, .menu-link a:visited {
	text-decoration: none;
	color: white;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background: none;
}

.menu-link a:hover, .menu-link a:focus {
	text-decoration: none;
	opacity: 0.35;
	background: none !important;
	color: white !important;
}
.menu-link a:active {
	text-decoration: none;
	//color: rgb(51, 204, 204);
	background: none !important;
}
.menu-container {
	padding-top: 29px;
	padding-right: 0 !important;
}
.dropdown-brand-menu {
	background: rgb(0, 143, 143);
}
.dropdown-brand>a:hover, .dropdown-brand>a:focus {
	/*background: rgba(255,255,255,0.5) !important;*/
	transition: none !important;
}
.dropdown-inverse {
	background-color: #222;
	border-color: #080808;
}
.dropdown-inverse a {
	color: #999 !important;
}
.dropdown-inverse a:hover, .dropdown-inverse a:active {
	background: #222 !important;
	color: white !important;
}
.media-body h4 {
	font-size: 17px;
}
.bottom-row {
	background: rgb(215, 215, 215);
}
.row-spacer {
	height: 1px;
	background: rgb(0, 143, 143);
}
.current-page {
	opacity: 0.35;
}
.nav-padding{
	margin-top: 50px;
}
input, button, textarea {
	border-radius: 0 !important;
	font-family: "Play" !important;
}
form input, form textarea {
	background: #fdfdfd !important;
	border: 1px solid #d9d9d9 !important;
	margin-bottom: 3px;
	resize: none;
}
form button {
	background: rgb(0,143,143) !important;
	color: white !important;
	-webkit-transition: opacity 0.3s ease !important;
	transition: opacity 0.3s ease !important;
}
form button:hover, form button:active, form button:focus {
	background: rgb(0, 143, 143) !important;
	color: white !important;
	opacity: 0.5;
}
.map {
	width: 100%;
	height: 450px;
}

.page-title {
	padding-left: 20px;
	color: white;
}

.page-title h1 {
	font-size: 38px;
}

.page-title h1 img {
	vertical-align: top;
}

.back-button a {
	opacity: 1;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.back-button a:hover {
	opacity: 0.5;
}

.img-button {
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.img-button:hover {
	opacity: 0.5;
	color: rgb(0, 143, 143) !important;
}

.page-title h1 span {
	font-family: "Jura";
	font-size: 40.5px;
}

.services-mid-box {
	min-height: 200px;
}

.custom-list img {
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.5;
}

.software-logo {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
}

.back-button {
	margin-top: 10px;
}

@media screen and (min-width:970px) {
	.contact-persons div {
		min-height: 220px;
	}
	.contact-persons div.bordered {
		border-right: 1px solid white;
	}
	.about-row div.bordered {
		border-right: 1px solid white;
	}
	.back-button {
		margin-top: 44px !important;
		text-align: right;
	}
}

@media screen and (min-width:992px) {
	.storage-header {
		margin-top: 100px;
	}
	#storage-stat {
		float: right;
	}
}

#storage-stat {
	display: inline-block;
}

.requisites {
	padding-bottom: 25px;
}

.requisites tr:nth-child(odd) {
	background: rgb(245, 245, 245);
}

.requisites td {
	font-family: Play !important;
	padding-left: 10px;
}

.about-call-to h2 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.about-call-to a {
	color: white;
}

.about-call-to a:hover {
	color: rgb(85, 74, 88);
}

.no-news-row {
	padding-top: 50px;
	padding-bottom: 50px;
	color: rgb(214, 214, 214);
}

.progress {
	border-radius: 0px;
}
.alert {
	border-radius: 0px;
	font-family: "Play";
}

.new-feedback {
	font-family: "Play";
}

.progress-striped .progress-bar,
.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}
.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;
}

.about-company {
	color: rgb(109, 109, 109);
}

.storage-header h2 {
	font-family: "Play";
	color: #bbb;
	margin-bottom: 2px;
}

.usage-progress {
	width: 70%;
	height: 5px;
	border: 1px solid rgb(226, 226, 226);
}

.usage-progress .used {
	width: 50%;
	height: 100%;
	background-color: rgb(66, 202, 202);
}

.file-record {
	margin-bottom: 15px;
}

.file-record .file-name {
	font-size: 1.4em;
}

.file-record .file-size {
	font-size: 0.7em;
	color: #999;
}

.file-record .file-date {
	font-size: 0.7em;
	color: #999;
	float: right;
	margin-top: 5px;
}

.file-record .usage-progress {
	width: 100%;
	border: 0;
	height: 3px;
}

.file-record a, .file-record a:visited {
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	color: #333;
	font-size: 1.3em !important;
	font-family: "Play";
}

.file-record a:hover {
	color: rgb(66, 202, 202);
	text-decoration: underline;
}

.toolbar {
	padding-top: 15px;
	border-bottom: 1px solid silver;
	padding-bottom: 15px;
}

.file-checkbox {
	margin-top: 7px !important;
	display: inline-block;
}

.delete-failed {
	background: rgb(255, 215, 215);
}

#upload-progress {
	width: 100%;
	height: 15px;
	margin-top: 15px;
}

.usage-progress .used {
	-webkit-transition: width 0.5s ease-out;
	transition: width 0.5s ease-out;
}

.flash {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.85s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1.85s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1.85s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

.uploaded-files {
	font-size: 1.2em;
	font-family: "Jura";
}

.uploaded-files .file span{
	font-size: 0.8em;
	font-family: "Jura";
	color: red;
}

.navbar-brand:visited, .navbar-brand {
	color: white !important;
	opacity: 1;
}

.navbar-brand:hover {
	color: white !important;
	opacity: 0.5 !important;
}

.auth-link a, .auth-link a:visited {
	color: rgb(143, 143, 143) !important;
	opacity: 1;
}

.auth-link a:hover {
	opacity: 0.5;
}

.logout {
	font-size: 0.4em !important;
	float: right;
	margin-right: 15px;
	margin-top: 22px;
	font-family: "Play";
	-webkit-transition: opacity 0.3s ease !important;
	transition: opacity 0.3s ease !important;
}

.logout, .logout:visited {
	color: rgb(128, 195, 193);
	opacity: 1;
}

.logout:hover {
	color: rgb(128, 195, 193) !important;
	opacity: 0.5 !important;
}

.infomenu {
	//color: #333;
	font-size: 1.2em;
	font-family: "Play";
}
.infomenu li span.glyphicon {
	font-size: 0.8em;
}

.infoh1	{
	font-size: 1em;
	font-family: "Play";
	color: #333;
}

.infoh2	{

}

.infotext1	{
	color: rgb(91, 91, 91);
	font-size: 1.5em;
	padding-left: 50px;
}

.infotext2	{
	color: rgb(0, 143, 143);
	padding-left: 50px;

}

.subpage-title {
	color: rgb(91, 91, 91);
	background-color:rgb(128, 195, 193);
}

.subpage-title h3 {
	font-size: 1.9em;
	padding-left: 75px;
	text-align: left;
}
.subpage-title-kbk {
	color: rgb(91, 91, 91);
	background-color:rgb(128, 195, 193);
}

.subpage-title-kbk h3 {
	font-size: 1.9em;
	padding-left: 75px;
}
pre {
	color: rgb(91, 91, 91);
	font-size: 1.4em;
	padding-left: 50px;
	background:none;
	border:none;

	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.mytab {
    margin:0px auto 0px auto;
}

.mytab td {
    padding: 5px;
}
.mytab th {
    padding: 5px;
}
.mytab2 {
    margin:0px auto 0px auto;
}

.mytab2 td {
    padding: 15px;
}
h5 {
    font-size: 20px;
    color:rgb( 0, 99, 99);
}
h6{
    font-size: 17px;
    color:rgb(0, 99, 99);
}

.table cell cellH{
	display: inline-block;
	vertical-align: top;
}
.table header{
	color:rgb( 0, 99, 99);
}
.toggleD {
	margin: 10px 0;
	border: 1px solid #eee;
}
.toggleD .cell .toggleD .cellH {
	padding: 5px;
	box-sizing: border-box;
	font-size: 14px;
}
.row.header .cell {
	display: inline;
}

.kbkTable {
	width: 100%;
}

.kbkTable {
	font-family: Play;
}

.kbkTable caption {
	font-size: 15pt;
	padding: 10px;
	padding-left: 20px;
	text-align: left;
	cursor: pointer;
	border: 1px solid silver;
}

.kbkTable caption:hover {
	color: red;
}
.kbkTable td:nth-child(1) {
	text-align: justify;
}

.kbkTable thead td {
	text-align: justify;
}

.kbkTable td, .kbkTable th {
	padding: 5px;
}

.kbkTable tbody tr:nth-child(odd) {
	background: rgb(243, 243, 243);
}

#sidebar {
    position: static;
}

@media (min-width: 992px) { 
	#sidebar {
		position: relative;
		top: 0px;
	}
}

.sidebar-container {
	transition: all 0.5s ease-in-out;
	z-index: 999;
}
.linktab{
    margin:0px auto 0px auto;
}

.linktab td {
    padding: 15px;
	text-align: justify;
	font-size: 20px;
	
}
.linktab2{
    margin:0px auto 0px auto;
}

.linktab2 td {
    padding: 15px;
	text-align: justify;
	font-size: 30px;
	
}
.linktab2 A {
    color: rgb(0, 99, 99);
}
.linktab2   A:visited {
    color: rgb(0, 99, 99);
   }
.linktab2  A:active {
    color: rgb(0, 143, 143);
   }
 .linktab3 
 .linktab3 A {
	font-size: 15pt;
	padding: 10px;
	padding-left: 20px;
	text-align: left;
	cursor: pointer;
	border: 1px solid silver;
}
.okvedTable {
	width: 100%;
}

.okvedTable {
	font-family: Play;
}

.okvedTable caption {
	font-size: 15pt;
	padding: 10px;
	padding-left: 20px;
	text-align: left;
	cursor: pointer;
	border: 1px solid silver;
}

.okvedTable caption:hover {
	color: red;
}
.okvedTable td:nth-child(1) {
	text-align: justify;
}

.okvedTable thead td {
	text-align: justify;
}

.okvedTable td, .kbkTable th {
	padding: 5px;
}

.okvedTable tbody tr:nth-child(odd) {
	background: rgb(243, 243, 243);
}

.infomenu-sub {
	font-size: 0.8em;
	padding-left: 20px;
}

.infomenu-sub li {
	display: block;
}

.infomenu-sub li a {
	padding: 8px;
}

.ui-hidden {
	display: none;
}
.kodTable {
	width: 100%;
}

.kodTable {
	font-family: Play;
}

.kodTable caption {
	font-size: 15pt;
	padding: 10px;
	padding-left: 20px;
	text-align: left;
	cursor: pointer;
	border: 1px solid silver;
}

.kodTable caption:hover {
	color: red;
}
.kodTable td:nth-child(1) {
	text-align: justify;
}
.kodTable th {
	text-align: center;
	padding: 5px;
.kodTable thead td {
	text-align: justify;
}

.kodTable td{
	padding: 5px;
}

}

.kodTable tbody tr:nth-child(odd) {
	background: rgb(243, 243, 243);
}