.navbar-fixed-top2 {
  padding-right: 0;
  padding-left: 0;
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top2 {
    max-height: 200px;
  }
}

.navbar-fixed-top2 {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top2 {
    border-radius: 0;
  }
}
.navbar-fixed-top2 {
  top: 50px;
  border-width: 0 0 1px;
  z-index: 99;
}

.navbar-fixed-top {
  z-index: 100 !important;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top2 {
  top: 201px;
  border-width: 0 0 1px;
  }
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* HTML TAG OVERRIDES  */
/* ------------------------------------------------------------------------------------------------------------------------ */

html {
  overflow: hidden;
  height: 100%;
}
body {
  overflow: auto;
  height: 100%;
}

h2 {   
    color: #1d9d74; 
    margin-top: 0px;
}

h3 {   
    margin-top: 0px;
}


/* ------------------------------------------------------------------------------------------------------------------------ */
/* BOOTSTRAP TAG OVERRIDES  */
/* ------------------------------------------------------------------------------------------------------------------------ */
.page-header,
.page-header h1 {
    margin-top:0;
}

.modal-open { 
    overflow: auto; 
}

.modal-open[style] {
    padding-right: 0px !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column */
.dl-horizontal dt {
    white-space: normal;
}

.btn-primary {
  color: #fff ;
  background: #408080 ; /* For browsers that do not support gradients */
}

.btn-primary:hover {
    background-color: #4e9c9c !important;
    color: white; }

.btn-info {
  background: #993830;
}

.btn-info:hover {
  background: #993830;
}


.border-primary {
  border-color: #1d9d74 ;
}

.textarea-div {
     width: 100%;
}


/* ------------------------------------------------------------------------------------------------------------------------ */
/* Awesome Font Helper                                                                                                      */
/* ------------------------------------------------------------------------------------------------------------------------ */
.fa-stack-Offset {
    top: -10px;
    left: 11px;
 }


/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #c1e1e1;
}
.bs-callout-purple {
  border-color: #603560;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* MVC Action Link Buttons  */
/* ------------------------------------------------------------------------------------------------------------------------ */
.ActionLinkButton {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.Quiv-Gradient {
   background: -webkit-linear-gradient(#408080, #eee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* FONT TAGS  */
/* ------------------------------------------------------------------------------------------------------------------------ */
.Quiv-Orange-Font {
    color: #ef7303 !important 
}
.Quiv-Purple-Font {
    color: #603560 !important 
}
.Quiv-Navy-Font {
    color: #0d1b40 !important
}
.Quiv-Teal-Font {
    color: #408080 !important
}

.Quiv-Panel-Heading-Standout {
  color: black !important; 
  background-color: white !important;
}
.Quiv-Big-Label {
    font-size: 1.0em;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* BACKGROUNDS and BORDERS  */
/* ------------------------------------------------------------------------------------------------------------------------ */
.bg-primary {
    background-color: #408080;
    color: white; 
}
.Quiv-Orange-Bg {
    background-color: #ef7303 !important ;
    color: white; 
}
.Quiv-Orange-Bg:hover {
    background-color: #fc8518 !important ;
    color: white; 
}
.Quiv-Purple-Bg {
    background-color: #603560 !important ;
    color: white; 
}
.Quiv-Purple-Bg:hover {
    background-color: #804680 !important ;
    color: white; 
}
.Quiv-Navy-Bg:hover {
    background-color: #244bb5 !important;
    color: white;
}
.Quiv-Navy-Bg {
    background-color: #0d1b40 !important;
    color: white;
}
.Quiv-Teal-Bg {
    background-color: #408080 !important;
    color: white; 
}
.Quiv-Teal-Bg:hover {
    background-color: #4e9c9c !important;
    color: white; 
}
.Quiv-Teal-Background {
    background-color: #408080 !important;
    color: white; 
}
.Quiv-Navy-Background {
    background-color: #0d1b40 !important;
    color: white; 
}
.Quiv-Purple-Background {
    background-color: #603560 !important;
    color: white;
}
.Quiv-Red-Background {
    background: #993830;
    color: white;
}
.Quiv-Red-Border {
    border-color: #993830;
}
.Quiv-Green-Background {
    background: #388838;
    color: white;
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* VERTICAL LABELS  */
/* ------------------------------------------------------------------------------------------------------------------------ */
.vertical-text {
			-ms-transform: rotate(270deg);
			-moz-transform: rotate(270deg);
			-webkit-transform: rotate(270deg);
			transform: rotate(270deg);

			-ms-transform-origin: left top 0;
			-moz-transform-origin: left top 0;
			-webkit-transform-origin: left top 0;
			transform-origin: left top 0;

			background: #408080 !important;
			color: #fff;
			margin-left: 40px;
			padding: 10px;
			border: 1px solid #ccc;
			text-transform: uppercase;
			border: 1px solid #B52C2C;
			text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1);

			float: left;
}

.verticaltext {
    position: relative; 
    padding-left:70px;
}

.verticaltext_content {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    left: -60px;
    top: 60px;
    position: absolute;
    text-transform: uppercase;
    font-size:26px;
    font-weight:bold;
    vertical-align: middle;
    padding: 10px 20px 10px 20px; 
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* LINE SPACERS - EXTRA SPACE  */
/* ------------------------------------------------------------------------------------------------------------------------ */
.li-spacer {padding-top: 4px; padding-bottom: 4px;}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* CIRCLE TAGS  */
/* ------------------------------------------------------------------------------------------------------------------------ */
.CircleContainer { 
    height: 50px; 
}

.CircleContainer p {
    vertical-align: middle;
    display: inline-block;
}

.circle {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  background: #ef7303;
}


/* ------------------------------------------------------------------------------------------------------------------------ */
/* IFLIP CONTAINERS  */
/* ------------------------------------------------------------------------------------------------------------------------ */

.hilight {
 background-color: rgba(0,0,0,0.65);
 position: absolute;
 width: 300px;
 color: #FFF;
 bottom: 0px;
 z-index: 1;
 text-align: center;
 vertical-align: middle;
}

/* entire container, keeps perspective */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 300px;
	height: 300px;
    margin-bottom: 50px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
}

/* 
	Some vertical flip updates 
*/
.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container:hover .back {
	    transform: rotateX(0deg);
	}

	.vertical.flip-container:hover .front {
	    transform: rotateX(180deg);
	}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* INPUT LABELS  */
/* ------------------------------------------------------------------------------------------------------------------------ */
.QuivLabel {
    font-size: .8em ; 
    font-weight: bold ;
}

.QuivLabelDt {
    font-size: .8em ; 
    font-weight: bold;
    margin-top: 3px;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/*  Glyphicon Circle Images */
/* ------------------------------------------------------------------------------------------------------------------------ */
.glyphicon-ring {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 4px solid white;
  color: white;
  display: inline-table;
  text-align: center;
}

.glyphicon-ring .glyphicon-bordered {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
}

.glyphicon-circle-pencil {
  background: #ef7303;  /* f28500; */
  color: white;
  padding-bottom: 8px;
}

.glyphicon-circle-airplane {
  background: #0d1b40;
  color: white;
  padding-bottom: 8px;
  padding-right: 3px;
}

.glyphicon-circle-gift {
  background: #603560;
  color: white;
  padding-bottom: 8px;
  padding-left: 2px;
}

.glyphicon-ring-pencil {
  background: #0d1b40;
  color: white;
  padding-bottom: 8px;
  padding-left: 2px;
}

.glyphicon-ring-ok {
  background: #388838;
  color: white;
  padding-bottom: 8px;
  padding-left: 2px;
}

.glyphicon-ring-remove {
  background: #993830;
  color: white;
  padding-bottom: 8px;
  padding-left: 2px;
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/*  Modal Popups */
/* ------------------------------------------------------------------------------------------------------------------------ */
.Quiv-modal-header {
    padding:9px 15px;
    border-bottom:1px solid #eee;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.Quiv-modal-footer {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     padding-top: 4px;
     padding-bottom: 4px;
}