body { margin: 0; }
html { box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
      }
*, *:before, *:after {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    position: relative;
    outline: none;
    padding: 0px;
    border: none;

}

/*
#BA0C2F - RED
#EFEFEF - Grey background
#DCDCDC - light grey boarders
#FBFBFB - Superlight grey
#333A4D - Dark Font Colour
#A9A9A9 - Light Font Colout
#686868 - mid grey links
*/


/*TYPOGRAPHY ///////////////////////////////////////////////*/

body, p {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #333A4D;
    font-size: 13px;
    line-height: 15px;
}

#message_center_text p {
    color: #3a3a3a;
}
a {
    text-decoration: none;
    color: #686868;
}
h1, h2, h3, h4 {
    color: #333A4D;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 16px;
}

h1 {
    font-size: 28px;
    line-height: 40px;
}

#mainHeader h1 {
    font-size: 20px;
    line-height: 30px;
    margin: 0px;
}

h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

a:hover {
    color: #000;
-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pagination a.active {
    background-color: #C9C9C9;
}

.pagination a {
    display: inline-block;
    padding: 0px 3px 2px 3px;

}


strong {
   font-weight: bold;
}

.breadcrumb {
    background: #880c25;
    padding: 10px;
    color: #fff;
}

.breadcrumb a {
    color: rgba(255,255,255,0.5);
}
.breadcrumb p,
.breadcrumb a:hover {
    margin: 0px;
    color: #FFF;
    font-size: 12px;
}

strong, b {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.boldLink { font-weight: bold; }

p.redText {
    color: red;
}

/*HOLDERS ///////////////////////////////////////////////*/

body {
    height: 100vh;
    width: 100%;
    max-width:100%;
    /* overflow-x: hidden; */
}

.businessAddressHolder {
    margin: 10px 0;
    padding-top: 20px;
}

.businessContactsHolder {
     margin: 10px 0;
    padding-top: 30px;
}

/*//MESSAGE CENTRE/////////////////////////////////////////*/

div#waitingFor, div#message_center {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2000;
    background-color: rgba(0,0,0, 0.2);
    display: none;
}
div#waitingFor_inner,
div#message_center_inner {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    padding: 10px;
    width: 100%;
    height: 100%;
}

div#waitingFor_disp, div#message_center_text {
    width: 100%;
    max-width: 550px;
    /* border-radius: 5px; */
    min-height: 80px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    color: #333;
    text-align: center;
    box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
}

a.message_center_button {
    text-decoration: none;
    display: inline-block;
    border: 2px solid #BA0C2F;
    /* border-radius: 5px; */
    margin-top: 30px;
    padding: 10px;
    width: 250px;
    background-color: #BA0C2F;
    color: #fff;
    cursor: pointer;
}

a.message_center_button:hover {
    background-color: #880c25;
    border: 2px solid #880c25;
    color: #fff;
}


/*/HEADER ///////////////////////////////////////////////////////////////////*/

/*
header {
    background-color: #BA0C2F;
    padding: 30px;
    color: #fff;
    height: 220px;
}
*/

header {
    background-color: #fff;
    padding: 0px;
    width: 290px;
}

header h1 {
     color: #FFFFFF;
}

header#mainHeader div.logoHolder a img {
    max-width: 130px;
    border: none;
}

header#mainHeader div.logoHolder {
       text-align: center;
    padding: 20px;
}

header#mainHeader div.logoHolder a {
    overflow: hidden;
}

#mainHeader .adminTitleHolder {
    background: #ba0c2f;
    padding: 10px;
}



/*FORMS ///////////////////////////////////////////////////////////////////*/
.adminLocHolder {
    width: 100%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    border-left: 20px solid #ba0c2f;
    padding: 30px;
}

fieldset {
    padding: 5px;
    background-color: #fff;
    /* border-radius: 7px; */
    border: #DCDCDC 1px solid;
    min-width: 210px;
    /* height: 100%; */
    margin-bottom: 0px;
    columns: 2;
}

fieldset#bookingDate_0000000000 {
  padding: 0px;
}

fieldset#bookingDate_0000000000 .formTitleHolder {
  margin: 0px;
}

label {
     display: block;
    padding-bottom: 10px;
}

.formItemHolder {
/*    padding-top: 20px;   */
}

/* .innerFlex {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  padding: 5px;
  flex-wrap: wrap;
} */


input[type='email'],
input[type='password'],
input[type='text'],
input[type='datetime-local'],
input[type='time'],
input[type='date']{
/*    border-radius: 5px;*/
     border:  #DCDCDC 1px solid;
    padding: 10px;
    width: 100%;
    min-width: 200px;
    max-width: 300px;
    background-color:  #f9f9f9;
    height: 40px;
}

 input[type='color'] {
    padding: 10px;
    width: 100%;
    min-width: 200px;
    max-width: 300px;
     height: 60px;
}

.formItemHolder.inlineBlock {
    display: inline-block;
}

textarea {
/*       border-radius: 5px;*/
    border: #DCDCDC 1px solid;
    padding: 10px;
    max-width: 350px;
    height: 150px;
    width: 100%;
    color: #333A4D;
    font-size: 15px;
    line-height: 25px;
        font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

input[type='submit'] {
/*    border-radius: 5px;*/
    background-color: #BA0C2F;
    border:  #BA0C2F 1px solid;
    padding: 10px;
    width: 200px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}


input[type='submit']:hover {
    color: #fff;
    background-color: #880c25;
    border: 1px solid #880c25;
}

/*dropdown****************************************/
select {
    padding: 10px;
    margin: 0px;
    border: #dcdcdc 1px solid;
    /* border-radius: 5px; */
    background: #fff;
    color: #000;
    font-size: 15px;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 100%;
}

label.selMulti,
label.dropdown {
	position: relative;
	max-width: 320px;
    min-width: 250px;
	margin-top: 0px;
	display: inline-block;
	width: 100%;

}
label.dropdown:after {
/*
	color: #666;
	content: ">";
	font-family: sans-serif;
	font-size: 15px;
	padding: 3px;
	pointer-events: none;
	position: absolute;
	right: 8px;
	top: 8px;
	transform: rotate(90deg);

*/

}

label.dropdown span.select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 35px;
}

