.fruity-body {
    background-color: #F5F6F8;
}

.fruit .bootstrap-buttons-div-new .btn-primary {
    background: #ffffff !important;
    border-radius: 6px !important;
}

.fruity .btn-info:hover,
.fruity .btn-info:focus,
.fruity .btn-info:active,
.fruity .btn-info.active,
.fruity .open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #6c1e1f;
    border: 1px solid #501617
}

.fruity .btn-warning:hover,
.fruity .btn-warning:focus,
.fruity .btn-warning:active,
.fruity .btn-warning.active,
.fruity .open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #80431e;
    border: 1px solid #16546f
}

.fruity .nav-tabs > li.active > a,
.fruity .nav-tabs > li.active > a:hover,
.fruity .nav-tabs > li.active > a:focus {
    color: #636363;
    background-color: #fff;
    border: 1px solid #dadada
}

.fruity a.list-group-item-warning.active,
.fruity a.list-group-item-warning.active:hover,
.fruity a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #7ed2fc;
    border: 1px solid #7ed2fc
}

.fruity a.list-group-item-danger.active,
.fruity a.list-group-item-danger.active:hover,
.fruity a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border: 1px solid #a94442
}

.fruity .carousel-control:hover,
.fruity .carousel-control:focus {
    color: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

#ui-datepicker-div {
    background-color: #fff;
    border: 1px solid #ccc
}

body {
    color: #35363f;
    background-color: #fff
}

.fruity mark {
    background: #80ffb7;
    color: #000
}

.fruity a.badge:hover {
    color: #fff
}

.fruity a.badge:focus {
    color: #fff
}

.fruity a.list-group-item {
    color: #5b6262
}

.fruity a.list-group-item.active:hover .list-group-item-text {
    color: #e3bae3
}

.fruity a.list-group-item.active:focus .list-group-item-text {
    color: #e3bae3
}

.fruity a.list-group-item.active .list-group-item-text {
    color: #e3bae3
}

.fruity a.list-group-item .list-group-item-heading {
    color: #333
}

.fruity a.list-group-item-warning {
    color: #7ed2fc
}

.fruity a.list-group-item-warning:hover {
    color: #7ed2fc;
    background-color: #83a6be
}

.fruity a.list-group-item-warning:focus {
    color: #7ed2fc;
    background-color: #83a6be
}

.fruity a.list-group-item-danger {
    color: #a94442
}

.fruity a.list-group-item-danger:hover {
    color: #a94442;
    background-color: #5cc1bc
}

.fruity a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #5cc1bc
}

.fruity a.text-info:hover {
    color: #6c1e1f
}

.fruity a.text-warning:hover {
    color: #f6863a
}

.fruity a.text-danger:hover {
    color: #95e4e1
}

.fruity a.bg-success:hover {
    background-color: #dba8dc
}

.fruity a.bg-info:hover {
    background-color: #c19597
}

.fruity a.bg-warning:hover {
    background-color: #3e2183
}

.fruity a.bg-danger:hover {
    background-color: #4abab5
}

.fruity .img-thumbnail {
    background-color: #fff;
    border: 1px solid #dadada
}

.fruity hr {
    border-top: 1px solid #c5a5c5
}

.fruity .text-muted {
    color: #858585
}


.fruity .text-warning {
    color: #f6863a
}

.fruity .text-danger {
    color: #f74545
}

.fruity .bg-success {
    background-color: #eaccea
}

.fruity .bg-info {
    background-color: #a86ba4
}

.fruity .bg-warning {
    background-color: #95b2c6
}

.fruity .bg-danger {
    background-color: #6fc8c4
}

.fruity .page-header {
    border-bottom: 1px solid #c5a5c5
}

.fruity abbr[data-original-title] {
    border-bottom: 1px dotted #858585
}

.fruity blockquote {
    border-left: 5px solid #c5a5c5
}

.fruity blockquote footer {
    color: #858585
}

.fruity blockquote small {
    color: #858585
}

.fruity blockquote .small {
    color: #858585
}

.fruity blockquote.pull-right {
    border-right: 5px solid #c5a5c5
}

.fruity .blockquote-reverse {
    border-right: 5px solid #c5a5c5
}

.fruity code {
    color: #22dda2;
    background-color: #fff
}

.fruity kbd {
    color: #fff;
    background-color: #333;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.fruity pre {
    color: #35363f;
    background-color: #f5f5f5;
    border: 1px solid #ccc
}

.fruity .table > tbody + tbody {
    border-top: 2px solid #dadada
}

.fruity .table > tbody > tr > td.active {
    background-color: #f5f5f5
}

.fruity .table > tbody > tr > td.success {
    background-color: #eaccea
}

.fruity .table > tbody > tr > td.info {
    background-color: #a86ba4
}

.fruity .table > tbody > tr > td.warning {
    background-color: #95b2c6
}

.fruity .table > tbody > tr > td.danger {
    background-color: #6fc8c4
}

.fruity .table > tbody > tr > th.active {
    background-color: #f5f5f5
}

