body{
    background: #3C3C3C;
}

/*******************/
/***** General *****/
/*******************/
.row{
    max-width: 62.5rem;
    
}
.row.full{
    max-width: 100%;
}

.column.full, .columns.full{
    padding:0px;
}


.padding{
    padding:1rem;
}

.control-content-wrapper .panel{
    max-width: 62.5rem!important;
    margin-left: auto;
    margin-right: auto;
    background-color: #F9F9F9!important;
    border-color: #E7E7E7!important;
}
.control-content-wrapper .panel label{
    color: #8C8C8C!important;
    font-size: .75rem;
}

.panel blockquote{
    font-size: 75%;
}

.form-date{
    font-weight: bold;
    color: #DB5E5E !important;
}

.button {
    margin: 0px;
}

button.alert, .button.alert {
    background-color: #232323;
	display:block;
    }

a {
    color: #909090;
}
a:hover, a:focus {
    color: #E16C6C;
}

.icon-sizing i{
	font-size: 1500%;
}
#icon-1 i{
    color:#F6B26B;
}
#icon-2 i{
    color:#93C47D;
}

#icon-3 i{
    color:#9686A7;
}

.badge {
    box-sizing: border-box;
    max-width: 600px;
    padding:5em;
    text-align: center;
    display:block;
}


.badge.red{
    background:url('../images/bg_red.png');
}
.badge.blue{
    background:url('../images/bg_blue.png');
}
.badge.green{
    background:url('../images/bg_green.png');
}


/*******************/
/***** Header *****/
/*******************/
#client-proof-header {
    background: none repeat scroll 0% 0% #3C3C3C;
    color: #FFF;
    display: block;
    width: 100%;
    z-index: 99;
}
#client-proof-header .columns{
  padding:1% 2%;
}


#logo img{
    max-width: 100px;

}
#client-proof-header  h3{
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
    padding: 0% 5%;
    font-size: 120%;
    line-height: 3;

}

#slogan{
    padding:20px 0px;
    display:block;
}

/*******************/
/***** Content *****/
/*******************/
#client-proof-content {
    min-height: 600px;
    background: #fff;
    padding-top:50px;
    padding-bottom:50px;
}


/*******************/
/***** Footer *****/
/*******************/
#client-proof-footer {
    background: #3C3C3C;
    color:#fff;
    display: block;
    width: 100%;
    z-index: 99;
}
#client-proof-footer .columns{
  padding:1% 2%;
}



/*******************/
/***** Control *****/
/*******************/

#content{
    z-index: 98;
position: relative;
}

.control-content-wrapper {
    padding-bottom: 100px;
}

.control-title label {
    font-size: inherit;
    display: inline-block;
}

.control-title {
    display: block;
    width: 100%;
    text-align: center;
    padding: 3rem 0px;
}

.control-content h3{
    color: #134F6B;
    padding: 1rem;
    margin: 0px 0px 2rem;
    display: block;
background: -moz-linear-gradient(left,  rgba(220,228,237,0) 0%, rgba(220,228,237,0) 4%, rgba(220,228,237,1) 53%, rgba(220,228,237,0) 97%, rgba(220,228,237,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(220,228,237,0)), color-stop(4%,rgba(220,228,237,0)), color-stop(53%,rgba(220,228,237,1)), color-stop(97%,rgba(220,228,237,0)), color-stop(100%,rgba(220,228,237,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(220,228,237,0) 0%,rgba(220,228,237,0) 4%,rgba(220,228,237,1) 53%,rgba(220,228,237,0) 97%,rgba(220,228,237,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(220,228,237,0) 0%,rgba(220,228,237,0) 4%,rgba(220,228,237,1) 53%,rgba(220,228,237,0) 97%,rgba(220,228,237,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(220,228,237,0) 0%,rgba(220,228,237,0) 4%,rgba(220,228,237,1) 53%,rgba(220,228,237,0) 97%,rgba(220,228,237,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(220,228,237,0) 0%,rgba(220,228,237,0) 4%,rgba(220,228,237,1) 53%,rgba(220,228,237,0) 97%,rgba(220,228,237,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dce4ed', endColorstr='#00dce4ed',GradientType=1 ); /* IE6-9 */
text-align: center;
}

.control-content h6{
    text-align: center;
}

/*******************/
/***** Top Bar *****/
/*******************/


.dropdown{
	box-shadow: 0px 5px 8px rgba(0,0,0,0.5);
}
.contain-to-grid, .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar-section ul li:hover:not(.has-form) > a  {
    background: #134F6B;
}

.top-bar {
    height: 46px;
    line-height: 46px;
}
.top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar-section .dropdown li label {
    background: #0B3D54;
}
.top-bar-section .dropdown li label  {
    color:#257496;
    }

.top-bar-section ul li > a.button {
	line-height: 1em;
}
.top-bar-section ul li > a {
    font-size: 1rem;
}

/** Button Colors **/

.color-gold, .top-bar-section ul li > a.color-gold, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).color-gold, .icon-bar > * i.color-gold {
    color: #F9A022;
    
}
.color-purple, .top-bar-section ul li > a.color-purple, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).color-purple, .icon-bar > * i.color-purple  {
    color: #BB84FF;
    
}
.color-red, .top-bar-section ul li > a.color-red, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).color-red, .icon-bar > * i.color-red  {
    color: #FF4949;
    
}
.color-blue, .top-bar-section ul li > a.color-blue, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).color-blue, .icon-bar > * i.color-blue  {
    color: #8FC9E4;
    
}
.color-green, .top-bar-section ul li > a.color-green, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).color-green, .icon-bar > * i.color-green  {
    color: #5CD844;
    
}
.red, .top-bar-section ul li > a.red, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).red {
    background-color: #B02B2B;
    
}
.green, .top-bar-section ul li > a.green, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).green {
    background-color: #3D9E2A;
    
}
.gold, .top-bar-section ul li > a.gold, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).gold {
    background-color: #F9A022;
    
}
.purple, .top-bar-section ul li > a.purple, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).purple {
    background-color: #8666AE;
    
}
.red:hover,.red:focus,.top-bar-section ul li > a.button.red:hover, .top-bar-section ul li > a.button.red:focus {
    background-color: #CE2C2C;
}
.green:hover,.green:focus,.top-bar-section ul li > a.button.green:hover, .top-bar-section ul li > a.button.green:focus {
    background-color: #43C52A;
}
.purple:hover,.purple:focus,.top-bar-section ul li > a.button.purple:hover, .top-bar-section ul li > a.button.purple:focus {
    background-color: #584571;
}