label.dropdown span.select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
label.dropdown:before {
	content: '';
	right: 6px;
	top: 0px;
	width: 20px;
	height: 20px;
	background: none;
	position: absolute;
	pointer-events: none;
	display:block;
}

label {
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
}


.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
     padding-left: 0px;
     padding-right: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-selection--single .select2-selection__rendered {
     color: #333;
     line-height: 18px;
    font-size: 15px;
}

.select2-selection--single {
    background-color: #fff;
    border:  #7283a0 1px solid;
     border-radius: 0px;
    padding: 10px;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
     height: auto;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: #dcdcdc 1px solid;
    border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333;
    line-height: 18px;
    font-size: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select { padding-right: 18px; }
	label.dropdown:after { top: 5px; }
}

#pwChange {
    display: none;
}

#pwChangeHolder {
     padding-top: 30px;
    padding-bottom: 20px;
}

label#psswrdStrgth {
    display: block;
    padding-left: 0;
    font-size: 12px;
    font-style: italic;
}

body#addJob .formTitleHolder,
body#editJob .formTitleHolder {
 margin-bottom: 10px;
}

.formElementHolder {
  width: 100%;
  max-width: 960px;

}

body#editJob #activityHolder {
    padding: 0px;
    margin-top: 20px;
    width: 100%;
    max-width: 960px;
  }

.bookingFormSectionHolder.sectionOne {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 20px;

}
.bookingFormSectionHolder.sectionOne .formItemHolder.sectionOne {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.bookingFormSectionHolder.sectionOne .fieldsetWrap {
  flex-grow: 1;
  padding-bottom: 20px;
  width: 100%;
  max-width: 310px;
  min-width: 280px;

}

.d-row {
  display: flex;
  justify-content: space-between;
}

.d-col {
  /* display: flex;
  flex-direction: column;
  justify-content: flex-start; */
  padding-bottom: 16px;
}

.d-col.equipList {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 0px;
  flex-grow: 1;
  padding-left: 10px;
  padding-right: 10px;
}
.bookingFormSectionHolder.sectionTwo {
  padding-bottom: 20px;

}
.bookingFormSectionHolder.sectionTwo .d-col .formItemHolder {
  padding-bottom: 15px;
}
.bookingFormSectionHolder.sectionTwo .d-col.equipList .formItemHolder  {
    padding-bottom: 0px;
}

/*LISTS ///////////////////////////////////////////////////////////////////*/

ul {
     padding-top: 10px;
    padding-bottom: 20px;

}

li {
    list-style: none;
    padding-bottom: 10px;
    padding-left: 10px;
}


/*DASHBOARD /////////////////////////////////////////////////////////////////*/

#dashContentOuter {
    display: flex;
    min-height: 100vh;
    width: 100%;
}

#dashContentOuter main {
    background-color: #EFEFEF;
    flex: 1;
    /* max-width: 100%; */
max-width: calc(100% - 290px);
/*    height: 100%;*/
    display: flex;
    flex-direction: column;
/*    justify-content: space-between;*/
    padding-bottom: 30px;
}

.mainInner {
  padding: 20px;
}

#dashContentOuter side {
/*     padding: 30px;*/
    display: block;
    border-right: #DCDCDC 1px solid;
/*    height: 100%;*/
    /* width: 320px; */
    width: 290px;
    /* max-width: 320px; */
}

side nav {
    padding: 20px 20px 0;
    background-color: #fff;
}

side #calendarHolder {
    padding: 10px;
}

side nav ul {
     padding-bottom: 0px;
}

#quickInfoHolder {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* padding-top: 30px; */
    padding-left: 3px;
    padding-right: 3px;
    flex: 1;
}

.quickInfo {
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.quickInfo p,
.quickInfo a {
       background-color: #fff;
    /* border-radius: 7px; */
    border: #DCDCDC 1px solid;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-width: 170px;
    height: 100%;
    transition: 0.5s cubic-bezier(.29,0.92,.47,1.0);
    margin-top: 0px;
}

.quickInfo a:hover {
    background-color: #686868;
    color: #fff;

}

.adminAddLink {
    width: 100%;
    max-width: 280px;
}

.menuGap {
  margin-top: 20px;

}

/* #currentDate {
    font-size: 24px;
    font-weight: bold;
    display: block;
    padding-top: 5px;
} */
.holidayHolder,
.sheetHolder,
#activityHolder,
#notesHolder {
    /* padding-left: 13px;
    padding-right: 13px;
    padding-top: 7px;
    padding-bottom: 7px; */
    padding: 0px;
}

.sheetHolder {
  flex: 1;
  max-width: 100%;
}

#activityHolderInner,
#notesHolderInner,
.sheetHolderInner,
.holidayHolderInner {
    background-color: #fff;
/*    border-radius: 7px;*/
    border:  #DCDCDC 1px solid;

}

.driverDetailsInner {
    padding: 0px 5px 0;
}


main .adminTitleHolder {
    padding: 5px;
    border-bottom: #DCDCDC 1px solid;
    display: flex;
    flex-direction: column-reverse;;
    justify-content: space-between;
}

