body {
	background-color: #fff;
}

/* For giving space between buttons */
.btn-space {
	margin-bottom: 5px;
}

/* For wrapping text on buttons */
.btn-wordwrap {
	white-space: normal !important;
	word-wrap: break-word;
}

/* For giving space when needed */
.space-1 { margin-bottom: 1px; }
.space-5 { margin-bottom: 5px; }
.space-15 { margin-bottom: 15px; }
.space-25 { margin-bottom: 25px; }
.space-50 { margin-bottom: 50px; }
.space-75 { margin-bottom: 75px; }
.space-100 { margin-bottom: 100px; }

/* Center datepicker in modal windows */
/* http://stackoverflow.com/questions/8842425/how-do-i-make-jquery-ui-datepicker-show-up-in-the-center-of-my-screen */
#datepicker-container{
	text-align:center;
}
#datepicker-center{
	display:inline-block;
	margin:0 auto;
}

/* for decreasing the size of the camera/gallery/vehicle/people icons */
.lower-nav { max-width:24px; }

/* sets the color of all nav bars */
nav {
	background-color: #e3f2fd;
}

/* sets font across top navbar; no text wrap */
.navheaderfont {
	font-size: 16px;
	font-weight: bold;
}

/* gives space between top nav and content below it */
.navbar-separator {
	margin-bottom: 68px;
}

/* gives space between bottom nav and content above it */
.footer-separator {
	margin-bottom: 45px;
}

.centered
{
	text-align:center;
}

/*
 *  * DESDO-6413
 *   * This will remove the up/down arrows from number fields
 *    */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
-moz-appearance: textfield;
}

/* this will change all btn-primary 
 * .btn-primary,
 * .btn-primary:hover,
 * .btn-primary:active,
 * .btn-primary:visited,
 * .btn-primary:focus {
 *     background-color: #8064A2;
 *         border-color: #8064A2;
 *         }
 *         */
/* MAIN PAGE STYLE*/

.list-menu-icon {
	margin-top: 2px;
}
.list-menu-icon .row {
	padding-bottom: 10px
}
.list-menu-icon img {
	/*border: 1px solid rgba(204, 204, 204, 0.42);*/
	border-radius: 5px;
	/*background: rgba(91, 192, 222, 0.21);*/
	/*padding: 3px;*/
	width: 65%;
}
.report img {
	width: 45%;
}
.list-menu-icon .text-primary {
	color: #fff!important;
	text-decoration: none;
	font-weight: normal;
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.list-menu-icon a {
	text-decoration: none;
	display: block;
    width: 100px;
    height: 105px;
    padding-top: 10px;
    background: rgba(30, 101, 138, 0.64);
    transition: 300ms all ease-in-out;
	-webkit-transition: 300ms all ease-in-out;
	-moz-transition: 300ms all ease-in-out;
	-o-transition: 300ms all ease-in-out;
	margin: 0 auto;
	position: relative;
}
.list-menu-icon a:hover .text-primary {
	color: #ccc !important;
	text-decoration: none!important
}
.long-text {
	bottom: 0px!important
}
.list-menu-icon a:hover {
	background: rgba(91, 192, 222, 0.49);
	/*box-shadow: 2px 3px 5px #ccc*/
}
.list-menu-icon .row .col-md-3 {
	margin-bottom: 5px;
}
/*
body {
	background-image: url(/assets/images/hybrid/defaultBackground.jpg)!important;
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	background-attachment: fixed;
}
*/

body {
	/* Setting background to black here so that setTheme() can set it dynamically at onReady */
	background-color: #000000;
}

.modal-content
{
    background: #555;
    color: #fff;
}

html {
	height: 100%
}
.img-small img {
	width: 70%;
}
.img-small a {
	padding-top: 5px;
}
.time-clock img {
	width: 70%;
}
.time-clock a {
	padding-top: 15px!important
}
.container {
    backface-visibility: hidden;
}
/* RESPONSIVE MOBILE */

/* Portrait and Landscape */
@media (max-width:680px) {
  	.list-menu-icon img {
  		width: 70%;
  	}
  	.report img {
  		width: 50px!important;
  		height: 50px;
  	}
  	.list-menu-icon .row {
  		margin: 0;
  	}
  	.list-menu-icon a .text-primary {
  		font-size: 12px;
  	}
  	.list-menu-icon .col-xs-4 {
  		padding: 3px;
  	}
  	.time-clock a,
  	.dispatch a
  	 {
  		padding-top: 15px!important
  	}
  	.post-order img,
  	.passdown img {
  		width: auto!important;
  		height: 80px;
  	}
  	.supervisor img,
  	.search img {
  		width: auto!important;
  		height: 68px;
  	}
  	.supervisor a {
  		padding-top: 5px!important
  	}

  	.time-clock img {
  		width: 60px!important;
  		height: 60px!important
  	}
}

/* Give the bootbox.confirm buttons a little spacing */
.bootboxButtonSpacing {
    margin-left:20px;
    margin-bottom:20px;
}

/*
 * DESDO-7193: bootstrap-select doesn't work by default with bootstrap4 
 * https://github.com/silviomoreto/bootstrap-select/issues/1135
 */
.bootstrap-select.show>.dropdown-menu>.dropdown-menu {
    display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden{
    display:none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a{
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
}
/* End DESDO-7193 */
.intl-tel-input .country-list .country-name{
    color:black;
}

.passdown-modal .modal-dialog .modal-footer .btn-default{     
    margin-right: 10px;
}

.cardPadding {
    padding-bottom: 37px;
    background-color: transparent;
}
html, body {
    overflow-x: hidden;
    width: 100%;
}