.fruity .table > tbody > tr > th.success {
    background-color: #eaccea
}

.fruity .table > tbody > tr > th.info {
    background-color: #a86ba4
}

.fruity .table > tbody > tr > th.warning {
    background-color: #95b2c6
}

.fruity .table > tbody > tr > th.danger {
    background-color: #6fc8c4
}

.fruity .table > tbody > tr.active > td {
    background-color: #f5f5f5
}

.fruity .table > tbody > tr.active > th {
    background-color: #f5f5f5
}

.fruity .table > tbody > tr.success > td {
    background-color: #eaccea
}

.fruity .table > tbody > tr.success > th {
    background-color: #eaccea
}

.fruity .table > tbody > tr.info > td {
    background-color: #a86ba4
}

.fruity .table > tbody > tr.info > th {
    background-color: #a86ba4
}

.fruity .table > tbody > tr.warning > td {
    background-color: #95b2c6
}

.fruity .table > tbody > tr.warning > th {
    background-color: #95b2c6
}

.fruity .table > tbody > tr.danger > td {
    background-color: #6fc8c4
}

.fruity .table > tbody > tr.danger > th {
    background-color: #6fc8c4
}

.fruity .table > tfoot > tr > td {
    border-top: 1px solid #dadada
}

.fruity .table > tfoot > tr > td.active {
    background-color: #f5f5f5
}

.fruity .table > tfoot > tr > td.success {
    background-color: #eaccea
}

.fruity .table > tfoot > tr > td.info {
    background-color: #a86ba4
}

.fruity .table > tfoot > tr > td.warning {
    background-color: #95b2c6
}

.fruity .table > tfoot > tr > td.danger {
    background-color: #6fc8c4
}

.fruity .table > tfoot > tr > th.active {
    background-color: #f5f5f5
}

.fruity .table > tfoot > tr > th.success {
    background-color: #eaccea
}

.fruity .table > tfoot > tr > th.info {
    background-color: #a86ba4
}

.fruity .table > tfoot > tr > th.warning {
    background-color: #95b2c6
}

.fruity .table > tfoot > tr > th.danger {
    background-color: #6fc8c4
}

.fruity .table > tfoot > tr.active > td {
    background-color: #f5f5f5
}

.fruity .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.fruity .table > tfoot > tr.success > td {
    background-color: #eaccea
}

.fruity .table > tfoot > tr.success > th {
    background-color: #eaccea
}

.fruity .table > tfoot > tr.info > td {
    background-color: #a86ba4
}

.fruity .table > tfoot > tr.info > th {
    background-color: #a86ba4
}

.fruity .table > tfoot > tr.warning > td {
    background-color: #95b2c6
}

.fruity .table > tfoot > tr.warning > th {
    background-color: #95b2c6
}

.fruity .table > tfoot > tr.danger > td {
    background-color: #6fc8c4
}

.fruity .table > tfoot > tr.danger > th {
    background-color: #6fc8c4
}

.fruity .table > thead > tr > th {
    border-bottom: 2px solid #dadada
}

.fruity .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.fruity .table > thead > tr > th.success {
    background-color: #eaccea
}

.fruity .table > thead > tr > th.info {
    background-color: #a86ba4
}

.fruity .table > thead > tr > th.warning {
    background-color: #95b2c6
}

.fruity .table > thead > tr > th.danger {
    background-color: #6fc8c4
}

.fruity .table > thead > tr > td.active {
    background-color: #f5f5f5
}

.fruity .table > thead > tr > td.success {
    background-color: #eaccea
}

.fruity .table > thead > tr > td.info {
    background-color: #a86ba4
}

.fruity .table > thead > tr > td.warning {
    background-color: #95b2c6
}

.fruity .table > thead > tr > td.danger {
    background-color: #6fc8c4
}

.fruity .table > thead > tr.active > td {
    background-color: #f5f5f5
}

.fruity .table > thead > tr.active > th {
    background-color: #f5f5f5
}

.fruity .table > thead > tr.success > td {
    background-color: #eaccea
}

.fruity .table > thead > tr.success > th {
    background-color: #eaccea
}

.fruity .table > thead > tr.info > td {
    background-color: #a86ba4
}

.fruity .table > thead > tr.info > th {
    background-color: #a86ba4
}

.fruity .table > thead > tr.warning > td {
    background-color: #95b2c6
}

.fruity .table > thead > tr.warning > th {
    background-color: #95b2c6
}

.fruity .table > thead > tr.danger > td {
    background-color: #6fc8c4
}

.fruity .table > thead > tr.danger > th {
    background-color: #6fc8c4
}

.fruity .table .table {
    background-color: #fff
}

.fruity .table-bordered {
    border: 1px solid #dadada
}

.fruity .table-bordered > thead > tr > th {
    border: 1px solid #dadada
}

.fruity .table-bordered > thead > tr > td {
    border: 1px solid #dadada
}

.fruity .table-bordered > tbody > tr > th {
    border: 1px solid #dadada
}

