body {
	line-height: 1.65;
	color: #333;
  }
  
  p {margin-bottom: 1.15rem;}
  
  h1, h2, h3, h4, h5 {
	margin-bottom: 1.05rem;
	line-height: 1.15;
  }
  
  h1 {
	margin-top: 0;
	font-size: 3.052rem;
  }
  
  h2 {font-size: 2.441rem;}
  
  h3 {font-size: 1.953rem;}
  
  h4 {font-size: 1.563rem;}
  
  h5 {font-size: 1.25rem;}
  
  small, .text_small {font-size: 0.8rem;}

/*Error Template Styles*/
#errTitle{
	font-size:20px;
	font-weight:bold;
	margin: 0 10 0 0;
	padding: 0 0 0 0px;
}
  
.errSmall{font-size:8pt;}
  
#errFooter{
	margin: 0;
	font-size:9px;
	color:#CCCCCC;
}
  
#errBlock{
	margin: 0 auto;
	width: 350px;
	font-family: courier;
	font-size:12px;
	color: #003366;
	border:1px solid #003366;
	background-color:#FFFFFF;
}/* end Error Template Styles */

html, body {
	font-family: 'Roboto', 'Helvetica', sans-serif;
}

/* SIDEBAR STYLE */
.wrapper-ddmg-admin {
	display: flex;
	align-items: stretch;
}

#sidebar-ddmg-admin {
	min-width: 240px;
	max-width: 240px;
	/* background:rgba(230,230,230,1); */
	color: #fff;
	padding-left:1rem;
	padding-right: 1rem;
	padding-top:1rem;
	transition: all 0.3s;
}

#sidebar-ddmg-admin.active {
	margin-left: -240px;
}

#sidebar-ddmg-admin .sidebar-header {
	padding: 20px;
	background: #6d7fcc;
}

#sidebar-ddmg-admin ul {
	margin:0px;
	/* padding:0px 0px 0px 0px; */
	list-style:none;
	font-size:14px;
	line-height:25px;
	vertical-align:top;
}

#sidebar-ddmg-admin ul fieldset ul{
	margin:0px;
	padding:0px;
}

#sidebar-ddmg-admin ul fieldset h5 {
	font-weight:bold;
	font-size:1.1em;
	color: #000;
	margin-left: 0.5rem;
	margin-top: -0.8rem;
}

#sidebar-ddmg-admin ul fieldset h5 span {
	background:rgba(230,230,230,1);
}

#sidebar-ddmg-admin a:link, #sidebar-ddmg-admin a:visited, #sidebar-ddmg-admin a:active  {
	font-size:14px;
	/* font-weight:bold; */
	/* color:rgba(35,88,176,1); */
	text-decoration: none;
}
#sidebar-ddmg-admin a:hover {
	/* color:rgba(35,88,176,1); */
	text-decoration: underline;
}

#sidebarCollapse-ddmg-admin {
    display: none;
}

#statisticsDiv{
	width:90%;
	background:rgba(20,50,100,1);
	margin:10px 0px 0px 0px;
	color:white;
	padding:2%;
}

#statisticsDiv a:link{color:white;}

#statisticsTxt{
	width:100%;
	color:white;
	position:relative;
	font-size:0.9em;
}

.sidebar-footer{ 
	width:100%;
	font-size:0.7em;
	margin:15px 0px 10px 0px;
	color:#48597D;
	text-align:left;
	padding-right:5px;
	color: #fff;
}



/* TITLE BAR */
#ddmg-admin-titlebar {
	width:100%;
	/*width:82vw;*/
	min-width: 100%;
	min-height:77px;
	background:rgba(20,50,100,1);
	color:white;
}

#logoutG {
	color:white;
	font-weight:bold;
}

#logoutG a:link, #logoutG a:visited, #logoutG a:active {
	color:rgba(255,255,255,.6);
	font-weight:bold;
	text-decoration: none;
}

#logoutG a:hover {
	color:rgba(255,255,255,1);
}

#logoutG span{
	color:rgba(254,137,137,.8);
}

#logoutG:hover span{
	color:rgba(244,50,50,1);
}

.headerDate{
	font-size:12px;
	color:white;
}

