body {
 	overflow-x: hidden;
 	background-color:#fff;
	font-family: "Open Sans", sans-serif;
}
img { max-width:100%; }

.ui-helper-hidden-accessible {
	display: none;
}
.nav-icon {
	display:none;
}

form strong {
	font-size: 12px;
}

.panel-footer .row {
	margin-bottom: 15px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #fff;
}

/* Icon 1 */
#nav-icon {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border-radius:4px 4px 4px 4px;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  margin-left:10px;
  width: 20px;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
}

.scrollup {
	width:40px;
	height:40px;			
	text-indent:9999px;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;			
	background: url('../images/icon_top.png') no-repeat;
}
@media (max-width: 767px) {
	.scrollup {
		width:40px;
		height:40px;			
		text-indent:9999px;
		position:fixed;
		bottom:13px;
		right:calc(50% - 20px);
		display:none;			
		background: url('../images/icon_top.png') no-repeat;
	}
}

.input-group-field {
    display: table-cell;
    vertical-align: middle;
    border-radius:4px;
	width: 25%;
}
.localizare select {
	min-width:120px;
	width: 25%;
	
}
.input-group-field .form-control, .input-group-field .form-control {
    border-radius: inherit !important;

}
.input-group-field:not(:first-child):not(:last-child) {
    border-radius:0;
}
.input-group-field:not(:first-child):not(:last-child) .form-control {
    border-left-width: 0;
    border-right-width: 1;
}
.input-group-field:last-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

/* Icon 3 */
#nav-icon span:nth-child(1) {
  top: 10px;
}
#nav-icon span:nth-child(2) {
  top: 16px;
}
#nav-icon span:nth-child(3) {
  top: 22px;
}


.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;
    }
}

.round {
	position:absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
	border:2px solid #0069b3;
    color: #0069b3;
    text-align: center;  
}
.round:hover {
	border:2px solid #7fba27; 
}
.round:hover .glyphicon {
	color:#7fba27;
}
.round.search:hover, .round.search:focus, .round.search.open {
	 width: 220px;
}
.round .glyphicon {
	position:absolute;
	top:10px;
	right:10px;
}
.round.privat_area {
	 top:49px;
	 right:0;
 }
.round.search {
	overflow:hidden;
	top:49px;
	right:60px;
	cursor:pointer;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.round.search input {
	display:none;
	padding:0px;
	margin:0px;
	line-height:normal;
	width:180px;
	padding-left:15px;
	height:36px;
	font-size:16px;
	border:0;	
}
.round.search:hover input, .round.search:focus input, .round.search.open input {
	display: block;
}
.round.search .glyphicon {
	position:absolute;
	top:11px;
}
.round.search:hover .glyphicon, .round.search:focus .glyphicon, .round.search.open .glyphicon {
	position:absolute;
	top:0px;
	cursor:pointer;
	background-color:#eff5ff;
	height:100%;
	width:34px;
	right:0px;
}
.round.search:hover .glyphicon::before, .round.search:focus .glyphicon::before, .round.search.open .glyphicon::before {
	line-height:normal;
	padding-top:9px;
	display:inline-block;
}
.round.home {
	 top:49px;
	 right:120px;
 }
.round.home .glyphicon {
	position:absolute;
	top:10px;
	right:11px;
}

/* row flex*/
.row.row-flex {
    display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

/* fix 1px bug in Chrome */
.row.row-flex:before,
.row.row-flex:after {
    display: none;
}
.row p {
	margin:0px;
	padding:0px;	
}
.subcat_type-3 .image {
	padding-top:10px;
}
.subcat_type-3 .details {
	padding-top:10px;
}
.sucats-products {
	padding-bottom:15px;
}
.sucats-products {
	padding-bottom:15px;
}
.sucats-products img {
	border-radius:4px;
}
/* row flex*/


@media (max-width: 767px) {
.xs-center {
	text-align:center !important;	
}
.xs-left {
	text-align:left !important;	
}
.xs-right {
	text-align:right !important;	
}
.xs-padding {
	padding-bottom:15px;	
}
.xs-padding-top {
	padding-top:15px;	
}
.xs-float-right {
	float: right!important;
}
}

.lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 16px;
}

.lb-lg {
  font-size: 20px;
}

.panel-table .panel-body {
	padding:0;
}
.panel-table .panel-body .table-bordered {
	border-style: none;
	margin:0;
}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
	text-align:center;
	width: 100px;
}
.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type, .panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
	border-right: 0px;
}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type, .panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
	border-left: 0px;
}
.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td {
	border-bottom: 0px;
}
.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th {
	border-top: 0px;
}
.panel-table .panel-footer .pagination {
	margin:0;
}
.panel-table .panel-footer .col {
	line-height: 34px;

}
.panel-table .panel-heading .col h3 {
	line-height: 30px;
	height: 30px;
}
.panel-table .panel-body .table-bordered > tbody > tr > td {
	line-height: 34px;
}