.fruity .table-bordered > tbody > tr > td {
    border: 1px solid #dadada
}

.fruity .table-bordered > tfoot > tr > th {
    border: 1px solid #dadada
}

.fruity .table-bordered > tfoot > tr > td {
    border: 1px solid #dadada
}

.fruity legend {
    color: #35363f;
    border-bottom: 1px solid #e6e6e6
}

.fruity output {
    color: #636363
}

.fruity .form-control {
    color: #636363;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.fruity .form-control:focus {
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.10), 0px 0px 5px 0px rgba(0, 0, 0, 0.40);

}

.fruity .form-control:-ms-input-placeholder {
    color: #858585
}

.fruity .form-control::-moz-placeholder {
    color: #858585;
    opacity: 1
}

.fruity .form-control::-webkit-input-placeholder {
    color: #858585
}

.fruity .form-control[disabled] {
    color: #e3e3e3;
    background-color: #f5f5f5;
    opacity: 1
}

.fruity .form-control[disabled].total {
    color: #35363f
}

.fruity .form-control[readonly] {
    background-color: #f5f5f5;
    opacity: 1
}

.fruity fieldset[disabled] .form-control {
    background-color: #f5f5f5;
    opacity: 1
}

.fruity fieldset[disabled] .btn-default:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc
}

.fruity fieldset[disabled] .btn-default:focus {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc
}

.fruity fieldset[disabled] .btn-default:active {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc
}

.fruity fieldset[disabled] .btn-default.active {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc
}

.fruity fieldset[disabled] .btn-warning {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #f6863a
}

