@charset "utf-8";
/* CSS Document */



.top-buffer { margin-top:20px; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

body {background: #0F183E; }

label { font-size: 16px; line-height: 22px; margin-bottom: 5px;  
}

.phone li {
line-height: 35px;	
}


#btn-info {
  color: #ffffff;
  background-color: #c71533;
  border-color: #c71533;
}

#bluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	display: inline-block;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
#bluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
#bluebtn:active {
	position: relative;
	top: 1px;
}

.bluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	display: inline-block;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
.bluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
.bluebtn:active {
	position: relative;
	top: 1px;
}







#redbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #9f0000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #9f0000;
	box-shadow: inset 0px 1px 0px 0px #9f0000;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9f0000), color-stop(1, #690000) );
	background: -moz-linear-gradient( center top, #9f0000 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f0000', endColorstr='#690000');
	background-color: #9f0000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #9f0000;
	display: inline-block;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
#redbtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e50303), color-stop(1, #fc0000) );
	background: -moz-linear-gradient( center top, #e50303 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e50303', endColorstr='#fc0000');
	background-color: #e50303;
}
#redbtn:active {
	position: relative;
	top: 1px;
}

.redbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #9f0000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #9f0000;
	box-shadow: inset 0px 1px 0px 0px #9f0000;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9f0000), color-stop(1, #690000) );
	background: -moz-linear-gradient( center top, #9f0000 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f0000', endColorstr='#690000');
	background-color: #9f0000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #9f0000;
	display: inline-block;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
.redbtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e50303), color-stop(1, #fc0000) );
	background: -moz-linear-gradient( center top, #e50303 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e50303', endColorstr='#fc0000');
	background-color: #e50303;
}
.redbtn:active {
	position: relative;
	top: 1px;
}


#greenbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
	box-shadow: inset 0px 1px 0px 0px #caefab;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #025939) );
	background: -moz-linear-gradient( center top, #77d42a 5%, #025939 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#025939');
	background-color: #77d42a;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	text-indent: 0;
	border: 1px solid #268a16;
	display: inline-block;
	color: #ffffff;
	padding: 4px 16px;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-shadow: 1px 1px 0px #77d42a;
}
#greenbtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #025939), color-stop(1, #77d42a) );
	background: -moz-linear-gradient( center top, #025939 5%, #77d42a 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#025939', endColorstr='#77d42a');
	background-color: #025939;
}
#greenbtn:active {
	position: relative;
	top: 1px;
}

.greenbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
	box-shadow: inset 0px 1px 0px 0px #caefab;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #025939) );
	background: -moz-linear-gradient( center top, #77d42a 5%, #025939 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#025939');
	background-color: #77d42a !important;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	text-indent: 0;
	border: 1px solid #268a16;
	display: inline-block;
	color: #ffffff;
	padding: 4px 16px;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-shadow: 1px 1px 0px #77d42a;
}
.greenbtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #025939), color-stop(1, #77d42a) );
	background: -moz-linear-gradient( center top, #025939 5%, #77d42a 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#025939', endColorstr='#77d42a');
	background-color: #025939;
}
.greenbtn:active {
	position: relative;
	top: 1px;
}

#graybtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9aaaa), color-stop(1, #7e7e7e) );
	background: -moz-linear-gradient( center top, #cfd2d5 5%, #5e5e5e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd2d5', endColorstr='#7e7e7e');
	background-color: #cfd2d5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #2a2a2b;
	display: inline-block;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #686868;
}
#graybtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e7e7e), color-stop(1, #98a1aa) );
	background: -moz-linear-gradient( center top, #7e7e7e 5%, #cfd2d5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#cfd2d5');
	background-color: #7e7e7e;
}
#graybtn:active {
	position: relative;
	top: 1px;
}




.warning {
color: red;	
}

.hilight {
color: #c00000;	
font-weight: bold;
}





.push {
margin-left: 15px !important;	
}






	/**CSS FOR THE RING**/

.glyphicon-ringgreen {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #77d42a;
  color: #77d42a;
  text-align: center;
	font-size: 12px;
  vertical-align: middle;
  display: table-cell;
}
	
.glyphicon-ringblue {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #79bbff;
  color: #79bbff;
  font-size: 12px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}
	
.glyphicon-ringred {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #fc0000;
  color: #fc0000;
  font-size: 12px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}
	
	