.sheetDetailsScroll {
/*
      overflow-x: scroll;
    overflow-y: hidden;
*/
}

.sheetDetails  {
    display: flex;
    flex-direction: column;
        overflow: hidden;
    overflow-x: scroll;
    /* width: 100%; */
    width: calc(100vw - 292px);
    max-width: 100%;
    /* flex: 1; */
}

.sheetDetails .grHolder {
    display: grid;
    grid-template-columns: auto 100px 110px 155px 178px 120px 160px 105px 55px 75px;
    border-left: 0px solid #e4e4e4;
    word-wrap: break-word;
    flex: 1;
}


.sheetDetails .grHolder.equipView {
    display: grid;
    grid-template-columns: auto 180px 180px 250px 140px 250px;


}

.sheetDetails .grHolder.customerView {
    display: grid;
     grid-template-columns: auto 180px 180px 250px 140px 250px;


}

.sheetDetails .grHolder.deleted {
  display: grid;
  grid-template-columns: auto 100px 110px 155px 178px 120px 160px 105px 55px 75px;
  border-left: 0px solid #e4e4e4;
  word-wrap: break-word;
  flex: 1;
}

/* .sheetDetails .grHolder.driverView {
    display: grid;
    grid-template-columns: 500px 200px 200px auto;


} */

.sheetDetails .grHolder.archiveView {
    display: grid;
    grid-template-columns: 120px 130px 130px 100px auto 120px 130px 120px 120px 150px;

}

/* .sheetDetails.driver .grHolder {
    grid-template-columns: 290px 300px auto 120px 150px;
} */

.sheetDetails .grHolder.even .sheetItem  {
    background-color: #FBFBFB;
}
.sheetHeading {
    background-color: #e4e4e4;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;;
    padding-bottom: 15px;
    font-weight: bold;
    white-space: nowrap;
}

.noteItem,
.activityItem,
.sheetItem {
    padding: 10px;
    border-top: 1px dashed #ddd;

}



.sheetItem p {
  margin-top: 0px;
}

.noteItem.first,
.activityItem.first {
     border-top: none;
}

.eqdetails {
     display: flex;
    flex-direction: column;
}

.dashEqHolder {
    display: flex;
    flex-direction: row;
    padding-bottom: 15px;
}

.dashEqHolderEq {
    padding-right: 10px;
    width: 120px;
}

.dashEqHolderTi {
    width: 100px;
}

.dashEqHolderDr {
    padding-right: 10px;
    /* width: 200px; */
}

.driverName {
    width: 80px;
}

.driverDetails {
    display: flex;
}

.dashOptionHolder {
    width: 25px;
    display: flex;
    justify-content: center;
    padding-top: 7px;
}

.eqSpan {
    display: inline-block;
    width: 100px;
/*    padding-left: 0px;*/
}

.drSpan {
    display: inline-block;
    width: 90px;
/*    padding-left: 8px;*/
}

.alSpan {
    display: inline-block;
    width: 20px;
/*    padding-left: 10px;*/
}

.acSpan {
    display: inline-block;
    width: 32px;
/*    padding-left: 10px;*/
}

.grHolder.driverView .acSpan {
    width: 64px;
/*    padding-left: 10px;*/
}

.tiSpan {
    display: inline-block;
/*    padding-left: 23px;*/
}

.centralize {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body#dashboard label {
     display: inline-block;
    margin: 0px;

}
.sheetItem p {
    padding-bottom: 10px;
}

.sheetItem .formItemHolder {
     text-align: center;
}

.avDetails,
.holidayDetails {
    /* display: flex; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    /* flex-direction: row;
    flex-wrap: wrap; */

}


.avDetails {
    justify-content: space-between;
    padding: 0;
    margin: 0;
}
.avPeople {
  padding: 5px;
  background-color: lightgreen;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  /* color: #fff; */
}

.avPeople.notFree {
    background-color: #ba0c2f;
    color: white;
}

.avPeople.partFree {
  background-color: orange;
}

#dashBottomSection {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    min-width: 320px;
}

.dashBottomSectionItem {
    flex: 1;

    width: 50%;
    min-width: 300px;
}

.topdata {
  display: flex;
  justify-content: space-between;

}

.tdPart {
  width: 50%;
}


#mainAdminInner {
    padding: 15px;
}

#mainAdminInner ul {
     display: flex;
    flex-direction: column;
/*    padding: 30px;*/
     background-color: #fff;
/*    border-radius: 7px;*/
    border:  #DCDCDC 1px solid;

}

#mainAdminInner ul li {
 padding: 30px;
    border-bottom:  #DCDCDC 1px solid;
}

#mainAdminInner .week-day-cell li a, #mainAdminInner .week-day-cell li span.dayBlank, #mainAdminInner .week-day-cell li span.dayHead, .week-day-cell li a, .week-day-cell li span.dayBlank, .week-day-cell li span.dayHead {
        background-color: #696969;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    height: 35px;
    width: 100%;
    color: #333;
    /* border-radius: 2px; */
    border: #DCDCDC 1px solid;
    /* font-size: 14px; */
}

#mainAdminInner div.adHolder ul.adHolder,
#mainAdminInner div.mcHolder ul.mcHolder,
#mainAdminInner div.opHolder ul.opHolder {
  padding-top: 0px;
  padding-bottom: 0px;

}
#mainAdminInner div.adHolder ul.adHolder li,
#mainAdminInner div.mcHolder ul.mcHolder li,
#mainAdminInner div.opHolder ul.opHolder li {
  padding: 5px;
}