.fruity fieldset[disabled] .btn-warning:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity fieldset[disabled] .btn-warning:focus {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity fieldset[disabled] .btn-warning:active {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity fieldset[disabled] .btn-warning.active {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity fieldset[disabled] .btn-danger {
    background-color: rgba(255, 255, 255, 0.2);
    color: #a94442;
    border: 1px solid #a94442
}

.fruity fieldset[disabled] .btn-danger:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #a94442
}

.fruity fieldset[disabled] .btn-danger:focus {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #a94442
}

.fruity fieldset[disabled] .btn-danger:active {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #a94442
}

.fruity fieldset[disabled] .btn-danger.active {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #a94442
}

.fruity fieldset[disabled] .btn-link:hover {
    text-decoration: underline
}

.fruity fieldset[disabled] .btn-link:focus {
    text-decoration: underline
}


.fruity .has-warning .help-block {
    color: #7ed2fc
}

.fruity .has-warning .control-label {
    color: #7ed2fc
}

.fruity .has-warning .radio {
    color: #7ed2fc
}

.fruity .has-warning .checkbox {
    color: #7ed2fc
}

.fruity .has-warning .radio-inline {
    color: #7ed2fc
}

.fruity .has-warning .checkbox-inline {
    color: #7ed2fc
}

.fruity .has-warning .form-control {
    border: 1px solid #7ed2fc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.fruity .has-warning .form-control:focus {
    border: 1px solid #f6863a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e1f5fe
}

.fruity .has-warning .input-group-addon {
    color: #7ed2fc;
    border: 1px solid #7ed2fc;
    background-color: #95b2c6
}

.fruity .has-warning .form-control-feedback {
    color: #7ed2fc
}

.fruity .has-error .help-block {
    color: #a94442
}

.fruity .has-error .control-label {
    color: #f74545
}

.fruity .has-error .radio {
    color: #a94442
}

.fruity .has-error .checkbox {
    color: #a94442
}

.fruity .has-error .radio-inline {
    color: #a94442
}

.fruity .has-error .checkbox-inline {
    color: #a94442
}

.fruity .has-error .form-control {
    border: 1px solid #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.fruity .has-error .form-control:focus {
    border: 1px solid #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff
}

.fruity .has-error .input-group-addon {
    color: #a94442;
    border: 1px solid #a94442;
    background-color: transparent
}

.fruity .has-error .form-control-feedback {
    color: #a94442
}

.fruity .help-block {
    color: #909898
}

.fruity .btn-default {
    color: #ffffff;
    max-width: 180px;
    margin: auto;
    display: block;
}



.fruity .btn-default.disabled {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default.disabled:hover {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default.disabled:focus {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default.disabled:active {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default.disabled.active {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default .badge {
    color: #fff;
    background-color: #333
}

.fruity .btn-default[disabled] {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default[disabled]:hover {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default[disabled]:focus {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default[disabled]:active {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-default[disabled].active {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-primary {
    color: #fff;
}

.ls-move-btn {
    width: 100%;
}

.modal .modal-footer .btn-default {
    width: 100%;
}

.fruity .btn-info {
    color: #fff;
}


.fruity .btn-warning {
    color: #fff;
    background-color: transparent;
    border: 1px solid #8c4921
}

.fruity .btn-warning.disabled {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity .btn-warning.disabled:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity .btn-warning.disabled:focus {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity .btn-warning.disabled:active {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity .btn-warning.disabled.active {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity .btn-warning .badge {
    color: rgba(255, 255, 255, 0.5);
    background-color: #f6863a
}

.fruity .btn-warning[disabled] {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #f6863a
}

.fruity .btn-warning[disabled]:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

.fruity .btn-warning[disabled]:focus {
    background-color: rgba(255, 255, 255, 0.5)
}

.fruity .btn-warning[disabled]:active {
    background-color: rgba(255, 255, 255, 0.5)
}

.fruity .btn-warning[disabled].active {
    background-color: rgba(255, 255, 255, 0.5)
}

.fruity .btn-danger {
    color: #a94442;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #a94442
}

.fruity .btn-danger:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

.fruity .btn-danger:focus {
    background-color: rgba(255, 255, 255, 0.5)
}

.fruity .btn-danger:active {
    background-color: rgba(255, 255, 255, 0.5)
}

.fruity .btn-danger.active {
    background-color: rgba(255, 255, 255, 0.5)
}


.fruity .btn-link[disabled]:hover {
    color: #858585
}

.fruity .btn-link[disabled]:focus {
    color: #858585
}

.fruity .dropdown-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.fruity .dropdown-menu .divider {
    background-color: #e6e6e6
}

.fruity .dropdown-menu > li > a {
    color: #35363f
}

.fruity .dropdown-menu > .disabled > a {
    color: #858585
}

.fruity .dropdown-menu > .disabled > a:hover {
    color: #858585
}

.fruity .dropdown-menu > .disabled > a:focus {
    color: #858585
}

.fruity .dropdown-header {
    color: #858585
}

.fruity .input-group-addon {
    color: white;
}

.fruity .nav .nav-divider {
    background-color: #e6e6e6
}

.fruity .nav > li > a:hover {
    text-decoration: underline
}

.fruity .nav > li > a:focus {
    text-decoration: underline
}

.fruity .nav > li.disabled > a {
    color: #858585
}

.fruity .nav > li.disabled > a:hover {
    color: #858585
}

.fruity .nav > li.disabled > a:focus {
    color: #858585
}

.fruity .nav .open > a {
    color: #fff;
    border-bottom: 1px solid #fff
}

.fruity .nav .open > a:hover {
    color: #fff;
}

.fruity .nav .open > a:focus {
    color: #fff;
}

.fruity .nav-tabs {
    border-bottom: 1px solid #dadada
}

.fruity .nav-tabs > li a:hover {
    border: 1px solid #c5a5c5
}

.fruity .navbar-collapse {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
}

.fruity .navbar-form {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
}

.fruity .label {
    color: #fff
}

.fruity .label[href]:hover {
    color: #fff
}

.fruity .label[href]:focus {
    color: #fff
}

.fruity .label-default {
    background-color: #858585
}

.fruity .label-default[href]:hover {
    background-color: #717a79
}

.fruity .label-default[href]:focus {
    background-color: #717a79
}

.fruity .label-info[href]:hover {
    background-color: #6c1e1f
}

.fruity .label-info[href]:focus {
    background-color: #6c1e1f
}

.fruity .label-warning {
    background-color: #f6863a;
    color: white
}

.fruity .label-warning[href]:hover {
    background-color: #1d6a8c
}

.fruity .label-warning[href]:focus {
    background-color: #1d6a8c
}

.fruity .label-danger {
    background-color: #a0352f
}

.fruity .label-danger[href]:hover {
    background-color: #258e8c
}

.fruity .label-danger[href]:focus {
    background-color: #258e8c
}

.fruity .badge {
    color: #fff;
    background-color: #858585
}

.fruity .jumbotron {
    background-color: #c5a5c5;
    background-color: transparent;
    text-align: center
}

.fruity .jumbotron.message-box {
    background-color: transparent
}

.fruity .thumbnail {
    background-color: #fff;
    border: 1px solid #dadada
}

.fruity .thumbnail .caption {
    color: #35363f
}

.fruity .alert-success {
    background-color: transparent;
    border: 1px solid #bf40bf;
    color: #bf40bf
}

.fruity .alert-success hr {
    border-top-color: #bf40bf
}

.fruity .alert-success .alert-link {
    color: #bf40bf;
    text-decoration: underline
}

.fruity .alert-info {
    background-color: transparent;
}


.fruity .alert-warning {
    background-color: transparent;
    border: 1px solid #f6863a;
    color: #f6863a
}

.fruity .alert-warning hr {
    border-top-color: #f6863a
}

.fruity .alert-warning .alert-link {
    color: #f6863a;
    text-decoration: underline
}

.fruity .alert-danger {
    background-color: transparent;
    border: 1px solid #f74545;
    color: #f74545
}

.fruity .alert-danger hr {
    border-top-color: #a94442
}

.fruity .alert-danger .alert-link {
    color: #a94442;
    text-decoration: underline
}

.fruity .progress {
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.fruity .progress-bar {
    color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15)
}

.fruity .progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.fruity .progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.fruity .progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.fruity .progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.fruity .progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}


.fruity .progress-bar-warning {
    background-color: #f6863a
}

.fruity .progress-bar-danger {
    background-color: #a0352f
}

.fruity .list-group-item {
    background-color: #fff;
    border: 1px solid #dadada
}


.fruity .list-group-item-warning {
    color: #7ed2fc;
    background-color: #95b2c6
}

.fruity .list-group-item-danger {
    color: #a94442;
    background-color: #6fc8c4
}

.fruity .panel {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.fruity .panel > .panel-body + .table {
    border-top: 1px solid #dadada
}

.fruity .panel > .panel-body + .table-responsive {
    border-top: 1px solid #dadada
}

.fruity .panel-footer {
    background-color: #f5f5f5;
    border-top: 1px solid #dadada
}

.fruity .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #dadada
}

.fruity .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dadada
}

.fruity .panel-default {
    border: 1px solid #dadada
}

.fruity .panel-default > .panel-heading {
    color: #35363f;
    background-color: #f5f5f5;
    border: 1px solid #dadada
}

.fruity .panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #dadada
}

.fruity .panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #dadada
}

.fruity .panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #cba4a6
}

.fruity .panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #cba4a6
}

.fruity .panel-warning {
    border: 1px solid #80fffd
}

.fruity .panel-warning > .panel-heading {
    color: #7ed2fc;
    background-color: #95b2c6;
    border: 1px solid #80fffd
}

.fruity .panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #80fffd
}

.fruity .panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #80fffd
}

.fruity .panel-danger {
    border: 1px solid #a94442
}

.fruity .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #6fc8c4;
    border: 1px solid #a94442
}

.fruity .panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #a94442
}

.fruity .panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #a94442
}

.fruity .well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.fruity .well blockquote {
    border: 1px solid #dadada;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.fruity .close {
    text-shadow: 0 1px 0 #fff
}

.fruity .modal-content {
    background-color: #fff;
    border: 1px solid #a0a7a6;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5)
}

.fruity .modal-backdrop {
    background-color: #000
}

.fruity .modal-header {
    /* border-bottom: 1px solid #e6e6e6 */
    border: none;
}

.fruity .modal-footer {
    /* border-top: 1px solid #e6e6e6 */
    border: none;
}

.fruity .tooltip-inner {
    color: #fff;
    background-color: #000
}

.fruity .tooltip.top .tooltip-arrow {
    border-top-color: #000
}

.fruity .tooltip.top-left .tooltip-arrow {
    border-top-color: #000
}

.fruity .tooltip.top-right .tooltip-arrow {
    border-top-color: #000
}

.fruity .tooltip.right .tooltip-arrow {
    border-right-color: #000
}

.fruity .tooltip.left .tooltip-arrow {
    border-left-color: #000
}

.fruity .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000
}

.fruity .tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #000
}

.fruity .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000
}

.fruity .popover {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.fruity .popover.top > .arrow {
    border-top-color: #a0a7a6;
    border-top-color: rgba(0, 0, 0, 0.25)
}

.fruity .popover.top > .arrow:after {
    border-top-color: #fff
}

.fruity .popover.right > .arrow {
    border-right-color: #a0a7a6;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.fruity .popover.right > .arrow:after {
    border-right-color: #fff
}

.fruity .popover.bottom > .arrow {
    border-bottom-color: #a0a7a6;
    border-bottom-color: rgba(0, 0, 0, 0.25)
}

.fruity .popover.bottom > .arrow:after {
    border-bottom-color: #fff
}

.fruity .popover.left > .arrow {
    border-left-color: #a0a7a6;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.fruity .popover.left > .arrow:after {
    border-left-color: #fff
}

.fruity .popover-title {
    background-color: #c5a5c5;
    border-bottom: 1px solid #bb96bb
}

.fruity .carousel-control {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.fruity .carousel-indicators li {
    border: 1px solid #fff;
    background-color: #000 \9;
    background-color: transparent
}

.fruity .carousel-indicators .active {
    background-color: #fff
}

.fruity .carousel-caption {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.fruity #welcome-jumbotron {
    background-color: transparent
}


.fruity .surveybar {
    border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 3px 3px rgba(99, 49, 48, 0.1);
    background-color: #fff
}

.fruity .navbar {
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(132, 136, 138, 0.1);
    border-radius: 0 !important
}

.fruity .navbar a {
    text-decoration: none;
    line-height: 1.8rem;
    font-size: 1.6rem
}

@media (min-width: 769px) {
    .fruity .navbar a.animate {
        text-decoration: none;
        border: none
    }

    .fruity .navbar a.animate:after {
        text-align: right;
        content: '';
        display: block;
        width: 0;
        height: 2px;
    }

    .fruity .navbar a.animate:hover {
        text-decoration: none;
        border: none
    }

    .fruity .navbar a.animate:hover:after {
        transition: width 0.3s;
        width: 100%
    }
}

@media (max-width: 768px) {
    .fruity .navbar a {
        padding-top: 15px;
        padding-bottom: 15px;
        box-shadow: 1px 2px 3px rgba(132, 136, 138, 0.1)
    }
}

.fruity .navbar .nav-icon-btn.nav-icon-btn-danger .label {
    background: #a94442
}


.fruity .mega-dropdown-menu > li > ul > li > a {
    color: #2a2239
}

.fruity .footer {
    background-color: #fff;
    border-top: solid 1px #dadada
}


.fruity .box {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}


.fruity .box-icon span {
    color: #fff
}

.fruity .cke_toolgroup {
    border: 1px solid #dadada;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    background: #e3e3e3
}

.fruity .message-box {
    border: 1px solid #d095d0;
    color: #363a3a
}

.fruity .message-box-error {
    border: 1px solid #a0352f
}

.fruity .message-box-warning {
    border: 1px solid #f6863a
}

.fruity .welcome .panel {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.fruity .login-title {
    border-bottom: solid 1px #dadada
}

.fruity .login-submit {
    border-top: solid 1px #dadada
}

.fruity #gs_completed {
    color: #636363;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.fruity .h6 .small {
    color: #858585
}

.fruity .table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #f5f5f5
}

.fruity .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f5f5f5
}

.fruity .table-hover > tbody > tr > td.active:hover {
    background-color: #f2f3f3
}

.fruity .table-hover > tbody > tr > td.success:hover {
    background-color: #e3bae3
}

.fruity .table-hover > tbody > tr > td.info:hover {
    background-color: #cba4a6
}

.fruity .table-hover > tbody > tr > td.warning:hover {
    background-color: #83a6be
}

.fruity .table-hover > tbody > tr > td.danger:hover {
    background-color: #5cc1bc
}

.fruity .table-hover > tbody > tr > th.active:hover {
    background-color: #f2f3f3
}

.fruity .table-hover > tbody > tr > th.success:hover {
    background-color: #e3bae3
}

.fruity .table-hover > tbody > tr > th.info:hover {
    background-color: #cba4a6
}

.fruity .table-hover > tbody > tr > th.warning:hover {
    background-color: #83a6be
}

.fruity .table-hover > tbody > tr > th.danger:hover {
    background-color: #5cc1bc
}

.fruity .table-hover > tbody > tr:hover > td {
    background-color: #f5f5f5
}

.fruity .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5
}

.fruity .table-hover > tbody > tr.active:hover > td {
    background-color: #f2f3f3
}

.fruity .table-hover > tbody > tr.active:hover > th {
    background-color: #f2f3f3
}

.fruity .table-hover > tbody > tr.success:hover > td {
    background-color: #e3bae3
}

.fruity .table-hover > tbody > tr.success:hover > th {
    background-color: #e3bae3
}

.fruity .table-hover > tbody > tr.info:hover > td {
    background-color: #cba4a6
}

.fruity .table-hover > tbody > tr.info:hover > th {
    background-color: #cba4a6
}

.fruity .table-hover > tbody > tr.warning:hover > td {
    background-color: #83a6be
}

.fruity .table-hover > tbody > tr.warning:hover > th {
    background-color: #83a6be
}


.fruity .nav-tabs-justified > .active > a {
    border: 1px solid #dadada
}

.fruity .nav-tabs-justified > .active > a:hover {
    border: 1px solid #dadada
}

.fruity .nav-tabs-justified > .active > a:focus {
    border: 1px solid #dadada
}


.fruity table.cke_editor {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16)
}

