/*
	$$\   $$\ $$$$$$$$\ $$$$$$$$\                $$\               $$\
	$$$\  $$ |$$  _____|\__$$  __|               $$ |              $$ |
	$$$$\ $$ |$$ |         $$ |        $$$$$$\ $$$$$$\    $$$$$$\  $$ |  $$\
	$$ $$\$$ |$$$$$\       $$ |$$$$$$\ \____$$\\_$$  _|   \____$$\ $$ | $$  |
	$$ \$$$$ |$$  __|      $$ |\______|$$$$$$$ | $$ |     $$$$$$$ |$$$$$$  /
	$$ |\$$$ |$$ |         $$ |       $$  __$$ | $$ |$$\ $$  __$$ |$$  _$$<
	$$ | \$$ |$$$$$$$$\    $$ |       \$$$$$$$ | \$$$$  |\$$$$$$$ |$$ | \$$\
	\__|  \__|\________|   \__|        \_______|  \____/  \_______|\__|  \__|


	Copyright (c) 2018 all rights reserved
*/

/*---------------------------------------------------------------------
	IMPORT needed stylesheets like FONTS, RESPONSIVE etc.
---------------------------------------------------------------------*/
@import url("animate.css");
@import url("balloon.min.css");



/*---------------------------------------------------------------------
	CONAN STYLE 
---------------------------------------------------------------------*/

.form-control::placeholder {
	color: #dad7d7;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

.content-wrapper {
	background: ##ecf0f5;
}
.main-footer {
	background: #222d32;
	color: #fff;
}
.form-control {
	color: #999;	
}
.alert {
	position: fixed;
	top: 10%;
	width: 40%;
	right: 10px;
	z-index: 10;
	margin: 0px 10px;
}
.login .content-wrapper, 
.resetPass .content-wrapper, 
.register .content-wrapper {	
	background: url(../image/theme/conan/carex_back.jpg) no-repeat center/ cover;
}
#table_filter input {
	width: 92.5%;
	border: 1px solid #ccc;
	padding: 5px;	
}
#table_filter label {
	width: 100%;
}
.progressbar {
	position: fixed;
	z-index: 1997;
	width: 0%;
	height: 50px;
	top: 0px;
	left: 0px;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 1.6em;
	overflow: hidden;
}

.px-0{
	padding-left: 0px;
	padding-right: 0px;
}
.px-7{
	padding-left: 7px;
	padding-right: 7px;
}
.w-100 {
	width: 100%;
}
.kody input {
	margin: 2px 0px;
}
.moreClickable {
	width: 100%;
	text-align: right;
}
.moreClickable .btn {	
	width: 100%;
	text-align: right;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
	min-width: 70px;
	padding: 2px 10px;
}
.kody .box.box-solid > .box-header .btn:hover, .kody .box.box-solid > .box-header a:hover {
	background: none;
}
.kody {
	margin-top: 10px;
}
.kody .page-header {
	margin: 25px 0 10px 0;
	font-size: 13px;
	padding-bottom: 4px;
}
.progress-bar {
	transition: none;
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
  background-position: 0 0;
  background-size: 1rem 1rem;
}
@keyframes progress-bar-stripes {
	0% {
		background-position: 1rem 0;
	}
	100% {
		background-position: 0 0;
	}
}
.slider-handle {	
	background: white;
	border-radius: 50%;
	box-shadow: 0px 0px 2px #000;
}
.slider-horizontal {
	width: 100%;
}

.carImport .info-box {	
	min-height: 65px;
}
.carImport .info-box-icon {
	height: 79px;
	line-height: 79px;
}
.rabatk {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-bottom: 10px;
}
.schowane {
	display: none;
}
tr .opcje {
	position: absolute;
	top: 37px;
	left: 0px;
	width: 100%;
	/* height: 2vw; */
	z-index: 4;
	display: none;
	padding: 50px 7px;
}
.opcje p {
	float: left;
	margin-right: 5px;
	width: 31%;
	text-align: justify;
}
.opcje p.inline {
	float: none;
	margin-right: 0px;
	width: 100%;
	display: inline-block;
}
.relative {
	position: relative;
}
.showCarInfo .fa {
	float: right;
	margin-top: 4px;
	cursor: pointer;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	font-size: 12px;
}
.direct-chat-messages {
	height: auto;
	padding-top: 15px;
}
.direct-chat-contacts {
	background: #fff;
	height: auto;
}
.pad10 {
	padding: 10px;
}
.select2 {
	width: 100% !important;
}
.text-align-right {
	text-align: right;
}
.text-align-center {
	text-align: center;
}
.p-5 {
	padding: 5px;
}
.language li a{
	color: #fff;	
}
ul.language {
	padding: 0px !important;
}
#readCar h7 {
	clear: left;
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#readCar .users-list > li {
	width: 100%;
}
.closeOption {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 21px !important;
}
.kody .box-header > .box-tools {	
	width: 99%;
	text-align: right;
}
.kody .box-header > .box-tools button {
	width: 100%;	
	text-align: right;
}
.inline-block {
	display: inline-block;
}
.even-odd tr:nth-child(even) {
	background: #e7e7e7;
}
.pwhole p {
	width: 100%;
}
.label-black {
	background-color: #000 !important;
}
.labelAdmin {
	display: none;
}
.opcje div.p {
	float: left;
	margin-right: 5px;
	width: 31%;
	text-align: justify;
}
.opcje div.p ul {
	list-style-type: square;
}
.doAkceptu {
	background: #ff99004d;
}
.right {
	float: right;
}
.sevenDays {
/* 	background: #ffce00; */
	background: #ff5000;
}
.checkCar {
	margin-right: 10px !important
}
.actionWIthChecked {
	display: none;
}
.car .fa-refresh {
	color: #ff0000;
	cursor: pointer;
}