#mainAdminInner div.adHolder ul.adHolder li:hover,
#mainAdminInner div.mcHolder ul.mcHolder li:hover,
#mainAdminInner div.opHolder ul.opHolder li:hover {
  background-color: #cccccc;
  cursor: pointer;
}
div.adHolder,
div.mcHolder,
div.opHolder {
  width: 100%;
    max-width: 320px;
    max-height: 202px;
    overflow-y: scroll;
    position: absolute;
    background-color: white;
    z-index: 20;
    display: none;
}


.formTitleHolder,
.adminAddLink a {
    background-color: #fff;
/*    border-radius: 7px;*/
    border:  #DCDCDC 1px solid;
    /* padding: 20px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    min-width: 210px;
    height: 100%;
    margin-bottom: 30px;
}

fieldset .formTitleHolder {
  margin-bottom: 5px;
}

.formTitleHolder {
  background-color: #ba0c2f;
    /* position: absolute; */
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 30px;
}

.formTitleHolder, .formTitleHolder a, .formTitleHolder h3, .formTitleHolder h2, .formTitleHolder h1 {
  color: #fff;
}

.bookItems .formTitleHolder p {
    margin-top: 0px;
    margin-bottom: 5px;
}

.formTitleHolder h3 {
  margin-top: 5px;
  margin-bottom: 5px

}
.formTitleHolder a:hover {
  color: #ddd;
}



body#login .formTitleHolder h1,
body#login .formTitleHolder h2,
body#login .formTitleHolder {
  color: #333A4D;
}

body#login .formTitleHolder {
  background-color: #fff;
  padding: 20px;
}

.adminAddLink a:hover {
    background-color: #ba0c2f;
    color: #fff;
}

.formLink {
    display: inline-block;
    padding-left: 10px;
}

.formText {
     padding-bottom: 20px;
    width: 100%;
    max-width: 700px;
}

.formText p {
     padding-bottom: 20px;
}

#addEquipToJob {
     padding-top: 20px;
}

.addedEq {
   border-top: dashed 1px #ddd;
}


.equipList {
    padding-bottom: 30px;
}
.addedEq {
    border-top: dashed 1px #ddd;
    padding-top: 30px;
}
/*//CALENDAR////////////////////////////////////////////////////*/

side #calendarHolder .adminTitleHolder {
  /* width: 286px; */
  margin-left: auto;
  margin-right: auto;
}
#calendar-html-output {
    /* width: 286px; */
    width: 255px;
    /* max-width: 300px; */
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(0,0,0,0.1);
}

#calendar-outer {
    display: flex;
    flex-direction: column;
    padding: 2px;
/*    border: 1px solid #ddd;*/
}
.calendar-nav {
    display: flex;
    justify-content: space-evenly;
    padding: 5px;
    color: #333;
}



#mainAdminInner .week-day-cell,
.week-day-cell {
    display: grid;
    /* grid-template-columns: 40px 40px 40px 40px 40px 40px 40px; */
    grid-template-columns: 35px 35px 35px 35px 35px 35px 35px;
    grid-template-rows: auto;
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

  #mainAdminInner .week-day-cell li,
.week-day-cell li {
    list-style: none;
    padding: 1px;
    display: block;
}

#mainAdminInner .week-day-cell li a,
#mainAdminInner .week-day-cell li span.dayBlank,
#mainAdminInner .week-day-cell li span.dayHead,
.week-day-cell li a,
.week-day-cell li span.dayBlank,
.week-day-cell li span.dayHead {
       background-color: #696969;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    height: 35px;
    width: 100%;
    color: #333;
    /* border-radius: 2px; */
    border: #DCDCDC 1px solid;
    font-size: 12px;
}

#mainAdminInner .week-day-cell li span.dayHead,
.week-day-cell li span.dayHead {
    color: #fff;
     border: none;
}

#mainAdminInner .week-day-cell li span.dayBlank,
.week-day-cell li span.dayBlank {
     background-color: #eee;
    border: none;
}

#mainAdminInner .week-day-cell li a,
.week-day-cell li a {
/*    background-color: #f9fbfd;*/
    background-color: #fff;
}
#mainAdminInner .week-day-cell li.weekEnd a,
.week-day-cell li.weekEnd a {
    background-color: #DCDCDC;
     border: none;
}
#mainAdminInner .week-day-cell li a:hover,
.week-day-cell li a:hover,
.week-day-cell li.weekEnd a:hover {
    color: #fff;
    background-color: #696969;
    transition: 0.3s cubic-bezier(.29,-0.92,.47,1.74);
}

#mainAdminInner .week-day-cell li.today a,
.week-day-cell li.today a {
     border: 1px solid #BA0C2F;
}

#mainAdminInner .week-day-cell li.selectedDate a,
.week-day-cell li.selectedDate a,
.week-day-cell li.selectedDate.weekEnd a
 {
    background-color: #BA0C2F;
    color: #FFF;
}
#mainAdminInner .next,
#mainAdminInner .pre,
.next,
.prev {
    background-color: #EFEFEF;
/*
    display: flex;
    justify-content: center;
    flex-direction: column;
*/
    text-align: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
/*    border-radius: 2px;*/
}
#mainAdminInner .next:hover,
#mainAdminInner .pre:hover,
.next:hover,
.prev:hover {
     background-color: #686868;
    transition: 0.3s cubic-bezier(.29,-0.92,.47,1.74);
}


li.workToday a {
    background-color: #E7CDD2;
}

li.weekEnd.workToday a {
  background-color: #DEB7BF;
}

 body#login #dashContentOuter main {
        background: none;
         display: block;
         width: 50%;
    }



 body#login .formTitleHolder,
 body#login fieldset {
     border: none;
     padding: 0px;
     margin: 0px;

}

