/*!* Wszędzie ten sam font *!*/
/*body {*/
	/*font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
/*}*/

/*!* Własny skin na AdminLTE *!*/
/*.skin-blue .main-sidebar, .skin-blue .left-side, .skin-blue .wrapper {*/
	/*background: rgb(70, 154, 186);*/
/*}*/

/*.skin-blue .main-header .logo, .skin-blue .main-header .navbar {*/
	/*background: rgb(255, 255, 255);*/
/*}*/

/*.skin-blue .main-header .logo:hover {*/
	/*background: rgb(222, 222, 222);*/
/*}*/

/*.skin-blue .main-header .navbar .nav>li>a {*/
	/*color: #333333;*/
/*}*/

/*.skin-blue .main-header .navbar .nav>li>a:hover {*/
	/*background: rgb(70, 154, 186);*/
	/*color: #fff;*/
/*}*/

/*.skin-blue .sidebar a {*/
	/*color: #fff;*/
/*}*/

/*.skin-blue .sidebar a:hover {*/
	/*background: rgb(37, 126, 163);*/
/*}*/

/*.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {*/
	/*background: #257EA3;*/
	/*border-left:3px solid rgb(21, 78, 101);*/
/*}*/

/*.skin-blue .sidebar-form {*/
	/*background: rgb(21, 78, 101);*/
	/*border:none;*/
	/*border-radius: 16px;*/
	/*margin-top: 24px;*/
	/*margin-bottom: 24px;*/
/*}*/

/*.skin-blue .sidebar-form {*/
	/*background: #fff;*/
/*}*/

/*.skin-blue .sidebar-form .btn, .skin-blue .sidebar-form input[type="text"] {*/
	/*background: #fff;*/
	/*color: #333;*/
	/*border-radius: 16px;*/
/*}*/

/*.btn-dark {*/
	/*background: rgb(21, 78, 101);*/
	/*color: #fff;*/
	/*border-radius: 16px;*/
/*}*/

/*.btn-light {*/
	/*background: rgb(41, 98, 131);*/
	/*color: #fff;*/
	/*border-radius: 16px;*/
/*}*/

/*.skin-blue .main-header .navbar .sidebar-toggle {*/
	/*background: #fff;*/
	/*color: #333333;*/
/*}*/

/*.skin-blue .sidebar-menu>li.header {*/
	/*border-top:1px solid rgb(21, 78, 101);*/
	/*background: none;*/
	/*color:#eee;*/
	/*padding:2px;*/
/*}*/

/*.navbar-nav > li > .infoonly {*/
	/*padding: 10px;*/
	/*padding-top: 15px;*/
	/*padding-bottom: 15px*/
/*}*/

/*.video_icon {*/
	/*display: block;*/
	/*float: left;*/
	/*height: 80px;*/
	/*width: 90px;*/
	/*text-align: center;*/
/*}*/

/*.bg-white {*/
	/*background: #fff;*/
/*}*/


/*!* Inne *!*/

/*.video_box {*/
	/*padding:0px;*/
	/*padding-top:15px;*/
	/*border:1px solid #4799b9;*/
	/*background:#fafafa;*/
	/*text-align:center;*/
	/*color:#4799b9;*/
	/*margin-top:20px;*/
/*}*/

/*.video_title {*/
	/*padding-top: 10px;*/
	/*padding-bottom: 10px;*/
	/*min-height: 100px;*/
/*}*/

/*.video_status {*/
	/*color:#ffffff;*/
/*}*/

/*.video_accepted {*/
	/*background: rgb(149, 196, 67);*/
/*}*/

/*.video_rejected {*/
	/*background: rgb(196, 67, 149);*/
/*}*/

/*.bg-lightgray {*/
	/*background: #fafafa;*/
/*}*/

/*.bg-lightgray h3, .bg-lightgray i {*/
	/*color:#000000;*/
/*}*/

/*!**/
	/*Wyśrodkowanie placeholder'ów w select.*/
/**!*/
/*.select2-container .select2-selection--single .select2-selection__rendered {*/
	/*padding-left: 0px;*/
	/*line-height: 22px;*/
/*}*/
/*em, .error {*/
	/*color: #DD4B39;*/
/*}*/
/*.pencil-edit{*/
	/*color: #838484;*/
	/*padding-left: 15px;*/
	/*padding-right: 15px;*/
	/*font-size: 18px;*/
/*}*/
/*#userPhoneInput, #userTypeInput, #companyNameInput, #userAddressInput, #userPESELinput, #userREGONinput, #subButton, #agentInput, #clientCityCodeInput, #clientCityInput, #tab-policy{*/
	/*display: none;*/
/*}*/
/*#agentInput{*/
	/*width: 14em;*/
/*}*/