#parent_div_1, #parent_div_2, #parent_div_3, #parent_div_4, #parent_div_5, #parent_div_6, #parent_div_7, #parent_div_8, #parent_div_9, #parent_div_10, #parent_div_11{
    width:35px;
    height:35px;
    margin-right:10px;
    float:left;
}

#parent_home{
    width:45px;
    height:35px;
	margin-top: 3px;
    float:left;
}
	
	
#parent_div_12{
    width:45px;
    height:35px;
	margin-top: 3px;
    margin-right:10px;
    float:left;
}

#parent_div_home{
    width:25px;
    height:35px;
	margin-top: 3px;
    margin-right:10px;
    float:left;
}
	
.child_div_1{
    float:left;
    margin-right:5px;
}
	
	
/**CSS FOR ICON WITH NO BACKGROUND COLOR**/

.glyphicon-ringgreen .glyphicon-ringblue .glyphicon-ringred .glyphicon-bordered {
  font-size: 10px;
  vertical-align: middle;
  display: table-cell;
}
/**WITH AN ADDED BACKGROUND COLOR**/

.glyphicon-blue {
  background: #2c66a8;
  color: white;
}
.glyphicon-green {
  background: #025939;
  color: white;
}
.glyphicon-red {
  background: #9f0000;
  color: white;	
}

h1 {
	
font-family: abolition, sans-serif  !important;
}

h3 {
	
background-color: #be1131;
padding: 5px 5px 5px 10px;
	color: white !important; 
	font-family: abolition, sans-serif;
}

h4 {
font-size: 22px;	
background-color: #393e4c;
padding: 5px 5px 5px 10px;
	color: white !important;
	font-family: abolition, sans-serif;
}

h5 {
	
font-family: futura-pt,sans-serif !important;	
}


body {
    font-size: 16px !important;
    line-height: 20px !important;
	font-family: futura-pt,sans-serif !important;
}

.ui-widget {
    font-size: 16px !important;
    line-height: 20px !important;
	font-family: futura-pt,sans-serif !important;
}

.container p, li {
	font-size: 16px !important;
    line-height: 25px !important;
	font-family: futura-pt,sans-serif !important;
	
}