body#login fieldset {
    padding-bottom: 20px;
}

body#login .formLink {
     padding-left: 0px;
}

 body#login .formTitleHolder {
     text-align: left;

     padding-bottom: 30px;
}

 body#login .formTitleHolder h2 {
    font-size: 40px;
    line-height: 52px;
    margin-top: 0px;
    margin-bottom: 10px;
}

 body#login .formTitleHolder p {
   margin-top: 0px;
 }

 body#login  .formItemHolder {
     padding-bottom: 20px;
}

#logoHolder {
    padding: 30px;
}

#logoHolder img {
        width: 100%;
    max-width: 150px;
}

side#loginSide {
     width: 50%;
    max-width: 50%;
    height: 100vh;
}

side#loginSide img {
     width: 100%;
    height: 100%;
    object-fit: cover;
}

 body#login #mainAdminInner {
    padding: 0px 30px 30px 30px
}

menuList li {
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.menuList a {
-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.menuList a {
    display: block;
    padding: 10px 0;
}
.menuList a:hover {
    text-decoration: none;
    color: #000000;
    padding-left: 10px;
    border-left: 4px solid #ba0c2f;
}

.menuList li:first-of-type {
    border-top: 1px solid rgba(0,0,0,0.1);
}

.menuList li {
    padding-left: 0;
}


.typeDisp {
     border-left: 10px solid;
}

.typeKey span {
    padding-right: 20px;
    padding-left: 5px;
    border-left: 10px solid;
    margin-bottom: 5px;
    height: 25px;
}

.typeKey {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-bottom: 20px;
  font-size: 12px;
  justify-content: flex-start;
}

#addEquipToJobLink {
    background-color: #BA0C2F;
    border: #BA0C2F 1px solid;
    padding: 10px;
    width: 200px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

/* //Login Page ////////////////////////////////////?*/

body#login {
     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

body#login #dashContentOuter {
    max-width: 800px;
    width: 800px;
    height: auto!important;
    box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
    max-height: 800px;
    min-height: auto;
/*
    margin-left: auto;
    margin-right: auto;
*/
}

body#login side#loginSide {
    height: auto;
}

.sideForm {
    color: #b7b7b7;
}

/*Adjustments for screens ////////////////////////////////////////*/

@media all and (min-width: 1830px) {
  .sheetDetails .grHolder {
      grid-template-columns: 475px 180px 180px 140px 140px 140px 130px auto;
  }

  .sheetDetails .grHolder.equipView {
      grid-template-columns: 470px 180px 180px auto 140px auto;


  }

  .sheetDetails .grHolder.customerView {
       grid-template-columns: 470px 180px 180px auto 140px auto;


  }

  .sheetDetails .grHolder.deleted {
      grid-template-columns: 470px 180px 180px auto 140px auto;


  }
}


    @media all and (min-width: 768px) and (max-width: 1023px) {

    #sheetDetails .grHolder {
        grid-template-columns: 50% 50%;
    }

    /* #holidayHolder, .sheetHolder, #activityHolder, #notesHolder {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    } */

    .sheetDetails {
        flex-direction: row;
        scroll-snap-type: x mandatory;
        scroll-snap-points-x: repeat(95vw);
    }

    .sheetDetailsScroll {
        width: 100%;
        min-height: 10px;
    }

    .sheetDetails .grHolder,
    .sheetDetails .grHolder.equipView,
    .sheetDetails .grHolder.customerView,
    .sheetDetails .grHolder.driverView {
        scroll-snap-align: center;
        scroll-snap-stop: always;
        scroll-padding: 50%;
        grid-template-columns: calc(100vw - 350px);
         grid-template-rows: min-content;

      width: 100%;

    }

    .sheetDetails .grHolder.headings {
         display: none;
    }

    .dashEqHolder {
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
    }

    .dashEqHolderDr,
    .dashEqHolderTi {
      padding-bottom: 10px;
    }

    input.allocateJobs::after {
        content: 'Confirmation';
        display: inline-block;
        padding-left: 20px;
        white-space: nowrap;
    }

    input.acceptJobsDrOne::after {
        content: 'Ac.';
        display: inline-block;
        padding-left: 20px;
        white-space: nowrap;
    }

     input.allocateJobsDrOne::after {
        content: 'Al.';
        display: inline-block;
        height: 30px;
        width: 30px;
        padding-left: 20px;
        white-space: nowrap;
    }

    input.acceptJobsDrTwo::after {
        content: 'Ac.';
        display: inline-block;
        padding-left: 20px;
        white-space: nowrap;
    }

     input.allocateJobsDrTwo::after {
        content: 'Al.';
        display: inline-block;
        height: 30px;
        width: 30px;
        padding-left: 20px;
        white-space: nowrap;
    }

    .dashOptionHolder {
      width: 45px;
  }

  .centralize {
      text-align: left;
  }


}