/*.equal-height-text{*/
	/*margin-top: 7px;*/
	/*margin-bottom: 0px;*/
/*}*/
/*.delrow{*/
	/*position: relative;*/
	/*top: 10px;*/
/*}*/
/*!* Style statusów*!*/
/*.opt-pretty-btn {*/
	/*font-weight: 600;*/
	/*padding: 4px 10px;*/
	/*border-radius: 2px;*/
	/*text-transform: uppercase;*/
	/*font-size: 12px;*/
	/*color: #ffffff;*/
/*}*/
/*.bg-nowy {*/
	/*background-color: #0084ff;*/
/*}*/
/*.bg-gotowydoweryfikacji {*/
	/*background-color: #a44ed7;*/
/*}*/
/*.bg-wtrakcieweryfikacji {*/
	/*background-color: #394758;*/
/*}*/
/*.bg-dopoprawy {*/
	/*background-color: #f78426;*/
/*}*/
/*.bg-wtrakciewyceny {*/
	/*background-color: #e6b903;*/
/*}*/
/*.bg-wyceniony {*/
	/*background-color: #479aba;*/
/*}*/
/*.bg-zaakceptowany {*/
	/*background-color: #95c131;*/
/*}*/
/*.bg-odrzucony {*/
	/*background-color: #dd056c;*/
/*}*/
/*.bg-zamkniety {*/
	/*background-color: #cee0a4;*/
/*}*/
/*.disabled td:not(:first-child){*/
	/*opacity: .3;*/
/*}*/
/*.icon {*/
	/*font-size: 15px;*/
/*}*/
/*.icon-margin {*/
	/*margin-left:8px;*/
	/*margin-right:8px;*/
/*}*/
/*!* Style otwartej/zamkniętej wyceny *!*/
/*.close-pricing {*/
	/*background: url("ikony/ic_close.png") no-repeat center center;*/
	/*padding:13px;*/
	/*width:auto;*/
	/*height:auto;*/
	/*cursor:pointer;*/
/*}*/
/*.closed-pricing {*/
	/*background: url("ikony/ic_close_click.png") no-repeat center center;*/
	/*padding:13px;*/
	/*width:auto;*/
	/*height:auto;*/
/*}*/
/*!* Szerokość kolumny z koszem w liście *!*/
/*.td-delete-width {*/
	/*width:30px;*/
/*}*/
/*.border-radius {*/
	/*border-radius: 5px;*/
	/*margin-bottom: 15px;*/
/*}*/

/*.select2-selection.select2-selection--single {*/
	/*height: 34px !important;*/
/*}*/

/*.margin-bottom {*/
	/*margin-bottom: 15px;*/
/*}*/

/*.margin-left-cust {*/
	/*margin-left: 20px;*/
/*}*/

/*.margin-right-cust {*/
	/*margin-right: 20px;*/
/*}*/
/*.dataTables_wrapper {*/
	/*margin-left: 20px;*/
/*}*/

/*.cust-btn-margin {*/
	/*margin-top: 5px;*/
	/*margin-right: 5px;*/
/*}*/

/*.secret-value {*/
	/*visibility: hidden;!important;*/
/*}*/

/*#myProgress {*/
	/*position: relative;*/
	/*width: 100%;*/
	/*height: 30px;*/
	/*!*background-color: #ddd;*!*/
/*}*/

/*#myBar {*/
	/*position: absolute;*/
	/*width: 10%;*/
	/*height: 100%;*/
	/*!*background-color: #4CAF50;*!*/
/*}*/

/*#label {*/
	/*text-align: center;*/
	/*line-height: 30px;*/
	/*color: white;*/
/*}*/

