#wrapper {    background: #fff; } /*#wrapper {    margin: auto;    width: 100%; }*/
#main {background: #fffceb; /*padding-top: 20px;*/}
.footer {background: #a4d7d8; margin-top: 0px; padding: 20px 20px 20px 0;
    text-align: left; text-transform: uppercase;}
#content {    background: #fffceb!important; padding: 10px 15px;}
#zzz2content {padding: 10px 40px;}
#content-wrapper {    padding: 10px 0;}
#error-header h2{color: #fff!important}
.row {    margin-left: 0px; margin-right: 0px;}
/*.col-sm-3 {padding: 0px; background: #fff}*/
/*.row .recent-activity ., .question, box .box-content.box-no-padding {margin: 0 15px; }*/

.recent-activity .pull-left {margin-right: 0px;}
.recent-activity .pull-right .time {text-align: right; line-height: 1;}

/*li {list-style-position: inside;}*/
#zzsidebar {padding-left: 20px; }
.panel .panel-default .ytko-panel-sidebar {border: 1px a4d7d8 solid;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, 
.col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, 
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, 
.col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, 
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {   
  /*padding: 0px 35px 0px 45px;*/ }

.outset-progress-bar { /*display: none !important; */}
/*.holder-nav .drop-down .dropdown-toggle, #nav li .holder-nav .dropdown-toggle,
 .forum-nav, .group-nav, .messages-nav, #nav li img.ico-home*/
.forum-nav a, .group-nav a, .messages-nav a, .directory-nav a {color: #005357; border: none; font-size: 14px; }
.directory-nav {padding-top: 18px; 
  margin-top: 0px !important;}
#nav li img { display: none !important; }
#nav li strong {    height: auto;}

img {    max-width: 100%;    height: auto;} 

.sub-drop { left: 224px!important;     white-space: nowrap;!important; z-index: 200;}
#nav {background: #a4d7d8}
#nav li  {  height: 60px; width: 110px;  text-transform: uppercase; margin: 0 20px 0 0; font-family: Anivers-Bold, aniversbold, Tahoma, Geneva, sans-serif;
  /*margin-left: 3px; margin-left: 10px; margin-right: 10px; border-top: #a4d7d8 1px solid;border-bottom: #005357 1px solid; */}
#nav .drop, .dropdown-menu  {    top: 50px; background: white;}
.group-drop {  background: none}
#nav li.active .holder-nav span {color: #9DA000; font-size: 14px; /*border-right: #fff 1px solid; border-left: #fff 1px solid*/}
#nav li .holder-nav span,	.forum-nav a, .group-nav a, .messages-nav a,
#nav li:hover .drop li:hover .sub-drop a {color: #005357;  /*font-weight: bold;font-size: 1em;*/font-size: 14px;}
#nav li .holder-nav span, #nav .drop {     line-height: 16px;}
#nav .drop li a {   color: #fff; border: none; font-size: 14px; /* margin-top:-1px; margin-left:-6px; 
  padding: 0px 5px 6px;GSA*/} 
#nav .drop li:hover .link-holder a, #nav > li:hover .holder-nav span,
#nav li:hover .drop li:hover .sub-drop,
#nav .drop .second-level li:hover a,
#nav .drop li:hover .sub-drop li:hover .link-holder a:hover,
#nav .reset-nav li a:hover { color: #005357!important;/* border-bottom: 1px  #9da000 dotted;*/ }
#nav .drop li .link-holder, #nav .drop li:hover .sub-drop .link-holder, 
#nav .drop li .sub-drop .link-holder  {border-bottom: 1px  #9da000 dotted; 
    float: left;  height: /*auto;*/30px }
#nav .reset-nav li a {font-weight: normal;    color: #005357 !important;}

/*#nav .sub-drop .link-holder {background-color: #fff; }*/
#nav .drop ul {/*left: 130px!important; top: -2px; /*margin-left: 0px; margin-left: -6px; z-index: 1000;*/ }
.dropdown-menu > li > a {    line-height: 2; color: #005357; text-transform: uppercase; }
.dropdown-menu {    font-size: 14px; }
.dropdown-menu .dropdown-menu > li > a {white-space: normal; line-height: 1.4;}
/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #9da000!important;}
.contrast-blue .dropdown-menu > .active > a, .contrast-blue .dropdown-menu > .active > a:hover, 
.contrast-blue .dropdown-menu > .active > a:focus, .contrast-blue .dropdown-menu > li > a:hover, 
.contrast-blue .dropdown-menu > li > a:focus, .contrast-blue .dropdown-submenu:hover > a, 
.contrast-blue .dropdown-submenu:focus > a {    background-color: #9da000;}*/

ul#nav .unavailable {   color: #cdcc8c!important;}

strong {color: #005357}

.topnavlink {  font-size: 12px; background: #a4d7d8!important;}
.topnavlink a {color: #005357!important}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #9da000; text-transform: uppercase; font-size: 14px;}
.nav-tabs > li > a, .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a/*, .tabs-left > .nav-tabs > li > a,*/ 
 {color: #005357; text-transform: uppercase; font-size: 12px;  display: block;}
.nav > li > a:hover, .nav > li > a:focus, .sub-drop {
    background-color: #9da000; text-transform: uppercase; color: #fff; font-size: 12px; }

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
    /*border-color: #ddd transparent #ddd #ddd;*/color: #9da000;}

/*.sidebar_steps ul {background-color: #f6f5e8; padding: 0px;}*/
.ytko-panel-sidebar .panel-body {padding: 10px 0px 0 0; }
.landing_sidebar {background-color: #caeaeb; padding: 10px 0px!important; }
.landing ul {list-style-type: none; }
.sidebar_steps li, .landing li { margin-top: 0px; padding: 3px 3px; text-transform: uppercase; font-size: 14px; line-height: 1.4;}
.landing li {list-style-type: none; padding: 15px 0px 0px;}
.sidebar_steps li a, .landing li a{   color: #005357; clear: both; text-decoration: none;
  display: block;
    font-weight: normal;
    padding: 3px 20px;
  	white-space: normal;
}
.landing li a.active, landing li .active{    color: #9da000 !important; }
.sidebar_steps li a.active_step {    color: #9da000 !important;}
/*.sidebar_steps li li {border-bottom: 1px dotted #9da000}
.sidebar_steps li:last-child {border-bottom:0px; }*/
.sidebar_steps li a:hover, .landing li a:hover  {background-color: #9da000; text-transform: uppercase; font-size: 14px; color: #fff;} 

.contrast-blue .dropdown-menu > .active > a, .contrast-blue .dropdown-menu > .active > a:hover, 
.contrast-blue .dropdown-menu > .active > a:focus, .contrast-blue .dropdown-menu > li > a:hover, 
.contrast-blue .dropdown-menu > li > a:focus, .contrast-blue .dropdown-submenu:hover > a, 
.contrast-blue .dropdown-submenu:focus > a {
    background-color: #9da000!important; color: #fff;}
.contrast-blue header .navbar {    background-color: #a4d7d8;} 
.contrast-blue header .navbar > .nav > li.dark > a {    background: #a4d7db; color: #005357}
.contrast-blue header .navbar > .nav > li > a {    background: #a4d7db; color: #005357}
header .navbar .user-menu > a {    height: 30px;    line-height: 28px;}
header .navbar {    height: 30px;    min-height: 30px;    padding: 0 15px;}
header .navbar > .nav > li.dropdown > .dropdown-toggle .caret {
    border-top-color: #005357;
    border-bottom-color: #005357;
}
.zz2container.messages .messages-list .item .img-holder {border: 1px solid #9DA000;}

.form-actions {
    background-color: transparent;
    border-top: 1px solid transparent;}

/*------- Typography---------*/
#main {line-height: 1.5em;}
p {margin-bottom: 20px:}
body {color: #005357;    background: #a4d7db; font-family: 'Oxygen', Tahoma, Geneva, sans-serif; }
a, .profile_stage_help p a {    color: #058e98; text-decoration: none; }
a:hover, .btn-link:hover, .profile_stage_help p a:hover {color: #9DA000; border-bottom: 1px dotted #9da000;}
a:focus {    outline: none;    }
/*a.fancybox {border-bottom: 1px dotted #005357; line-height: 1em; padding: 10px}*/

.btn-group.open .btn.dropdown-toggle, .btn {
    background-color: #058e98;
    border: medium none;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: none;}
.btn {    text-transform: uppercase;}

pre /*,blockquote*/{border: #f4e539;}
p.intro {color: #005357; font-size: 1.15em; line-height: 1.5em; margin: 0 0 10px;}
p.clear {    clear: both;}
.active {color: #9DA000; padding-left: 20px!important;}
.text-muted {    color: #058e98!important; }
cite {   font-weight: bold; color: #058e98; font-size: .8em; font-family: 'Oxygen', Tahoma, Geneva, sans-serif;}

blockquote {background: #CAEAEB;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:-30px; 	position: relative; 
  	border:none;     	margin: 1.5em 2em/* 0em*/; 
    padding: 1em 2em .5em;  font-size: 1.1em; }

blockquote p { padding: 0 0em 0em 2.5em; 
  font-size: 1em; line-height: 1.5em;}

blockquote::before { 
    content: "\201C";
    font-weight: bold;    font-size:100px;
    color:#058e98;
    position: absolute; 
    top: 0.1em;    left: .1em;
    font-family: 'Georgia', Georgia, "Times New Roman", Times, serif;; 
} 

blockquote :after { 
    content: "\201D";
    font-weight: bold;
    font-size:100px; font-style: normal;
    color:#058e98;    position: absolute;   float:right;
	right:.2em;    bottom:-.35em;     font-family: 'Georgia'; 
}

#sidebar-accordion blockquote p { padding: 0 ; 
  font-size: 1em; line-height: 1.5em;}

.title, h1, h2, h3 {
    font-family: Anivers-Bold, /*aniversbold, */Tahoma, Geneva, sans-serif;}
.title { }
h1, h2, h3  {   text-transform: uppercase;font-weight: normal;}

#content h1, h1  {   color: #005357!important; font-size: 1.6em;}
h2  {   color: #9da000!important; font-size: 1.5em;}
h3  {   color: #058e98!important; font-size: 1.4em;}

.oxygen  {   color: #058e98!important; font-size: 1.3em; text-transform: uppercase;  font-weight: bold;}
h4, h5, h6  {   color: #058e98!important; margin: 16px 0 6px; font-weight: normal;}

td h4, td h5, td h6{   margin: 2px 0 0px;}
h5 {    font-size: 16px;}
h6 {    font-size: 14px;}
#main .edit h1, #main .head h2, #main .head h3 { color: #9DA000; background: none; padding: 12px 0 7px 0px;}
.contrast-blue code, code {    background-color: #f4f072;    color: #058e98;}

.red {    color: #058e98 !important;}

.panel-heading h3.panel-title {color: #FFF!important;}


/*STEPS listing*/
/* tried to include text before but it didn't work#main .steps::before {color: #005357; text-transform: uppercase;font-weight: normal;
   padding:10px 0;
    font-size: 18px;
    content: "This Step includes information on";
}*/
#main .steps {margin:20px 0; }
#main .steps .step_btn::before {  content: "Enter";}
#main .steps .step_btn {background-image: url("/system/data/498/content/link-button.png"); float:left; margin: 0px 1px 0 0;}
#main .steps li:first-child {     padding: 20px 0 5px 10px;}
#main .steps li {margin-top: 10px; 
    border-bottom-color: #9da000;
    border-bottom-style: dotted;
  border-bottom-width: 1px;}
#main .steps li, #main .steps li span {
    background-image: none;
    color: #9da000;
    float: left;
    font-size: 14px;
    line-height: /*16px*/ 2em;
    padding: 0px 10px 5px 10px;
}
#main .members li .img-holder {
  border: none;}

#content h1, .dashboard h2  {
  	border-bottom: none /*2px solid #f4e539;*/; 
  	color: #005357;
  	/*font-size: 18px;*/
	font-weight: normal;
	margin-top: 10px;}

/*Task Box styling*/

#content .task h1 {font-size: 20px; padding: 15px 10px 10px!important; margin-bottom: 10px; color: #fffFFF!important;}
#content .task {  background-color: #058e98;border-color: #058e98; margin-bottom: 10px;
border-radius:0px;}
/*#task_241, #task_242, #task_243, #task_470, #task_471, #task_472, #task_473 {  background-color: #c5e7e8!important;border: #a4d7d8 solid 1px!important;
border-radius:0px;}*/
.task-form textarea {
    background-color: #fdf8f8;
    color: #005357; 
    width: 100%; -moz-border-bottom-color:  #e1e9e8; border-top: #e1e9e8 solid 1px; border-bottom: #e1e9e8 solid 1px;
}
#content .task .task-form {
    padding-bottom: 10px;
    padding-left: 0px;
}
/*.fancybox-inner .task-form {width:100%; overflow: scroll; background-color: #fc0;}*/
.well {overflow: auto;}
.main-holder .info-area .info-block, .main-holder .info-block-holder {
    overflow: auto;
    width: 100%!important;}

.main-holder .info-block-holder {width: 100%!important; background-image: none; background: #f9f3ed; }
.main-holder .info-block-frame {width: 100%!important; background-image: none; background: #f9f3ed}
.main-holder .info-content {width: 100%!important; background-image: none; background: #f9f3ed}

table {    background-color: #ffffff;}

.share, .share-block input[type="radio"], #main .share-block label, .share-block label {display: none !important;}
.progress {background: none;}
.advansed-search-link p,.text-warning {    color: #058e98!important;}
input#search {
    width: auto;
}
.existing_account:hover {    color: #9DA000!important;}
.dashboard .dashboard-right .forum .discussions .discussion .text-holder .time, .dashboard .dashboard-right .group .discussions .discussion .text-holder .time {
    color: #9DA000;}

.form-group label, #export_pdf_modal label {    color: #005357;}
.form-group ::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #bcbbbb;}
.form-group ::-moz-placeholder { /* Firefox 19+ */  color: #bcbbbb;}
.form-group :-ms-input-placeholder { /* IE 10+ */  color: #bcbbbb;}
.form-group :-moz-placeholder { /* Firefox 18- */  color: p#bcbbbb‘;}

body.login .login-container-footer a {   color: #005357;  text-shadow: none;}
body.login .login-container-footer a b  {color: #058e98; text-decoration: none!important}
body.login .login-container-footer a:hover b  {color: #9da000; text-decoration: underline}

body.login .login-container hr {border-bottom: 1px solid #a4d7db!important;}

.sign_in_alert_box_2, .sign_in_alert_box_1 {    color: #005357!important;border: none; margin-bottom: 20px!important;}
.sign_in_alert_box_1 {    background: #f4e539!important;}
.sign_in_alert_box_2 {     background: #f7f0e8!important;}
.sign_in_alert_box_2 a, .sign_in_alert_box_1 a {    color: #058e98!important; border-bottom: none;}
.alert .alert-danger .alert-outset{margin-bottom: 0px!important;}

/* TIMELINE */

.timeline li .title small a {    color: #cfb07E;}
.timeline li:first-child::before, .timeline li:last-child::before,  {background-color: #058e98;}
.timeline li { border-left: 4px solid #058e98;}
.timeline li:first-child::before, .timeline li:last-child::before {
  background-color: #058e98;}
.timeline li .icon::before {  background-color: #058e98;}
.timeline li .content {    background-color: #fff;  border: none;}

.popup-frame .info-holder em {  color: #005357;}

/*----------Progress Bar Widget---------*/

.your-progress-bar ul {padding-left: 0px;}
.your-progress-bar ul li.incomplete {    background-color: #fff5ab; color: #005357; 
  border-left-color: #f4e539;
    border-right-color: #f4e539;}
.your-progress-bar ul li.completed { background: url("/system/data/747/content/complete.png") no-repeat 2px 2px; 
    background-color: #058e98;
    border-left-color: #9bd2d6;
    border-right-color: #9bd2d6;}
.your-progress-bar ul li { padding: 5px 5px 5px 25px; float: none; margin-bottom: 3px;
    font-size: .9em; width: auto;}

#nav li .counter.orange {
    background-image: none; background: #003F34; border-radius:15px; opacity:0.8;}
#nav li .counter {
    color: #fff;     height: 31px;
    padding-top: 6px;     position: absolute;
    right: -4px;     text-align: center;
    top: -20px;     width: 31px;    font-weight: bold;}

ul, menu, dir { padding-left: 15px;;}

.pull-left {margin-right:20px;} 
.clear {clear: both;}
/*------- Layout---------*/
.contrast-background {    background-color: #f4e539 !important;}
/*#zzheader, .outset-progress-bar, #content {padding: 0 100px;}*/

#zzwrapper #content-wrapper {padding: 20px;}

body.login .login-container:before {
    border-color: -moz-use-text-color transparent #a4d7db;}
body.login .login-container {    background-color: #a4d7db;}

.breadcrumbs-holder { background-color: #a4d7d8;    color: #005357; margin: 20px 0 0px; padding: 15px 15px 15px 18px; 
  text-transform: uppercase; font-size: .8em; border-radius: 0px;}
.breadcrumbs-holder a {color: #005357;  }

.message-header {  background-color: #a4d7db;}

.dashboard .dashboard-right .forum .discussions .discussion .image img, 
.dashboard .dashboard-right .group .discussions .discussion .image img {    border: none;}

.contrast-blue.contrast-background, .contrast-blue .contrast-background {
    background: none repeat scroll 0 0 #FFF !important;}

.contrast-orange .select2-results .select2-highlighted {
    background: none repeat scroll 0 0 #fece38;}
.orange-background {    background:#005357 !important;}
.box .box-transparent {margin-top: 20px;}
.contrast-orange .daterangepicker .ranges li.active, .contrast-orange .daterangepicker .ranges li:hover {
    background: none repeat scroll 0 0 #fece38;}
.contrast-orange .daterangepicker td.active, .contrast-orange .daterangepicker td.active:hover {
    background: none repeat scroll 0 0 #fece38;}
.contrast-orange .datepicker td span.active:hover, .contrast-orange .datepicker td span.active:hover:hover, 
.contrast-orange .datepicker td span.active.disabled:hover, .contrast-orange .datepicker td span.active.disabled:hover:hover, 
.contrast-orange .datepicker td span.active:active, 
.contrast-orange .datepicker td span.active:hover:active, .contrast-orange .datepicker td span.active.disabled:active, 
.contrast-orange .datepicker td span.active.disabled:hover:active, .contrast-orange .datepicker td span.active.active, 
.contrast-orange .datepicker td span.active.active:hover, .contrast-orange .datepicker td span.active.disabled.active, 
.contrast-orange .datepicker td span.active.disabled.active:hover, .contrast-orange .datepicker td span.active.disabled, 
.contrast-orange .datepicker td span.active.disabled:hover, .contrast-orange .datepicker td span.active.disabled.disabled, 
.contrast-orange .datepicker td span.active.disabled.disabled:hover, .contrast-orange .datepicker td span.active[disabled], 
.contrast-orange .datepicker td span.active[disabled]:hover, .contrast-orange .datepicker td span.active.disabled[disabled], 
.contrast-orange .datepicker td span.active.disabled[disabled]:hover, .contrast-orange .datepicker td.active:hover, 
.contrast-orange .datepicker td.active:hover:hover, .contrast-orange .datepicker td.active.disabled:hover, 
.contrast-orange .datepicker td.active.disabled:hover:hover, .contrast-orange .datepicker td.active:active, 
.contrast-orange .datepicker td.active:hover:active, .contrast-orange .datepicker td.active.disabled:active, 
.contrast-orange .datepicker td.active.disabled:hover:active, .contrast-orange .datepicker td.active.active, 
.contrast-orange .datepicker td.active.active:hover, .contrast-orange .datepicker td.active.disabled.active, 
.contrast-orange .datepicker td.active.disabled.active:hover, .contrast-orange .datepicker td.active.disabled, 
.contrast-orange .datepicker td.active.disabled:hover, .contrast-orange .datepicker td.active.disabled.disabled, 
.contrast-orange .datepicker td.active.disabled.disabled:hover, .contrast-orange .datepicker td.active[disabled], 
.contrast-orange .datepicker td.active[disabled]:hover, .contrast-orange .datepicker td.active.disabled[disabled], 
.contrast-orange .datepicker td.active.disabled[disabled]:hover {
    background: none repeat scroll 0 0 #fece38;}
.contrast-orange .dropdown-menu > .active > a, .contrast-orange .dropdown-menu > .active > a:hover, 
.contrast-orange .dropdown-menu > .active > a:focus {
    background: none repeat scroll 0 0 #fece38;} 
.contrast-orange .dd-handle:hover {    color: #fece38;}

/* Help Feedback Form */

#content .help-feedback .help-feedback-form .submit {
    background-color: #cfb07e !important; color: #4c4d4f;}
#content .help-feedback { background-color: #058e98;  border-radius: 0px; width:100%}
#content .help-feedback h1 {color: #fff!important;}
#content .help-feedback .help-feedback-form {
    padding-bottom: 0px;
    padding-left: 0px;
}
#content .help-feedback .help-feedback-form #help_feedback_content {
    width: 100%;
}
.help-feedback-form .btn-group.open .btn-warning.dropdown-toggle /*, .btn.btn-warning */{margin-left: 20px;}

/* Box Header */

.btn .box-remove .btn-xs .btn-link, .box .box-header .actions .btn-link {background: transparent}

.actions > .btn-group.open .btn.dropdown-toggle, .btn{background: transparent}

.box .box-header.orange-background .actions .btn-link:hover, event-orange .fc-event-inner, 
.label-orange .fc-event-inner, .fc-content .fc-event.label-warning .fc-event-inner, 
.btn-group.open .btn-warning.dropdown-toggle.disabled:hover, 
.btn-group.open .btn-warning.dropdown-toggle[disabled]:hover, 
.btn.btn-warning.disabled:hover, .btn.btn-warning[disabled]:hover 
.btn-group.open .btn-warning.dropdown-toggle:focus, 
.btn.btn-warning:focus, .btn-group.open .btn-warning.dropdown-toggle.disabled,
.btn-group.open .btn-warning.dropdown-toggle[disabled], 
 .btn.btn-warning.disabled, .btn.btn-warning[disabled]
{    background:#f4e539 !important;}

.box .box-header.blue-background .title {    color: #005357;}
.box .box-header {  background-color: #058e98; }
.box .box-header h4{color: #fff!important; margin: 6px 0!important;}
/*.box .box-header */.box-header-selected {  background-color: #058e98!important;  }
.box.box-bordered {    border: none; padding: 0 15px;}

.box .box-content {    border: none;}

/* Buttons */

.btn:hover, .btn-primary:hover {    background-color: #9da000 !important; color: #fff; }
.btn.btn-primary, .btn-primary {    background-color: #9da000 !important;}
.btn-group.open .btn-warning.dropdown-toggle:hover, .btn.btn-warning:hover {    
  background-color: #9da000; color: #fff; }
.select2-results .select2-highlighted {   background: none repeat scroll 0 0 #fece38 !important;}

.btn {text-transform: uppercase;}
.box .box-header.blue-background .actions .btn-link { background: none;}
.btn-group.open .btn-warning.dropdown-toggle, 
.btn.file-input-wrapper, .btn.btn-warning {    background-color: #fece38; 
  text-shadow: none; border: none; color: #005357; margin-bottom:20px;}
.btn-group.open .btn.dropdown-toggle, .btn {    background-color: #058e98; 
  text-shadow: none; border: none; color: #fff; margin-bottom:20px;}

.btn-group.open .btn-primary.dropdown-toggle, {    background-color: #058e98; color: #fff; text-shadow: none;}
.btn.btn-info {    background-color: #cfb07e; color: #fff; text-shadow: none;}
.btn-task { background-color: #f6f0e6; color: #005357;}
.btn.btn-success { background-color: #a4d7d8!important; }
.calculator-success { background-color: #a4d7d8!important; color: #005357!important;}
.btn-management { background-color: #005357; color: #fff;}
.btn-marketing { background-color: #058e98;color: #fff;}
.btn-finance { background-color: #cfb07e;color: #fff;}

.btn.btn-danger:active {background:#f4e539 !important;}

.btn-danger.dropdown-toggle, .btn.btn-danger {background-color: #058e98; color: #fff;}
.calculator-danger {background-color: #058e98!important; color: #fff!important;}
.btn-group.open .btn-danger.dropdown-toggle:hover, .btn.btn-danger:hover  {    background-color: #9da000; color: #fff;}
.text-warning {  color: #000 !important;}

#main .edit .edit-link, #exportAsPdf, #exportAsPdfLink, #exportSpreadsheetsAsPdf, #exportBusinessPlan, #exportSpreadsheetsAsExcel, #main .edit-link {
    background-color: #058e98;
  color: #fff;}

/* Alerts */
.alert .alert-white {background-color: #fff; padding: 0px}

.alert-default, .alert-primary, .alert-success, .alert-info, .alert-warning, 
.alert-danger, .alert-task, .alert-outset {font-size: 15px;    line-height: 20px;}

.alert-default 	{background-color: #C5E7E8; border-color: #C5E7E8/*55% eggshell*/;margin-bottom: 20px}
.alert-primary  {background-color: #DEF1F2; border-color: #DEF1F2;} 
.alert-success {    background-color: #a4d7d8; border-color: #a4d7d8;     color: #003f34;}
.alert-info 	{background-color: #EFE2D1; border-color: #EFE2D1;    color: #005357;}
.alert-warning {    background-color: #FEE9B2;    border-color: #FEE9B2; color: #005357 !important;}
.alert-warning a {color: #058e98;}
.alert-danger 	{ background-color: #058e98; border-color: #058e98;    color: #fff;}
.alert {margin-bottom: 0px}
.alert-task  {    background-color: #058e98;border-color: #058e98; color: #fff;margin-bottom: 20px}
.alert-task strong {    color: #fff5ab;}
.alert-outset {    background-color: #f4e539 !important;    border-color: #f4e539; color: #4c4d4f !important;}

.badge .badge-success {display: none;}
.badge-success {    background-color: #a4d7d8;}
.badge-warning {background-color: #FEE9B2; color: #005357;}
.alert-green, .badge-green {background-color: #9da000; color: #fff; padding: 3px 10px 5px; margin: -10px 0 20px; font-weight: normal; font-size: 14px;}
.alert-outset {background-color: #cfb07e; color: #fff; padding: 3px 10px 5px; margin: -10px 0 20px; font-weight: normal; font-size: 14px;}



/* Panels */

.panel-default > .panel-heading + .panel-collapse .panel-body {
    background-color: #f0e6d6; border-color: #f0e6d6; /*25% Taupe ?*/
}
.panel-default > .panel-heading + .panel-collapse .panel-body, .panel-body {background-color: #fffceb; border-color:none;}
/*.panel-default, */.panel-default > .panel-heading 	{background-color: #c5e7e8; border-color: #c5e7e8;}
.panel-default > .panel-heading h3.panel-title {color: #005357!important;}
.panel-default > .panel-body {background-color: #f4fbfb; border-color: #f4fbfb;}
.panel-default {    border-color: #f4fbfb!important;}
/*.panel-group .ytko-panel-sidebar >.panel .panel-default .ytko-panel-sidebar {border: #a4d7d8!important;}*/

.panel-primary, .panel-primary > .panel-heading  {background-color: #fffceb/* bg colour*/; border-color: #fffceb} 
.panel-success, .panel-success > .panel-heading {    background-color: #a4d7d8; border-color: #a4d7d8;     color: #003f34;}
.panel-info > .panel-heading 	{background-color: #005357; border-color: #005357;  }
.panel-info {background-color: #e1e9e8; border-color: #e1e9e8;  }
/*.panel-info > .panel-heading { color: #fff;}*/
.panel-info p {color: #005357; }
.panel-taupe > .panel-heading 	{background-color: #efe2d1; border-color: #efe2d1;  }
.panel-taupe {background-color: #f7f0e8; border-color: #f7f0e8;  }
.panel-taupe2, .panel-taupe2 > .panel-heading {background-color: #cfb07e; border-color: #cfb07e;  }
.panel-finance, .panel-finance > .panel-heading 	{background-color: #CFB07E; border-color: #CFB07E;  }
.panel-finance > .panel-body, .panel-hr > .panel-body,
.panel-management > .panel-body, .panel-procurement > .panel-body, 
.panel-marketing > .panel-body {background-color: #fff;}
.panel-management, .panel-management > .panel-heading 	{background-color: #005357; border-color: #005357;  }

/*.panel-info > .panel-heading { color: #fff;}*/
.panel-info p {color: #005357; }
.panel-warning, .panel-warning > .panel-heading {    background-color: #FEE9B2;   border-color: #FEE9B2; /*color: #005357 !important;*/}
.panel-danger > .panel-heading, .panel-marketing, .panel-marketing > .panel-heading	{ background-color: #058e98; border-color: #058e98;}
.panel-outset > .panel-heading	{ background-color: #f4e539; border-color: #f4e539;}

.panel-danger > .panel-heading > .panel-title h3 {color: #fff;}
.panel-task, .panel-task > .panel-heading  {    background-color: #058e98; border-color: #058e98; 
  color: #fff; font-size: 16px;    line-height: 22px;}
.panel-warning, .panel-getset > .panel-heading, .panel-hr, .panel-hr > .panel-heading	 {    background-color: #FECE38;    border-color: #FECE38;}
.panel-procurement , .panel-procurement > .panel-heading	 {    background-color: #9DA000;    border-color: #9DA000;}

.panel-getset, .panel-getset > .panel-heading {    background-color: #cdcc8c;    border-color: #cdcc8c;}
.panel-persona3, .panel-persona3 > .panel-heading {    background-color: #fede91;    border-color: #fede91; color: #005357 !important;}
.panel-persona1 > .panel-heading {    background-color: #cdcc8c;    border-color: #cdcc8c; }

.panel-outset {    background-color: #faf8c3;   border-color: #faf8c3;}
.panel-exercise > .panel-heading h3.panel-title, 
.panel-taupe2 > .panel-heading h3.panel-title,
.panel-getset > .panel-heading h3.panel-title, 
.panel-taupe > .panel-heading h3.panel-title, 
.panel-outset > .panel-heading h3.panel-title, 
.panel-warning > .panel-heading h3.panel-title {color: #005357!important;}
.panel-persona1, .yellow-tint  {   background-color: #faf8c3; border-color: #faf8c3; }
.panel-persona2, .panel-primary  {   background-color: #def1f2;border-color: #def1f2; }
.panel-persona3, .panel-warning {   background-color: #fff5da; border-color: #fff5da;}
.panel-getset, .green-tint {    background-color: #f6f5e8;border-color: #f6f5e8;}
.panel-danger {background-color: #dcecee; border-color: #dcecee;}
.panel {margin: 20px 0;}
/*.panel-info > .panel-heading, .panel-info {  border-color:#f0e6d6;  border-color: #cfb07e;8}*/

.info 	{background-color: #EFE2D1;} 

.alert-header { margin: 20px -30px 20px -30px; padding: 12px 30px 12px 30px; background-color: #a4d7d8; 
  color: #005357; font-size: 1.4em;text-transform: uppercase; 
 font-family: Anivers-Bold, /*aniversbold, */Tahoma, Geneva, sans-serif;}


.foto-holder, .info {    background-color: #FEE9B2;
color: #005357;   padding: 10px; /*border: 1px solid; border-color: #fece38;*/}
#upload_logo_form {margin-top: 20px;}


.accordion.accordion-blue .panel > .panel-heading + .panel-collapse .panel-body {
    border-top: none;  background-color: #fff; }

/*.accordion.accordion-blue .panel-heading .accordion-toggle {   padding: 5px; }*/

.accordion.accordion-blue .panel-heading .accordion-toggle {    color: #fff; background-color: #058e98;}
.accordion.accordion-blue .panel {    border-color: #058e98;}
.accordion .panel {    border-width: 0px;    margin-bottom: 6px;}
.accordion.accordion-blue a:hover {color: #fff!important; background: #9da000!important; text-decoration: none;}
.accordion.accordion-blue .panel-heading .accordion-toggle:after {background-color: #fff; 
    content: '\002B';
    color: #9da000;
    font-weight: bold;
    float: left;
    margin-right: 10px; padding: 0 4px;
}
/*.accordion.accordion-blue .panel-heading .accordion-toggle active:before {    content: "\002D";}*/

/* Tables   */
/*.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #fffceb;
}*/

.table > thead > tr > td.success, .table > thead > tr > th.success, 
.table > thead > tr.success > td, .table > thead > tr.success > th, 
.table > tbody > tr > td.success, .table > tbody > tr > th.success, 
.table > tbody > tr.success > td, .table > tbody > tr.success > th, 
.table > tfoot > tr > td.success, .table > tfoot > tr > th.success, 
.table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
    background-color: #a4d7d8; padding: 10px;
    border-color: #a4d7d8;
}

.table > thead > tr > td.warning, .table > thead > tr > th.warning, 
.table > thead > tr.warning > td, .table > thead > tr.warning > th, 
.table > tbody > tr > td.warning, .table > tbody > tr > th.warning, 
.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, 
.table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, 
.table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th
 {    background-color: #fee9b2;  padding: 10px;
    border: 1px solid #fee9b2;}

.table > thead > tr > td.primary, .table > thead > tr > th.primary, 
.table > thead > tr.primary > td, .table > thead > tr.primary > th, 
.table > tbody > tr > td.primary, .table > tbody > tr > th.primary, 
.table > tbody > tr.primary > td, .table > tbody > tr.primary > th, 
.table > tfoot > tr > td.primary, .table > tfoot > tr > th.primary, 
.table > tfoot > tr.primary > td, .table > tfoot > tr.primary > th
{background-color: #a4d7d8; padding: 10px;
    border: 1px solid #a4d7d8; /*font-weight: bold;*/}

.table > thead > tr > td.danger, .table > thead > tr > th.danger, 
.table > thead > tr.danger > td, .table > thead > tr.danger > th, 
.table > tbody > tr > td.danger, .table > tbody > tr > th.danger, 
.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, 
.table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, 
.table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
    background-color: #058e98; color: #fff;  padding: 10px;
    border: 1px solid #058e98;}
.danger h3{color: #fff!important;}

.table > thead > tr > td.outset, .table > thead > tr > th.outset, 
.table > thead > tr.outset > td, .table > thead > tr.outset > th, 
.table > tbody > tr > td.outset, .table > tbody > tr > th.outset, 
.table > tbody > tr.outset > td, .table > tbody > tr.outset > th, 
.table > tfoot > tr > td.outset, .table > tfoot > tr > th.outset, 
.table > tfoot > tr.outset > td, .table > tfoot > tr.outset > th
{    background-color: #faf8c3; padding: 10px;
    border: 1px solid #faf8c3;}

.table > thead > tr > td.info, .table > thead > tr > th.info, 
.table > thead > tr.info > td, .table > thead > tr.info > th, 
.table > tbody > tr > td.info, .table > tbody > tr > th.info, 
.table > tbody > tr.info > td, .table > tbody > tr.info > th, 
.table > tfoot > tr > td.info, .table > tfoot > tr > th.info, 
.table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
    background-color: #EFE2D1; padding: 10px;
    border: 1px solid #EFE2D1;}

.table > thead > tr > td.active, .table > thead > tr > th.active, 
.table > thead > tr.active > td, .table > thead > tr.active > th, 
.table > tbody > tr > td.active, .table > tbody > tr > th.active, 
.table > tbody > tr.active > td, .table > tbody > tr.active > th, 
.table > tfoot > tr > td.active, .table > tfoot > tr > th.active, 
.table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
    background-color: #f5f5f5;  border: none; padding: 10px;}

table th.col-1-nobg {  background-color: #50b0b7;} /* 70% Jade */
table th.col-2-nobg {    background-color: #058e98;} /* 100% Jade */
table .color-1 .col-2 {    background: #a4d7d8 none repeat scroll 0 0;} /* 100% Eggshell */
table .color-1 {    background: #b5e2e3 none repeat scroll 0 0;}  /* 70% Eggshell */
table .color-3 {    background: #ffe3a1 none repeat scroll 0 0;} /* 50% Gold */
table .color-5 {    background: #fff5ab none repeat scroll 0 0;} /* 50% Yellow */
table .color-5 .col-2 {    background: #f4f072 none repeat scroll 0 0;} /* 70% Yellow */
table .color-6 {    background: #ffe3a1 none repeat scroll 0 0;} /* 50% Gold */
table .color-6 .col-2 {    background: #fece38 none repeat scroll 0 0;} /* 100% Yellow */
table .color-8 {    background: #ffebbc none repeat scroll 0 0;}/* 35% Gold*/


/*------- styling within calculator tables ---------*/
.zzcolor-1 {background-color: #9ECED1;}/* 50% Jade */
.zzcolor-2 {background-color: #cde8ea;}/* 20% Jade */
.zzzzcolor-3, .zzcolor-3 {background-color: #f0e6d6;}/* 25% Taupe*/
.zzcolor-4 {background-color: #f6f5e8;}/* 10% Green */
.zzzzcolor-5, .zzcolor-5 {background-color: #fff5da;}/* 10% Gold */
.zzzzcolor-6, .zzcolor-6 {background-color: #ffebbc;}/* 35% Gold*/
.zzcolor-7 {background-color: #fff5ab;}/* 50% Yellow*/
.zzzzcolor-8, .zzcolor-8 {background-color: #f9f6aF;}/* 60% Yellow*/
.fancybox-skin {background-color: #f4fbfb;}/* 10% Eggshell*/
.calculator-sub-heading{  background-color: #50b0b7;} /* 70% Jade */
table .total-tr td {  background: none #058e98; }

#main .main-holder .exercises table.table {overflow:scroll!important;background-color: #fc0!important;}

table.table {max-width:100%!important;}

.response_table tr:nth-child(1) td, .handsontable th {     background-color: /*15% Yellow*/#fdfce1!important;
    font-weight: bold;  color: #005357;}
.handsontable th {  background-color: #f6f0e6!important;}/* 15% Taupe */
.htDimmed, .htNumeric{  background-color: #f9f5ef!important; color: #005357!important;}/* 35% Putty */

.ht_master {width:100%!important; overflow:auto!important;margin:0 0 10px 10px; }

.ht_master, .ht_clone_left, .ht_clone_top, .ht_clone_bottom {    overflow: scroll ;}
/* Every odd row */ 
.ht_master tr:nth-of-type(odd) > td { background-color:#fdfbf8!important; } /* 15% Putty */ 
/* Every even row */ 
.ht_master tr:nth-of-type(even) > td { background-color: #F9F3ED!important; }/* 40% Putty */
/*.rt_7 {overflow:scroll!important;}
.rt_10 {overflow:hidden!important;}*/
/*.ht_master tr:nth-of-type(2n+1) > td, .ht_master tr:nth-of-type(2n) > td { color: #005357!important;
  background-color: #F9F3ED!important;/* 40% Putty */}*/

.contrast-blue {overflow: auto!important;}
/*.box.box-bordered {  border-color: #c27920;}
.btn-group.open .btn-warning.dropdown-toggle:hover, .btn.btn-warning:hover {    color: #fff}*/
#main .edit .edit-link, #exportAsPdf, #exportAsPdfLink, #exportSpreadsheetsAsPdf, #exportBusinessPlan {
    background-color: #cfb07E;}
.blue-background {    background-color: #a4d7d8 !important;}
#content {
    background: none repeat scroll 0 0 #fff;
   /*margin-left:0px; margin-top: 20px;    min-width: 276px; padding-top:20px;*/}

table th {
  background: /*#cfb07E; color: #005357;*/#058e98; color: #fff;}
#subscription .table th, #earned .table th, #spent .table th {
     color: #fff;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
   border: none;
    background: #058e98;
}
.table thead > tr > th {    border-bottom: none;    }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {  /*  border: 1px solid #005357;*/}
th.col-2 {       background-color: #c5e7e8;
    background-image: none; }

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, 
.table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, 
.table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td 
{   /* border: 1px solid #005357;*/}
/*.table .popup-l4 {border: #f4e539 1px solid; background-color: #fdfce1;  background-image: none;}*/
.popup-4, .popup-4-holder {      background-color: #058e98;  background-image: none;  }
.popup-4-holder{padding: 12px;}
.popup-4 .h3 {color: #fff;}
.popup-4-frame {  background-image: none;}
table .popup-l4 {
  background: rgba(0, 0, 0, 0) url("/system/data/917/content/info.png") no-repeat scroll 0 0;  height: 16px;}
table .popup-l4.alert-icon {padding: 12px;
  background-color: #058e98;    background-image: none; border-radius: 5px;}
.popup-4 .popup-hold {    margin: 0;}

span.empty-field-notification { background-color: #9da000; color: #fff;
  background-image: none;}

.video { position: relative; clear: both;
 padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; margin: 10px 0;}

Iframe {    width: 100%;    height:auto;    }

.video iframe, .video object, .video embed, 
.small-video-left iframe, .small-video-left object, .small-video-left embed {
      position: absolute;      top: 0;      left: 0;
      width: 100%;      height: 100%;    }

.yellow-bg {background:#f4e539; padding:20px; margin:20px 20px 20px 0px;}
.blue-bg {background:#a4d7db; padding:20px;  margin:20px 20px 20px 0px;}
.grey-bg {background:#cfb07E; padding:20px;  margin:20px 20px 20px 0px;}

a.calculator-spreadsheet-button {background: none;}
.calculator-button {/*background-color: #cfb07e; position: relative;text-align: center;
    font-size: 14px; overflow: hidden;*/
    height: 1px;
    line-height: 1px;
    padding: 0; 
    width: 0px;
}

a.show_survival_calc {    background: none;}
a.show_startup_calc {    background: none;}
/* Questionnaire button not disabled - notes re above. The button needs styling to override OO settings, I have marked out the original settings, in case you wish to revert them 
*/
.button-multiplechoice {
    background: #cfb07e/*none*/;     color: #005357;
    cursor: pointer;    float: left;
    font-size: 12px;  /*text-transform: uppercase;*/
    height: auto;    line-height: 12px;
    overflow: hidden;    padding: 10px 20px/*0px*/;
    position: relative;    text-align: center;
	width: auto;	margin-right: 10px; 0px}
.button-multiplechoice a, .quesionaire-text, .calculator-title a {    color: #005357;}

.calculatorProfileBox .calculator-title {background-color: #efe2d1;  color: #5d5d5d;  
  float: left; padding: 5px 10px; text-transform: none;  font-size: 14px; margin: 5px;   text-align: center;}
.calculatorProfileBox .calculator-title::before  {content: "";    color: #fff;  height: auto;  background: none; padding: 0px;}
.calculator-title {  color: #4c4d4f;  width: auto;  float: left; 
text-transform: uppercase;  color: #005357;}
.calculator-title::before {    content: " CALCULATOR ";    color: #fff;     background: #058e98; 
    cursor: pointer;    float: left;
    font-size: 14px;  
    height: /*35px*/auto;    line-height: 12px;
    overflow: hidden;    padding: 20px;
    position: relative;    text-align: center;
	width: auto;	margin: -20px 20px 0px 0px;}
.calculator-title {
    font-size: 10pt;
    line-height: 16px;
    overflow: hidden;
    padding:  20px 0px 0;
    position: relative;
}
a.calculator-title:hover{color: #9da000;}
.calculator-title:hover::before{background: #9da000; }
.plus {
    background: rgba(0, 0, 0, 0) url("/system/data/513/content/plus-and-minus-buttons.png") 
      no-repeat scroll 0 0;}

.minus {
    background: rgba(0, 0, 0, 0) url("/system/data/513/content/plus-and-minus-buttons.png") 
      no-repeat scroll -133px 0;}

span.error-field {
  background: url("/system/data/522/content/error.png") no-repeat scroll 0 0;}
div.error-alert-unfilled div.strong-overlay, div.error-alert-unfilled h3 {
  background: #9DA000; color: #FFF!important; height: 16px;}

.button-multiplechoice::before {    content: " QUIZ ";    color: #fff;}
 
hr {    border-top: 1px solid #a4d7db;
    margin: 40px 0px 0px; padding: 0px 0px 10px;
}


.task-form .share-block {    padding-top: 0px;}

/*Removing List of Tasks from base of page
.completed_task {display: none !important; height:20px;}*/
/*.steps li, .completed_tasks p, .completed_task, */
.uncompleted_task, .completed_task, .completed_task ul, .completed_task li {    list-style-position: outside;}


.completed_task {    color: #005357}
.completed_task strong {    color: #9da000;}
.completed_task h5 a{    color: #058e98}
.completed_tasks p {    color: #9da000;}
.uncompleted_task {    color: #9da000;}
img[alt~="Completed"] {display: none;}


.completed_tasks {display: none; margin-top: 0px; height: 10px;}

/*.login-container a{ color: #fff;}*/

.profile_stage_filter_button {    background-color: #cfb07E; color: #4c4d4f; width: auto;/*100%; height: auto; clear: both;*/}
.profile_stage_filter_button_active { background-color: #a4d7db;   color: #005357 !important;}
.profile_stage_help p {    color: #005357;}
.profile_stage_help p b {  color: #9da000;}

#main .search-text .search-btn {
  background-image: url("/system/data/712/content/gso-search-btn.png");}
#main .search-text {
  background-image: url("/system/data/713/content/gso-bg-search.png");}

input#search::-webkit-input-placeholder {   color: #ddd; }
input#search:-moz-placeholder { /* Firefox 18- */   color: #9da000;  } 
input#search::-moz-placeholder {  /* Firefox 19+ */   color: #9da000;  }
input#search:-ms-input-placeholder {   color: #9da000;  }
input#search {  color: #9da000;     border-radius: 0px;}

/*Error code*/
#header {  background-color: #a4d7db;
    background-image: none;
    width: 100%;
}
.main_error {/*border-color: #f4e539;*/}
.error_image { display: none !important;}

#header .logo-holder {
    background-color: #a4d7db;
    float: left;
    height: 10px!important;
    margin-bottom: 0;
    margin-left: 0px;
    width: 10px;
}
.label {    white-space: normal; text-align: left; display: inline-block}


/* Welcome pages*/

#main .steps-list {    margin: 0 auto 5px;}
#main .steps-list li {    margin: 0 0 0 20px;  width: 80px; }
#main .steps-list li span { background: rgba(0, 0, 0, 0) url("/system/data/510/content/arrow-yellow.png") no-repeat scroll 50% 0 !important; 
  padding: 15px 0; margin: 0;}
#main .steps-list li.active a:hover span {
    background: rgba(0, 0, 0, 0) url("/system/data/508/content/arrow-putty.png") no-repeat scroll 50% 0 !important; 
}
#main .steps-list span.current_step {
    background: rgba(0, 0, 0, 0) url("/system/data/512/content/arrow-green.png") no-repeat scroll 50% 0 !important; 
}
#main .steps-list li.future_step {
    background: rgba(0, 0, 0, 0) url("/system/data/507/content/arrow_eggshell.png") no-repeat scroll 50% 0 !important; 
}
#main .steps-list .current_step a span {    color: #005357;}
#main .steps-list .future_step a span {    color: #005357; background: rgba(0, 0, 0, 0) 
  url("/system/data/507/content/arrow_eggshell.png") no-repeat scroll 50% 0 !important; }
.img-holder .info {background: #fff;}
#main .steps-list .active span{color: #fff;}
#main .steps-list li a {    color: #005357;}
/* Remove Ask the Expert Header*/
#main .wizard .head h2 { display: none!important;}

.calculator-title {
  text-align: left;}

/* Print style sheet*/

@media print {
  body, .alert-default, .alert-primary, .alert-success, .alert-info, .alert-warning, 
  .alert-danger, .alert-task, .alert-outset   
  {font:12px/14px Arial, Helvetica, sans-serif; color: black}
  
#header, #header, .progress-bar, #fade, #fade-responce-message,
#popup-responce-message, .popup-message, #fade-message-send, 
#header .navbar, .navbar-default, .zzsearch-field, 
#popup-message-send, .video, .small-video-left, .popup-response-modal, .popup-message-modal, 
.small-video-right, blockquote, h3.sidebar, .newStepsNavigation, 
.download, #nextlink, ul steps, .back-link, .breadcrumbs-holder, 
.footer-links, .quesionaire-text, .lightbox-3, .share-block, 
.alert-dismissable, #wordcheck,
  #content .task-holder, .triangle-l, .completed_tasks, 
#content .upload-holder  {display: none!important;}

h1, h2, h3 {font-weight: normal;
	color: #005357!important;}
h4, h5 {font-weight: bold;
	color: #058e98!important;}
/*#content .task .task-form {height: 200px; background-color: #058e98;}*/ 
  #content .task, .task-form {border: none;}
  .task-form textarea {height: 200px; border: none;}
#nav, .link-holder /*, h1*/ {display: none !important;}
.button-multiplechoice::before {
    color: #005357;
    content: " QUIZ EXERCISE ";
}
  #zzsidebar {background: #FFF;}
  }

/*-------- Extra CSS -----------*/

.lightboxOverlay p {font-size: 14px!important;}
textarea.form-control {
    min-height: 200px;
}
.CardField-number .CardField-child {background: #FFF;}

#app-nav { margin-bottom: -1.5em }