@media all and (max-width: 767px) {

    .breadcrumb {
        padding: 10px;
    }

    side #calendarHolder .adminTitleHolder {
      width: 100%;

    }

    nav#superAdminMenu {
        border-right: 1px solid #dcdcdc;
    }

    .breadcrumb {
        padding: 10px;
    }
    #dashContentOuter side {
        width: 100%;
        max-width: 100%;
        /* display: flex; */
        /* justify-content: space-between; */
        border-bottom: #dcdcdc 1px solid;
        border-right: none!important;

    }

    body#login #dashContentOuter {
        max-width: 800px;
        width: 100%;
        height: auto!important;
        box-shadow: none;
        max-height: 800px;
        min-height: auto;
    /*
        margin-left: auto;
        margin-right: auto;
    */
    }

    body#login side#loginSide {
        display: none;
    }

    body#login #dashContentOuter main {
     padding-top: 60px;
    }

    input.allocateJobs::after {
        content: 'Confirmation';
        display: inline-block;
        padding-left: 20px;
    }

    input.acceptJobsDrOne::after {
        content: 'Ac.';
        display: inline-block;
        padding-left: 20px;
    }

     input.allocateJobsDrOne::after {
        content: 'Al.';
        display: inline-block;
        height: 30px;
        width: 40px;
        padding-left: 20px;
    }

    input.acceptJobsDrTwo::after {
        content: 'Ac.';
        display: inline-block;
        padding-left: 20px;
    }

     input.allocateJobsDrTwo::after {
        content: 'Al.';
        display: inline-block;
        height: 30px;
        width: 30px;
        padding-left: 20px;
        white-space: nowrap;
    }

    .dashOptionHolder {
         width: 55px;
    }

    .dashEqHolderEq,
    .dashEqHolderDr {
        width: 100%;
    }


    body.driverView input.acceptJobsDrOne::after {
        content: ' Accept';
        display: inline-block;
        padding-left: 20px;
    }


    #mainAdminInner .week-day-cell,
    .week-day-cell {
        grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;

    }

    #mainAdminInner .week-day-cell li a,
    #mainAdminInner .week-day-cell li span.dayBlank,
    #mainAdminInner .week-day-cell li span.dayHead,
    .week-day-cell li a,
    .week-day-cell li span.dayBlank,
    .week-day-cell li span.dayHead {
        font-size: 13px;
    }
    #calendar-html-output {
         max-width: 100%;
        width: 100%;
/*        max-width: 320px;*/
        padding-top: 0;
        padding-bottom: 10px;
        margin-top: 1px;
        border: 1px solid rgba(0,0,0,0.1);
        position: fixed;
        background-color: #fff;
        height: auto;
        left: 0%;
        z-index: 9999;
    }

   fieldset #calendar-html-output {
       position: relative;
       z-index: 5;
    }

    #dashContentOuter {
         flex-direction: column;

    }

/*
    #sheetDetails {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
*/

    input[type='submit'],
    input[type='text'],
    input[type='email'],
    input[type='password'],
    input[type='datetime-local'],
    input[type='date'],
    input[type='time'],
     input[type='color']
     {
        width: 100%;
         max-width: 380px;
    }

    fieldset {
        padding: 10px;
    }

    #mainAdminInner {
        padding: 10px;
    }

    .sheetItem .formItemHolder {
         text-align: left;
    }

    #dashContentOuter side {
        width: 100%;
         max-width: 100%;
/*        display: flex;*/
/*        justify-content: space-between;*/
        border-bottom:  #dcdcdc 1px solid;
       border-right: none!important;
    }


    #dashContentOuter side nav {
         padding: 0px;
    }


    #dashContentOuter side nav .adminTitleHolder {
         padding: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        height: 100%;
        cursor: pointer;
    }

    #calendarHolder .adminTitleHolder {
        text-align: center;
    }

    nav#superAdminMenu {
        border-right: 1px solid #dcdcdc;
    }

    header#mainHeader div.logoHolder a img {
    max-width: 80px;
    border: none;
    }

    header#mainHeader div.logoHolder {
        grid-area: lh;
        padding: 0px;
        display: none;
    }

    header#mainHeader div.adminTitleHolder {
            grid-area: at;
        /* display: none; */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    header#mainHeader div.breadcrumb {
        grid-area: bc;
/*        display: none;*/
    }

header#mainHeader div.adminTitleHolder h1 {
       font-size: 20px;
    text-align: center;
    }
/*
    header#mainHeader div.logoHolder {
           text-align: center;
        padding: 20px;
    }

    header#mainHeader div.logoHolder a {
        overflow: hidden;
    }

    #mainHeader .adminTitleHolder {
        background: #ba0c2f;
        padding: 10px;
    }
*/

    header#mainHeader {
         width: 100%;
        display: grid;
         grid-template-columns: 120px auto;
          grid-template-rows: auto;
          grid-template-areas:
            "at at"
              "bc bc";
    }

    #dashContentOuter main {
        min-height: 100vh;
    }


    .menuList li {
        padding-left: 0px;
    }

    nav ul.menuList {
        display: flex;
        position: fixed;
        left: 0px;
        background-color: #fff;
        /* width: 100vw;
        max-width: 100%; */
        width: 100%;
        /* height: 100vh; */
        flex-direction: column;
        justify-content: normal;
        z-index: 600;
        -webkit-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        -moz-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        margin-top: 1px;
        height: 100%;
        padding-top: 0px;
        padding-left: 20px;
    }

    nav ul.menuList.hidden{
        display: none;
       -webkit-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        -moz-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        transition:  0.5s cubic-bezier(.54,.12,.96,.83);
    }

    nav ul.menuList.driver {
       border-bottom:  #7283a0 1px solid;
    }



/*
    nav .adminTitleHolder::before {
        content: 'X ';
        cursor: pointer;
        display: inline-block;
    }
*/