/* Wszędzie ten sam font */
body {
	/*font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-family: var(--main-font);
}

/* Własny skin na AdminLTE */
.skin-blue .main-sidebar, .skin-blue .left-side, .skin-blue .wrapper {
	background: #1b1d1f;
}

.skin-blue .main-header .logo, .skin-blue .main-header .navbar {
	background: rgb(255, 255, 255);
}

.skin-blue .main-header .logo:hover {
	background: rgb(222, 222, 222);
}

.skin-blue .main-header .navbar .nav>li>a {
	color: #333333;
}

.skin-blue .main-header .navbar .nav>li>a:hover {
	background: #cc0000;
	color: #fff;
}

.skin-blue .sidebar a {
	color: #fff;
}

.skin-blue .sidebar a:hover {
	background: #cc0000;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
	background: #cc0000;
	border-left: 3px solid var(--main-color);
}

.skin-blue .sidebar-form {
	background: rgb(21, 78, 101);
	border:none;
	border-radius: 16px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.skin-blue .sidebar-form {
	background: #fff;
}

.skin-blue .sidebar-form .btn, .skin-blue .sidebar-form input[type="text"] {
	background: #fff;
	color: #333;
	border-radius: 16px;
}

.btn-dark {
	background: #cc0000;
	color: #fff;
	border-radius: 16px;
}

.btn-light {
	background: #cc0000;
	color: #fff;
	border-radius: 16px;
}

.skin-blue .main-header .navbar .sidebar-toggle {
	background: #fff;
	color: #333333;
}

.skin-blue .sidebar-menu>li.header {
	border-top: 1px solid rgb(51, 51, 51);
	background: none;
	color:#eee;
	padding:2px;
}

.navbar-nav > li > .infoonly {
	padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px
}

.video_icon {
	display: block;
	float: left;
	height: 80px;
	width: 90px;
	text-align: center;
}

.bg-white {
	background: #fff;
}


/* Inne */

.video_box {
	padding:0px;
	padding-top:15px;
	border:1px solid #1b1d1f;
	background:#fafafa;
	text-align:center;
	color:#1b1d1f;
	margin-top:20px;
}

.video_title {
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 100px;
    word-wrap: break-word;
}

.video_status {
	color:#ffffff;
}

.video_accepted {
	background: rgb(149, 196, 67);
}

.video_rejected {
	background: rgb(196, 67, 149);
}

.bg-lightgray {
	background: #fafafa;
}

.bg-lightgray h3, .bg-lightgray i {
	color:#000000;
}

/*
	Wyśrodkowanie placeholder'ów w select.
*/
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0px;
	line-height: 22px;
}
em, .error {
	color: #DD4B39;
}
.pencil-edit{
	color: #838484;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 18px;
}
#userPhoneInput, #userTypeInput, #companyNameInput, #userAddressInput, #userPESELinput, #userREGONinput, #subButton, #agentInput, #clientCityCodeInput, #clientCityInput, #tab-policy{
	display: none;
}
#agentInput{
	width: 14em;
}

.equal-height-text{
	margin-top: 7px;
	margin-bottom: 0px;
}
.delrow{
	position: relative;
	top: 10px;
}
/* Style statusów*/
.opt-pretty-btn {
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}
.bg-nowy {
	background-color: #b7a658;
}
.bg-gotowydoweryfikacji {
	background-color: #a44ed7;
}
.bg-wtrakcieweryfikacji {
	background-color: #579e4e;
}
.bg-dopoprawy {
	background-color: #f78426;
}
.bg-wtrakciewyceny {
	background-color: #558997;
}
.bg-wyceniony {
	background-color: #479aba;
}

.bg-zaakceptowany {
	background-color: #95c131;
}
.bg-odrzucony {
	background-color: #dd056c;
}
.bg-zamkniety {
	background-color: #cee0a4;
}
.bg-przeslana {
	background-color: #a44ed7;
			/*#ab47bc;*/
}

.bg-podsumowana {
	background-color: #5a5c59;
}

.bg-u-klienta {
	background-color: #e66e50;
}

.bg-w-trakcie-decyzji {
	background-color: #df9deb;
}

.bg-opoznienie-decyzji {
	background-color: #f22443;
}

.bg-za-klienta {
	background-color: #7d77d4;
}

.bg-po-decyzji {
	background-color: #5bc9a3;
}

.disabled td:not(:first-child){
	opacity: .3;
}
.icon {
	font-size: 15px;
}
.icon-margin {
	margin-left:8px;
	margin-right:8px;
}
/* Style otwartej/zamkniętej wyceny */
.close-pricing {
	background: url("ikony/ic_close.png") no-repeat center center;
	padding:13px;
	width:auto;
	height:auto;
	cursor:pointer;
}
.closed-pricing {
	background: url("ikony/ic_close_click.png") no-repeat center center;
	padding:13px;
	width:auto;
	height:auto;
}
/* Szerokość kolumny z koszem w liście */
.td-delete-width {
	width:30px;
}
.border-radius {
	border-radius: 5px;
}

.select2-selection.select2-selection--single {
	height: 34px !important;
}

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

.margin-left-cust {
	margin-left: 20px;
}

.margin-right-cust {
	margin-right: 20px;
}
.dataTables_wrapper {
	margin-left: 20px;
}

.cust-btn-margin {
	margin-top: 5px;
	margin-right: 5px;
}

.secret-value {
	visibility: hidden;!important;
}

#myProgress {
	position: relative;
	width: 100%;
	height: 30px;
	/*background-color: #ddd;*/
}

#myBar {
	position: absolute;
	width: 10%;
	height: 100%;
	/*background-color: #4CAF50;*/
}

#label {
	text-align: center;
	line-height: 30px;
	color: white;
}

.btn {
	background-color: #cc0000;
	border-color: #cc0000;
	color: #fff;
}

