/* Global
================================================================*/
body {
	background: #fff;
	margin: 0;
	padding: 0;
}

body, p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 140%;
	color: #444;
	letter-spacing: .03em;
}

 .no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; 
}

.sm-gutter > [class*='col-'] {
  padding-right: 10px;
  padding-left: 10px; 
}

.bg-grey { background: #f8f8f8} 

.border-top { border-top: 1px solid #e4e4e4; }

.border-bottom { border-bottom: 1px solid #e4e4e4; }
.border-b-red { border-color: #ef5a44 }
.border-bottom-thick { border-bottom: 40px solid #282828; }

/*Fonts
--------------------------------------------------- */

h1 { font-size: 30px }
h3 { 
	background: #ef5a44; 
	color: #fff; 
	padding: 10px; 
	font-size: 18px;
}
h4 { background: #585858; 
	color: #fff; 
	padding: 10px; 
	font-size:15px;
}

.txt12 { font-size: 12px }
.txt14 { font-size: 14px}


/*Form Elements
--------------------------------------------------- */
input,select, textarea,
.input-group input,
.form-control,
.input-group-addon{
	border-radius: 0;
	margin: 0 0 15px
}
checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"], 
.radio input[type="radio"], 
.radio-inline input[type="radio"], 
.checkbox {
    height: 30px;
	display: inline-block;
	font-size:16px;
 }

/*Table Elements
--------------------------------------------------- */
.dispatch-history .table {background: #fff}

.dispatch-history .table td{
 	font-size: 16px;
     padding: 15px 
}
.dispatch-history .table a { color: #1c96d6 }

.thead-red {
    font-size: 16px;
    text-transform: uppercase;
    background: #ef5a44;
    color: #fff;
 }

.table > thead.thead-red > tr > th {padding: 8px 15px}
  
.dispatch-history label,
.modal label{ font-size: 16px;margin:0 }


/*Table Elements
--------------------------------------------------- */
.dispatch-history .dropdown-menu {
    border-radius: 0;
    padding: 0;
}
.dispatch-history .dropdown-item { display: block; padding: 10px 15px; border-bottom: 1px solid #eaeaea;}


/*Table Elements - Users
--------------------------------------------------- */
.dispatch-history .table-user {background: #fff}

.dispatch-history .table-user td{
 	font-size: 16px;
     padding: 10px 
}
.dispatch-history .table-user a { color: #1c96d6 }

.thead-grey {
    font-size: 16px;
    text-transform: uppercase;
    background: #444444;
    color: #fff;
 }

.table > thead.thead-grey > tr > th {padding: 8px 15px}
  
.dispatch-history label,
.modal label{ font-size: 16px;margin:0 }


/*Table Elements - Users
--------------------------------------------------- */
.dispatch-history .dropdown-menu {
    border-radius: 0;
    padding: 0;
}
.dispatch-history .dropdown-item { display: block; padding: 10px 15px; border-bottom: 1px solid #eaeaea;}


/*Buttons
--------------------------------------------------- */
.dispatch-history .btn { margin-bottom: 10px;font-size: 16px}

.btn-linked-accident-report,
.btn-linked-accident-report:visited{background: #ffc900; color: #fff}
.btn-linked-accident-report:hover{ background: #D5A903; color:#fff}

.btn-black,
.btn-black:visited{ background: #333; color:#fff;}
.btn-black:hover{ background: #000; color:#fff}

.btn-grey,
.btn-grey:visited{ background: #bbb; color:#fff}
.btn-grey:hover{ background: #999; color:#fff}

.btn-dk-grey,
.btn-dk-grey:visited{ background: #7d817e; color:#fff}
.btn-dk-grey:hover{ background: #000; color:#fff}

.btn-blue,
.btn-blue:visited{ background: #5d9ed5; color:#fff}
.btn-blue:hover{ background: #3978ae; color:#fff}

.btn-add-new,
.btn-add-new:visited{ background: #fff; color:#5d9ed5; border-color: #5d9ed5;}
.btn-add-new:hover{ background: #5d9ed5; color:#fff}

.btn-save,
.btn-save:visited{ background: #6cc282; color:#fff}
.btn-save:hover{ background: #4f9e63; color:#fff}

.btn-pdf,
.btn-pdf:visited{ background: #f0ad4e; color:#fff}
.btn-pdf:hover{ background: #ec971f; color:#fff}

.btn-signout,
.btn-signout:visited{ background: #ff0000; color:#fff}
.btn-signout:hover{ background: #d50002; color:#fff}


.dispatch-history .btn-group.open .dropdown-toggle  {color: #ffff}

/*Spacing/Sizes
--------------------------------------------------- */
.pad20 { padding: 20px}
.pad30 { padding: 30px }
.pt-20 { padding-top: 20px }
.pb-20 { padding-bottom: 20px}
.p2010 { padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px}
.ptb20 {padding-top: 20px; padding-bottom: 20px}
.ptb30 {padding-top: 30px; padding-bottom: 30px}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px }
.m-0 { margin: 0}

.w300 { width: 300px!important;}
.w150 { width: 150px!important;}
.w80 { width: 80px!important;}
.w40 { width: 40px!important;}


/* 
--------------------------------------------------- */
.result-entries span {
    display: inline-block
}

.dispatch-history .top-actions {
    text-align: right;
    padding: 0 15px
}
.edit-message {
    background: #f4f8c6;
    margin: 20px 0
}
.edit-message i { color: #6cc282;}
.delete-entry a{
    position: absolute;
    right: 15px;
    color: #d9534f;
    font-size: 18px;
    z-index: 3
 }


.delete-message {
    background: #f4f8c6;
    margin: 20px 0
}
.delete-message i { color: #FF0000;}


    @media screen and (max-width: 992px) {
        .dispatch-history .text-right,
        .dispatch-history .top-actions{ text-align: left }
     
	}


/* Modals
--------------------------*/
.modal-dialog { background: #fff;}
 

.modal-body {
    border: none;
    border-radius: 0;
	padding: 40px 40px 40px;
	color: #000;
}

.modal-body p { color: #444 }

 
.modal-dialog .fa-times-circle { 
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 26px;
	color: #fff;
	cursor: pointer
}

.modal-actions {
	padding: 20px 0 0;
	margin: 10px 0 0;
	border-top: 1px dotted #ccc;
}

.modal-backdrop { opacity:0.9 !important; }