/*
    nav h2 {
        display: inline-block;
    }
*/
    header#mainHeader {
        grid-area: head;
    }

    nav#superAdminMenu {
        grid-area: nav;
    }

    div#calendarHolder {
        grid-area: cal;
    }

    side#contentSideMenu {
         position: fixed;
        top: 0px;
        z-index: 1000;
        height: auto;
        background-color: #ffffff;
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-areas:
            "head head"
              "nav cal";
    }

    side#contentSideMenu.nav-up {
         top: -130px;
        -webkit-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        -moz-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        transition:  0.5s cubic-bezier(.54,.12,.96,.83);
    }

    side#contentSideMenu.nav-down {
         top: 0px;
        -webkit-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        -moz-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        transition:  0.5s cubic-bezier(.54,.12,.96,.83);
    }

    body#dashboard side#contentSideMenu.nav-up {
         top: -200px;
        -webkit-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        -moz-transition: 0.5s cubic-bezier(.54,.12,.96,.83);
        transition:  0.5s cubic-bezier(.54,.12,.96,.83);
    }

    #dashContentOuter main {
         padding-top: 140px;
          max-width: 100%;
    }

    body#dashboard #dashContentOuter main {
         padding-top: 180px;
         max-width: 100%;
    }


    .avPeople {
      display: block;
      }


    body#dashboard #calendarHolder {
/*        border-bottom:  #7283a0 1px solid;*/
        padding: 0px;
       position: absolute;
        /* top: 120px; */
        top: 0px;
        background-color: #fff;
        width: 100%;
        z-index: 500;
        cursor: pointer;
    }

    body#dashboard #calendarHolder h2 {
        padding: 5px;
    }

    body#dashboard #calendarHolder h2:hover {
         color: #8F8F8F;
    }

    #calendar-html-output.hidden {
         display: none;
    }

    #holidayHolder, .sheetHolder, #activityHolder, #notesHolder {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .sheetDetails {
        flex-direction: row;
        scroll-snap-type: x mandatory;
        scroll-snap-points-x: repeat(95vw);
        width: 100%;
    }

    .sheetDetailsScroll {
        width: 100%;
        min-height: 10px;
    }

    .sheetDetails .grHolder,
    .sheetDetails .grHolder.equipView,
    .sheetDetails .grHolder.customerView,
    .sheetDetails .grHolder.driverView {
        scroll-snap-align: center;
        scroll-snap-stop: always;
        scroll-padding: 50%;
        grid-template-columns: Calc(100vw - 38px);
/*        grid-template-rows: 170px 70px 110px auto 50px 50px;*/

    }

    .sheetDetails .grHolder.headings {
         display: none;
    }

    .dashEqHolder {
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
    }

    .dashEqHolderDr,
    .dashEqHolderTi {
      padding-bottom: 10px;
    }

    .centralize {
        text-align: left;
    }

    /*//////////////////////////////////////
    #sheetDetails  {
    display: flex;
    flex-direction: column;
        overflow: hidden;
    overflow-x: scroll;
    width: 100%;
    max-width: 100%;
}

#sheetDetails .grHolder {
    display: grid;
    grid-template-columns: 220px 200px auto 120px 140px 250px;


}

#sheetDetails .grHolder.equipView {
    display: grid;
    grid-template-columns: 220px 200px 220px auto 140px 250px;


}

#sheetDetails .grHolder.customerView {
    display: grid;
    grid-template-columns: 220px 200px  auto 140px 250px;


}

#sheetDetails .grHolder.driverView {
    display: grid;
    grid-template-columns: 220px 200px 200px auto;


}

#sheetDetails .grHolder.archiveView {
    display: grid;
    grid-template-columns: 120px 130px 130px 100px auto 120px 130px 120px 120px 150px;

}

#sheetDetails.driver .grHolder {
    grid-template-columns: 290px 300px auto 120px 150px;
}

#sheetDetails .grHolder.even .sheetItem  {
    background-color: #FBFBFB;
}

    */


}

@media all and (max-width: 330px) {
    fieldset {
        padding: 5px;
    }

    #mainHeader h1 {
         font-size: 25px;
    }

    #mainHeader p {
        font-size: 14px;
    }

    .dashEqHolder {
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
    }
}

.bookingFormSectionHolder.sectionOne .fieldsetWrap {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  margin: 0;
}

.sectionOne .formItemHolder {
  position: relative;
}

.sectionOne input[type="checkbox"] {
  position: absolute;
  left: 50%;
  top: 0;
}

#addJob label,
#editJob label {
  min-width: 200px;
}

#addJob label,
#addJob input,
#addJob textarea,
#editJob label,
#editJob input,
#editJob textarea {
  max-width: 100%;
}

form[name="userHolidayAdd"] label,
form[name="userHolidayAdd"] input,
form[name="userHolidayAdd"] textarea {
  max-width: 100%;
}

.d-col.equipList .formItemHolder.inlineBlock {
  display: block;
}

.d-col.equipList .select2-container {
  display: block;
}

nav ul.menuList {
  display: block;
}

.menuList li {
  position: relative;
}

.menuList li::before {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
  height: 1px;
}

.menuList li.menuGap::before {
  display: none;
}

.menuList li.menuGap {
  padding-bottom: 0;
  margin-right: 20px;
}

.menuList li.menuGap a,
.adminAddLink a {
  background-color: #ba0c2f;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

.menuList li.menuGap a:hover {
  padding-left: 15px;
  padding-right: 15px;
  border: none;
  background-color: #880c25;
}

.adminAddLink a:hover {
  background-color: #880c25;
}

#mainAdminInner .menuList {
  padding-left: 0;
  border: none;
}

#mainAdminInner .menuList li {
  padding: 0 20px 10px;
  border: none;
}

#mainAdminInner .menuList a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.adminAddLink a {
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-flex;
  text-align: center;
}

.superAdminMenu {
  width: 100%;
}

.fieldsetWrap {
  display: flex;
  flex-direction: column;
}

.fieldsetWrap fieldset {
  flex-grow: 1;
  columns: 1;
}

fieldset {
  columns: 1;
}

.sectionOne .formTitleHolder {
  height: 30px;
}