.btn-default, .btn-default:focus, .btn-default:active:focus, .btn-default:hover, .btn-default:active, .btn-default.hover {
	background-color: #1b1d1f;
	border-color: #1b1d1f;
	color: #fff;
}

.nav-tabs-custom > .nav-tabs > li.active {
	border-top-color: #cc0000;
}

.box.box-primary {
	border-top-color: #cc0000;
}

.box.box-info {
	border-top-color: #cc0000;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary.hover {
	background-color: #cc0000;
	border-color: #cc0000;
	outline: none;
}

a {
	color: #cc0000;
}

a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
	color: #cc0000;
}

.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:active:focus, .btn-danger.hover {
	background-color: #cc0000;
	border-color: #cc0000;
	outline: none;
}

.btn-success {
	background-color: #1b1d1f;
	border-color: #1b1d1f;
}

.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:focus, .btn-success.hover {
	background-color: #1b1d1f;
	border-color: #1b1d1f;
	outline: none;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
	background-color: #1b1d1f;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #cc0000;
	border-color: #cc0000;
}

/*.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {*/
.callout.callout-danger {
	background-color: #e78901 !important;
	/*color: #cc0000 !important;*/
}

.bg-red, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
	background-color: #cc0000; !important;
	/*color: #cc0000 !important;*/
}

.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
	background-color: #1b1d1f !important;
}

.btn-success[disabled], .btn-success[disabled]:hover {
	background-color: #1b1d1f !important;
	border-color: #1b1d1f !important;
}

.still-image-container {
	/*display: inline-block;*/
	/*vertical-align: baseline;*/
	/*-webkit-box-sizing: border-box;*/
	/*-moz-box-sizing: border-box;*/
	/*box-sizing: border-box;*/
	max-height: 500px;
	width: 100%;
}

video::-internal-media-controls-download-button {
	display:none;
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px); /* Adjust as needed */
}

.op-text-label
{
	font-size: 90%;
	color: lightgray;
}

.op-text
{
	font-size: 100%;
}

.centered
{
	text-align: center;
}

.op-video-link-container
{
	width: 100%;
	background-color: lightgrey;
	padding: 11px;
	box-sizing: border-box;
	margin-bottom: 10px;
	float: left;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	cursor: pointer;
	border-radius: 7px;
}

.op-video-link-container.accepted
{
	background-color: lightgreen;;
}

.op-video-link-container.rejected
{
	background-color: lightcoral;
}

.op-video-icon
{
	font-size: 25px;
}

@media (max-width: 992px) and (min-width: 0px)
{
	.centered_mobile
	{
		text-align: center;
	}
}

.btn, .btn-xs, .btn-primary
{
	background-color: var(--main-color);
	border: none;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a
{
	background-color: var(--main-color2); !important;
}

.box.box-primary
{
	border-top-color: var(--main-color);
}

.nav-tabs-custom > .nav-tabs > li.active
{
	border-top-color: var(--main-color); !important;
}

.btn:hover, .btn-primary:hover, .btn.btn-primary:hover, a.btn:hover, a.btn-dark:hover, .btn-dark:hover, a.btn.btn-dark:hover
{
	background-color: var(--main-color2); !important;
}

.btn:active, .btn-primary:active, .btn.btn-primary:active, a.btn:active, a.btn-dark:active, .btn-dark:active, a.btn.btn-dark:active
{
	background-color: var(--main-color2); !important;
}

.btn:focus, .btn-primary:focus, .btn.btn-primary:focus, a.btn:focus, a.btn-dark:focus, .btn-dark:focus, a.btn.btn-dark:focus
{
	background-color: var(--main-color2); !important;
}

/** https://moto.local/app_dev.php/statistic/ - dotyczy raportow z wykorzystaniem Vue */

li.active[data-v-82963a40] > a,
li.active[data-v-82963a40] > a:hover,
li.active[data-v-82963a40] > a:focus
{
	background-color: var(--main-color);
	color: white;
	border: 1px solid var(--main-color);
}

table.table tbody > tr:first-child {
	border-top: 3px solid black;
	border-collapse:separate;
	border-spacing: 5px 5px;
}

.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid var(--main-color);
	border-color: var(--main-color) transparent var(--main-color) transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.upload-file {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 8px 15px;
	text-align: center;
	background: var(--main-color);
	border-radius: 3px;
	cursor: pointer;
}
.upload-file input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}
.upload-file:hover {
	background-color: var(--main-color2);
}
.upload-file label {
	color: #fff;
	font-weight: normal;
}
.upload-file label:before {
	content: "\21EA";
	margin-right: 10px;
}
.upload-file label:after {
	content: "\21EA";
	margin-left: 10px;
}