.fruity .hoverAction tbody tr:hover {
    color: #fff;
    background-color: #a176a2
}

.fruity .hoverAction table thead tr:hover {
    color: #35363f;
    background-color: transparent
}

.fruity div.panel.disabled {
    opacity: 0.5
}

.fruity div.panel.disabled * {
    opacity: 0.5
}

.fruity .ui-widget-content .ui-state-default {
    background-image: none;
    background-color: transparent;
    background-image: none;
    background-color: transparent
}

.fruity .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: transparent;
    background-image: none;
    background-color: transparent
}

.fruity .absolute-wrapper {
    background-color: #fff;
    border-right: 1px solid #e3e3e3;
    box-shadow: 3px 0px 3px rgba(132, 136, 138, 0.1)
}

.fruity .side-menu {
    background-color: #fff;
    border-right: 1px solid #e3e3e3;
    background-color: #fff
}

.fruity .side-menu .navbar {
    background-color: #fff
}

.fruity .side-menu .navbar-header {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu .navbar-nav li {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu .navbar-nav li a.question-link:hover {
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.16) inset, 0 2px 1px 1px rgba(0, 0, 0, 0.12) inset
}


.fruity .side-menu .navbar-nav .active a {
    color: #fff
}

.fruity .side-menu .navbar-nav .question-link.active {
    background-color: transparent
}

.fruity .side-menu #dropdown {
    background-color: transparent;
    box-shadow: none
}


