/**
*
* CSS General Template
* @Author: Marcin Domowicz;
*
*/

@font-face {
    font-family: Lato;
    src: url('../../fonts/Lato-Regular.ttf');
}

::-webkit-scrollbar
{
  width: 4px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

html, body {
	margin:0;
	padding:0;
	font-family: 'Roboto Sans', sans-serif !important;
}

/**
*
* CSS dla elementów formularza START
*
*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

textarea {
	font-family: inherit;
}

.doublem-tooltip {
	  background-color: black !important;
	  color: #aaa !important;
	  text-align: center !important;
	  padding: 5px 10px !important;
	  border-radius: 6px !important;
	  font-size:.8em !important;
	  border:none !important;
	  box-shadow:1px 1px 5px #333 !important;
}

.break-word {
	word-break:break-word;
}

.swal2-container.swal2-backdrop-show {
    background: rgba(0,0,0,.75) !important;
}

.form-input {
	padding:12px 15px;
	background:#fff;
	border:none;
	border-left:4px solid #000;
	box-shadow:1px 1px 2px #aaa;
	transition:0.2s all;
	color:#555;
	box-sizing: border-box;
	margin-bottom:10px;
}

.form-input-small {
	padding:5px 8px;
	background:#fff;
	border:none;
	border-left:4px solid #000;
	box-shadow:1px 1px 2px #aaa;
	transition:0.2s all;
	color:#555;
	box-sizing: border-box;
	margin-bottom:10px;
}

.form-input-error {
	border-left:4px solid red !important;
}

.form-input-wide {
	width:260px;
}

.input-large {
	padding:15px 25px;
	font-size:1.2em;
}

.form-input:focus {
	border-left:8px solid #000;
	transition:0.2s all;
	color:#000;
}

.form-radio {
	background:#fff;
	color:#000;
	padding:8px 12px;
	box-shadow:1px 1px 2px #aaa;
	display:inline-block;
	transition:0.2s all;
	cursor:pointer;
}

.form-error-box i, .form-error-box-callback i {
	color:#777;
	margin-right:5px;
}

.form-error-box, .form-error-box-callback {
	color:#777;
}

.form-radio i, .form-radio-checked i {
	cursor:pointer;
}

.form-radio label, .form-radio-checked label {
	margin:0px 25px;
	position:relative;
	top:-6px;
	cursor:pointer;
}

.form-radio-simple {
	color:#000;
	padding:8px 12px;
	display:inline-block;
	transition:0.2s all;
}

.form-radio-simple i, .form-radio-simple-checked i {
	cursor:pointer;
}

.form-radio-simple label, .form-radio-simple-checked label {
	margin:0px 8px;
	position:relative;
	top:-6px;
	cursor:pointer;
}

.form-radio-checked {
	background:#000;
	color:#fff;
	padding:8px 12px;
	box-shadow:1px 1px 2px #aaa;
	display:inline-block;
	transition:0.2s all;
}

.form-radio-simple-checked {
	padding:8px 12px;
	display:inline-block;
	transition:0.2s all;
}

.form-button-primary {
	color:#000;
	background:#fff;
	padding:10px 25px;
	box-shadow:1px 1px 2px #aaa;
	text-align: center;
	transition:0.2s all;
	border:none;
	font-weight:bold;
	cursor:pointer;
}

.form-button-primary:hover {
	background:#000;
	color:#fff;
	transition:0.2s all;
}

.form-button-secondary {
	color:#000;
	background:#ffe500;
	padding:10px 25px;
	box-shadow:1px 1px 2px #aaa;
	text-align: center;
	transition:0.2s all;
	border:none;
	font-weight:bold;
	cursor:pointer;
}

.form-button-secondary:hover {
	background:#000;
	color:#fff;
	transition:0.2s all;
}

.form-button-small {
	padding:7px 15px;
}

.form-button-wide {
	padding:10px 50px;
}

.form-input-button {
    height:39px;
    line-height: 39px;
    background: #ffe404;
    padding:0px 10px;
    border: none;
    box-shadow: 1px 1px 2px #aaa;
    transition: 0.2s all;
    color: #555;
    position:relative;
    left:-2px;
    top:2px;
    display: inline-block;
}

.form-checkbox i {
	cursor:pointer;
}

.input-hidden {
	opacity:0; width:1px height:1px; position:fixed; z-index:-999
}

.form-checkmark {
	color:#ffe500;
}

.form-checkbox-disabled, .form-radio-disabled {
	color:#cecece;
}

#js_password_validation i {
	display:none;
}

a {
	color:#000;
	text-decoration: none;
	transition:0.2s all;
}

a:hover {
	color:#555;
	transition:0.2s all;
}

.text-muted {
	background:#ffe500;
}

.text-animated {
	transition:0.5s all;
}

.input-muted {
	background:#ededed;
}

.clear {
	clear:both;
}

.push-left {
	float:left;
}

.push-right {
	float:right;
}

.row {
	margin-left:0;
	margin-right:0;
}

.row:after {
	clear:both;
}

.row:after,.row:before{display:table;content:" "}

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

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

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

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

.mtop-10 { margin-top:10px !important; }
.mtop-25 { margin-top:25px !important; }
.mtop-50 { margin-top:50px !important; }
.mtop-75 { margin-top:75px !important; }

.mbot-10 { margin-bottom:10px !important; }
.mbot-25 { margin-bottom:25px !important; }
.mbot-50 { margin-bottom:50px !important; }
.mbot-75 { margin-bottom:75px !important; }

.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.italic {
	font-style:italic;
}

.inline {
	display:inline-block;
}

.width-10 	{ width:10% !important; }
.width-15 	{ width:15% !important; }
.width-20 	{ width:20% !important; }
.width-25 	{ width:25% !important; }
.width-30 	{ width:30% !important; }
.width-35 	{ width:35% !important; }
.width-40 	{ width:40% !important; }
.width-45 	{ width:45% !important; }
.width-50 	{ width:50% !important; }
.width-55 	{ width:55% !important; }
.width-60 	{ width:60% !important; }
.width-65 	{ width:65% !important; }
.width-70 	{ width:70% !important; }
.width-75 	{ width:75% !important; }
.width-80 	{ width:80% !important; }
.width-85 	{ width:85% !important; }
.width-90 	{ width:90% !important; }
.width-95 	{ width:95% !important; }
.width-100 	{ width:100% !important; }

@media(min-width:240px) and (max-width:767px) {

	.col-xs-1 {
		width:8.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-2 {
		width:16.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-3 {
		width:25% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-4 {
		width:33.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-5 {
		width:41.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-6 {
		width:50% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-7 {
		width:58.333333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-8 {
		width:66.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-9 {
		width:75% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-10 {
		width:83.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-11 {
		width:91.666666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-12 {
		width:100% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

}

@media(min-width:768px) and (max-width:1023px) {

	.col-sm-1 {
		width:8.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-2 {
		width:16.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-3 {
		width:25% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-4 {
		width:33.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-5 {
		width:41.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-6 {
		width:50% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-7 {
		width:58.333333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-8 {
		width:66.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-9 {
		width:75% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-10 {
		width:83.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-11 {
		width:91.666666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-12 {
		width:100% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

}

@media(min-width:1024px) {

	.col-md-1 {
		width:8.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-2 {
		width:16.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-3 {
		width:25% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-4 {
		width:33.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-5 {
		width:41.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-6 {
		width:50% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-7 {
		width:58.333333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-8 {
		width:66.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-9 {
		width:75% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-10 {
		width:83.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-11 {
		width:91.666666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-12 {
		width:100% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}
	
}