@media all and (max-width: 767px) {
  #dashboard .topdata,
  #customerView .topdata,
  #equipmentView .topdata {
    flex-direction: column;
  }

  #dashboard .tdPart,
  #customerView .tdPart,
  #equipmentView .tdPart {
    width: 100%;
    padding-bottom: 10px;
  }

  .avPeople {
    display: inline-block;
    vertical-align: top;
  }
}

@media all and (max-width: 1023px) {
  .typeKey span {
    margin-bottom: 14px;
  }

  .d-row {
    display: block;
  }

  .d-col.equipList {
    display: block;
    padding: 0;
  }
}

@media all and (min-width: 768px) {
  main .adminTitleHolder {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
  }

  #dashboard main,
  #customerView main,
  #equipmentView main {
    padding: 15px;
  }

  #dashboard .noteItem,
  #dashboard .activityItem,
  #customerView .noteItem,
  #customerView .activityItem,
  #equipmentView .noteItem,
  #equipmentView .activityItem {
    padding-left: 15px;
    padding-right: 15px;
  }

  .menuList li.menuGap {
    margin-right: 0;
  }
}

@media all and (min-width: 1024px) {
  #dashboard .sheetDetailsScroll,
  #customerView .sheetDetailsScroll,
  #equipmentView .sheetDetailsScroll {
    overflow: auto;
  }

  #dashboard .typeKey.tdPart,
  #customerView .typeKey.tdPart,
  #equipmentView .typeKey.tdPart {
    width: 30%;
  }

  #dashboard .sheetDetails,
  #customerView .sheetDetails,
  #equipmentView .sheetDetails {
    display: table;
    width: auto;
    overflow-x: visible;
    width: 100%;
  }

  #dashboard .grHolder,
  #customerView .grHolder,
  #equipmentView .grHolder {
    display: table-row;
  }

  #dashboard .grHolder .sheetItem,
  #dashboard .grHolder .sheetHeading,
  #customerView .grHolder .sheetItem,
  #customerView .grHolder .sheetHeading,
  #equipmentView .grHolder .sheetItem,
  #equipmentView .grHolder .sheetHeading {
    display: table-cell;
    vertical-align: top;
    /* min-width: 60px; */
  }

  .eqSpan,
  .drSpan,
  .tiSpan {
    min-width: 120px;
    max-width: 120px;
    margin-left: -3px;
    padding-left: 2px;
  }

  #customerView .dashEqHolderDr,
  #equipmentView .dashEqHolderDr {
    min-width: 180px;
    max-width: 180px;
  }

  #customerView .driverName,
  #equipmentView .driverName {
    min-width: 114px;
    max-width: 114px;
    width: 100%;
  }

  .dashEqHolderEq,
  .dashEqHolderDr {
    min-width: 120px;
    max-width: 120px;
  }

  .dashEqHolderTi,
  .tiSpan {
    min-width: 80px;
    max-width: 80px;
  }

  .bookingFormSectionHolder.sectionOne {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .bookingFormSectionHolder.sectionOne .fieldsetWrap:first-child {
    grid-row-start: 1;
    grid-row-end: 3;
    height: 100%;
  }

  .d-row {
    flex-wrap: wrap;
  }

  .d-col {
    width: 49.5%;
    padding-bottom: 0;
  }

  .d-col.equipList {
    width: 100%;
    order: 3;
    padding: 0;
  }

  .d-col.equipList > div {
    width: 49.5%;
  }

  #addJob textarea,
  #editJob textarea {
    height: 110px;
  }
}

@media all and (min-width: 1300px) {
  .bookingFormSectionHolder.sectionOne {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .bookingFormSectionHolder.sectionOne .fieldsetWrap {
    height: 100%;
  }

  .bookingFormSectionHolder.sectionOne .fieldsetWrap:first-child {
    grid-row-start: 1;
    grid-row-end: 2;
  }

  #addJob .d-row,
  #editJob .d-row {
    max-width: 100%;
    padding: 0;
  }

  #addJob .d-col,
  #editJob .d-col {
    width: 25%;
  }

  .d-col {
    width: 24.5%;
  }

  .d-row {
    padding: 0 10px;
  }

  #addJob .d-col.equipList,
  #editJob .d-col.equipList {
    width: 50%;
    order: 0;
    flex-grow: 0;
    justify-content: center;
  }

  .d-col.equipList > div {
    width: 47%;
  }

  .d-col.equipList > div:first-child {
    margin-right: 2%;
  }

  .formElementHolder {
    max-width: 100%;
  }

  #addJob fieldset,
  #editJob fieldset {
    padding-left: 10px;
    padding-right: 10px;
  }

  #addJob fieldset .formTitleHolder,
  #editJob fieldset .formTitleHolder {
    margin-left: -5px;
    margin-right: -5px;
    width: auto;
  }
}

@media all and (min-width: 1400px) {
  .bookingFormSectionHolder.sectionOne {
    grid-template-columns: 50% 1fr 1fr;
  }

  .sectionOne #calendar-html-output {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .sectionOne .calendarWrapper > div {
    margin-left: 270px;
  }

  #mainAdminInner {
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (min-width: 1480px) {
  .eqSpan,
  .drSpan,
  .dashEqHolderEq,
  .dashEqHolderDr {
    min-width: 170px;
    max-width: 170px;
  }

  #customerView .drSpan,
  #equipmentView .drSpan {
    min-width: 120px;
    max-width: 120px;
  }
}

@media all and (min-width: 1560px) {
  .grHolder .sheetItem:first-child,
  .grHolder .sheetHeading:first-child {
    /* width: 400px; */
  }

  .dashEqHolderTi, .tiSpan {
    min-width: 100px;
    max-width: 100px;
  }
}