/* CONTENT STYLES */
#content-ddmg-admin {
	min-height: 100vh;
	/* Need to calc the width because the side bar takes up 240px width */
	/* min-width: -webkit-calc(100% - 240px); */
	/* min-width: -moz-calc(100% - 240px); */
	/* min-width: -o-calc(100% - 240px); */
	width: 100%;
	transition: all 0.3s;
}


/* Job calendar css backend */
.job-list-bg {
    background:#d9d9d9;
    padding:15px;
}
.job-calendar-backend .mobile h2{
    color: #000;
	font-size: 25px;
}
.job-calendar-backend .mobile time{
    font-size: 15px;
}
.vendor-list-bg {
	background-color: #fff;
	padding: 2%;
	border-radius: 8px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);

}

/* End Job css backend */

/* MEDIAQUERIES */
@media (max-width: 768px) {
	#sidebar-ddmg-admin {
		margin-left: -240px;
	}
	#sidebar-ddmg-admin.active {
		margin-left: 0;
	}
	#sidebarCollapse-ddmg-admin {
		display: block;
	}
	#content-ddmg-admin {
		min-width: 100%;
	}
}

/************ login styles ************/

#footer{
	width: 100%;
	height:34px;
	font-size:9px;
	text-align:center;
	color:#B5B3AB;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

.footer_txt {
	margin: 0px;
	padding: 25px 0px 25px 0px;
}

#footer a{
	font-size:9px;
	color:#B5B3AB;
	border: 1px
}
#main .menu ul{list-style:none;}
#main .specialMenu ul{list-style:none;}

.menu{
	/*margin: 0 0 0 150px;*/
	width:100%;
	text-align:left;
}
.menu ul{list-style:none; margin:0px; padding:0px; width:100%;}
.menu ul li{text-align:center; background:rgba(240,240,240,1); border:1px solid rgba(230,230,230,1); display:inline-block; vertical-align:text-top; width:22%; padding:1%; margin:0% 0% 1% 0.5%; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.menu a{color:#444444; text-decoration:none; font-size:1.3em;}


.specialMenu{
	width:100%; 
	text-align:center;
	/* border-radius: 8px; */
	/* box-shadow: 0 3px 5px rgba(0,0,0,0.3); */
	/* display: inline-block; */
	/* background: #fff; */
	font-size:1.3em;}

.specialMenu ul{display:inline-block; width:100%; max-width:500px; vertical-align:text-top; list-style:none; margin:0px; padding:0px;}

.specialMenu ul li{text-align:left; background:rgba(240,240,240,1); border:1px solid rgba(230,230,230,1); padding:0%; margin:0% 0% 1% 0.5%; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.specialMenu ul li a{color:#444444;}

.specialMenu ul li span{color:white; display:inline-block; text-align:center; background:rgba(20,50,100,1); width:20px; padding:5%; margin-right:1%; border-radius:5px 0px 0px 5px; -o-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px;}

.specialMenu p{margin:0px; display:inline-block; text-align:center; width:80%;}



.specialMenu .menuThirds{display:inline-block; width:100%; max-width:500px; vertical-align:text-top; list-style:none; margin:0px 1% 0px 1%; padding:0px;}

.specialMenu .rowTab{

	text-align:left; background:rgba(240,240,240,1); border:1px solid #143264; padding:0%; margin:0% 0% 5% 0%; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;

	/* display: table;
	table-layout: fixed; */
	height: 100%;
	width: 100%;

}

.specialMenu .rowTab a{color:#444444; text-decoration:none;}

.specialMenu .rowTab .fa{
	color:white; /*display:inline-block;*/ text-align:center; background:rgba(20,50,100,1); /*width:33.3333333%;*/ height:100%; padding:25px; margin-right:1%;

	border-radius:5px 0px 0px 5px; -o-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px;

	display: table-cell;
	float: none;
	table-layout: fixed;
	vertical-align: middle;

}

.specialMenu .btnText{
	margin:0px; /*display:inline-block;*/ text-align:center; width:100%;

	display: table-cell;
	float: none;
	table-layout: fixed;
	vertical-align: middle;

}
/*********** Forms ***********/

table{
	width:100%;
}


input[type="submit"], button.btn-primary{
	padding:1% 2% 1% 2%;
	color:white;
	font-size:1.0em;
	font-weight:bold;
	min-width:100px;

	/*border:1px solid #ccc;*/
	border:none;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

	background:rgba(20,50,100,1);
}



.btn-success{
	border-color:#1e7e34!important;
	background-color: #218838!important;
}

#delete{
	color:white; 
	background:rgb(244,50,50); 
	border:none; 
	padding:1%;
}

#delete:hover{
	cursor:pointer; 
	color:rgba(255,255,255,0.8);
}

input[type="submit"]:hover, 
button.btn-primary:hover {
	cursor:pointer; 
	color:rgba(255,255,255,0.8);
}
button.btn-primary:hover { 
	background:rgba(20,50,100,1); 
}

input[type="reset"]:hover{
	cursor:pointer; 
	color:rgba(255,255,255,0.8);
}

#regFormWrap{
	background-color: #fff;
	padding:2%;
	border-radius: 8px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}

input[name="sort"] {
	width:90px;
}



#miniTitle{
	width:98%;
	/* font-size:1.5em; */
	text-align:left;
	padding:1% 1% 1% 0;
	margin:0px 0px 0px 0px;
	color:rgba(20,50,100,1);
	text-align: center;
}

@media (min-width:768px) {
	#miniTitle {
		text-align: left;
	}
}