/*******************/
/***** Icon Bar ****/
/*******************/

.control-icon-bar, .control-icon-bar.large-vertical {
    top: 45px;; /* to ofset under the top bar */
    width: 16.6667%;
    padding-bottom: 45px;
    }

.control-icon-bar .item {
    height: 16.6667%;
}


.control-icon-bar.icon-bar > :hover {
    background: none repeat scroll 0% 0% #2D6F84;
}


/*******************/
/**** Dashboard ****/
/*******************/

.nmp-dash {
 font-family:"Arial Unicode MS", Arial, Helvetica, sans-serif; 
font-size: 14px; 
margin:auto;
} 

.nmp-dash h1, .nmp-dash h5, .nmp-dash h6 {
 line-height: 1em; 
margin: 0px; 
padding: 0px; 
text-align:center; 
} 

.nmp-dash h1{
 color: #FFF; 
font-size: 24px; 
font-weight: bold; 
} 

.nmp-dash h6{
 color: #FFF; 
 font-size: 125%;
} 

.nmp-dash h5{
 color: #333; 
line-height: 1.3em; 
letter-spacing: .05em; 
font-size: 150%;
font-weight: 500; 
} 

.nmp-dash h5 b{
 color: #FFE74F; 
text-shadow:#000 2px 2px 2px; 
} 

.nmp-dash .module {
 display: inline-block; 
width: 100%; 
background: #919191; 
min-height: 200px; 
vertical-align:top; 
border-radius: 10px 10px 10px 10px; 
} 
.nmp-dash .module-wrapper {
width: 25%; 
padding: 5px; 
} 

.nmp-dash .module.red { 
    background: #D25C5C; 
} 

.nmp-dash .module.green { 
    background: #7EC56D; 
} 
.nmp-dash .module.blue { 
    background: #87AACC; 
} 
.nmp-dash .module.purple { 
    background: #A07EB2; 
} 
.nmp-dash .module.orange { 
    background: #C99550; 
}
 .nmp-dash .module.aqua { 
    background: #7FC2B8; 
}
 .nmp-dash .module.maroon { 
    background: #C97BA4; 
}
 .nmp-dash .module.gold { 
    background: #D2C969; 
}
 .nmp-dash .module.grey { 
    background: #8A8A8A; 
}
 .nmp-dash .module .title { 
    margin: 10px; 
    padding: 5px; 
} .nmp-dash .module .content { 
    background: #eee; 
    margin: 10px; 
    padding: 10px; 
    border-radius: 10px 10px 10px 10px; 
    min-height: 200px; 
    box-shadow: inset 2px 2px 2px #bbb; 
} 
.nmp-dash a{ 
    text-decoration:none; 
    color: #333; 
    display:block; 
} 
.nmp-dash h1 a{ 
    text-decoration:none; 
    color: #fff; 
} 
.nmp-dash a:hover{ 
    text-decoration:underline; 
    color: #B53636; 
} 
.nmp-dash h1 a:hover{ 
    text-decoration:none; 
    color: #ddd; 
} 
.store-nmp:before{ 
    content: "\2605"; 
    color: #B53636; 
    font-size: 15px; 
    text-align: center; 
    text-decoration:none; 
    padding: 10px; 
} 
.store-net:before{ 
    content: "\26AB"; 
    color: #444; 
    font-size: 12px; 
    text-align: center; 
    text-decoration:none; 
    padding: 10px; 
} 
.store-jennifer:before{ 
    content: "\26AA"; 
    color: #000; 
    font-size: 12px; 
    text-align: center; 
    text-decoration:none; 
    padding: 10px; 
}





/*******************/
/** Media Queries **/
/*******************/


/* // Small screens  */ 
/*******************/

/* Define mobile styles */ 
@media only screen { 

.nmp-dash .module-wrapper {
width: 100%; 

}
} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */ 
@media only screen and (max-width: 40em) {
#client-proof-header > .row{
    padding: 2%;
}
} } 


/* // Medium screens  */ 
/*******************/

 /* min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) { 


.nmp-dash .module-wrapper {
width: 33%; 
}

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

#client-proof-header > .row{
    padding: 2%;
}
    #client-proof-content{
    padding-top: 200px;
}}  


/* // Large screens  */ 
/*******************/

 /* min-width 1025px, large screens */ 
@media only screen and (min-width: 64.063em) {

    .control-content {
        padding-left: 16.66667%;
    }
    .nmp-dash .module-wrapper {
    width: 25%; 
    }

#client-proof-content{
    box-shadow: inset 0px 0px 100px 100px #e7e7e7;
}
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { }


/* // XLarge screens  */ 
/*******************/

 /* min-width 1441px, xlarge screens */ 
@media only screen and (min-width: 90.063em) { }

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } 


/* // XXLarge screens  */ 
/*******************/

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { }