html body{
    background-color: #F3F4F8;
}
body {
    font-family: "Roboto", sans-serif !important;
    color: #5f636;
}
.navbar-container.content{
    background-color: lightblue!important;
}
input, button, select, optgroup, textarea {
    font-family: "Roboto", sans-serif !important;
}
.brand-logo-custom {
    width: 80px;
    height: 80px;
    background: url('https://csos-forms.360platforms.co.za/Common/RenderImageGen/dd260416-21db-4ced-a6bb-2aef4a779068') no-repeat center center;
    background-size: contain;
    display: inline-block;
    border: none;
    vertical-align: middle;
}
.badge-primary {
    background-color: #346B34;
}
select.form-control + .chosen-container.chosen-container-single .chosen-single {
    border-radius:6px;
}
select.form-control + .chosen-container .chosen-results li,
select.form-control + .chosen-container .chosen-results li.active-result {
    text-decoration: none;
    color: #434344;
    background-color: #f3f7f3;
    background-image: none;
    margin:4px;
    border-radius:2px;
}
select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus {
    border-color: #346B34;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
select.form-control + .chosen-container .chosen-results li:hover,
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted {
    text-decoration: none;
    color: #fff;
    background-color: #15ab75;
    background-image: none;
}
.fb-calculated-value {
    font-size: 14px;
    font-weight: bold;
    color: #346B34;
}
.btn-outline-pink {
    border-color: #346B34;
    background-color: transparent;
    color: #346B34;
}
.btn-outline-pink:hover{
    background-color: #346B34;
}
.step-indicator li.active .caption {
    color: #346B34 !important;
}
.step-indicator li.active .step {
    border-color: #346B34 !important;
    color: #346B34 !important;
}
.step-indicator{
    padding-top:2px!important;
}
.step-indicator li:after {
    height: 2px!important;
}
.primary {
    color: #346B34 !important;
}
.nav.nav-tabs.nav-top-border .nav-item a {
    color: #3EAF3F;
}
.nav.nav-tabs.nav-top-border .nav-item a:hover {
    color: #346B34;
}
.fb-response-item .btn {
    color: #fff;
    border: solid 1px #346B34;
    background-color: #346B34;
}
.instance-item-body .slider {
    display: block;
}
.fb-library-item {
    color: #346B34;
}
.section-head{
    color:#346B34;
    fonr-weight:bold;
}
.page-item.active .page-link {
    background-color: #346B34;
    border-color: #346B34;
}
.pagination .page-link {
    color: #346B34;
}
.form-group > label, label {
    display: inline-block;
    margin-top: 0.5rem;
    margin-bottom: 0px;
}
.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: 3px solid #3EAF3F;
    color: #747E86;
}
html body a {
    color: #3EAF3F;
}
html body a:hover {
    color: #346B34;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #747E86;
    font-family: "Roboto", sans-serif !important;
}
.form-control {
    border-radius: 6px;
}
.form-control:focus{
    border: 1px solid #C9D3DD
}
.form-control:disabled, .form-control[readonly] {
    background-color: #ECEFF1;
    color:#8d93b1;
}
.text-muted{
    color: #9EA8B0 !important;
}
.alert-success, .alert-warning, .alert-danger{
    border-radius: 10px;
    font-size: 18px;
}
.alert-success {
    border-color: #DDEAD7 !important;
    background-color: #DDEAD7 !important;
    color: #5F6368 !important;
}
.alert.alert-success strong {
    color: #346B34;
}
.alert-danger {
    border-color: #f5d0d5 !important;
    background-color: #f5d0d5 !important;
    color: #5F6368 !important;
}
.alert-danger .btn.btn-link{
    margin:0;
    padding:0;
}
.alert-warning {
    border-color: #f5d3bc !important;
    background-color: #f5d3bc !important;
    color: #5F6368 !important;
}
.fb-instance-item .btn-success {
    border: solid 1px #346B34;
    text-transform: none;
}
.bg-success {
    background-color: #fff !important;
    border: solid 1px #9EA8B0;
    border-radius:2px;
}
.bg-success.text-white{
    color: #3EAF3F !important;
}
.card .card-title {
    color: #346B34;
}
.header-navbar .navbar-header .navbar-brand {
    padding: 0px;
    margin-right: 0;
}
.main-menu.menu-dark {
    background: #346B34;
}
.main-menu.menu-dark .navigation {
    background: #346B34;
}
.main-menu.menu-dark .navigation > li > ul {
    background: #346B34;
}
.main-menu.menu-dark .navigation li a {
    color: white;
    transition: all 0.2s ease;
}
.main-menu.menu-dark .navigation > li ul .active {
    background: #A2CE3D;
    border-radius: 20px;
    margin-left: 4px;
    margin-right: 4px;
}
.main-menu.menu-dark .navigation > li .active > a {
    color: #346B34 !important;
}
.main-menu.menu-dark .navigation > li.open > a {
    border-right: 4px solid #A2CE3D;
}
.main-menu.menu-dark .navigation > li.active > a {
    color: #346B34 !important;
    background: #A2CE3D !important;
    border-radius: 20px;
}
.main-menu.menu-dark .navigation > li.active > a > .fa {
    color: #fff !important;
}
.breadcrumb {
    color: #9EA8B0;
}
.breadcrumb-item.active {
    color: #9EA8B0;
    font-weight: bold;
}
html body .content .content-wrapper .content-header-title {
    font-weight: 500;
    letter-spacing: 1px;
    color: #346B34;
}
.btn-primary,.btn-success,.btn-primary:focus , .btn-success:focus  {
    border-color: #346B34 !important;
    background-color: #346B34 !important;
    color: #FFFFFF;
    border-radius: 20px;
}
.dynamic.fb-instance-item .btn.btn-block.btn-dark{
    border-radius: 20px;
    border-color: #346B34 !important;
    background-color: #346B34 !important;
    color: #fff !important;
}
.dynamic.fb-instance-item .btn.btn-dark.btn-sm{
    border-radius: 20px;
}
.btn-warning, .btn-info, .btn-success, .btn-danger, .btn-secondary{
    border-radius: 20px;
}
.btn-primary:hover,.btn-success:hover {
    border-color: #5c995c !important;
    background-color: #5c995c !important;
    color: #FFFFFF;
}
.btn-danger {
    border-color: #d12d42 !important;
    background-color: #d12d42 !important;
    color: #FFFFFF;
}
.btn-danger:hover{
    
}
.navbar-light .navbar-nav .nav-link {
    color: #5F6368;
}
.badge-danger {
    background-color: #FF7A00;
}
.badge-danger.badge-glow {
    box-shadow: none;
}
.fi-card.card{
    box-shadow: none;
    background-color: #f4f5fa;
}
.login-logo {
    width: 352px;
    height: 78px;
    background: url('https://csos-forms.360platforms.co.za/Common/RenderImageGen/dd260416-21db-4ced-a6bb-2aef4a779068') no-repeat center center;
    background-size: contain;
    display: inline-block;
    border: none;
    vertical-align: middle;
}
.instance-item-container{
    background-color: #fff;
    background-clip: border-box;
    border: solid 1px #EAF2E2;
    border-radius:10px;
    margin-bottom:15px;
}
.instance-item-header{
    padding: 1.5rem 2.25rem;
    margin-bottom: 0;
    color:#649b60;
    font-size:22px;
}
.modal-header {
    border-bottom: 1px solid #346B34;
}
.modal-title {
    color: #346B34;
}
.instance-item-header h4{
    color: #649b60;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: bold;
}
.instance-item-body{
    padding: 1.5rem 2.25rem;
    padding-top:0;
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
    border-color: #C9D3DD;
}
.fb-upload-image {
    border: dashed 2px #C9D3DD;
    color: #C9D3DD;
}
.picture .btn-link {
    color: #C9D3DD;
}
.file-upload .btn.btn-primary, .step-wrapper .btn.btn-primary{
    border-radius: 20px;
}
.instance-item-header .card-subtitle.text-muted{
    margin-top:8px;
    color: #649b60 !important;
}
.chosen-container-multi .chosen-choices {
    height: auto !important;
}
strong.item-description{
    font-weight:normal;
}
.list-response .modal-body .btn.btn-block.btn-secondary {
    border-color: #346B34 !important;
    background-color: #346B34 !important;
    color: #FFFFFF;
}
.form-check-label {
    margin-top: 0px !important;
}
.wizard-step-navigation{
    margin-top:10px;
}