html {
  overflow-y: scroll;
}
body {
	padding: 0 !important;
}
table {
	border-collapse: separate !important;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-t-25 {
  margin-top: 25px;
}
.m-t-10 {
	margin-top: 10px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-r-5 {
  margin-right: 5px;
}
.p-l-15 {
    padding-left: 15px !important;
}
.m-l-20 {
	margin-left: 20px;
}
.m-l-20-i {
    margin-left: 20px !important;
}
.d-i-b {
    display: inline-block;
}
.m-b-10 {
    margin-bottom: 10px;
}
.selectiondiv{
    border:1px dashed black;
    background:#D9FF00;
    opacity:0.4;
    filter:alpha(opacity=40);
    margin:0px;
    padding:0px;
    display:none;
}
.modal-header {
    background-color: #f8f8f8;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.login-register-tab .nav-tabs>li a {
    color: #333;
    border: 0;
    border-bottom: 3px solid transparent;
}
.login-register-tab .nav>li>a:focus, .login-register-tab .nav>li>a:hover {
    background: #fff;
    border: 0;
    border-bottom: 3px solid #5cb85c;
}
.login-register-tab .nav-tabs>li.active>a, .login-register-tab .nav-tabs>li.active>a:focus, .login-register-tab .nav-tabs>li.active>a:hover {
    border: 0;
    color: #3c763d;
    border-bottom: 3px solid #5cb85c;
}

/*Color tabs*/
.color-tab .nav-tabs>li a {
    color: #333;
    border: 0;
    border-bottom: 3px solid transparent;
}
.color-tab .nav>li>a:focus, .color-tab .nav>li>a:hover {
    background: #fff;
    /*border: 0;*/
    border-bottom: 2px solid #5cb85c;
}

.addNewCargoTab .nav>li {
    height: 33px;
}

.color-tab .nav-tabs>li.active>a, .color-tab .nav-tabs>li.active>a:focus, .color-tab .nav-tabs>li.active>a:hover {
    border: 0;
    color: #3c763d;
    border-bottom: 2px solid #5cb85c;
}

label {
    font-size: 13px;
    font-weight: 600;
}
.btn-default {
    background-color: #f9f9f9 !important;
}
.btn-default.btn-info.active, .btn-default.btn-info:active {
    background-color: #31b0d5 !important;
}
.current-action-text {
    font-size: 12px;
    float: right;
    line-height: 30px;
}
.text-danger {
    font-size: 12px;
}
.modal-xxl {
    width: calc(100% - 100px) !important;
}
.text-success {
    font-size: 12px;
    color: #3a943a;
}
.c-pointer {
    cursor: pointer;
}
.cargoManagementFilter select {
    margin-bottom: 15px !important;
}
.pagination>li>a {
	color: #333 !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: #449d44 !important;
	border-color: #398439 !important;
	color: #fff !important;
}
.actions-td {
	width: 125px;
    padding: 0;
    background-color: #5cb85c;
}
/*[ui-view].ng-enter, [ui-view].ng-leave {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}*/

.ng-enter {
  -webkit-transition: 1s linear all; /* Chrome */
	transition: .2s linear all;
	opacity: 0;
}

.ng-enter-active {
  opacity: 1;
}
.main-wrapper-for-scroll {
	height: 660px;
	margin-top: 15px;
}
.main-wrapper-for-scroll-drivers {
	height: 620px;
	margin-top: 15px;
}
.main-wrapper-for-scroll-trailers {
	height: 645px;
	margin-top: 5px;
}
.main-wrapper-for-scroll-user-management {
	height: 635px;
	margin-top: 15px;
}
.main-wrapper-for-scroll-doors {
	height: 635px;
	margin-top: 15px;
}
.main-wrapper-for-scroll-task-management {
	height: 620px;
	margin-top: 15px;
}
.main-wrapper-for-scroll-shipment-management {
	height: 640px;
	margin-top: 15px;
}
.main-wrapper-for-scroll-work-queue {
	height: 635px;
	margin-top: 15px;
}
.main-wrapper-for-scroll-work-queue-monitor {
    display: flex;
    overflow: auto;
    height: calc(100vh - 250px);
    margin-top: 15px;
}
.main-wrapper-for-scroll-action-history {
	height: 690px;
	margin-top: 15px;
}
.main-wrapper-for-reports {
    overflow-x: hidden;
    overflow-y: hidden;
    height: calc(100vh - 215px);
}
.main-wrapper-for-scroll-wash-equipment {
    height: 635px;
    margin-top: 15px;
}
.main-wrapper-for-scroll-inventory-management {
    height: 635px;
    margin-top: 15px;
}
.main-wrapper-for-scroll-inventory-dashboard {
    height: 635px;
    margin-top: 15px;
}
.companyProfileBlock {
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.shipmentManagementBlock {
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.workQueueBlock {
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.taskManagementBlock {
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.reports-block {
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.shunterBoardBlock {
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.washEquipmentBlock {
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.inventoryDashboardBlock {
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.warehouse-monitor-tabs {
    height: calc(100vh - 155px);
    overflow-y: auto;
}
.table {
	/*margin-bottom: 100px !important;*/
}
.addNewCargo {
	background: #f8f8f8;
    border: 1px solid #ccc;
	padding: 15px;
}
.consolidateBlock {
	background: #f8f8f8;
    border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 15px;
	margin-bottom: 15px;
}
.nav-stacked>li+li {
	margin-top: 0px !important;
}
.tooltip-inner {
	width: 130px !important;
}
@-moz-document url-prefix() { 
	input[type="checkbox"], input[type="radio"] {margin-top: 2px !important;} 
}

/*[ui-view].ng-leave {
  opacity: 1; 
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}

[ui-view].ng-leave-active {
  opacity: 0;
  -webkit-transform:translate3d(100px, 0, 0);
  -moz-transform:translate3d(100px, 0, 0);
  transform:translate3d(100px, 0, 0);
}*/
.td-green {
	background-color: #5cb85c;
}
.td-green:hover, .td-green:hover .hovered-with-td {
	background-color: #449d44;
}
.http-preloader{
	background-color: #f1f1f1;
    color: #707070;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 125px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    overflow: hidden;
    border-top-left-radius: 5px;
}
.underlined-header {
	border-bottom: 1px solid #5cb85c;
}
.btn-height-fixer {
	height: 100%;
}
.tr-height-fixer {
	height: 100%;
}
.requiredField {
	color: #d9534f;
}
.text-danger {
	color: #d9534f !important;
}
.error input, .error select, .error textarea {
	border-color: #d9534f !important;
	box-shadow: 0 0 10px rgba(217, 83, 79, 0.4) !important;
	-webkit-box-shadow: 0 0 10px rgba(217, 83, 79, 0.4) !important;
/*	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
}
.addNewCargoTab .nav>li>a {
    padding: 4px 8px;
}
.addNewCargoTab .nav-tabs {
	border-bottom: 0;
}
.addNewCargoTab .nav-tabs>li {
	margin-bottom: 2px;
}
.addNewCargoTab .nav-tabs>li.active>a, .addNewCargoTab .nav-tabs>li.active>a:focus, .addNewCargoTab .nav-tabs>li.active>a:hover {
	color: #fff;
    background: #5cb85c !important;
	border-radius: 4px 4px 0 0 !important;
}
.addNewCargoTab .nav-tabs>li>a {
	color: #333;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 2px;
}
/*.table-responsive .dropdown-menu {
	top: 100% !important;
	left: -20px !important;
}*/
/*.dropdown-menu {
	top: 100% !important;
	left: -20px !important;
}*/
.reloadBtn {
	cursor: pointer;
	float: right;
	font-size: 15px;
	margin-top: 7px;
	margin-bottom: -7px;
}
.ui-select-match-text {
    width: 80%;
    overflow: hidden;
}
.filterTable {
    margin-top: 15px;
    margin-bottom: 0px; 
    border-bottom: 1px solid #ddd; 
    table-layout: fixed;
}
.checkbox label, .radio label {
	font-weight: 700 !important;
}

@include keyframes(bounce) {
	0%, 20%, 50%, 80%, 100% {
    @include transform(translateY(0));
  }
	40% {
    @include transform(translateY(-30px));
  }
	60% {
    @include transform(translateY(-15px));
  }
}
.bounce {
  @include animation(bounce 2s infinite);
}