.fruity .side-menu #dropdown li.disabled:hover {
    color: #fff;
    background-color: transparent
}

.fruity .side-menu #dropdown .panel-body {
    background-color: #fafafa
}

.fruity .side-menu #dropdown .panel-body .navbar-nav li {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu #dropdown .panel-body .navbar-nav li.panel {
    background-color: transparent
}

.fruity .side-menu #dropdown .panel-body .navbar-nav li.panel-default {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu #dropdown .panel-body .panel-body li:last-child {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu #dropdown > a {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu .hide-button {
    background-color: #fafafa
}

.fruity .side-menu #search .panel-body .navbar-form {
    border-top: 1px solid #e3e3e3
}

.fruity .side-menu #search .panel-body .navbar-form .btn {
    background-color: #fafafa
}

.fruity #explorer .questiongroupdropdown li a {
    color: #000
}

.fruity .dropdownstyle {
    background-color: transparent
}


.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li:hover {
    background-color: #cfb0ce
}

.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a {
    background-color: #cfb0ce
}

.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] {
    background-color: #cfb0ce
}

.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover {
    background-color: #cfb0ce
}

.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover {
    background-color: #cfb0ce
}

.fruity #sideMenu .navbar-default .navbar-nav > .active > a {
    background-color: transparent
}


