* {
	outline: none;
}

#contentView .titleEmpty > .new,
.visible-lg-1,
.mobileTextSection,
.mobileTabs {
	display: none;
}

@media screen and (min-width: 768px) {
	#redemptions .list-group-item.no-center-mobile.open .dropdown-menu {
		right: 0;
		left: initial;
		width: initial;
	}
}

@media screen and (max-width: 768px) {
	body {
		padding-top: 0;
		background-color: #f8fafb;
		padding-bottom: 0;
	}

	#session {
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.container-fluid > .navbar-header {
		height: 60px;
	}

	.navbar-brand {
		padding: 5px;
	}

	.navbar-brand img {
		width: 41px;
	}

	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 13px;
	}

	.mobileTextSection {
		display: inline-block;
		padding-top: 17px;
		color: #fff;
		padding-left: 10px;
		font-size: 17px;
	}

	.navbar-brand {
		left: initial;
		right: -27px;
		margin-right: 15px;
	}

	.navbar-default .navbar-toggle {
		float: left;
		margin-left: 15px;
		margin-right: 0;
		border: none;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.group h1,
    .uploadFiles,
    .uploadFiles+.input-group,
    .list-group.vehiclesList,
    .enabledStaredStatus,
    .disabledStaredStatus,
    #actionBar.empty,
    /* .actions>button, */
    #leftbar {
		display: none;
	}

	#dashboard,
	#enterprises,
	#profile,
	#users,
	#reports,
	#gps,
	#redemptions,
	#library,
	#owners {
		overflow-y: scroll;
		height: 100vh;
		padding-top: 60px;
		flex-direction: column;
		width: 100% !important;
	}

	#actionBar {
		height: 15%;
		width: 100%;
		max-width: 100%;
	}

	#actionBar .new {
		width: 30%;
		height: 44px;
		padding: 14px 19px;

		font-size: 17px;
		position: absolute;
		margin-bottom: 0;
		right: 20px;
		top: 50%;
		transform: translate(0%, -50%);
	}

	#contentView {
		width: 100%;
		height: 800px;
		overflow-y: scroll;
	}

	/* .vehicleInfo .info {
        display: none;
    } */

	.vehicleInfo .info .actions .group {
		border-left: none !important;
	}

	button.btn.btn-link.qrcode {
		top: 9px;
		position: relative;
		height: auto;
	}

	.fas.fa-qrcode {
		font-size: 50px;
	}

	#contentView .titleEmpty {
		text-align: center;
		width: 320px;
	}

	#contentView .titleEmpty > .new {
		display: inline-block;
		width: 150px;
		height: 50px;
		padding: 16px 7px;
		font-size: 17px;
		margin: 0 auto;
		margin-top: 15px;
	}

	.vehicleInfo
		.showMoreContainer
		.panel-group
		.panel.panel-default
		.panel-heading
		a {
		padding: 12px 20px 12px !important;
		font-size: 16px;
	}

	.vehicleInfo
		.showMoreContainer
		.panel-group
		.panel.panel-default
		.panel-collapse {
		padding-top: 41px !important;
	}

	.vehicleInfo .form-control {
		height: 45px;
	}

	.vehicleInfo
		.showMoreContainer
		.panel-group
		.panel.panel-default
		.panel-collapse.collapse
		.panel-body
		.col-md-3 {
		margin-bottom: 20px !important;
	}

	.vehicleInfo
		.showMoreContainer
		.panel-group
		.panel.panel-default
		.panel-collapse.collapse
		.panel-body
		label:first-child {
		font-size: 16px !important;
	}

	.vehicleInfo .showMoreContainer .panel-group {
		min-height: 42px !important;
	}

	.vehicleInfo .actions > button {
		height: 50px;
		width: 120px;
		font-size: 16px;
	}

	span.visible-lg-1 {
		display: inline-block;
	}

	ul.visible-lg-1,
	div.visible-lg-1 {
		display: block;
	}

	.mobileTabs {
		display: block;
		position: fixed;
		bottom: 0;
		z-index: 3;
	}

	.mobileTabs > li {
		display: table-cell;
		width: 1%;
		padding-bottom: 0px;
		background-color: #f3f5f6;
	}

	.mobileTabs > li > a {
		border-radius: 0;
		margin: 0;
		padding: 17px 15px;
		color: #d4d2d2;
	}

	.mobileTabs > li.active > a {
		background-color: #fff !important;
		color: #47cbff !important;
		border-top: 3px solid #47cbff;
	}

	#activities,
	#activities .list,
	#activities .list .tab-content {
		height: 100vh !important;
	}

	#activities .list .tab-content {
		padding-bottom: 106px;
	}

	#activities .list .list-group .list-group-item {
		padding: 16px 45px 16px 15px;
	}

	#activities .list span.delete {
		z-index: 2;
		position: absolute;
		right: 10px;
		top: 6px;
	}

	#activities .list span.delete a {
		background-color: transparent;
		border: none;
		box-shadow: none;
		color: #47cbff;
		margin: 0;
	}

	#activities .list span.delete a i {
		font-size: 19px;
	}

	#activities .list span.delete a i.fas.fa-retweet {
		margin-right: -3px;
	}

	.vehicleContainer .fourSection .containt {
		display: flex;
	}

	.vehicleContainer .fourSection .containt .btn-group.pull-left {
		order: 3;
		margin-left: auto;
	}

	#activities .containt .btn-group .btn.btn-primary.dropdown-toggle {
		width: 122px !important;
		height: 50px;
		padding: 14px 19px !important;
		font-size: 17px;
	}

	#profile {
		padding: 100px 20px 30px 20px;
	}

	#profile > .vcenter {
		width: 100% !important;
		top: initial;
		position: initial;
		transform: initial;
	}

	#profile .well {
		margin-left: 0;
		width: 100% !important;
	}

	#profile .exportarCSVBlock a {
		width: 100% !important;
		padding: 16px 7px;
		height: 48px;
		margin-bottom: 10px !important;
	}

	#profile .catalogsBlock {
		height: auto !important;
	}

	#profile .catalogsBlock a {
		width: 100%;
		padding: 16px 7px;
		height: 48px;
		margin-bottom: 0px !important;
	}

	input:not(.inline-search):not(.clear-input) {
		height: 50px;
	}

	select.form-control,
	input:not(.inline-search):not(.clear-input) {
		font-size: 15px !important;
	}

	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: #327ab8;
	}

	.navbar-nav {
		background-color: #fff;
		margin-top: 0;
	}

	.navbar-default .navbar-collapse {
		width: 50%;
		position: absolute;
		top: 0;
		z-index: 10;
		height: 100vh;
		max-height: initial;
		overflow: hidden;
	}

	#tour-profile {
		padding-top: 50px;
		padding-bottom: 50px;
		height: 100vh;
	}

	.mobileHeader {
		position: absolute;
		width: 100%;
		left: 0;
		top: -1px;
		padding: 13px 20px;
	}

	.mobileHeader > button {
		margin-top: -2px;
		font-size: 30px;
	}

	.mobileHeader > label {
		color: #42bae9;
		margin: 0;
		margin-top: 2px;
		font-size: 20px;
	}

	#tour-profile > li {
		display: none;
	}

	.navbar-default .nav.navbar-nav.navbar-right li a {
		color: #2c2c2c;
		position: relative;
	}

	.mobileMenu {
		padding-top: 30px;
		padding-left: 10px;
		list-style: none;
	}

	.mobileMenu > li {
		padding: 10px;
	}

	.mobileMenu > li > a > span {
		padding-left: 10px;

		position: absolute;
		padding: initial;
		left: 40px;
	}

	.mobileMenu > li > a > i {
		font-size: 22px;
		color: #d5d3d3;
	}

	.mobileMenu > li.active {
		border-right: 2px solid #42bae9;
	}

	.mobileMenu > li.active a {
		color: #42bae9 !important;
	}

	.mobileMenu > li:last-child {
		position: absolute;
		bottom: 0;
		padding: 20px;
		border-top: 1px solid #eee;
		width: 100%;
		margin: 0;
		left: 0;
	}

	.mobileMenu > li:last-child a {
		color: #42bae9 !important;
	}

	.emptyState label {
		font-size: 28px;
		width: 400px;
	}

	.emptyState button,
	.emptyState a.btn.new {
		width: 220px !important;
		font-size: 20px;
		height: 50px;
	}

	.emptyState a.btn.new {
		line-height: 29px;
	}

	.usersList,
	.enterprisesList,
	.ownersList,
	#actionBar .input-group {
		display: none;
	}

	#users .formView,
	#owners .formView {
		width: 100%;
	}

	#users .formView > div {
		padding: 0;
	}

	#users .formView > .row > .form-group {
		margin-bottom: 15px !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	#users .formView > .form-group {
		margin-bottom: 15px !important;
		padding-right: 15px !important;
	}

	#users .formView > .col-md-6 > .form-group:last-child {
		margin-bottom: 15px !important;
	}

	.actions .slider-control > .stateText {
		padding-top: 12px;
		padding-right: 10px;
	}

	select.form-control {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		line-height: 18px;
		height: 50px;
	}

	.actions > .btn[type='button']:not(.btn-clear):not(.icon) {
		height: 45px;
		width: 45px !important;
		padding: 4px;
	}

	.actions > a.btn > i {
		font-size: 19px;
		padding-top: 3px;
	}

	.actions > a.btn.retweet > i {
		font-size: 19px;
		padding-top: 4px;
	}

	.actions > button.btn > i {
		font-size: 19px;
	}

	.switch {
		width: 38px;
		height: 18px;
		top: 1px;
	}

	.slider:before {
		height: 22px;
		width: 22px;
		left: -3px;
	}

	input:checked + .slider:before {
		-webkit-transform: translateX(24px);
		-ms-transform: translateX(24px);
		transform: translateX(24px);
	}

	/* #usersModal.modal.in .modal-dialog {
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            border-radius: 0;
        }

        #usersModal.modal.in .modal-dialog h4 {
            font-size: 25px;
            margin-top: 80px;
        } */

	#usersModal.modal.in .modal-body {
		max-height: initial;
	}

	#usersModal.modal.in .modal-body .form-group {
		padding: 0 !important;
	}

	#usersModal.modal.in .modal-body .col-md-6 {
		padding: 0 !important;
	}

	/* #usersModal.modal.in .modal-dialog .modal-footer {
            display: flex;
            flex-direction: column;
        }

        #usersModal.modal.in .modal-dialog .modal-header .close {
            font-size: 40px;
        }

        #usersModal.modal.in .modal-dialog .modal-footer button {
            display: inline-block;
            height: 40px;
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            font-size: 18px;
        }

        #usersModal.modal.in .modal-dialog .modal-footer button:first-child {
            order: 2;
        }

        #usersModal.modal.in .modal-dialog .modal-footer button:last-child {
            margin-bottom: 10px;
        } */

	#enterprises .formView {
		width: 100%;
	}

	#enterprises .formView .form-group {
		padding: 0;
	}

	#enterprises #contentView .form-group input {
		width: 100%;
	}

	#activities .containt .input-group {
		margin-left: 0 !important;
	}

	#activities .containt .filterButton {
		padding-left: 10px;
		padding-right: 10px;
		/* height: 45px; */
	}

	#activities .containt .filterButton button {
		width: 50px !important;
		height: 50px;
		border: 1px solid #42bae9 !important;
	}

	#activities .containt .filterButton button span {
		display: none;
	}

	#activities .containt .btn {
		height: 50px;
		width: 50px;
	}

	#balanceTab .containt {
		height: 80vh;
	}

	#balanceTab .containt .nav.nav-tabs li:first-child {
		padding: 20px 10px 20px 20px;
	}

	#balanceTab .containt .nav.nav-tabs li {
		padding: 20px 10px 20px 10px;
	}

	#balanceTab .containt .nav.nav-tabs li:last-child {
		padding: 20px 20px 20px 10px;
	}

	/* #acumuladoTab .optionBar { */
	/* display: flex; */
	/* } */

	#acumuladoTab .optionBar .generateGraphButton,
	#acumuladoTab .optionBar .generateGraphMobileButton {
		padding: 16px 20px 20px 25px;
	}

	/* MODALS */

	.modal.in .modal-dialog {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100%;
		border-radius: 0;
	}

	#graphMobileModal .modal.in .modal-dialog {
		height: 100%;
	}

	#operationsModal.modal.in .modal-dialog,
	#expenseModal.modal.in .modal-dialog,
	#driverAsignedModal.modal.in .modal-dialog {
		height: 100%;
	}

	#operationsModal.modal.in .modal-dialog .modal-footer,
	#expenseModal.modal.in .modal-dialog .modal-footer {
		bottom: initial !important;
	}

	.modal.in .modal-dialog .modal-footer {
		display: flex;
		flex-direction: column;
	}

	.modal.in .modal-dialog .modal-footer button {
		display: inline-block;
		height: 40px;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		font-size: 18px;
	}

	.modal.in .modal-dialog .modal-footer button:first-child {
		order: 2;
	}

	.modal.in .modal-dialog .modal-footer button:last-child {
		margin: 0;
		margin-bottom: 10px;
	}

	.modal.in .modal-dialog h4 {
		font-size: 25px !important;
		margin-top: 80px;
	}

	.modal.in .modal-dialog .modal-header .close,
	.modal.in .modal-content .modal-header .close {
		font-size: 40px;
	}

	/* END MODALS */

	hr.vertical {
		display: none;
	}

	.slider-contol .stateText {
		margin-right: 20px;
	}

	.no-checked {
		right: 47px !important;
		top: -1px !important;
	}

	.checked {
		right: 53px !important;
		top: -2px !important;
	}

	.new_select {
		width: 50%;
		height: 44px;
		border-radius: 2px;
		/* float: left; */
		background-color: #15334d;
		color: #fff !important;
		border-color: #42bae9 !important;

		position: absolute;
		top: 50%;
		transform: translate(6%, -50%);
	}

	#actionBar .group {
		position: relative;
		margin: 0;
		height: -webkit-fill-available;
		height: 11vh;
	}

	.pygContainer {
		position: relative;
		height: 500px;
	}

	.showPermanent {
		padding: 0 !important;
	}

	.notify.fixed {
		padding: 10px;
	}

	.vehicleInfo .info .moreInfo .plate {
		font-size: 16px !important;
	}

	.vehicleInfo .info .moreInfo .briefInfo,
	.vehicleInfo .info .moreInfo .showMore {
		font-size: 14px !important;
	}

	.vehicleInfo .info .moreInfo .showMore {
		width: 100% !important;
	}

	/* #contentView .actions a:first-child,
    #contentView .actions button:first-child {
        width: auto !important;
        height: auto;
    } */

	#session hr + span,
	#session .formSession .form-group input,
	#session .formSession .btn {
		font-size: 16px;
	}

	#session .formSession .btn {
		height: 38px;
	}

	#session .formSession .linksocial {
		font-size: 12px;
	}

	#session .formSession h4 {
		font-size: 26px;
	}

	#session .formSession {
		width: 100% !important;
	}

	#graphMobileContainer {
		text-align: center;
	}

	#activityMobileModal .modal-content .containt {
		padding: 25px;
		font-size: 20px;
	}

	#activityMobileModal .modal-content .containt .form label:first-child {
		display: block;
	}

	#activityMobileModal .modal-content .containt .form label:last-child {
		font-weight: 100;
	}

	#activityMobileModal .modal-content .containt .optionBar button {
		font-size: 20px;
		font-weight: 700;
	}

	#activityMobileModal .modal-content .containt .optionBar button span.price {
		font-weight: 100;
	}

	#acumuladoTab .vcenter.nodata {
		top: 400%;
	}

	.filterButtonDropdown {
		width: 50px !important;
		height: 50px;
		background-color: #42bae9;
		background-image: url('../images/filter_button.png') !important;
		background-position: 50%;
		background-size: 40%;
		color: transparent;
		border: none !important;
		border-radius: 3px;
	}

	.thumbnail .caption p:last-child {
		margin-bottom: 0;
	}

	.thumbnail .caption p:last-child a {
		padding: 15px;
		height: 50px;
		font-size: 17px;
		margin-bottom: 0px;
	}

	#redemptions,
	#library {
		padding-top: 84px;
	}

	#redemptions .list-group-item.no-center-mobile .row {
		width: 95%;
	}

	#redemptions .list-group-item.no-center-mobile .row label {
		display: inline-block !important;
		width: 20%;
	}

	/* #redemptions .list-group-item.no-center-mobile .btn.btn-link.btn-xs.dropdown-toggle.pull-right.activity-toggle {
        margin-top: -56px !important;
    } */

	#redemptions .list-group-item.no-center-mobile .text-center {
		text-align: left;
	}

	#activities .containt .input-group {
		width: 40% !important;
	}

	#dashboard .vehicleInfo .actions .new {
		padding: 16px;
		/* width: 120px !important; */
		width: 120px;
		height: 50px;
		font-size: 16px;
		float: left;
		margin-right: 10px;
	}

	#profile .notifications .row .col-md-4 {
		width: 30%;
		display: inline-block;
	}

	#profile .notifications .row .col-md-8 {
		width: 30%;
		float: right;
	}

	#incomeModal .col-md-6.form-group {
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-bottom: 15px !important;
	}

	#operationsModal .col-md-6.form-group,
	#expenseModal .col-md-6.form-group {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 15px !important;
	}

	input[type='date']:not(.inline-search) {
		background-position: 2% center !important;
	}

	#contentView .actions a,
	#contentView .actions button:not(.qrcode):not(.driverAsignedModal) {
		margin: 0;
		/* width: 100% !important; */
		height: 40px;
		width: 100%;
	}

	#contentView .actions button.driverAsignedModal {
		width: auto !important;
	}

	#activityMobileModal .form {
		height: auto !important;
	}

	#operationsModal .xicon-group i.fas.fa-times,
	#expenseModal .xicon-group i.fas.fa-times,
	.panel-group .xicon-group i.fas.fa-times {
		top: 18px !important;
		right: 14px !important;
	}

	.vehicleInfo .info .actions {
		width: 100%;
	}

	#dashboard.new_vehicle .vehicleInfo .info {
		position: fixed;
		width: 100%;
		background-color: #f8fafb;
		z-index: 999;
		top: 60px;
	}

	#dashboard.new_vehicle {
		padding-top: 90px;
		position: absolute;
		top: 60px;
	}

	/* #dashboard {
    } */

	.onMobile {
		width: 49% !important;
	}

	.onMobile.left {
		margin-right: 4px !important;
		height: 50px !important;
	}

	.onMobile.right {
		padding: 16px;
		/* width: 120px; */
		/* height: 50px; */
		font-size: 16px;
		/* float: left; */
		height: 50px !important;

		margin-left: 4px !important;
	}

	.vehicleInfo .info .actions.withQR {
		width: auto;
		padding-top: 0;
	}

	.listView {
		border-left: none;
		border-top: 1px solid #d8d8d8;
	}

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

	.formView .actions {
		margin-bottom: 20px;
	}

	.formView .actions .btn.icon {
		padding: 7px 6px;
		height: 40px;
		margin-bottom: 5px !important;
	}

	.formView .actions .slider-contol {
		margin-right: 0 !important;
	}

	.formView .actions .slider-contol .stateText {
		margin-right: 5px;
		margin-top: 15px;
	}

	.listView .listVehicles {
		margin-top: 30px;
	}

	.listView .listVehicles .vcenter {
		top: 10%;
	}

	.formView > .actions > .actions {
		width: 100%;
	}

	.formView > .actions > .actions,
	.formView > .actions {
		display: flex;
		align-items: flex-end;
		flex-direction: column;
	}

	.formView > .actions > .actions a.btn.icon,
	.formView > .actions a.btn.icon {
		order: 2;
	}

	.formView > .actions > .actions > button[type='submit'] {
		margin-bottom: 10px !important;
	}

	.formView > .actions > .actions > .slider-contol {
		order: 3;
	}

	#homeMobileTab .vcenter,
	#profileMobileTab .vcenter,
	#messagesMobileTab .vcenter {
		top: 38%;
	}

	#driverAsignedModal.modal.in .modal-body {
		max-height: 500px;
	}

	#driverAsignedModal.modal.in .modal-body .list-group .new {
		width: 122px !important;
		height: 50px;
		padding: 14px 19px !important;
		font-size: 17px;
	}

	.vehicleInfo .info .actions .btn-link:not(.dropdown-toggle) {
		padding: 21px 0px 1px;
	}

	#catalogue {
		padding-top: 90px !important;
		height: 100vh !important;
	}

	#activityMobileModal .statusBar.red {
		background-color: #ff4949;
	}

	#activityMobileModal .statusBar {
		color: #fff;
		display: inline-block;
		width: 100%;
	}

	#activityMobileModal .statusBarBlockColor {
		width: 1%;
		height: 20px;
		display: inline-block;
		margin-right: -4px;
	}

	#activityMobileModal .statusBar.red .statusBarNumber {
		background-color: #f9d7d7;
	}

	#activityMobileModal .statusBarNumber {
		display: inline-block;
		padding: 10px;
		width: 99%;
		color: #fff;
	}

	#activityMobileModal .statusBarNumber label {
		color: #2c2c2c;
		font-size: 14px;
		font-weight: 100;
	}
}

