@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url(https://fonts.googleapis.com/css?family=Montserrat);

body { margin: 0; padding: 0; font-family: Open Sans; color: #2e2e2e; }

body  {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}

div, .listing, .orderForm, .clientContain h3  { float: left; width: 100%; }
label, .clientContain input, .clientContain select, .clientContain textarea { float: left; }
.rightNav { float: right; }

a, p, li { font-size: 13px; color: #2e2e2e;  }
a { text-decoration: none; }

.film, .dialog, a { transition: 0.25s ease; }

.orderForm { display: none; }
.orderForm h1 { padding-top: 20px !important; float: left; color: #2e2e2e !important; font-size: 16px !important; }

body, .dialog, .newPanel h3 { background: #fff; }
.header { background: #2196F3; }
.content { background: #F5F5F5; }
.addBtn, .addNewBtn, .todayBtn, ::-webkit-file-upload-button, #globalAdd, .globalSearchBtn { background: #fff; text-transform: uppercase; font-size: 12px; color: white; }
.film { background: #BBDEFB; }

hr { margin: 0; border: 1px solid #eee; }

.dialog form { float: left; width: 100%; }
h1, h2, .newPanel h3 { color: #2196F3; }
p, th, td, label, input, select, textarea { color: grey; }
.rightNav, .header h2 { color: #fff !important; }
.addBtn, .todayBtn, .addNewBtn, ::-webkit-file-upload-button, .globalSearchBtn, #globalAdd { color: #2196F3;  }

.updatebtncls, .updatebtncls2, input[type="submit"] { color: #fff !important; background: #2196F3; font-size: 14px; border: none; padding: 10px 15px; margin: 5px 0; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.updatebtncls:hover, .updatebtncls2:hover, input[type="submit"]:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important; }
.updatebtncls2 { background: #B0171F; float: right; }
.clientContain input[type="submit"] { width: auto !important; border: none !important; }
h2 { font-size: 20px; }
th, td, p, input, select, textarea { font-size: 16px; }
td, label { font-size: 14px; }

th { text-align: center; }

fieldset { width: 95%; border: 1px solid #eee; }

.header h2, .addBtn, .todayBtn, ::-webkit-file-upload-button { cursor: pointer; }
label { text-transform: uppercase; }

.header h2 {  margin: 0; padding-left: 0px; font-weight: 100; }

.banner {  float: left; width: 50%; }
.subheader h1 { font-size: 20px;padding-bottom: 0; margin-bottom:5px; margin-top: 20px; }
.scoreboard { border-left: 3px solid #2196F3; float: left; width: 200px; padding: 0 10px; }
.scoreboard p { float: left; width: 100%; margin: 0; padding: 0; padding-bottom: 5px; text-transform: uppercase;  font-size: 13px;color: grey; }
.scoreboard h2 {  margin: 0; padding: 0; padding-top: 5px;  font-size: 16px; }

.tabContent h1 { color: #2196F3; }
.tabContent h1 {  margin-bottom: 0; padding: 10px 0; padding-bottom: 10px; font-size: 22px;  }

.clientContain input, .clientContain select, .clientContain textarea { border: 1px solid #ddd; }

.film, .dialog { position: fixed; }
.film { z-index: 9000; width: 100%; height: 100vh; margin-top: -100vh; left: 0; top: 0; opacity: .75; }
.dialog { left: 50%; width: 800px; margin-left: -420px; padding: 2.5vh 20px; margin-top: -120vh; height: 95vh; overflow: auto; z-index: 10001;  border-bottom: none;  }
.dialog h1 { margin: 20px 0; padding: 0; margin-bottom: 0; width: auto; padding-bottom: 0 !important; font-size: 24px; margin-top: -0px; }

.addNewBtn { border: none; float: right; margin-top: -5px; }

.addBtn2 { font-size: 12px; color: #005984; cursor: pointer; }
.addBtn, ::-webkit-file-upload-button { border: none; font-size: 10px; text-transform: uppercase; }
.valSpan, .valSpan2 { border-left: 1px solid #2196F3; padding: 5px 2.5%; margin: 5px 0; float: left; display: none; width: 90%; }
.valSpan2 { display: block; }

#detailsWindow h1 { padding-bottom: 20px; }
#detailsWindow h2 { font-size: 16px; margin-bottom: 5px; }

.submitBtn { float: left; background: #2e2e2e; color: white; width: 97.5%; text-align: center; padding: 10px 0; margin-top: 20px; }

.clientContain, .dialogContain { margin: 0px 0; }

.closeIcon { width: 25px; height: 25px; float: right; cursor: pointer; z-index: 100001;}
.closeIcon2 { width: 15px; height: 15px; cursor: pointer;  margin-top: 10px; float: right; }
.dialog p { font-size: 13px; }

.jobType { padding: 5px 25px;  }

.newPanel { background: #fff;  }
.newPanel h3 { padding: 15px 2.5% !important; float: left; font-size: 18px !important; border-bottom: 2px solid #2196F3; width: 95%; }
.newPanelContain { width: 97%; padding: 1.5%; }

.center { text-align: center; }

.half { width: 50%; padding: 0 0%; padding-left: 0; }

.clientContain { font-size: 14px; margin: 10px 0;  }
.clientContain input, .clientContain select, .clientContain textarea { padding: 5px 1.5%; padding-right: 0; color: #2e2e2e; font-size: 14px; border: 1px solid #eee; width: 93.5% !important; }
.clientContain select { width: 95% !important; }
.clientContain input[type="date"] { padding: 3px 5px; width: 40% !important; }
.closeDialog { width: 200px !important; cursor: pointer; color: #2196F3; margin-top: 5px; background: #FFEB3B;  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.closeDialog { border: none; }
.clientContain input[type="file"] { border: none; }
.clientContain h3 { font-size: 14px; margin: 0; padding: 5px 0; }
form h2 { font-size: 14px !important; margin: 0; margin-top: 20px; }
.orderForm h2 { font-size: 16px !important; margin: 0; padding: 0; }
.addBtn, .todayBtn { float: left; }
.checkInput { width: auto !important; font-size: 13px !important; padding: 10px 0 !important; }

.dateInput { width: 80% !important; float: left; }

.bigAddBtn { float: left; padding: 5px 15px; }

.subby { font-size: 13px;  font-weight: 100; }

.leftTop { height: 3px; }
.rightTop { height: 3px;  }

.tabContent { display: none; height: 100%; padding: 0 1.5%; width: 97%; }
#tabContent1 { display: block; }

.rightNav, .nav a, #settingIcon { text-align: center; font-size: 18px; padding: 0px 20px;  }
#siteLink { padding: 10px 35px; }
.nav a, #settingIcon { float: left; }
.header { padding-bottom: 10px;  width: 97%; padding: 20px 1.5%;   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
.subheader { float: left; width: 100%; padding:40px 0; }

#logoutBtn { cursor: pointer; }

.logo { float: left; width: 200px; height: 100px; max-width: 15%; }
.logoImg { width: 100px; height: 100px; padding-top: 20px; }

.alertIcon { text-align: center; margin-right: 10px; margin-top: -10px; color: grey; }

.hamIcon { width: 25px; height: 25px; float: left; margin-right: 20px; cursor: pointer; }

.nav { float: right; width: 60%; }
.leftylo { float: left; max-width: 40% !important; }
.searchy { float: left;  margin: 5px; background: #2e2e2e; padding: 5px 0px; border: 1px solid #1F1F1F;  border-right: 0;color: #2e2e2e; font-size: 13px; margin-right: 0; margin-left: 10px; 
	padding-left:15px;width:200px;
	font-size:13px;color:gray;
	    
	background-image:url('http://moabactionshots.com/assets/themes/default/images/search.icon.png');
	background-repeat:no-repeat;
	background-position:right center;outline:0; }
.searchyBtn { float: left; width: 100px; padding: 4px 0; background: #005984; color: #ddd; font-size: 13px; margin-top: 5px;text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.contain { position: relative; left: 50%; width: 1200px; margin-left: -600px; }
#bodycontain { top: 0px; }

.buttons { position: absolute; height: 100vh; width: 210px; padding: 0 20px; left: -251px; background: white; transition: 0.25s ease; z-index: 10001;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.film2 { position: absolute; height: 100vh; width: 100%; display: none; background: #eee; transition: 0.25s ease; z-index: 10000; opacity: .5; }
.content { width: 100%; }
.content {  margin-bottom: 30px; margin-top:50px; padding-bottom: 20px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;  }

.content, .listing, .addBtn, .todayBtn, .addNewBtn, ::-webkit-file-upload-button { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.addBtn, .todayBtn, .addNewBtn, ::-webkit-file-upload-button {  font-size: 14px; padding: 5px 10px; }
::-webkit-file-upload-button { border: none; }

.tabs { margin-top: -56px;
 -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
   
   
  #contactBoxes { float: left; width: 100%; }
.tabs a { flex: 1 1 auto; text-align: center; border-bottom: 2px solid #BBDEFB; transition: 0.25s ease; color: #BBDEFB; cursor: pointer; font-size: 18px; padding: 15px 15px;  }

.activeTab {   color: #2196F3 !important; border-bottom: 2px solid #2196F3 !important; }

.navlogo { width: 50px; height: 50px; margin-right: 5px;  }
.buttons h1 { font-size: 16px; margin: 0; width: 100%; padding: 20px 0%; padding-top: 20px; color: #2e2e2e; }
.buttons a { float: left; width: 100%; text-align: left; padding: 5px 0%; margin: 5px 0; background: white; color: #2e2e2e; font-size: 14px !important; font-weight: 900; transition: 0.25s ease; cursor: pointer; }
.buttons a:hover { border-right: 1px solid #2196F3; color: #2196F3; }
.active { color: #2196F3 !important; border-right: 1px solid #2196F3;  }
.navIcon { width: 15px; height:15px; }
.arrIcon { width: 20px; height: 15px; cursor: pointer; transition: 0.1s ease; }
.arrIcon:hover { transform: scale(1.05); }
.addIcon { width: 12px; height: 12px; margin-top: -5px; margin-left: 5px; }

.utilityBar { width: 600px; float: right; padding-top: 50px; }
#globalAdd, .globalSearchBtn { float: right; margin: 0px 0; text-align: center; border: none;  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.2s ease-in-out; margin-left: 20px;  }
.globalSearchBtn { float: right; border: none; margin-left: 0; margin-right: 20px; }
  #globalAdd, .addNewBtn, .clientContain input[type="submit"], .closeDialog, ::-webkit-file-upload-button, .globalSearchBtn { padding: 8px 10px; font-size: 14px;}
#globalAdd:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important; }
#globalAdd { padding: 7px 10px; }

.searchContainer { margin: 0px 0; }
.subsearch, .subFilter { border: none; padding: 10px 5px; width: 300px; font-size: 14px; border-bottom: 1px solid #BBDEFB; color: #2e2e2e; background: none; }
.subFilter { margin-top: -2px; width: auto; padding: 10px 25px; }


input[type="search"] placeholder { color: red; }
.subFilter { float: right;  color: #aaa;  }

.listing { margin: 0; padding: 0; cell-spacing: 0; border-spacing: 0;  border-top: none; margin-top:20px;border-spacing: 0px; }
.listing th { font-weight: 600; text-align: left; padding: 5px; padding-left: 10px; margin-top: 0; text-transform: uppercase; border-bottom: 1px solid #eee; border-left: 1px solid #eee; background: #fff; color: #BBDEFB;  }
.listing td { padding: 15px 10px; color: #2f2f2f; font-size: 13px; }
.listing tr:nth-child(even) { background: #E3F2FD !important; color: #3b3a36 !important; }
.listing tbody tr { background: #fff; }
.listing tbody tr:hover { background: #eee !important; }

.contactSelection { box-shadow: inset 0 0 1px #eee; padding: 5px 2.5%; width: 95%; }
.contactSelections { width: 95%; max-height: 300px; overflow: auto; border: 1px solid #ddd; }

.selectedCont { width: 42.5%; box-shadow: inset 0 0 3px green; padding: 10px 2.5%; }


.alertBoxes { width: 100%; margin-top: 10px; float: left; }
.alertBox { padding: 15px 1%; width: 98%; border-bottom: 1px solid #ddd; }
.alertBox p { font-size: 15px; color: grey; }

.alertBox li {  list-style: none; }
.subtext { color: #aaa; }
.alertDate { float: right; color: grey; padding-top: 0px; }

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.search100 { margin-top: 8px; margin-right: 5px; float: left; }

@media only screen and (max-width:1100px) {
	.contain { float: left; width: 100%; margin-left: 0; left: 0; }
}