/* layout */
.cont_rapoarte a{
	color: #000;
}
.containere_deagatat {
	margin-bottom: 15px;
}
.container_hidden {
	display: none;
}
.istoric_container {
}
.istoric_container .notifications {
	border-radius: 4px;
}
.istoric_container .notifications li:first-child {
	border-radius: 4px 4px 0 0;
}
.istoric_container .notifications li:last-child {
	border-radius: 0 0 4px 4px;
}
.notifications {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.notifications li {
	border-bottom: 1px solid #dfdfdf;
	padding: 10px 15px;
}
.notifications li.agatat {
	background-color: #fff0f0;
}
.notifications li.agatat:hover {
	background-color: #fee8e8;
}

.notifications li.dezgatat {
	background-color: #e9ffeb;
}
.notifications li.dezgatat:hover {
	background-color: #d2ffd6;
}
.notifications li:last-child {
	border-bottom: 0;
}

#login {
	padding-top: 20px;
}
.center-align {
	text-align: center!important;	
}

.container_view {
	
}
.container_view h3 {
	margin: 0px;	
}
.depozite-maps {
	border: 1px solid #000;
	border-radius: 4px;
}
.btn-space {
    margin-right: 5px;
}
.row {
	margin:0 -15px;
}
.navbar .divider-vertical {
	height: 50px;

	border-right: 1px solid #ffffff;
	border-left: 1px solid #f2f2f2;
}
.navbar-collapse {
	padding-left: 0px;
}
@media (max-width: 767px) {
	.btn-space {
 	   float:left! important;
	}
	.navbar-collapse {
		padding-left: 10px;
	}
	.navbar-nav {
		margin: 0px -15px;
	}
	 
	.navbar-collapse .nav > .divider-vertical {
		 height: 1px;
		 border-right: 0px;
		 border-left: 0px;
		 border-top: 0px;
		 border-bottom: 1px solid #e5e5e5;
	}
}
.btn-tag {
	position: relative;
	margin-bottom:10px;
	margin-right:5px;
}
.btn-tag .tag-in {
	white-space: normal; padding-right:50px; z-index:1; text-align:left;
}
.btn-tag .btn-tag-in {
	position: absolute; right:0px; z-index:2;  height:100%;
}
.btn-tag .btn-tag-in span {
	top:45%;
	transform: translateY(-45%);
}
.btn-space-label {
	display:inline-block;
	margin:0px;
	margin-right: 5px;
	padding-top:5px;
	margin-bottom:5px;
	font-size:12px;
	background-color:#e7e7e7;
	color:#0D0D0D;
}


.navbar {
	border-radius:0 0 4px 4px;
	border-top: 0;
}

.navbar a {
	color: #000!important;
}

.user_details {
	padding: 9px 0;
	padding-bottom: 13px;
}
.user_details .user_details-box {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
}
.user_details .left-cell {
	float: left;
	width: 70%;
}
.user_details .right-cell {
	float: right;
	text-align: right;
	width: 30%;
}
.user_details .camion {
	padding-top: 10px;
}
.user_details .bootstrap-select button {
	font-size: 16px;
	font-weight: bold;
}
.user_details .bootstrap-select li a {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
}
.user_details .remorca {
	padding-top: 10px;
}
.user_details .username_details {
	text-decoration: none;
	font-size: 18px;
}
.user_details .user_menu {
	display: none;
	margin-top: 3px;
	padding-bottom: 5px;
}

.btn-agata {
	padding: 20px 10px;
	font-size: 22px;
}

.content {
	padding:20px 0 10px 0;
}
.content a h2, .content a h3, .content a h4, .content a h5 {
	margin:0px;
	padding:0px;
	text-decoration:none;
	display:inline-block;
	font-size:20px;
}
.content a:hover h2, .content a:hover h3, .content a:hover h4, .content a:hover h5, .content a:hover {
	text-decoration:none;
}

.content h1 {
	font-weight: 300;
	font-size: 4rem;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

 
 .container {
	 position:relative;
}


@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.images_piese {
	margin-top: 20px;
}
.images_piese img {
	width:100%;
	border:1px solid #868686;
	border-radius: 4px;
    box-shadow: 0 13px 39px -20px rgba(0,0,0,.43);
}
.images_piese img:hover {
	border:1px solid #000042;
}
.images_piese .item {
	margin-bottom: 10px;
}

.gallery {
	margin-bottom:20px;	
}
.gallery a {
	display:block;
	margin-bottom:20px;
}
.gallery a img {
	width:100%;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #868686;
	border-radius: 4px;
    box-shadow: 0 13px 39px -20px rgba(0,0,0,.43);
}
.gallery a:hover img {
	border:1px solid #000042;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
#img-upload{
    width: 100%;
}
	
.loading-image {
	display: block;

	
	margin: 0 auto;
	width: 32px;
}
.end-record-info {
	text-align: center;
	padding-bottom: 10px;
}

#loading {
    width:30px;
    height:30px;
    border:2px solid #ccc;
    border-top-color:#f50;
    border-radius:100%;
	display: inline-block;
    
/* Tha animation*/
    animation: round 1s linear infinite;
}

@keyframes round {
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
.logout_icon {
	font-size: 20px;
	color: #000;
}
.location_icon {
	font-size: 21px;
	color: green;
}
.pulse {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	color: #000;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.8, 0.8); opacity: 0.0;}
    50% {opacity: 1.1;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.modal-header .close {
    text-shadow: 0 1px 0 #000;
    opacity: 1;
    font-size: 34px;
    margin-top: -5px;
}
 

.loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
	margin: 0 auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item-wrapper {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
	font-size: 16px;
	cursor: pointer;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}