@media (max-width: 767px) {
	#library .visible-xs {
		display: inline-block !important;
	}
}

@media screen and (max-width: 480px) {
	.visible-xs-mobile {
		display: none;
	}

	#activities .list .tab-content {
		padding-bottom: 238px;
	}

	#dashboard.new_vehicle .vehicleInfo .info {
		position: fixed;
		width: 100%;
		background-color: #f8fafb;
		z-index: 999;
		top: 60px;
	}

	.vehicleInfo .info .actions {
		width: 100%;
	}

	#dashboard .vehicleInfo .actions .new {
		padding: 16px;
		width: 120px;
		height: 50px;
		font-size: 16px;
		float: left;
		margin-right: 10px;
	}

	.onMobile {
		width: 48% !important;
	}

	#redemptions .list-group-item.no-center-mobile .row label {
		width: 26%;
	}

	#actionBar .group {
		padding: 13px 20px;
	}

	.new_select {
		transform: translate(-1%, -50%);
	}
}

@media screen and (min-width: 1920px) {
	#contentView {
		float: left;
		padding: 20px;
		width: 89%;
		min-width: 1653px;
		position: relative;
	}

	#dashboard,
	#enterprises,
	#profile,
	#users,
	#gps,
	#redemptions,
	#library,
	#owners {
		width: 97%;
	}
}

/* iPhone 7 in portrait & landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	.navbar-default .navbar-collapse {
		height: 82vh;
	}
}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#tour-profile {
		display: none;
	}
}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	/* CSS */
}