@media (max-width: 768px) {
    .fruity .side-menu {
        border-bottom: 1px solid #e3e3e3
    }

    .fruity .navbar-toggle {
        background-color: #fafafa
    }

    .fruity .side-menu-container > .navbar-nav {
        border-right: 1px solid #e3e3e3;
        background-color: #fff
    }
}

.fruity .toWhite a:hover {
    color: #fff;
    background-color: #d095d0
}



.fruity .container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.fruity .container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    background: #a0352f;
    color: #fff
}

.fruity .btn-success:hover,
.fruity .btn-danger:hover,
.fruity .btn-warning:hover,
.fruity .btn-info:hover {
    color: #fff
}


.fruity .ui-dialog,
.fruity .ui-jqdialog,
.fruity .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .ui-jqdialog-titlebar {
    border-bottom: 2px solid #ccc
}

.fruity input[type="text"],
.fruity input[type="password"],
.fruity .ui-autocomplete-input,
.fruity textarea,
.fruity .uneditable-input {
    color: #636363
}

.fruity .navtable {
    border: 1px solid #ccc
}

.fruity .em-var-string {
    color: #35363f
}

.fruity .data-entry-explanation + tr {
    background-color: #e6e6e6
}

.fruity .data-entry-tbl tr.odd,
.fruity .data-entry-tbl tr.even {
    border-bottom: 1px solid #ebebeb
}


@keyframes preload-flip {
    0% {
        transform: rotateY(0deg) rotateZ(-60deg)
    }

    100% {
        transform: rotateY(360deg) rotateZ(-60deg)
    }
}

.fruity #sidebar .btn-primary.force.color.white.onhover:hover,
.fruity #sidebar .btn-primary.force.color.white.onhover:active,
.fruity #sidebar .btn-primary.force.color.white.onhover:focus {
    color: #fff
}

.fruity #sidebar .tabbutton.btn-primary {
    outline: none
}

.fruity #sidebar .tabbutton.btn-primary:hover:after,
.fruity #sidebar .tabbutton.btn-primary:focus:after,
.fruity #sidebar .tabbutton.btn-primary:active:after {
    color: #4d1a4d
}


.fruity #sidebar .background.white {
    background-color: #fff;
    box-shadow: none
}

.fruity #sidebar .resize-handle button {
    background: #fff
}

.fruity #sidebar .resize-handle button:focus,
.fruity #sidebar .resize-handle button:active,
.fruity #sidebar .resize-handle button:hover {
    background-color: #fff !important
}

.fruity .ls-ba .list-group > .list-group-item .list-group .list-group-item:last-of-type {
    border-bottom: 1px solid #35363f
}

.fruity .ls-ba .breadcrumb > li + li:before {
    color: #fff
}

.fruity ol.breadcrumb.title-bar-breadcrumb {
    background: transparent;
    color: #fff
}



.fruity ol.breadcrumb.title-bar-breadcrumb a {
    color: #fff
}


.fruity ol.breadcrumb.title-bar-breadcrumb li {
    background: transparent;
    color: #fff
}

.fruity ol.breadcrumb.title-bar-breadcrumb li.active {
    color: #35363f
}

.fruity #pjax-content .surveybar {
    box-shadow: 3px 3px 3px #35363f
}

.fruity #pjax-file-load-container > div {
    background: #000;
    background: linear-gradient(to right, #000 0%, #260d26 50%, #4d1a4d 100%);
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition: width 1.6s;
    transition: width 1.6s
}

.fruity #sideMenu #dropdown #explorer li#questionexplorer-group-container:hover,
.fruity #sideMenu #dropdown li#questionexplorer-group-container:hover > a {
    background-color: #fafafa;
    color: #4d1a4d
}

.fruity .explorer-group-title a.explorer-group,
.fruity .question-collapse-title {
    color: #163c19
}

