@font-face {

	font-family: Repo;

	src: url('../fonts/Repo.otf');

}





body {

	font-family: Repo!important;

	background:#373b49!important;

}



body.preloader-site {

    overflow: hidden;

}



.custom-search {

	border:0px!important;

	padding:6px 10px!important;

}



.custom-search:focus {

	outline:none!important;

}



.dataTables_wrapper .dataTables_paginate .paginate_button.current {

	background:#01b0d1!important;

	color:white!important;

	border:1px solid #01b0d1;

}



.preloader-wrapper {

    height: 100%;

    width: 100%;

    background: #FFF;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999999;

}



.preloader-wrapper .preloader {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: auto;

}



.leftside_print, .rightside_print {

	border:1px solid black!important;

	background:white;

	padding:2%;

	width:50%;

	margin:4% auto;

	display:inline-block;

	float:left;



}



.btn-order-product {

	background: #01b0d1;

	border-radius:15px;

	color:white;

	width:150px;

	border:none!important;



}



.font-12 {

	font-size:12px!important;

}



.font-11 {

	font-size:11px!important;

}



.font-10 {

	font-size:10px!important;

}



.nav > li > a {

	padding:15px!important;

}



.modal-header {

	background: #00B0D1!important;

	color:white!important;

}



#page-wrapper {

	background:#ddd;



}



#admin-clients > tbody > tr > td {

    padding:2px!important;

}





.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

	background-color:#01b0d1!important;

}



.panel, .panel-heading {

	border-radius:0px;

}



.panel-pastel-blue {

	background:#01b0d1;

}



.sidebar {

	background:#373b49!important;

}



.background-white {

	background:white!important;

	color:black;

}



.float-right {

	float:right;

}



.white {

	color:white!important;

}



/* Login page */

#before {

	background: url('../img/back_login.jpg');

	padding:140px 0px 140px 0px;

	background-repeat:no-repeat;

	background-size:cover;

}



#login_form {

	width:40%;

	margin:0 auto;

}



#register_form {

	width:60%;

	margin:0 auto;

}



#reset_email {

	width:40%;

	margin:0 auto;

}



.btn-login, .btn-register, .btn-reset-pass {

	background:#01b0d1!important;

	border-radius:10px!important;

	padding:10px 30px 10px 30px !important;

	width:100%;

	font-size:15px;

}



.custom_input {

	border-radius:15px!important;

	background-color:rgba(255,255,255,0.3)!important;

	color:white!important;

	border:none!important;

	padding:30px 30px 30px 20px;

	font-size:16px;

	box-shadow:none!important;

	border:2px solid #01b0d1!important;

}



#email_login {

	border-radius:15px!important;

	background-image: url(../img/icons/email-icon.svg);

  background-position: 7px 10px;

  background-repeat: no-repeat;

	background-size:40px;

	background-color:rgba(255,255,255,0.3)!important;

	color:white!important;

	border:none!important;

	padding:30px 30px 30px 55px;

	font-size:16px;

	box-shadow:none!important;

	border:2px solid #01b0d1!important;

}





#password_login {

	border-radius:15px!important;

	background-image: url(../img/icons/padlock.svg);

  background-position: 7px 10px;

  background-repeat: no-repeat;

	background-size:40px;

	background-color:rgba(255,255,255,0.3)!important;

	color:white!important;

	border:none!important;

	padding:30px 30px 30px 55px;

	font-size:16px;

	box-shadow:none!important;

	border:2px solid #01b0d1!important;

}

/* End Login page */



/* Packs Page */



.starter-color {

    background: #7bd0b9!important;

    color:white!important;

}



.standart-color {

    background: #53BFE5!important;

    color:white!important;

}



.premium-color {

    background: #3F9CCC!important;

    color:white!important;

}



.packs-list-items {

    list-style: none;

    padding:0px;

}



.big-price {

    font-size:25px;

}



.small-font {

    font-size:12px;

}

/* End Packs Page */



.column-page {

	background:white!important;

	padding:2%!important;

	border-radius:2px!important;

}



.heading-car {

	background:white;

}



.car-info-page-left {

	background:white;

	border-radius:0px;

	padding:2%;

	height:240px;

}



.car-info-page-right {

	background:#373b49;

	padding:2%;

	border-radius:0px;

	color:white;

	height:240px;

}



.repair-page-column {

	background:white!important;

	padding:2%;

}



.car-info {

	background:white!important;

	padding:2%;

}



.options-car-info {

	padding:3%;

	background:#373b49!important;

}



.client-data, .company-data {

	background:white;

	color:black;

}



.leftside, .rightside {

	color:white;

}



.inline {

	display:inline;

}



.inline-block {

	display:inline-block;



}



.inline-delete {

	display:inline;

	background:none;

}



.modal {

	overflow-x: scroll!important;

}



ol {

	margin:0!important;

	padding-left:5px;

}



ol > li {

	display:inline;

}



.m-text {

	font-size:18px;

}



.navbar-brand {

	padding: 12px 15px!important;

}



i {

	padding-right:10px;

}



.btn {

	border:1px solid lightgrey!important;
	

}



.btn-primary {

	background:#01b0d1!important;

}