.bluelink {color: #2c66a8 !important;}

	.custom-ui-widget-header-warning {
  background: #ffe49b;
  font-size: 1em;
}
	
	.custom-ui-widget-header-warning .ui-dialog-titlebar {
          background:#c52031; color: white !important;
    }

.ui-dialog-titlebar-close {
  background: url("http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_888888_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
  border: medium none;
}
.ui-dialog-titlebar-close:hover {
  background: url("http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
}

/*Mini Page */
.mcsfbadgeblue {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 10px;
}
	 
	.mcsfbadgeblueact {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #2c66a8;
    border-radius: 10px;
}

.mcsfbadgegreen {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #77d42a;
    border-radius: 10px;
}
	 
	.mcsfbadgegreenact {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #025939;
    border-radius: 10px;
}

.mcsfbadgered {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fc0000;
    border-radius: 10px;
}
	 
	.mcsfbadgeredact {
		
		display: inline-block;
    min-width: 20px;
	min-height: 20px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #9f0000;
    border-radius: 10px;
}

/* New Bigger Size*/

/*Mini Page */
.mcsf40badgeblue {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border: 4px #79bbff solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 20px;
}
	 
	.mcsf40badgeblueact {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
        border: 4px #2c66a8 solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 20px;
}

.mcsf40badgegreen {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border: 4px #025939 solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #77d42a;
    border-radius: 20px;
}
	 
	.mcsf40badgegreenact {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
        border: 4px #77d42a solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #025939;
    border-radius: 20px;
}

.mcsf40badgered {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border: 4px #9f0000 solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fc0000;
    border-radius: 20px;
}
	 
	.mcsf40badgeredact {
		
		display: inline-block;
    min-width: 40px;
	min-height: 40px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
        border: 4px #fc0000 solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #9f0000;
    border-radius: 20px;
}

.mcsf40sqbadgeblue {
		
		display: inline-block;
   min-width: 120px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px 4px 0px 0px;
}
	 
	.mcsf40sqbadgeblueact {
		
		display: inline-block;
   min-width: 120px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 4px 4px 0px 0px;
}

.mcsf40sqbadgegreen {
		
		display: inline-block;
    min-width: 120px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}
	 
	.mcsf40sqbadgegreenact {
		
		display: inline-block;
    min-width: 120px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
     border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    background-color: #79bbff;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}

.mcsf40sqbadgered {
		
		display: inline-block;
    min-width: 120px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}
	 
	.mcsf40sqbadgeredact {
		
		display: inline-block;
   min-width: 120px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 4px 4px 0px 0px;
}

hr {
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    border: 0;
    border-top: 3px solid black;
    margin: 1em 0;
    padding: 0;
    width: 50px;
}

.arrow-right-with-tail {
  display: inline-block;
  position: relative;
  padding-left: 100px; /* Adjust this to change the length of the tail */
}

.arrow-right-with-tail::before {
  content: '';
  display: inline-block;
  width: 100px; /* Same as padding-left to match the tail length */
  height: 4px; /* Same as half of border-top/bottom */
  background-color: #0F183E; /* Tail color */
  position: absolute;
  left: 0;
  top: 70%;
  transform: translateY(-150%);

}

.arrow-right-with-tail::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid black;
  position: absolute;
  left: 100px; /* Same as padding-left to align with the tail */
  top: 60%;
  transform: translateY(-75%);

    
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.menutoprow {
	width: 100%; border-bottom: thin solid gray; padding-bottom: 1%;	
	display: flex;                  /* establish flex container */
	 justify-content: space-between;
	}
	
	.menuopt {
		
	width:100%;	
	}
	
	.gtp {display: none;}
	
	.menunottoprow {
	width: 100%; border-bottom: thin solid gray; padding-bottom: 1%; padding-top: 1%;
		display: flex;                  /* establish flex container */
		 justify-content: space-between;
	}
	
	.iconrow {
	width: 5%; text-align: right; padding-left: 2%; padding-right: 2%;	
	}
	
	.namerow {
	width: 75%; text-align: left;
	}
	
	.post_meta { font-size: 18px !important; line-height: 20px !important; color: #393e4c !important; text-align: center;}
	
	.statusrow {
	width: 10%; text-align: right; padding-right: 2%;
	}
    
    .mcsf40sqbadgeblue {
		
		display: inline-block;
   min-width: 40px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px 4px 0px 0px;
}
	 
	.mcsf40sqbadgeblueact {
		
		display: inline-block;
   min-width: 40px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 4px 4px 0px 0px;
}

.mcsf40sqbadgegreen {
		
		display: inline-block;
    min-width: 40px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}
	 
	.mcsf40sqbadgegreenact {
		
		display: inline-block;
    min-width: 40px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
     border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    background-color: #79bbff;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}

.mcsf40sqbadgered {
		
		display: inline-block;
    min-width: 40px;
	min-height: 30px;	
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px 4px 0px 0px;
}
	 
	.mcsf40sqbadgeredact {
		
		display: inline-block;
   min-width: 40px;
	min-height: 30px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: black;
    border-top: 2px #0F183E solid;
    border-left: 2px #0F183E solid;
    border-right: 2px #0F183E solid;
border-bottom: 0 #0F183E solid;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #79bbff;
    border-radius: 4px 4px 0px 0px;
}
	
	h3 {
	
background-color: #be1131;
padding: 5px 5px 5px 10px;
		font-size: 21px;
	color: white !important; 
	font-family: abolition, sans-serif;
}
	
	h4 {
font-size: 21px;	
background-color: #393e4c;
padding: 5px 5px 5px 10px;
	color: white !important;
	font-family: abolition, sans-serif;
}
	
	.navbaricons {
	margin: 0 auto;
		height: 70px;
width: 95%; background-color: white; padding-bottom: 3%;	
	}
	
	.app_nav {
    margin: 10px 5% 20px 5%;
    padding: 10px;
    text-align: center;
    color: #000000;
    border-top: 1px solid #58595b;
    border-bottom: 1px solid #58595b;
}

	
	/*Nav Blue Button*/
.bluebtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	box-sizing: content-box;
	width: 80px;
	margin-left: 3%;
	margin-bottom: 2%;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
.bluebtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
.bluebtnnav:active {
	position: relative;
	top: 1px;
}
/*End Nav Blue Button*/
	
/*Nav Dark Blue Button*/
	
.darkbluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #012d4c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #012d4c;
	box-shadow: inset 0px 1px 0px 0px #012d4c;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #012d4c), color-stop(1, #000069) );
	background: -moz-linear-gradient( center top, #00139f 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#012d4c', endColorstr='#000069');
	background-color: #012d4c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #012d4c;
	display: inline-block;
	color: #ffffff;
	margin-left: 3%;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
.darkbluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e03e5), color-stop(1, #0012fc) );
	background: -moz-linear-gradient( center top, #030ee5 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e03e5', endColorstr='#012d4c');
	background-color: #0338e5;
}
.darkbluebtn:active {
	position: relative;
	top: 1px;
}
/* End Nav Dark Blue Button*/	
/*Nav Gray Button*/
.graybtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9aaaa), color-stop(1, #7e7e7e) );
	background: -moz-linear-gradient( center top, #cfd2d5 5%, #5e5e5e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd2d5', endColorstr='#7e7e7e');
	background-color: #cfd2d5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 80px;
	margin-left: 3%;
	border: 1px solid #2a2a2b;
	box-sizing: content-box;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #686868;
}
.graybtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e7e7e), color-stop(1, #98a1aa) );
	background: -moz-linear-gradient( center top, #7e7e7e 5%, #cfd2d5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#cfd2d5');
	background-color: #7e7e7e;
}
.graybtnnav:active {
	position: relative;
	top: 1px;
}

/*End Nav Gray Button*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.menutoprow {
	width: 35%; border-bottom: thin solid gray; padding-bottom: 1%;	
	display: flex;                  /* establish flex container */
  justify-content: space-between;
	}
	
	.menuopt {
		
	width:90%;	
	}
	
	.post_meta { font-size: 26px !important; line-height: 40px !important; color: #393e4c !important; text-align: center;}
	
	.menunottoprow {
	width: 35%; border-bottom: thin solid gray; padding-bottom: 1%; padding-top: 1%;
		display: flex;                  /* establish flex container */
		 justify-content: space-between;
	}
	
	.iconrow {
	width: 15%; text-align: right; padding-left: 2%; padding-right: 5%;	
	}
	
	.namerow {
	width: 78%; text-align: left;
	}
	
	.statusrow {
	width: 8%; text-align: left; padding-right: 2%;
	}
	
	.navbaricons {
	margin: 0 auto;
width: 600px; background-color: white; padding-bottom: 3%;	
	}
	
	.app_nav {
    margin: 2% 70px 20px 70px;
    padding: 2%;
    text-align: center;
    color: #000000;
    border-top: 1px solid #58595b;
    border-bottom: 1px solid #58595b;
}
	
	

	
	/*Nav Blue Button*/
.bluebtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2c66a8) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #2c66a8 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2c66a8');
	background-color: #79bbff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #84bbf3;
	box-sizing: content-box;
	width: 115px;
	margin-left: 3%;
	margin-bottom: 2%;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}
.bluebtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c66a8), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #2c66a8 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c66a8', endColorstr='#79bbff');
	background-color: #2c66a8;
}
.bluebtnnav:active {
	position: relative;
	top: 1px;
}
/*End Nav Blue Button*/
	
/*Nav Dark Blue Button*/
	
.darkbluebtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #012d4c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #012d4c;
	box-shadow: inset 0px 1px 0px 0px #012d4c;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #012d4c), color-stop(1, #000069) );
	background: -moz-linear-gradient( center top, #00139f 5%, #690000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#012d4c', endColorstr='#000069');
	background-color: #012d4c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #012d4c;
	display: inline-block;
	color: #ffffff;
	margin-left: 3%;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
	
}
.darkbluebtn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e03e5), color-stop(1, #0012fc) );
	background: -moz-linear-gradient( center top, #030ee5 5%, #fc0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e03e5', endColorstr='#012d4c');
	background-color: #0338e5;
}
.darkbluebtn:active {
	position: relative;
	top: 1px;
}
/* End Nav Dark Blue Button*/
	
	/*Nav Gray Button*/
.graybtnnav {
	-moz-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	box-shadow: inset 0px 1px 0px 0px #e3e3e3;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9aaaa), color-stop(1, #7e7e7e) );
	background: -moz-linear-gradient( center top, #cfd2d5 5%, #5e5e5e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd2d5', endColorstr='#7e7e7e');
	background-color: #cfd2d5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 115px;
	margin-left: 15px;
	border: 1px solid #2a2a2b;
	box-sizing: content-box;
	color: #ffffff;
	font-family: futura-pt,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #686868;
}
.graybtnnav:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e7e7e), color-stop(1, #98a1aa) );
	background: -moz-linear-gradient( center top, #7e7e7e 5%, #cfd2d5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#cfd2d5');
	background-color: #7e7e7e;
}
.graybtnnav:active {
	position: relative;
	top: 1px;
}

/*End Nav Gray Button*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}