.fruity #survey_title a {
    color: #fff
}

.fruity .question-item {
    padding-top: 1em
}

.fruity .placeholder {
    background-color: #bf8dab
}

.fruity .input-error input {
    border: 1px solid #f6863a;
    color: #303133;
}

.fruity .input-error input:focus {
    color: #303133;
}

.fruity .question-container.input-error {
    box-shadow: 0 10px 20px rgba(169, 68, 66, 0.9)
}


.radio-item label::after {
    top: 5px !important;
}

.radio-item label::before {
    top: 2px !important;
}

.checkbox-item label::after {
    color: #fff;
    width: 17px !important;
    height: 17px !important;
    padding-left: 1px !important;
    padding-top: 0px !important;
}

.checkbox-item label::before {
    top: 1px !important;
}

/* 新增 */
.radio-item input[type="radio"] + label,
.checkbox-item input[type="checkbox"] + label {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #606266;
    line-height: 20px;
}



@media only screen and (max-width: 600px) {

    li.checkbox-item,
    li.radio-item,
    li.radio-text-item,
    li.checkbox-text-item {
        border: 1px solid #DDDDDD;
        padding: 9px 10px !important;
        margin: 0 0 10px;
        display: flex !important;
        align-items: center !important;
        border-radius: 10px;
    }

    .radio-item input[type="radio"],
    .checkbox-item input[type="checkbox"] {
        flex-shrink: 0;
        position: relative;
        margin-top: 0;
    }

    .radio-item input[type="radio"] + label,
    .checkbox-item input[type="checkbox"] + label {
        margin-bottom: 0 !important;
        flex: 1;
    }
}


.modal-dialog .modal-title-icon {
    width: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 50%;
    border: 2px solid #f28c48;
    text-align: center;
    color: #f28c48;
    margin-right: 10px;
}

.modal-dialog .modal-title-new {
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: #303133;
    font-weight: bold;
}

/* 甄别页css */
.completed-wrapper {
    margin-top: 4em;
}

.completed-wrapper .col-xs-6.text-left {
    margin: 30px auto 0;
    float: none;
}

.completed-wrapper .quotamessage {
    font-size: 14px;
    text-align: center;
}

/* 保存表单 */
.save-survey-form {
    padding-bottom: 15px;
}

.save-survey-form .control-label .label-content {
    text-align-last: justify;
    display: inline-block;
    width: 58%;
}

/* .save-survey-form .control-label::before {
    content: ":";
} */

@media only screen and (min-width: 600px) {
    .save-survey-form .control-label .label-content, .load-label {
        float: right;
    }

    .save-survey-form .control-label .load-label {
        width: 74px;
        text-align-last: justify;
    }

    .save-survey-form .control-label::before {
        content: ":";
        float: right;
    }

    .save-survey-form .save-survey-row, .load-survey-row {
        display: flex;
        justify-content: center;
    }

    .save-survey-form .save-survey-input {
        max-width: 320px;
    }

    #main-row .col-centered {
        background: #fff;
        border-radius: 10px;
    }

    .save-message.well {
        background-color: #fff;
        border: none;
    }
}

@media only screen and (max-width: 600px) {

    .save-survey-form .control-label .small {
        float: left;
    }

    .save-survey-form .control-label::after {
        content: ":";
    }

    .save-survey-form {
        background: #fff;
        padding: 15px;
        border-radius: 10px;
    }

    .save-survey-form .save-survey-row .save-survey-label {
        width: 200px;
        padding-right: 0;
    }

    .save-survey-form .control-label .label-content {
        text-align-last: left;
        display: inline-block;
        width: auto;
    }

    .save-survey-input button {
        width: 100%;
    }

    .return-to-survey, .load-to-survey .url-wrapper {
        text-align: center;

    }

    .save-survey-input .return-to-survey, div.load-to-survey {
        display: block;
        float: none;
        width: 100%;
        margin-top: 15px;
    }

    .save-message.well {
        background-color: #F5F6F8;
        padding: 0;
        border: none;
        border-radius: 0;
    }
}

.save-tips {
    border-radius: 10px;
    border: 1px dashed #B1C0D0;
    padding: 15px;
    font-size: 12px;
    line-height: 20px;
    margin: 15px auto 0;
}

.return-to-survey, .load-to-survey {
    float: left;
    width: 82px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    margin-right: 20px;
}

.save-survey-form .save-survey-input {
    /* max-width: 320px; */
    width: 100%;
}

/* 加载框 */
.my-loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    /* display: flex; */
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;

}

.my-loading img {
    width: 200px;
}

.sortable-choice-new .list-choice-item-span-new {
    background: #e9e9eb;
}

div.button-item-new.btn-primary {
    background: #ffffff !important;
    border-radius: 6px !important;
}

div.ls-disabled.bootstrap-buttons-div .btn-primary.active{
    background-color: #fff;
    border: 1px solid #b1c0d0;
}

.survey-welcome{
    color: #7575f9;
}