.category-box {

	padding:1%;

	background:white;

	border:1px solid #01b0d1;

}



.product-box {

	padding:1%;

	background:white;

	border:2px solid #01b0d1;

}



table {

	border:2px solid #01b0d1!important;

	border-collapse: unset!important;



}



.p-1 {

	padding:1%;

}



.bg-white {

	background:white!important;



}



th {

	background:#01b0d1;

	color:white;

	vertical-align: middle!important;

	text-align: left!important;

	font-weight: 400!important;

	padding:10px 5px!important;

	border-bottom: 0px!important;

}



tr {

	background:white!important;

}



td {

	font-size:13px;

	vertical-align: middle!important;

	text-align: left!important;

	font-weight: 400!important;

	padding:10px 5px!important;

	border-bottom: 0px!important;

}



.custom-search-form {

	width:30%;

	margin:2% auto;

}



.navbar-default {

	margin-bottom:0px;

}



.navbar-brand > img {

	MARGIN: -15PX 0PX 0PX 70PX;
    width: 38%;

}



.breadcrumbs {

	padding:1%;

}



.small-text {

	font-size:0.7em;

	font-weight:300;

}



.btn-submit {

	border-radius:0px!important;

	border:none!important;

}



.form-control {

	border:1px solid #22a3d2;

	border-radius:0px;

}



.alert > a {

	color:white;

}



.alert-info {

	background:#01b0d1;

	color:white;

	border:none!important;

}



.alert-info > div{

	display:inline-block!important;



}



.alert-info > div > ol{

	display:inline-block!important;

}



.alert-info > div > ol > li > a {

	color:white!important;

}



.navbar-static-top {

	background:white!important;

}



.navbar-top-links > li > a > i {

	color:#01b0d1;

}



#side-menu > li > a {

	color:white;

}



#side-menu > li > a:focus {

	background:#01b0d1!important;

}



#side-menu > li > a:hover {

	background:#01b0d1!important;

}



.sidebar ul li a.active {

	background:#01b0d1!important;

}



.delete-icon {



}



footer {

	padding:2%;

	background:white!important;

}



.footer-checkcar {

	position: fixed;

	bottom:0;

	width:100%;

}



#image_in_modal {

	border:5px solid white;

	border-radius:5px;

}



#image_modal {

	cursor: pointer;

	transition: 0.3s;

}



#image_modal:hover {opacity: 0.7;}



/* The Modal (background) */

.modal {

	display: none; /* Hidden by default */

	position: fixed; /* Stay in place */

	z-index: 1; /* Sit on top */

	left: 0;

	top: 0;

	width: 100%; /* Full width */

	height: 100%; /* Full height */

	overflow: auto; /* Enable scroll if needed */

	background-color: rgb(0,0,0); /* Fallback color */

	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

}



.modal-lg {

    width:90%!important;

}



.modal-lg > img {

    width:100%!important;

}



/* Modal Content (Image) */

.modal-content {

	margin: auto;

	display: block;

	width: 80%;

	max-width: 700px;

}



/* Caption of Modal Image (Image Text) - Same Width as the Image */

#caption {

	margin: auto;

	display: block;

	width: 80%;

	max-width: 700px;

	text-align: center;

	color: #ccc;

	padding: 10px 0;

	height: 150px;

}



/* Add Animation - Zoom in the Modal */

.modal-content, #caption {

	-webkit-animation-name: zoom;

	-webkit-animation-duration: 0.6s;

	animation-name: zoom;

	animation-duration: 0.6s;

}





@-webkit-keyframes zoom {

	from {-webkit-transform:scale(0)}

	to {-webkit-transform:scale(1)}

}



@keyframes zoom {

	from {transform:scale(0)}

	to {transform:scale(1)}

}



/* The Close Button */

.close {

	position: absolute;

	top: 5px;

	right: 10px;

	color: #f1f1f1;

	font-size: 40px;

	font-weight: bold;

	transition: 0.3s;

}



.close:hover,

.close:focus {

	color: #bbb;

	text-decoration: none;

	cursor: pointer;

}





.col-xs-5ths,

.col-sm-5ths,

.col-md-5ths,

.col-lg-5ths {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

}



.col-xs-5ths {

    width: 20%;

    float: left;

}



@media (min-width: 768px) {

    .col-sm-5ths {

        width: 20%;

        float: left;

    }

}



@media (min-width: 992px) {

    .col-md-5ths {

        width: 20%;

        float: left;

    }

}



@media (min-width: 1200px) {

    .col-lg-5ths {

        width: 20%;

        float: left;

    }

}



/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 768px) {

	#login_form {

		width:100%;

	}



	.custom-search-form {

		width:100%;

		margin:2% auto;

	}



	.modal-content {

		width: 100%;

	}



	.image_box {

		margin-top:5%;

	}



	.navbar-toggle {

		margin-top:20px!important;

	}



	.navbar-brand {

		float:none!important;



	}



	.navbar-brand > img {

		margin-left:15px!important;

		width:20%;

	}

        

        .car-info-page-left, .car-info-page-right {

            height:100%;

            margin-bottom:10px;

        }

}