.choose .main-header, 
.choose .main-footer {
	display: none;
}
.choose .content-wrapper, .main-footer {
	margin-left: 0px;
	min-height: auto;
	background: #fff;
}

.lewamain {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 72%;
	background: #000000;
	height: 100%;
	background: url('../image/theme/conan/carex_back.jpg') no-repeat center / cover;
	font-family: 'Lato', sans-serif;
}
.prawamain {
	position: fixed;
	right: 0px;
	top: 0px;
	width: 28%;
	background: #ce0201; /* Old browsers */
	background: -moz-linear-gradient(top, #ce0201 1%, #ce0201 31%, #ce0201 53%, #d10505 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ce0201 1%,#ce0201 31%,#ce0201 53%,#d10505 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ce0201 1%,#ce0201 31%,#ce0201 53%,#d10505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	height: 100%;
	font-family: 'Lato', sans-serif;
}
.lewamain a.logo{
	display: block;
	background: url('../image/theme/conan/logocems.png') no-repeat center / contain;
	width: 9vw;
	height: 3vw;
	position: absolute;
	z-index: 2;
	left: 4%;
	top: 4vw;
}

.lewamain p.title, .prawamain p.title {
	text-transform: uppercase;
	color: #e7e7e7;
	font-size:calc(12px + 0.45vw);	
	letter-spacing: 3px;	
	margin-top: 4vw;
}

.lewamain p.title {
	float: right;
	font-weight: 900;	
	margin-right: 22px;
}
.prawamain p.title {	
	font-weight: 300;
	float: left;	
	margin-left: 22px;
}

.lewamain p.title2 {	
	font-size: 30px;
	font-weight: 900;
	float: right;	
	margin-top: 6vw;
	clear: right;
	margin-right: 4vw;
}
.prawamain  p.title2 {	
	font-size: 30px;
	font-weight: 900;
	float: left;	
	margin-top: 6vw;
	clear: left;
	margin-left: 4vw;
}
.lewamain p.title3 {
	font-size: 11px;
	font-weight: normal;
	float: right;
	clear: right;
	margin-right: 2vw;
	margin-top: 0.1vw;
}

.prawamain p.title3 {
	font-size: 11px;
	font-weight: normal;
	float: left;
	clear: left;
	margin-left: 3vw;
	margin-top: 0.1vw;
}
.lewamain a.button {
	padding: 14px 40px;
	background: #fff;
	border: 1px solid #15181a;
	font-size: 11px;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	float: right;
	clear: right;
	margin-right: 4vw;
	margin-top: 2vw;
	transition: 0.2s ease-in-out;
}
.lewamain a.button2 {
	padding: 14px 28px;
	border-color: #ce0201;
	background: #000;
	color: #fff;
}
.prawamain a.button {
	padding: 14px 40px;
	background: #000;
	border: 1px solid #15181a;
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	float: left;
	clear: left;
	margin-left: 4vw;
	margin-top: 2vw;
}
.prawamain a.button2 {
	padding: 14px 28px;
	border-color: #000;
	background: #ce0201;
	color: #fff;
}
.lewamain a.button:hover {
	background: #cf0302;
	color: #f9f9f9;
}
.prawamain a.button:hover {	
	background: #fff;	
	color: #000;	
}
.skin-red .main-header .logo {
	background-color: #c20c0b;
}
.skin-red .main-header .navbar {
	background-color: #cf0302;
}
.login-box-body a {
	color: #cf0302;
}
.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side {
	background-color: #060404;
}
.choose .content-wrapper, .main-footer {
	background: #000;
}
a {
	color: #cf0302
}
.main-footer strong {
	position: relative;
	z-index: 1111;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.alert {	
		top: 20%;
		width: 97%;	
		right: 0px;
	}

}