/* Variables - a mix of Old and New */

:root {

/* Octagon Design System Colors */

/* Start Yung's palette */ 

  /* COLORS */
  /* primary */

  /*--black: #000000;*/

  /* secondary */
/* End Yung's palette */

  /* Components Colors */

  /* Basic Colors used in components*/ /* was used for sidebar - Yung's theme uses slightly lighter charcoal #454545*/
  
  /* other */

  /* margins */
}

.text-large{
  font-size: 20px !important;
}

.primaryTextColor{
  color: #28324e;
}

.textBlue{
  color: #3498db;
}

.text-small{
  font-size: 13.6px;
  font-size: 0.85rem;
}

.star_gray{
  color: #BBBDBF !important;
}

.framed{
  margin: 10px 20px 10px 20px;
}

.octagon.large_card {
background: #f5f5f5;
left: -10000px;
min-height: 100%;
opacity: 0;
position: relative;
top: 0;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
width: 100%;
visibility: hidden;
z-index: 20;
}

.octagon.large_card.is-fullview-open {
left: 0;
opacity: 1;
visibility: visible;
}

.octagon .large_card__container {
background: white;
min-height: 94%;
position: relative;
}

.octagon .large_card__container .label {
color: #28324e;
display: block;
font-size: 10px;
margin-bottom: 10px;
text-transform: uppercase;
text-align: left;
}

.octagon .large_card__container .close__fullview {
color: #666666;
cursor: pointer;
font-size: 50px;
position: absolute;
right: 10px;
}

.octagon .large_card__container .close__fullview:hover {
cursor: pointer;
position: absolute;
right: 10px;
font-size: 50px;
color: #3498db;
}

.octagon .large_card__container .title {
font-size: 17.5px;
color: #28324e;
}

.octagon .large_card__container .friendly_name {
font-size: 13.6px;
font-size: 0.85rem;
color: #28324e;
font-style: italic;
}

.octagon .large_card__container .column {
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #dedede;
}

.octagon .large_card__container .stats .label {
color: #28324e;
margin-right: 15px;
}

.octagon .large_card__container .stats .value {
color: #A976B2;
}

.octagon .large_card__container .fullview__assets__count {
color: rgb(166, 168, 171);
display: inline-block;
margin-right: 20px;
}

.octagon .large_card__container .fullview__assets__count .count__label {
display: block;
font-size: 11.2px;
font-size: 0.7rem;
}

.octagon .large_card__container .fullview__assets__count .count__total {
color: #A976B2;
font-size: 1.8em;
}

.octagon .large_card__container .history__operations__chart:after {
content: '';
display: block;
clear: both;
}

.octagon .large_card__container .history__summary__detail {
width: 50%;
float: left;
border-right: 1px solid #A6A8AB;
color: #28324e;
display: block;
font-size: 11.2px;
font-size: 11.2px;
font-size: 0.7rem;
position: relative;
text-transform: uppercase;
text-align: left;
z-index: 10;
}

.octagon .large_card__container .header {
margin-bottom: 20px !important;
}

.octagon .large_card__container .recent__activity__row {
margin-bottom: 10px;
}

.octagon .large_card__container .recent__activity__row .activity__date {
margin-left: 20px;
}

.octagon .large_card__container .summary_info {
width: 25%;
float: left;
color: rgb(166, 168, 171);
text-align: left;
padding: 0 5px;
}

.octagon .large_card__container .summary_info .label {
color: #28324e;
display: block;
font-size: 10px;
margin-bottom: 10px;
text-transform: uppercase;
text-align: left;
}

.octagon .large_card__container .summary_info .count {
color: #28324e;
font-size: 38px;
font-weight: 300;
padding: 25px 0 15px 0;
text-align: left;
}

.octagon .large_card__container .recent_list-critical {
color: rgb(192, 56, 43);
}

.octagon .large_card__container .recent_list-warning {
color: rgb(255, 158, 44);
}

.octagon .large_card__container .recent_list-normal {
color: rgb(40, 50, 78);
}

.octagon .large_card__container .fullview__goto__button {
bottom: 20px;
position: absolute;
min-width: 80px;
right: 20px;
}

.octagon .large_card__container .fullview__goto__button.button-warning {
border: 2px solid #ff9e2c;
color: #ff9e2c;
}

.octagon .large_card__container .fullview__goto__button.button-normal {
border: 2px solid #A6A8AB;
color: #777776;
}

.octagon .large_card__container .large_card__favorite {
font-size: 20.8px;
font-size: 1.3rem;
}

.octagon .large_card__container:after {
content: '';
display: block;
clear: both;
}