label {
	text-transform: uppercase;
}

.table thead tr {
	background-color: rgba(100,150,210,0.5);
}

.table-hover tbody tr:hover {
	cursor: pointer;
	background-color: rgba(0,0,0,0.25)
}

textarea.form-control { height: 140px }

input[type="file"].form-control { padding-bottom: 30px; }

label.chk-label {
	text-transform: none;
}

/* Admin Login Styles */
#adminLogin {
	background-image: url('../../images/admin_login_bg.jpg');
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

#adminLogin #regFormWrap {
	margin-top: 12%;
	box-shadow: 0 0 14px rgba(255,255,255,0.75);
	background-color: #E8E8E8;
	border-radius: 6px;
}

#adminLogin .admin-login-footer {
	font-size: small;
	color: #C4C4C4;
}

#adminLogin .admin-login-footer a {
	color: #C4C4C4;
	text-decoration: underline;
}
/* END Admin Login Styles */

#sidebar-ddmg-admin fieldset:not(:first-child) {
	margin-top: 14px !important;
}

div#archiveEmailWrap {
	border: 1px solid black;
	padding: 12px 8px;
	max-height: 400px;
	overflow-y: scroll;
}


/* NEW STYLES */

html {
	font-size: 14px;
}

html, body, h1, h2, h3, li, a, .headerDate {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;

}

.hide-delete {
	display:none;
} 

.button-delete {
	display: none;
}


header, .header-nav {
	display:flex;
	justify-content: space-between;
	
}

header {
	flex-direction:column;
	padding: 1rem;
}



h1 {
	margin:0;
}

h3 {
	color: rgba(20,50,100,1);
}

.nav-item {
	cursor: pointer;
	margin: .5rem 0;
	
}

.nav-link {
	padding:0;
}

.nav-item a {
    color: #fff;
}

.nav-list {
	list-style: none;
	padding: 0;
}

.nav-dropdown {
    max-height:0;
    overflow:hidden;
	transition: max-height 250ms;
}

.nav-dropdown li {
	padding: 0 1rem;
}

.nav-drop-icon {
	font-size: calc(.8 * 1rem);
}

.sidebar {
	background-color: #1c1c1c;
	box-shadow: 3px 0 8px rgba(0,0,0,0.3);
	z-index:1;
}


.nav-drop-icon {
	animation: rotate-rvrs 170ms ease-in-out forwards;
}

.rotate-active {
	animation: rotate 170ms ease-in-out forwards
}

tr.new-entry {
	background-color: #2358B0 !important;
	color: #fff;
}

@keyframes rotate-rvrs {
	0% {transform:rotate(90deg);}
	15% {transform: rotate(105deg);}
	80% {transform: rotate(-15deg);}
	100% {transform:rotate(0deg);}
}

@keyframes rotate {
	0% {transform: rotate(0deg);}
	15% {transform: rotate(-15deg);}
	80% {transform: rotate(105deg);}
	100%{transform:rotate(90deg);}
}


@media only screen and (min-width: 768px) {

}


@media only screen and (min-width: 992px) {
	header {
		flex-direction: row-reverse;
	}
	.header-nav {
		justify-content: flex-end;
	}
}

@media only screen and (min-width: 1600px) {
	.col-xxl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

}

.btn-danger{
	padding-top:7.65px;
	padding-bottom:7.65px;
}