a {
    color: #656565;
}
.page2 {
    border-top: 1px solid #D5DCE0;
}
/*----create-trail-start----*/
.page-titles {
    padding: 14px 10px;
    margin: 20px 0px 35px 0px !important;
    display: inherit !important;
}
.titel-icon {
    float: left;
}
.right-titel a {
    float: right;
    font-size: 12px;
    font-weight: 400;
    margin-top: 3px;
    color: #656565;
    text-transform: uppercase;
    margin-left: 6px;
}
.gray{
    color: #8E8E8E;
}
.right-titel svg.svg-2 {
    width: 16px;
    height: 20px;
}
.titel-icon svg.svg-2 {
    float: left;
    height: 21px;
    width: 21px;
}
svg.svg-2.dark{
     color: #333333;
    fill: #333;
}
.titel-icon h2 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-left: 10px;
    text-transform: uppercase;
}

.right-titel {
    float: right;
}
.titel-icon-orange svg.svg-2 {
    float: left;
    height: 21px;
    width: 21px;
}
.titel-icon-orange h2 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #ed563b;
    margin-left: 10px;
    text-transform: uppercase;
}


.titel-icon-sky-blue svg.svg-2 {
    float: left;
    height: 21px;
    width: 21px;
}
.titel-icon-sky-blue h2 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #199898;
    margin-left: 10px;
    text-transform: uppercase;
}


.titel-icon-blue svg.svg-2 {
    float: left;
    height: 21px;
    width: 21px;
}
.titel-icon-blue h2 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #266485;
    margin-left: 10px;
    text-transform: uppercase;
}


.tb-width {
    width: 792px;
    margin: 0 auto;
}
.top-pa {
    padding-top: 70px;
}
.bt-top {
    width: 100%;
    height: 1px;
    background-color: #E7E8EA;
}
.tabb li {
    border: 1px solid #E7E8EA;
    border-top: none;
    border-left: none;
}
.tabb li a {
    font: Bold 14px/16px Roboto;
    font-family: 'Roboto', sans-serif;
    color: #C7C7C7;
    padding: 0.7rem 1.85rem;
}
.tabb li:last-child {
    border-right: none;
}
li.c-box.bg-active {
    background-color: #F6F8F9;
}
.tabbing .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
ul.choosekind {
    padding: 0;
}
ul.choosekind li {
    width: 144px;
    list-style: none;
    border: 1px solid #D5DCE0;
    display: inline-block;
    padding: 8px;
    border-radius: 3px;
    text-align: center;
    margin-right: 11px;
}
ul.choosekind li svg.svg-2 {
    width: 50px;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 7px;
}
.ch-titel h4 {
    font: Bold 14px/16px Roboto;
    color: #333333;
    margin-bottom: 15px;
    text-transform: uppercase;
}
ul.choosekind li h4 {
    font: Bold 14px/16px Roboto;
    color: #333333;
    margin-bottom: 3px;
    text-transform: uppercase;
}
ul.choosekind li p {
    font-size: 12px;
    color: #333333;
    min-height: 90px;
    font-weight: normal;
}
a.box.btn.btn-primary.btn-block {
    background-color: #fff;
    border-color: #C7C7C7;
    color: #C7C7C7;
    padding: 4px 0 4px 0px;
}
a.box.btn.btn-primary.btn-block:hover {
    background-color: #ED563B;
    border-color: #ED563B;
    color: #fff;
    padding: 4px 0 4px 0px;
}
a.box.btn.btn-primary.btn-block.active{
     background-color: #ED563B;
    border-color: #ED563B;
    color: #fff;
    padding: 4px 0 4px 0px;
}
.pnto {
    padding: 0px;
}
.bt-notif {
    display: flex;
    height: 100%;
    margin: 35px 0 20px 0;
}
.bt-icon svg.svg-2 {
    height: 21px;
    width: 21px;
    margin-top: 10px;
}
.bt-icon {
    width: 110px;
    background-color: #ed563b;
    text-align: center;
}
.bt-contain {
    background-color: #F8F8F8;
    padding-left: 10px;
    padding-top: 15px;
}
.bt-contain h4 {
    color: #333333;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.bt-contain p {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}
a.btn.btn-orange {
    background-color: #ed563b;
    border: 1px solid #ed563b;
    padding: 9px 34px 9px 34px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
a.btn.btn-cancel {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 0.469rem 0.75rem;
    color: #C7C7C7;
    font-size: 12px;
    font-weight: bold;
}
a.btn.btn-continue {
    background-color: #152433;
    border: 1px solid #152433;
    padding: 9px 34px 9px 34px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.dark-bg .form-control {
    border-radius: 2px;
}

/*------------------BUILD GOAL------------------*/
.goal {
    width: 1070px;
    margin: 0 auto;
}
.goal-left {
    float: left;
    margin: 20px 0 20px 0;
    width: 530px;
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 20px;
}
.right-btn {
    width: 100%;
    text-align: right;
}
.btn.btn-with-goal {
    border: 1px solid #BBC8D6;
    padding: 4px 12px 4px 12px;
    color: #005CB9;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.btn.btn-goal-clear {
    border: 1px solid #BBC8D6;
    padding: 4px 12px 4px 12px;
    color: #656565;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.ne-ad span.input-group-text {
    padding: 0.375rem 0.5rem;
    background-color: #E7E8EA !important;
    border: 1px solid #D5DCE0;
    border-right: none !important;
    border-radius: 2px !important;
}
.se-flo .form-group label {
    color: #E04403;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.se-flo .form-group small.form-control-feedback {
    color: #656565;
    font-size: 12px;
    font-weight: 400;
}
.se-flo label.control-label.bo-bt {
    border-bottom: 1px solid #D5DCE0;
    width: 100%;
    padding: 0 0 4px 0;
}

.btn.btn-build-goal {
    border: 1px solid #BBC8D6;
    padding: 4px 12px 4px 12px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    border-radius: 4px;
    background-color: #E04403;
    border-color: #e04403;
}
.btn.btn-build-goal svg.svg-2 {
    margin: 0 5px 0 0px;
    width: 12px;
    height: 12px;
}

.this {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
.will {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 10px;
}
select.custom-select.iu-nu {
    width: 215px;
    border-radius: 2px;
    padding: 5px 21px 5px 10px;
    height: auto;
    font-size: 14px;
    color: #8E8E8E;
    border: 1px solid #D5DCE0;
}
.build-box {
    margin-bottom: 20px;
}
.se-flo .form-group .bt-label {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    text-transform: inherit;
}
.se-flo .form-group:last-child {
    margin-bottom: 0;
}
.qu-icon svg.svg-2 {
    width: 14px;
    height: 14px;
    margin-left: 5px;
}
.glo-top p {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}
.glo-top p span {
    color: #e04403;
}
.goal-right {
    float: right;
    margin-top: 40px;
}
.glo-top {
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    text-align: center;
    width: 475px;
    padding: 20px 131px;
        margin-top: 10px;
            margin-bottom: 20px;
}
.goal-right .titel-prew {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    text-transform: inherit;
}
.glo-bt {
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    text-align: center;
    width: 475px;
    margin-top: 10px;
}

.goal-right .titel-exa {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    text-transform: inherit;
    padding-bottom: 20px;
}
.glo-bt .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}
.glo-bt .carousel-caption {
    bottom: 0px;
    top: 35%;
}

/*--------build tab change start---------*/
.se-flo.dark .form-group label {
    color: #266485;
}
.btn.btn-build-goal.dark {
    background-color: #266485;
        border-color: #199898;
}
.se-flo .form-group label.bt-label.dark {
    color: #333333;
}
.glo-top.dark p span {
    color: #266485;
}

.sub-page-titles.sky-blue p {
    color: #199898;
}


.se-flo.sky-blue .form-group label {
     color: #199898;
}
.btn.btn-build-goal.sky-blue {
     background-color:#199898;
         border-color: #199898;
}
.se-flo .form-group label.bt-label.sky-blue {
    color: #333333;
}
.glo-top.sky-blue p span {
     color: #199898;
}


/*--------build tab change end---------*/

/*------------------BUILD GOAL END------------------*/

/*----create-trail-end----*/

/*----create-guide-start----*/
.sub-page-titles.skyp p {
    color: #199898;
}
ul.chooseguide {
    padding: 0;
}
ul.chooseguide li {
    width: 184px;
    list-style: none;
    border: 1px solid #D5DCE0;
    display: inline-block;
    padding: 8px;
    border-radius: 3px;
    text-align: center;
    margin-right: 11px;
}
ul.chooseguide li svg.svg-2 {
    width: 50px;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 7px;
}

ul.chooseguide li h4 {
    font: Bold 14px/16px Roboto;
    color: #333333;
    margin-bottom: 3px;
    text-transform: uppercase;
}
ul.chooseguide li p {
    font-size: 12px;
    color: #333333;
    min-height: 60px;
    font-weight: normal;
}

a.btn.btn-sky-blue {
    background-color: #199898;
    border: 1px solid #199898;
    padding: 0.469rem 0.75rem;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
a.sky-blue-box.btn.btn-primary.btn-block {
    background-color: #fff;
    border-color: #C7C7C7;
    color: #C7C7C7;
    padding: 4px 0 4px 0px;
}
a.sky-blue-box.btn.btn-primary.btn-block:hover {
    background-color: #199898;
    border-color: #199898;
    color: #fff;
    padding: 4px 0 4px 0px;
}
a.sky-blue-box.btn.btn-primary.btn-block.active{
     background-color: #199898;
    border-color: #199898;
    color: #fff;
    padding: 4px 0 4px 0px;
}
.bt-icon-sky {
    width: 110px;
    background-color: #199898;
    text-align: center;
}
.bt-icon-sky svg.svg-2 {
    height: 21px;
    width: 21px;
    margin-top: 10px;
}
.se-flo .form-control {
    border-radius: 2px;
}



.sub-page-titles {
    padding: 0px 6px;
    margin: 11px 0px 0px 20px !important;
    display: inline-block !important;
}
.sub-titel {
    border-bottom: 1px solid #E7E8EA;
}
.titel-icon-orange h3 {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #152433;
    margin-left: 10px;
    text-transform: uppercase;
    margin-top: 3px;
}
.sub-page-titles .titel-icon-orange {
    float: left;
}
.sub-page-titles p {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    color: #E04403;
    font-weight: 400;
    margin-bottom: 0;
}


.dark-bg {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    margin: 80px 0 80px 0;
    padding: 50px 0px 20px 0px;
}
.dark-bg form {
    width: 568px;
    margin: 0 auto;
}
.dark-bg form .form-group label {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.dark-bg small.form-control-feedback {
    font-size: 12px;
    color: #656565;
    margin-left: 15px;
}
.form-control::-webkit-input-placeholder { /* Edge */
  color: #C7C7C7;
  font-size: 14px;
  font-weight: 400;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C7C7C7;
  font-size: 14px;
  font-weight: 400;
}

.form-control::placeholder {
  color: #C7C7C7;
  font-size: 14px;
  font-weight: 400;
}





/*----create-guide-end----*/

/*----create-map-start----*/
.sub-page-titles.dark p {
    color: #266485;
}
svg.svg-2.dark-blue {
    fill: #266485;
}
ul.choosemap {
    padding: 0;
}
ul.choosemap li {
    width: 380px;
    list-style: none;
    border: 1px solid #D5DCE0;
    display: inline-block;
    padding: 8px;
    border-radius: 3px;
    text-align: center;
    margin-right: 11px;
}
ul.choosemap li svg.svg-2 {
    width: 50px;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 7px;
}

ul.choosemap li h4 {
    font: Bold 14px/16px Roboto;
    color: #333333;
    margin-bottom: 3px;
    text-transform: uppercase;
}
ul.choosemap li p {
    font-size: 12px;
    color: #333333;
    min-height: 60px;
    font-weight: normal;
}
a.btn.btn-blue {
    background-color: #266485;
    border: 1px solid #266485;
    padding: 0.469rem 0.75rem;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
a.blue-box.btn.btn-primary.btn-block {
    background-color: #fff;
    border-color: #C7C7C7;
    color: #C7C7C7;
    padding: 4px 0 4px 0px;
}
a.blue-box.btn.btn-primary.btn-block:hover {
    background-color: #266485;
    border-color: #266485;
    color: #fff;
    padding: 4px 0 4px 0px;
}
a.blue-box.btn.btn-primary.btn-block.active{
     background-color: #266485;
    border-color: #266485;
    color: #fff;
    padding: 4px 0 4px 0px;
}
.bt-icon-blue {
    width: 110px;
    background-color: #266485;
    text-align: center;
}
.bt-icon-blue svg.svg-2 {
    height: 21px;
    width: 21px;
    margin-top: 10px;
}
p.ct-pa {
    padding: 0 50px 0 50px;
}

/*----create-map-end----*/


.sub-text {
    border-bottom: 1px solid #E7E8EA;
    margin-bottom: 10px;
}
.sub-text p {
    padding: 0px 6px;
    margin: 11px 0px 10px 20px;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}
.trail-element {
    width: 1070px;
    margin: 0 auto;
}
.right-btn p.elem-list {
    float: left;
    color: #E04403;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 25px;
}
.element-bg {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 20px;
    margin: 10px 0 20px 0;
}
.element-bg-white {
    background-color: #ffffff;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 0 10px 0;
    margin: 0px 0 0px 0;
    height: 200px;
    overflow-y: auto;
}
.in-pad {
    padding: 0 20px 0 20px;
}
.element-in {
    border-bottom: 1px solid #E7E8EA;
    padding-bottom: 10px;
}
p.elem-list {
    float: left;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}
.element-in {
    text-align: right;
    width: 100%;
}
.element-in a {
    color: #656565;
    font-weight: 400;
    font-size: 12px;
    margin: 0 0px 0 10px;
}
h5.mb-0.elem-name a {
    float: left;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}
.right-remove {
    float: right;
}
h5.mb-0 .right-remove a {
    color: #656565;
    font-weight: 400;
    font-size: 12px;
    padding: 0 0 0 10px;
}
.card.bt-1 {
    border-bottom: 1px solid #E7E8EA;
}
#url-type-input {
    border: none;
        width: 80%;
}
ul.element-for li input::-webkit-input-placeholder { /* Chrome */
  color: #656565;
  font-size: 14px;
  font-weight:400px;
  margin-right: 5px;
}
ul.element-for li input:-ms-input-placeholder { /* IE 10+ */
color: #656565;
  font-size: 14px;
  font-weight:400px;
  margin-right: 5px;
}
ul.element-for li input::-moz-placeholder { /* Firefox 19+ */
color: #656565;
  font-size: 14px;
  font-weight:400px;
  margin-right: 5px;
  opacity: 1;
}
ul.element-for li input:-moz-placeholder { /* Firefox 4 - 18 */
color: #656565;
  font-size: 14px;
  font-weight:400px;
  margin-right: 5px;
  opacity: 1;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    padding: 3px 7px 3px 6px;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label i,
.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


.inputfile + label {
    background-color: #8E8E8E;
    color: #fff;
    border-radius: 4px;
}
ul.element-for li svg.svg-2 {
    width: 15px;
    height: 14px;
    margin-right: 5px;
}
ul.element-for li label {
    font-size: 14px;
}
.element-bt-bg {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 20px;
    margin: 10px 0 20px 0;
}
.element-bt-bg .form-group {
    width: 48%;
    margin: 0 18px 10px 0;
    display: inline-block;
}
.element-middel p.elem-list {
    float: none;
    color: #E04403;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 25px;
}
.element-bt-bg label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
a.attanc-detail {
    border: 1px solid #8e8e8e;
    padding: 4px 12px 4px 12px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #8E8E8E;
    font-weight: bold;
    border-radius: 3px;
}
.add-to-list a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #005CB9;
    border: 1px solid #BBC8D6;
    background-color: #fff;
    padding: 10px 20px 10px 20px;
    border-radius: 3px;
}
.add-to-list {
    border-top: 1px solid #D5DCE0;
    padding-top: 20px;
}
.att-det {
    margin-bottom: 20px;
}
.element-bt-gb {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 20px;
    margin: 10px 0 20px 0;
}
.element-bt-gb label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
.element-bt-gb .form-group {
    margin-bottom: 0;
}
.right-btn p.elem-list.sky-blue {
    color: #199898;
}
.element-middel p.elem-list.sky-blue {
    color: #199898;
}
.right-btn p.elem-list.dark-blue {
    color: #266485;
}
.element-middel p.elem-list.dark-blue {
    color: #266485;
}

/*-----------ASSEMBLE start----------*/
.ass-main-bg{
        width: 1070px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.assemble-bg {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
    margin: 20px 0 20px 0;
}
select.custom-select.zone-nu {
    width: 100px;
    border-radius: 6px;
    padding: 5px 21px 5px 10px;
    height: auto;
    font-size: 14px;
    color: #8E8E8E;
    border: 1px solid #D5DCE0;
}
.zone {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
.duration {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 40px;
}
.serves
{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
input.duration-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 40px;
}
span.plan-text {
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    margin: 0 20px 0 70px;
}
.manage-main {
    float: left;
}
.manage-right {
    float: right;
        margin-bottom: 40px;
}
.manage-right .custom-select.element-nu {
    width: 100%;
}
.manage-ellame {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 0 10px 0;
    margin: 10px 0 20px 0;
        width: 525px;
}
select.custom-select.order-nu  {
    width:70px;
    border-radius: 6px;
    padding: 5px 21px 5px 10px;
    height: auto;
    font-size: 14px;
    color: #8E8E8E;
    border: 1px solid #D5DCE0;
}
.orders {
    padding: 0 20px 0 20px;
}
.orders svg.svg-2 {
    float: right;
    margin-top: 8px;
}
.orders.bt-border {
    border-bottom: 1px solid #D5DCE0;
        padding-bottom: 10px;
}
svg.svg-2.gray-light{
    color: #99A6AD;
    fill: #99A6AD;
}
.element-f {
    padding: 20px 20px 10px 20px;
}
select.custom-select.element-nu  {
    width:415px;
    border-radius: 6px;
    padding: 5px 21px 5px 10px;
    height: auto;
    font-size: 14px;
    color: #8E8E8E;
    border: 1px solid #D5DCE0;
}
select.custom-select.element-nu2  {
    width:100%;
    border-radius: 6px;
    padding: 5px 21px 5px 10px;
    height: auto;
    font-size: 14px;
    color: #8E8E8E;
    border: 1px solid #D5DCE0;
     margin-top: 10px;
      opacity: 0.5;
}
.orders span {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
.element-f span {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
.amount span {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
input.amount-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 70px;
}
.amount {
    padding: 0px 20px 10px 20px;
}
select.custom-select.measure-nu  {
    width:200px;
    border-radius: 6px;
    padding: 5px 21px 5px 10px;
    height: auto;
    font-size: 14px;
    color: #8E8E8E;
    border: 1px solid #D5DCE0;
}
select.custom-select.measure-nu-op {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 200px;
    margin-left: 269px;
    margin-top: 10px;
    opacity: 0.5;
}
.form-group.text-are label {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 10px 0px 0px;
}
.form-group.text-are {
    margin-bottom: 0;
}
label.main-man {
    color:#e0444c;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}
label.main-step {
    color: #E04403;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}
a.add-detail {
    background: #D5DCE0;
    padding: 10px 20px 10px 20px;
    border-radius: 3px;
    font-size: 12px;
    color: #4A5D71;
    font-weight: bold;
    vertical-align: middle;
}
.add-element svg.svg-2 {
    fill: #4A5D71;
    width: 16px;
    height: 16px;
    margin: 0 5px 2px 0;
}
.manage-ellame2 {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 0 0px 0;
    margin: 10px 0 20px 0;
}
select.custom-select.select-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 280px;
        margin: 0 0 10px 0;
}
.select-ele {
    padding: 20px 20px 0 20px;
    width: 350px;
        float: left;
}
.main-three {
    float: right;
        border-left: 1px solid #D5DCE0;
}
.select-ele p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 5px 0px;
}
.select-ele svg.svg-2 {
    margin-left: 10px;
}
a.add-one {
    font-size: 12px;
    color: #4A5D71;
    font-weight: bold;
    vertical-align: middle;
}
.main-two {
    display: inline-block;
}
input.set1-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 60px;
    margin: 0 0 10px 0;
}
.set1 {
    padding: 20px 0 0 20px;
    float: left;
}
.set1 p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 5px 0px;
}
.set2 {
    float: left;
    padding: 20px 0 0 20px;
}
.set2 p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 5px 0px;
}
select.custom-select.set2-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 110px;
    margin: 0 0 10px 0;
}
.set3 {
    float: left;
    padding: 10px 0 0 20px;
    border: 1px solid #D5DCE0;
    margin: 10px 0 0 20px;
    width: 225px;
}
.set3 p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 5px 0px;
}
input.set3-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 110px;
    margin: 0 0 10px 0;
}
select.custom-select.set-gnu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 180px;
    margin: 0 0 10px 0;
}
select.custom-select.set-gnu2 {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 180px;
    margin: 0 0 10px 0;
    opacity: 0.5;
}
svg.svg-2.sele-icon {
    float: right;
    margin: 9px 0 0 0;
}
.set4 {
    float: left;
    padding: 10px 0 0 20px;
    border: 1px solid #D5DCE0;
    margin: 10px 0 0 20px;
    width: 225px;
}
.set4 p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 5px 0px;
}
input.set4-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 110px;
    margin: 0 0 10px 0;
}
.form-group.text-are2 {
    margin-bottom: 0;
        padding: 0 0 0 20px
}
.form-group.text-are2 label {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 10px 0px 0px;
}
.guid-assmble-left {
    width: 218px;
    float: left;
    padding: 20px 0 0 20px;
    border-right: 1px solid #E7E8EA;
    min-height: 100%;
    height: 100%;
}
.guid-assmble-left h5 {
    color: #8E8E8E;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}
.guid-assmble-left p {
    color: #199898;
    font-size: 11px;
    font-weight: 400;
}
.guid-assmble-main {
    display: inline-block;
    width: 100%;
        margin: 0 0 0px 0;
}
.treeview ul li {
    border: none;
}
.guid-assmble-right {
    float: left;
}
.assmble-main-bg {
    width: 880px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
}
select.custom-select.tree-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 50px;
}
select.custom-select.ga-aaa {
    height: auto;
    font-size: 14px;
    color: #333333;
    border: 1px solid #D5DCE0;
    border-radius: 6px;
}
.treeview-table table tbody tr {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}
span.close-icon svg.svg-2 {
    width: 16px;
    height: 16px;
}
.check-main {
    width: 1070px;
    margin: 0 auto;
        margin-bottom: 40px;
}
.check-asse {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.check-asse-left {
    float: left;
    width: 500px;
}
.check-asse-right {
    width: 500px;
    float: right;
}
.check-asse-right label{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
input.time {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 36px;
}
select.custom-select.timepm {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 62px;
}
select.custom-select.tab-zone {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 130px;
}
select.custom-select.tab-se-navinet{
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 342px;
}
.check-box .form-group {
    margin-bottom: 0;
}
.check-box .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.check-box {
    float: left;
}
.check-box .form-group label {
  position: relative;
  cursor: pointer;
}

.check-box .form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: #FFF;
  border: 1px solid #D5DCE0;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
 border-radius: 2px;
}

.check-box .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 13px;
  border: solid #707070;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.treeview-table table {
    width: 100%;
}
.check-list-page th span.close-icon {
    float: right;
}
.treeview-table table thead tr.check-list-page {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}
.right-btn p.check-elem-list {
    float: left;
    color: #199898;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.check-elem-list {
    color: #199898;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.check-asse-bt label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.check-asse-bt .form-group {
    margin-bottom: 0;
}
.counts {
    width: 1070px;
    margin: 0 auto;
    text-align: right;
}
.counts p {
    color: #199898;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
.counts p span {
    color: #333333;
}
.ass-map-bg {
    width: 880px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
}
.map-assemble-bg {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
    margin: 20px 0 20px 0;
    text-align: right;
}
.serves {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
input.duration-map {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 40px;
}
select.custom-select.zone-map {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 100px;
}
.manage-maps {
    float: left;
}
label.main-map {
    color: #266485;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}
.manage-map {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 0 10px 0;
    margin: 10px 0 20px 0;
    width: 419px;
}
.when-map {
    padding: 0px 20px 10px 20px;
}
.when-map span {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
select.custom-select.measure-map {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 127px;
    margin-left: 18px;
}
select.custom-select.navitent-map {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 305px;
}
.map-od {
    text-align: right;
        padding: 0 20px 0 20px;
}
#namnes {
    border: none;
    margin-left: 18px;
    background: none;
}
.manage-map-right {
    float: right;
    margin-bottom: 40px;
}
.manage-map-right label.main-map {
    float: left;
}
.manage-map-right .right-btn {
    margin: -7px 0 0 0;
}
.right-btn svg.svg-2.calender {
    fill: #005cb9;
    width: 12px;
    height: 14px;
    margin: -4px 6px 0px 0;
}

.form-group.text-are3 {
    margin-bottom: 0;
    padding: 0 0 0 0px;
}
.trail-set3 {
    float: left;
    padding: 10px 0 0 20px;
    margin: 10px 0 0 20px;
    width: 400px;
}
.trail-set1 {
    padding: 20px 0 0 20px;
    float: left;
    width: 270px;
}
.trail-set1 p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 5px 0px;
}
.form-group.text-are3 label {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 10px 0px 0px;
}
.productive-right {
    padding: 0px 20px 10px 20px;
}
select.custom-select.productive-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 455px;
    margin: 0 10px 0 0px;
}
.scoring-pre {
    padding: 0px 20px 10px 20px;
}
.sco-left {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 10px 0px 0px;
}
span.sco-right {
    float: right;
}
span.sco-right {
    float: right;
    font-size: 12px;
    color: #333333;
    font-weight: 400;
}
.sco-right svg.svg-2 {
    margin-left: 6px;
    width: 12px;
    height: 12px;
}
.scor-right.star {
    margin-top: 10px;
}
.scor-right.star span {
    color: #656565;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
}
.scor-right.star i {
    color: #F5B02E;
    font-size: 18px;
}
.treeview-table span.close-icon {
    border-left: 1px solid #D5DCE0;
    display: inline-flex;
    padding: 0 0 0px 10px;
}
.checklist-table table {
    width: 100%;
}
.checklist-table table thead tr.check-list-page {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}

.checklist-table table tbody tr {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}
/*post-assemble-start*/

.post-main {
    width: 1070px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.post-asse {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.post-asse-left {
    float: left;
    width: 500px;
}
.post-asse-right {
    width: 500px;
    float: right;
}
.post-asse-right label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.post-table table {
    width: 100%;
}
.post-table table thead tr.check-list-page {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}

.post-table table tbody tr {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}
/*post-assemble-end*/
/*INDEX-assemble-start*/

.index-main {
    width: 1070px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.index-asse {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.index-asse-left {
    float: left;
    width: 500px;
}
.index-asse-right {
    width: 500px;
    float: right;
}
.index-asse-right label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.index-table table {
    width: 100%;
}
.index-table table thead tr.check-list-page {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}

.index-table table tbody tr {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}
select.custom-select.index-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 75px;
}
.index-table table tbody tr td {
    vertical-align: top;
}
.index-table table tbody tr.sub-tab {
    background-color: transparent;
    border: none;
    padding: 0 !important;
    border-radius: unset;
}
.index-table table tbody tr td {
    vertical-align: top;
}
.index-table table tbody tr.add-btn {
    background-color: transparent;
    border: none;
}
td.add-sub .add-element {
    background: #D5DCE0;
    padding: 10px 20px 10px 10px;
    border-radius: 3px;
    font-size: 12px;
    color: #4A5D71;
    font-weight: bold;
}
td.sub-step {
    padding: 0;
}
td.add-sub .add-element a.add-detail {
    padding: 0 0 0px 10px;
}
td.add-sub .add-element a.add-detail svg.svg-2 {
    float: left;
}
td.add-step .add-element {
    background: #D5DCE0;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    font-size: 12px;
    color: #4A5D71;
    font-weight: bold;
}
td.add-sub a.add-detail {
    background: transparent;
    padding: 0 0 0 10px;
}
td.add-step a.add-detail {
    background: transparent;
    padding: 0 0 0 10px;
}

td.add-step .add-element a.add-detail svg.svg-2 {
    float: left;
}

/*INDEX-assemble-end*/

/*add-detail-trail-start*/
.detail-main-bg {
    width: 1070px;
    margin: 0 auto;
    margin-bottom: 30px;
}

label.detail-titel {
    color: #E04403;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 40px 0 10px 0;
}
.detail-bg {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
    margin: 0px 0 20px 0;
}
.detail-bg .level {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 3px 0px 0px;
}
.detail-bg .type{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 3px 0px 0px;
}
.detail-bg  .phase{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 3px 0px 0px;
}
.detail-bg  .code{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 3px 0px 15px;
}
.detail-bg select.custom-select.level-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 70px;    
      margin: 0 20px 0 5px;

}

.detail-bg select.custom-select.type-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 225px;
    margin: 0px 20px 0px 5px;
}
.detail-bg input.phase-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 225px;
    margin: 0 0 0px 5px;
}
.detail-bg input.code-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 175px;
    margin: 0 0 0px 5px;
}

label.detail-sub-titel {
    color: #E04403;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0 0px 0;
}
.detail-part2 p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px 0;
    padding: 0;
}
a.remove-btn {
    border: 1px solid #BBC8D6;
    padding: 8px 20px 8px 20px;
    border-radius: 3px;
    margin: 0 0 0 10px;
    color: #656565;
    font-weight: bold;
    font-size: 12px;
}
.part2-bg {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 20px 20px 20px 20px;
    margin: 0px 0 20px 0;
}
select.custom-select.categ-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 245px;
    margin: 0 0 10px 0;
}
.part2-bg p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 5px 0px;
}
.part2-bg small {
    font-size: 12px;
    color: #8E8E8E;
    margin: 0 0 0 10px;
}
label.detail-mainsec-titel {
    color: #E04403;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
label.detail-mainsec2-titel {
    color: #E04403;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
.detail-mainsec2 {
    float: left;
    margin-top: 41px;
    opacity: 0.5;
}
.detail-sec-main {
    display: inline-block;
}
.detail-mainsec {
    width: 268px;
    float: left;
}
.detail-mainsec-2 {
    width: 268px;
        opacity: 0.5;
}
label.detail-sec2-titel {
    color: #E04403;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0px 10px 0;
}

.detail-mainsec-2 {
    width: 268px;
}
input.loaction-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 245px;
    margin: 0 0 10px 0;
}

.part3-bg {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
    margin: 0px 0 20px 0;
}
.part3-bg span.price {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 6px 0px 0px;
}
.part3-bg input.price-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 95px;
    margin: 0 20px 0 5px;
}
.part3-bg small {
    color: #8E8E8E;
    font-size: 12px;
}
.part3-bg small a{
    color: #005CB9;
}
.detsil-bt {
    float: left;
}
/*add-detail-trail-end*/

/*add-detail-guide-start*/

.guide-color {
    color: #199898 !important;
}
.map-color {
    color: #266485 !important;
}
/*add-detail-guide-end*/
/*map-ass-start*/
label.map-ass-titel {
    color: #266485;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}
select.custom-select.tab-map-ass {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 305px;
    margin: 0 7px 0 0px;
}
select.custom-select.year-map-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 70px;
    margin: 0 0 0 5px;
}
input.day-map {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 90px;
    margin: 0 0 0 10px;
}
td.add-new-ass svg.svg-2 {
    fill: #8E8E8E;
    float: right;
    margin: 9px 20px 0px 0px;
}
.start {
    margin: 0 0 0 10px;
}
tr.check-list-page th {
    color: #333333;
}
span.phase-titel {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.checklist-table table tbody tr.bt-none {
    border-top: 0px;
}
.checklist-table table tbody tr.bb-none {
    border-bottom: none;
}
label.map-ass-titel2 {
    color: #266485;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 30px 0 10px 0;
}
table.bt-table {
    margin: 0 0 20px 0;
}
/*map-ass-end*/


/*choose modal start*/
.choose-mod {
    display: flex;
}
.choose-left {
    width: 385px;
}
.choose-right {
    width: 380px;
}
ul.card-sub-text {
    margin: 0 0 0 20px;
}
.link-accordian .card ul li {
    font-size: 14px;
    font-weight: 400;
    margin: 0px 0 5px 0;
    color: #333;
}
.choose-left .card-header {
    padding: 0px 20px 0px 20px;
}
.choose-left .card {
    padding: 15px 0px 15px 0;
    border-bottom: 1px solid #D5DCE0;
        margin: 0 15px 0 15px;    
        box-shadow: none;
}
.choose-left .card .card-header {
    background-color: #fff;
    box-shadow: none;
}
.tab2 .tab2-titel {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0px 0px 6px;
}
.choose-right .card-header {
    padding: 0px 20px 0px 20px;
}
.choose-right .card {
    padding: 15px 0px 15px 0;
    border-bottom: 1px solid #D5DCE0;
        margin: 0 15px 0 15px;
}
.choose-left .radio-button label.radio-label {
    font-size: 14px;
}
.choose-right .radio-button label.radio-label {
    font-size: 14px;
}
a.btn.btn-selected {
    background-color: #152433;
    border: 1px solid #152433;
    padding: 9px 24px 9px 24px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
/*choose modal end*/

.choose-mod .check-box label {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px 0;
}
.choose-mod .choose-left .radio-button {
    float: left;
}
.choose-mod .choose-left .card .card-header a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-right: 30px;
        margin-left: 30px;
}
.choose-mod .choose-left .card .card-header a:after {
    font-size: 12px;
}
.choose-mod .choose-left .card .card-header .radio-button {
    margin: 0 10px 0px 0;
}
.choose-mod .choose-right .card .card-header a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-right: 30px;
    margin-left: 30px;
}
.modal-body .customtab li a {
    font-size: 14px;
    color: #8E8E8E;
    font-weight: bold;
    text-transform: unset;
    border: none;
}
.modal-body .customtab li a.nav-link.active {
    border-bottom: 2px solid #333333;
    color: #333333;
}
.modal-body .customtab li a.nav-link:hover {
    color: #333333;
}
.choose-right .card .card-header {
    background-color: #fff;
    box-shadow: none;
}
.choose-right .card {
    background-color: #fff;
    box-shadow: none;
}
input.modal-finish1 {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 210px;
}
.top-head-f label {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    margin: 0 10px 0 0px;
}
.trailblaz-main {
    border-bottom: 1px solid #D5DCE0;
    padding: 0px 0px 15px 0;
}
span.select-btn2 {
    float: right;
    margin: 7px 0 0 0;
}
.main-check-finish {
    display: flex;
        margin: 15px 0 0 0px;
}
.check-box.finish-mod {
    margin: 0 0 10px 0;
}
.finishbox1 {
    width: 200px;
}
.finishbox {
    width: 180px;
}
.finishbox1 .card-header {
    background-color: #fff;
    padding: 0;
}
.finishbox .card-header {
    background-color: #fff;
    padding: 0;
}
.check-box.finish-mod label {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}
.pop-btn {
    display: flex;
}
.cancel-pop {
    flex: 1;
}
.cen-for-finish ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}
.cen-for-finish ul li {
    margin: 0 0 25px 0;
}
.cen-for-finish span {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.cen-for-finish ul li label.radio-label {
    font-weight: 400;
}
.cen-for-finish {
    margin: 20px 0px 0 50px;
}
.main-speci-envi p {
    width: 660px;
    float: left;
}
.main-speci-envi {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #E7E8EA;
}
.btn-tp-select {
    background-color: #152433;
    border: 1px solid #152433;
    padding: 9px 24px 9px 24px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
        float: right;
}
.main-hypo {
    padding: 20px;
}
.hypomain-box {
    display: inline-block;
}
.hypo-box {
    float: left;
    margin: 0 0px 0 0;
    width: 242px;
}
select.custom-select.hypo-nu{
border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 3px 10px 3px 10px;
    width: 220px;
    margin: 0 0 10px 0;
}
.hypo-box h5 {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
}
.main-hypo p {
    color: #656565;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0px 30px 0;
}
a.hypo-add {
    background: #D5DCE0;
    padding: 10px 20px 10px 20px;
    border-radius: 3px;
    font-size: 12px;
    color: #4A5D71;
    font-weight: bold;
    vertical-align: middle;
    width: 100%;
}
.addrow {
    width: 100%;
    background: #D5DCE0;
    padding: 10px 20px 10px 20px;
    border-radius: 3px;
    text-align: center;
}
a.hypo-add {
    font-size: 12px;
    color: #4A5D71;
    font-weight: bold;
}
.lib-box {
    float: left;
    width: 255px;
    display: inline-block;
    margin: 20px 0 10px 0;
}
.lib-box .radio-button {
    float: left;
}
.img-box {
    background: #C7C7C7;
    width: 200px;
    height: 50px;
    margin: -11px 0px 0 35px;
    padding: 0;
    border-radius: 4px;
}
.main-ad-atcmt label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    display: block;
}
.file-sel-atcmt {
    width: 450px;
}
.file-sel-atcmt2 {
    width: 450px;
    display: block;
}
.btn-choose-dark {
    background-color: #8E8E8E;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: 12px;
    height: 38px;
    line-height: 36px;
    padding: 0px 0.75rem;
    font-weight: bold;
}
a.pop-text {
    float: right;
    line-height: 27px;
    color: #fff;
            font-size: 14px;
    font-weight: 400;
}
.modal-title2 { color: #fff;
    font-size: 18px;
    font-weight: bold;
    float: left;
}
.modal-header.display-block {
    display: inline-block;
}
.filter-navit {
    color: #333333;
    font-size: 14px;
    float: left;
    font-weight: bold;
    margin: 8px 10px 0px 0px;
}
select.custom-select.navit-keyword{
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 200px;
}
.input-group.navit-cal{
        width: 100px !important;
    max-width: 100px;
    float: left;
}
.to-word {
    float: left;
    margin: 7px 5px 0 5px;
    font-size: 14px;
    font-weight: 400;
}
.input-group.navit-cal input {
    min-height: 20px;
}
.naviten {
    border-bottom: 1px solid #E7E8EA;
    padding: 0 0 10px 0;
}
.naviten table .input-group .form-control {
    border-left: none !important;
}
.naviten table .table th, .table td svg.svg-2 {
    width: 14px;
    height: 14px;
    vertical-align: inherit;
    float: none; 
    margin: 3px 0px;
}
.add-navit .add-detail {
    background: #EDEDED;
    padding: 10px 20px 10px 20px;
    border-radius: 3px;
    font-size: 12px;
    color: #005CB9;
    font-weight: bold;
    vertical-align: middle;
}
.add-navit .add-detail i {
    margin: 0 5px 0 0;
}
.advance-fil {
    background: #F6F8F9 0% 0% no-repeat padding-box;
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 15px 20px 15px;
    width: 100%;
    display: block;
}
.adv-main {
    display: inline-block;
}
.adv-box {
    float: left;
    width: 350px;
}
.advance-titel {
    font-size: 14px;
    color: #656565;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 20px 0;
}
.adv-box2 {
    float: left;
    width: 120px;
}
span.filter-na-box {
    text-align: right;
    width: 90px;
    font-size: 14px;
    font-weight: 400;
    color: #656565;
    margin: 5px 10px 10px 0;
}
.adv-box .input-group {
    margin: 0 0 10px 0;
}
.custom-select {
    font-size: 14px;
}
select.custom-select.navit-fa-box {
    border: 1px solid #D5DCE0;
    border-radius: 6px !important;
    padding: 5px 10px 5px 10px;
    width: 200px;
    flex: inherit;
}
.navit-fa-box {
    border: 1px solid #D5DCE0;
    border-radius: 6px !important;
    padding: 5px 10px 5px 10px;
    width: 200px;
}
.advbtn {
    margin: 0 0px 30px 0;
}
.btn-reset {
    background-color: #C7C7C7;
    border: 1px solid #C7C7C7;
    padding: 10px 30px 10px 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 90px;
    border-radius:3px;
}
.btn-search {
    background-color: #152433;
    border: 1px solid #152433;
    padding: 10px 25px 10px 25px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 90px;
        border-radius:3px;
}

.advance2-titel {
    font-size: 14px;
    color: #E04403;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 20px 0;
}
.naviten2 td span {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}
tr.naviten-bg {
    background-color: #F6F8F9;
    border: none;
}
.table.naviten2 {
    height: 221px;
    min-height: 221px;
    overflow: hidden;
    overflow-y: scroll;
}
.naviten2 tr {
    border-bottom: 1px solid #D5DCE0;
}
.navi-part-bt {
    margin: 30px 0 0 0;
}
.navi-text {
    margin: 0 0 15px 0;
}
.navi-text .radio-button label.radio-label {
    color: #333333;
    font-weight: 400;
    margin: 0;
}
.find-navitent {
    padding: 100px 90px 20px 90px;
    text-align: center;
}
.pop-btn2 {
    text-align: center;
    margin: 0 0 30px 0;
}
.find-navitent p {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}
.trail .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #ed563b;}
.guide .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
color:#199898;
}
.map .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
color:#266485;
}

.nav-tabs .nav-link.active::after {
    display: inline-block;
    position: absolute;
    width: 12px;
    top: 32px;
    left: 68px;
    height: 12px;
    background: #fff;
    text-indent: -9999px;
    border-top: 1px solid #E7E8EA;
    border-left: 1px solid #E7E8EA;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    content: "";
    transform: rotate(45deg);
}
.nav-tabs .nav-item {
    position: relative;
}

/*banch2 css start*/
.left-sidebar-market {
    position: fixed;
    width: 230px;
    height: 100%;
    top: 0px;
    z-index: 20;
    padding-top: 100px;
    background: #F8F8F8;
    box-shadow: 0px 3px 6px #00000029;
}
.free-form {
    padding: 15px;
    border-bottom: 1px solid #BBC8D6;
}
h4.free-form-titel {
    color: #152433;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.form-start {
    padding: 0 15px 0 15px;
}
.form-start .form-group {
    margin-bottom: 13px;
}
.form-start .form-control {
    min-height: 28px;
}
.form-start .form-group label {
    margin-bottom: 2px;
    font-size: 14px;
    color: #333333;
}
.creat-free {
    background-color: #005CB9;
    width: 100%;
    font-size: 14px;
    color: #F8F8F8;
    text-transform: uppercase;
}
.creat-free {
    background-color: #005CB9;
    width: 100%;
    font-size: 14px;
    color: #F8F8F8;
    height: 35px !important;
    text-transform: uppercase;
    line-height: 33px !important;
    margin-top: 10px;
        border: none;
}
.form-start p {
    text-align: center;
    margin: 20px 0 0 0;
    color: #8E8E8E;
    font-size: 12px;
}
.form-start p a{
    color: #005CB9;
    font-weight: bold;
}
.mark-page-titles {
    padding: 10px 0px 10px 0;
    margin: 10px 0px 0px 0px;
    display: inline-block;
    width: 100%;
}
.mark-page-titles h4 {
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #E04403;
    text-transform: uppercase;
}
.all-page-link ul li a {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #656565;
}

.all-page-link {
    float: right;
}
.all-page-link ul li {
    display: inline-block;
    padding: 0 0px 0px 30px;
}
.all-page-link ul {
    padding: 0;
        margin: 0;
}
.markplace-page .mark-bg {
    background-image: url(../../../assets/images/more-image/markplace.png);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 263px;
    padding: 20px;
    position: relative;
    width: 100%
}
.mark-header-detail {
    margin-top: 8%;
    float: left;
    margin-left: 21%;
    z-index: 123;
}
.search-ban-box {
    margin-top: 8%;
    margin-left: 14%;
}
.mark-header-detail img {
    float: left;
    margin: 0 10px 0 0px;
}
.mark-header-detail h2 {
    font-size: 22px;
    float: left;
    color: #fff;
    margin: 13px 0px 10px 0px;
}

.form-group.mark-search {
    margin-bottom: 0;
    position: relative;
}
.mark-search .form-control {
    padding-right: 2.375rem;
    background: #ffffff;
    font-size: 12px;
    letter-spacing: 0;
    color: #8E8E8E;
    border-radius: 3px;
    width: 293px;
}
.markplace-bt {
    margin: 60px 0 0 0;
}
.market {
    height: 351px;
}
.card0 .card-title {
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 16px;
}
.mark-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    top: 0px;
    bottom: 0px;
    font-size: 18px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    right: 0;
}
.card-body.p-relative.div-market-list {
    padding: 0px 20px 10px 0px;
    z-index: 0;
    overflow: hidden;
}
.navitent-detail p {
    min-height: 40px;
}
.navitent-detail p a{
//    color: #333333
}
.price-lable a {
    color: #fff;
    background: #152433;
    position: absolute;
    bottom: 4px;
    right: 10px;
    padding: 2px;
}
.markplace-bt .second-section {
    width: 708px;
    margin-right:9px;
}
.side-section {
    width: 400px;
    margin-left: 9px;
}
.card0 .card-body.cardborder {
    padding: 0px 0px 15px 0px;
}
.navitent-detail .text-black {
    color: #333;
    padding: 0px 0 0 0;
}
p.sub-navi {
    font-size: 12px;
    color: #333;
    font-weight: 400;
    min-height: auto;
}
.navi-steps p {
    min-height: auto;
}
.viwe-lable a {
    color: #333333;
    background: none;
    position: absolute;
    bottom: 4px;
    right: 10px;
    padding: 2px;
    font-size: 11px;
    font-weight: bold;
}
.side-section .ml-auto a {
    text-transform: uppercase;
    font-size: 10px;
    vertical-align: middle;
}
.bt-1 {
    border-bottom: 1px solid #8E8E8E;
    padding: 0 0 8px 0;
}
.popular-part ul li {
    list-style: none;
}
.popular-part ul li h6 {
    color: #656565;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}
.popular-part ul li h6:hover {
    color: #333333;
}
.popular-part ul li p {
    font-weight: 400;
    color: #656565;
    font-size: 11px;
    margin: 0;
}
.popular-part ul{
    padding: 0;
}
.popular-part ul li {
    list-style: none;
    padding: 10px 30px 10px 30px;
}
.popular-part ul li:hover {
    background-color: #fff;
}


.popular-ele-part ul li {
    list-style: none;
}
.popular-ele-part ul li h6 {
    color: #656565;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}
.popular-ele-part ul li h6:hover {
    color: #333333;
}
.popular-ele-part ul li p {
    font-weight: 400;
    color: #656565;
    font-size: 11px;
    margin: 0;
}
.popular-ele-part ul{
    padding: 0;
}
.popular-ele-part ul li {
    list-style: none;
    padding: 10px 30px 10px 30px;
}
.popular-ele-part ul li:hover {
    background-color: #fff;
}
.load-btn {
    text-align: center;
    margin: 40px 0 40px 0;
}
.load-btn a {
    background: #fff;
    padding: 10px 30px 10px 30px;
    border-radius: 6px;
    font-size: 14px;
    color: #656565;
    font-weight: 400;
}

/*slider*/
 .stretch-card>.card {
     width: 100%;
     min-width: 100%
 }
 .cat-slider .card-body {
    padding: 0;
}
.cat-slider .card {
    background: transparent;
    box-shadow: none;
    border: none;
    margin: 10px 0 0 0;
}
 .owl-carousel .item {
     margin: 3px
 }

 .owl-carousel .item img {
     display: block;
     width: 100%;
     height: auto;
     position: relative;
 }

 .cat-slider .card-body .item a p {
    top: 40%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

 .owl-carousel .item {
     margin: 3px
 }

/*slider-end */
.navi-bg-color {
    background-color: #fff;
    padding: 0px 25px 20px 25px;
    margin: 50px 0 0 0;
}
.second-section .card0 .card-body.cardborder {
    border: 0;
}
.side-section .card0 .card-body.cardborder {
    border: 0;
}
.side-sec-bg {
    background-color: #F6F8F9;
    padding: 10px 10px 10px 10px;
}
.cate-trail .card-body.cardborder {
    width: 100%;
    border: none;
    margin: 20px 0 0 0;
}
.cate-box {
    width: 340px;
    float: left;
    margin: 10px 8px -5px 7px;
}
.main-cate {
    background: #EDEDED;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0px;
}
.load-btn.bg-gray a {
    background-color: #E7E8EA;
}
.markplace-bt .second-section h2 {
    margin: -30px 0 3px 0;
    color: #E04403;
    font-weight: bold;
    font-size: 22px;
}
p.navi-sub-title {
    color: #333333;
    font-weight: 400;
    font-size: 14px;
}
input.categ-cate {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 230px;
    margin: 0 10px 0px 0;
}
input.categ-sele {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 230px;
    margin: 0 10px 0px 0;
}
input.categ-keyword {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 195px;
    margin: 0 10px 0px 0;
}
input.categ-kind {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 195px;
    margin: 0 10px 0px 0;
}
.navi-fillter .select-box p {
    margin: 0 0 3px 0;
    font-weight: bold;
    color: #000000BF;
    font-size: 14px;
}
.navi-fillter {
    margin: 20px 0 0 0;
}
.btn-search2 {
    background-color: #152433;
    border: 1px solid #152433;
    color: #fff;
    font-size: 14px;
    font-weight:400;
    width: 70px;
    border-radius: 3px;
}
.btn-reset2 {
    background-color: #E7E8EA;
    border: 1px solid #E7E8EA;
    color: #656565;
    font-size: 14px;
    font-weight: 400;
    width: 70px;
    border-radius: 3px;
    margin: 0 0px 0px 10px;
}
.btn-box {
    padding: 24px 0 0 0;
}
.navi-more-fill {
    margin-top: 10px;
}
.navi-t-box {
    float: left;
    width: 340px;
}
.navi-t-box .input-group {
    margin: 0 0 10px 0;
}
.navi-t-box2 {
    float: left;
    width: 340px;
    border: 1px solid #D5DCE0;
    padding: 10px 0px 0px 10px;
}
.navi-t-box2 .input-group {
    margin: 0 0 10px 0;
}
.navi-t-box2 .input-group {
    opacity: 0.5;
}
.navi-t-box3 {
    display: inline-block;
    margin: 20px 0 0 0;
    float: right;
}
.d-flex.mark-bg h1 {
    margin: 0 auto;
    padding-top: 100px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
        z-index: 11;
}
.mark-bg:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #3B1100;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
}
.more-fs {
    padding: 10px 190px 10px 0px;
    display: inline-block;
    width: 100%;
    text-align: right;
    background: transparent;
    border: none;
    outline: none !important;
    color: #005CB9;
    font-size: 14px;
    font-weight: 400;
}
.more-fil {
    background: #F6F8F9 0% 0% no-repeat padding-box;
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 15px 20px 15px;
    width: 100%;
}

/*-------Day plan ------*/
.nutrative-page {     
        width: 100%;
        padding: 10px 0px;
    }
.nutrative-page .card {
        padding-top: 10px;
    }
    .nutrative-page .day-bg{
        background-image: url(../../../assets/images/nutrative-trailbg.png);
        background-color: #ddd;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 172px;
        padding: 20px;
        position: relative;
    }
    .nutrative-page .day-bg:before {
        content: "";
        height: 100%;
        width: 100%;
        background: #152433;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0.5;
    }
    .nutrativeprofile,.nutrative-header-detail {
        z-index: 1;
    }
    .nutrative-header-detail{
        padding-left: 25px;
        padding-top: 20px;
        margin-right: 200px;
    }
    .nutrative-header-detail label{
        font-size: 10px;
        font-weight: bold;
        padding: 2px 13px;
        border-radius: 4px;
    }
    .nutrative-header-detail label svg.svg-2{
        width: 12px;
        height: 11px;
        vertical-align: top;
        margin-right: 5px;
    }
    .nutrative-header-detail h1{
        font-size: 22px;
        color: #fff;
        line-height: 25px;
        font-weight: bold; 
    }
    .nutrative-header-detail span {
        margin-right: 15px;
    }
    .nutrative-header-detail span b{
        font-weight: bold;
    }   
    .nutrative-header-detail h1 svg.svg-2{
        width: 16px;
        height: 16px;
        margin-left: 5px;
    } 
    .nutrative-header-detail span i.fa.fa-star {
        font-size: 12px;
        margin-right: 2px;
        margin-left: 2px;
    }

.threetip .tips-btn {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.threetip {
    z-index: 1;
    margin: 0 auto;
}
.threetip .tips-btn i {
    margin: 0 8px 0 0px;
}
.threetip ul li {
    width: 150px;
    margin: 0 0px 10px 0;
    background: #99A6AD;
    color: #fff;
    padding: 3px 15px 3px 15px;
    border-radius: 3px;
    list-style: none;
}
.nutrative-page .card-header {
    background: #fff;
}
.threetip ul {
    margin: 20px 0 0 0;
}
.desc-start p {
    font-size: 13px;
    color: #333333;
    margin: 0px 0 7px 0;
    font-weight: 400;
}
.desc-start {
    margin: 0 0 0 0;
    width: 150px;
}
.desc-start p b {
    font-weight: bold;
    margin: 0 5px 0 0px;
}
.main-desc {
    margin: 15px 0 0 0;
}
.desc-middel {
    width: 695px;
    padding: 0 25px 0 25px;
    border-right: 1px solid #C7C7C7;
    border-left: 1px solid #C7C7C7;
}
.desc-middel p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px 0;
    min-height: 40px;
    overflow: hidden;
    height: 40px;
}
span.orange-text {
    color: #e04403;
    font-weight: bold;
}
span.black-text {
    font-weight: bold;
}
.desc-profile {
    padding: 20px 0 0 20px;
    width: 240px;
}

.desc-profile img {
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0px;    
    float: left;
}
.desc-profile p {
    color: #8E8E8E;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
}
.desc-profile h5 {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin: 0;
}
a.follow-desc {
    font-size: 10px;
    background: #005CB9;
    padding: 2px 15px 2px 15px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 2px
}

.lenc-sec {
    border-top: 1px solid #E7E8EA;
    border-bottom: 1px solid #E7E8EA;
    padding: 15px 25px 15px 25px;
}
.sect-tab ul {
    margin: 0;
}
.sect-tab ul li {
    display: inline-block;
    padding: 0 20px 0px 0px;
}
.sect-tab ul li a {
    font-weight: bold;
    font-size: 12px;
    color: #656565;    
    text-transform: uppercase;
}
.sect-tab ul li .desc-share {
    color: #005CB9;
}
.sect-tab ul li .desc-share i{
    margin: 0 6px 0 0px;
}
.datepicker a {
    font-weight: 400;
}
.summery-main {
    padding: 0.75rem 1.25rem;
}
.sumery-first {
    width: 760px;
        margin: 0 30px 0 0px;
}
.desc-middel p a {
    color: #005CB9;
}
.sumery-sec {
    width: 320px;
}
.sum-tp {
    width: 490px;
}
.sum-tp p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 5px 0;
}
.sum-start {
    width: 240px;
    border-left: 1px solid #D5DCE0;
    padding: 5px 0 5px 20px;
}
.sum-start p {
    font-size: 13px;
    color: #333333;
    margin: 0px 0 7px 0;
    font-weight: 400;
}
.sum-start p b {
    font-weight: bold;
    margin: 0 5px 0 0px;
}
.sum-step1 h2 {
    font-size: 20px;
    color: #E04403;
    font-weight: bold;
    border-bottom: 3px solid #ED563B;
    padding-bottom: 7px;
    margin-bottom: 20px;
}
.sum-step1 {
    margin: 10px 0 0 0;
}
.inst1 {
    width: 490px;
}
.inst2 {
    width: 240px;
    border-left: 1px solid #D5DCE0;
    padding: 0 0 0 20px;
}
.inst1 p b {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
.inst2 p b {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
.inst2 p {
    font-weight:400;
    color: #333;
    font-size: 14px;
}
.step-inst {
    height: 110px;
    border-bottom: 1px solid #D5DCE0;
    padding: 0 0 20px 0;
}
input.respo-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 180px;
}
.respo span {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
.respo {
    padding: 10px 0px 10px 20px;
    border-bottom: 1px solid #D5DCE0;
}
.form-group.sum-are label {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 10px 10px 20px;
}
.elements-sec {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 0 10px 0;
    margin: 10px 0 20px 0;
}
.elements-sec-orders {
    border-bottom: 1px solid #D5DCE0;
    padding-bottom: 10px;
    padding: 0 20px 10px 20px;
}
.elements-sec-orders span {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
.elements-sec-orders i {
    float: right;
    margin-top: 5px;
}
.sec-ele {
    margin: 20px 20px 20px 20px;
    border-bottom: 1px solid #D5DCE0;
    padding: 0 0 10px 0;
}
.sec-ele p.sec-amo {
    margin: 0 0 2px 0;
    font-size: 14px;
    color: #656565;
    font-weight: 400;
}
.sec-ele p.sec-eleme {
    font-weight: bold;
    font-size: 14px;
    color: #656565;
    margin: 0 0 5px 0;
}
.sec-ele svg.svg-2 {
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0px;
}
.inner-share {
    padding: 20px 15px 0 15px;
}
.friend1 {
    width: 450px;
}
.share-ellame {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 10px 0 10px 0;
    margin: 10px 0 20px 0;
}
.sharing.bt-border {
    border-bottom: 1px solid #D5DCE0;
    padding-bottom: 10px;
}
.sharing {
    padding: 0 20px 0 20px;
}
.sharing span {
    color: #656565;
    font-size: 18px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
.friend1 .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.friend1.finish-mod label {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}
.friend1 .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #FFF;
    border: 1px solid #D5DCE0;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 2px;
}
.friend1 .form-group {
    margin: 0 30px 0 0;
    float: left;
}
.friend1 .form-group label {
    color: #656565;
    font-size: 14px;
    font-weight: 400;
}
.friend1 p {
    font-weight: bold;
    color: #656565;
    font-size: 14px;
    margin: 0 0 10px 0;
}

.friend2 p {
    font-weight: bold;
    color: #656565;
    font-size: 14px;
    margin: 0 0 10px 0;
}
input.friend-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 220px;
}
.share-friend {
    border-bottom: 1px solid #D5DCE0;
    padding: 0 0 20px 0px;
}
.share-campfire {
    width: 450px;
    padding: 20px 0 45px 0;
    border-bottom: 1px solid #D5DCE0;
}
.share-campfire span {
       font-weight: bold;
    color: #656565;
    font-size: 14px;
    margin: 0 28px 10px 0px;
}
input.campfire-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 277px;
}
/**/
.share-campfire .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #FFF;
    border: 1px solid #D5DCE0;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 2px;
}
.share-campfire .form-group {
    margin: 10px 30px 0 0;
    float: left;
}
.share-campfire .form-group label {
    color: #656565;
    font-size: 14px;
    font-weight: 400;
}
.share-campfire .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.share-campfire.finish-mod label {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}
.form-group.friend-are {
    margin: 50px 0 0 0;
}

/**/


.nutrative-footer {
    display: flex;
}
.nutrative-footer ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}
.nutrative-footer ul li{
    display: inline-block;
}
.nutrative-footer .back-button{
    font-size: 12px;
    color: #656565;
    font-weight: 500;
}
.nutrative-footer .back-button svg.svg-2.mr-1 {
    width: 12px;
    height: 12px;
    font-weight: 500;
}
.nutrative-footer label {
    margin-bottom: 0;
    line-height: normal;
    font-weight: 500;
    color: #333333;
}
.nutrative-footer ul li{
    padding: 0px 5px;
    vertical-align: middle;
}
.nutrative-footer ul li a i{
    font-size: 21px;
}
i.fab.fa-twitter{
    color: #1da1f2;
}
i.fab.fa-linkedin{
    color: #2867b2;
}
i.fab.fa-pinterest{
    color: #e60019;
}
i.fab.fa-facebook{
    color: #1877f2;
}
.nutrative-footer ul li:nth-child(4) a i,.nutrative-footer ul li:nth-child(5) a i{
    color: #005CB9;
    font-size: 18px;
}
/*
.nutrative-footer ul li:nth-child(5) a{
    font-size: 12px;
    color: #005CB9;
    font-weight: 600;
}
.nutrative-footer ul li:nth-child(6) a{
    font-size: 12px;
    color: #005CB9;
    font-weight: 600;
}
.nutrative-footer ul li:nth-child(5) a i{
    font-size: 14px;
    margin-right: 5px;
}
.nutrative-footer ul li:nth-child(6) a i{
    font-size: 14px;
    margin-right: 5px;
}
*/
.nutrative-right.d-flex {
    align-items: baseline;
    align-self: flex-end;
    margin: auto;
 
}
.setinstructions {
    padding: 0rem 1.25rem 10px 1.25rem;
}
.seti1 {
    width: 760px;
    margin: 0 30px 0 0px;
}
.seti2 {
    width: 320px;
}
p.se-in {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    height: 70px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #D5DCE0;
}
.target-main {
    border-bottom: 1px solid #D5DCE0;
    display: inline-block;
    padding: 5px 10px 10px 10px;
}
.tar1 {
    float: left;
    width: 300px;
}
.tar2 {
    float: right;
    width: 410px;
}
.tar1 p {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
        margin: 10px 0 0 0;
}
span.tar-na-box {
    text-align: right;
    width: 160px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin: 5px 10px 10px 0;
}
input.reps-fa-box {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 78px;
}
input.actu-fa-box {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 78px;
    float: left;
}
input.mease-fa-box {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 145px;
    margin: 0 0 0 10px;
}
input.acin-fa-box {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 178px;
}
.cogn-main {
    width: 450px;
    padding: 0 0px 0 20px;
}
.cogn-main p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
     margin: 5px 0 15px 0;
}
.cogn-main .response p {
    font-weight: bold;
    color: #333333;
    font-size: 14px;
    margin: 0 0 3px 0;
}
input.response-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 220px;
}
.congnative .sum-step1 {
    margin: 40px 0 40px 0;
}
.form-group.cong-are label {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 10px 10px 0px;
}
.cong-are {
    margin: 0 0px 0 20px;
}
.cogn-main p a {
    color: #005CB9;
    text-decoration: underline;
}
a.unfollow-desc {
    font-size: 10px;
    background: #8E8E8E;
    padding: 2px 15px 2px 15px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 2px;
}

.setinstructions .response p {
    font-weight: bold;
    color: #333333;
    font-size: 14px;
    margin: 0 0 3px 0;
}
.setinstructions .response {
    margin: 20px 0 0 0;
}
.threetip .dotted-menu {
    position: absolute;
    top: 9px;
    right: 20px;
    z-index: 111;
}
.threetip .dotted-menu i {
    color: #fff;
    font-size: 18px;
}
.fre-btn {
    position: absolute;
    margin: 0 auto;
    right: 20px;
    bottom: 20px;
}
.fre-btn .tips-btn {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    background: #99A6AD;
    padding: 6px 25px 5px 20px;
}
a.free-desc {
    font-size: 12px;
    background: #005CB9;
    padding: 6px 20px 6px 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 0 7px 0 0px;
}
.desc-detail {
    width: 820px;
    padding: 0 25px 0 25px;
    border-right: 1px solid #C7C7C7;

}
.desc-detail p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px 0;
    min-height: 40px;
    overflow: hidden;
    height: 40px;
}
.navi-details {
    float: left;
}
.sect-tab ul li .schedule-btn {
    background: #E04403;
    color: #fff;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
}
.sect-tab ul li .do-btn {
    background: #E04403;
    color: #fff;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
}
.elements-sec2 {
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 6px 0 6px 0;
    margin: 10px 0 20px 0;
}
.elements-sec-orders2 {
    padding-bottom: 10px;
    padding: 0 20px 0px 20px;
}
.elements-sec-orders2 span {
    color: #656565;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
.elements-sec-orders2 i {
    float: right;
    margin-top: 5px;
}
.sumery-sec2 {
    width: 320px;
}
.sum-detail {
    width: 590px;
}
.sum-detail p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 10px 0;
}
.navi-details span {
    color: #656565;
    font-weight: bold;
    font-size: 18px;
        margin: 0 0 0 20px;
}
.navi-details a {
    color: #656565;
    font-weight: bold;
    font-size: 12px;
    background: #F6F8F9;
    text-transform: uppercase;
    padding: 7px 15px 7px 15px;
}
.desc-detail p a {
    color: #005CB9;
}
.navi-details svg.svg-2 {
    width: 12px;
    height: 14px;
}
.viwe-detail-main {
    margin: 0rem 1.25rem;
    border-top: 1px solid #E7E8EA;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #E7E8EA;
}
.viwe1 {
    width: 560px;
    border-right: 1px solid #E7E8EA;
    margin: 0 30px 0 0px;
}

.viwe2 {
    width: 560px;
}
.viwe1 ul li {
    list-style: none;
    margin: 0 0 24px 0;
}
.viwe1 ul li b {
    float: left;
    margin: 0 20px 0 0px;
    font-weight: bold;
    color: #333333;
    font-size: 14px;
        width: 130px;
}
.viwe1 ul li p {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
        margin: 0;
}
.viwe1 ul li p {
    font-size: 14px;
    color: #333333;
    display: inline-block;
    font-weight: 400;
}

/**/
.viwe2 ul li {
    list-style: none;
    margin: 0 0 24px 0;
}
.viwe2 ul li b {
    float: left;
    margin: 0 20px 0 0px;
    font-weight: bold;
    color: #333333;
    font-size: 14px;
        width: 130px;
}
.viwe2 ul li p {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
        margin: 0;
}
.viwe2 ul li p {
    font-size: 14px;
    color: #333333;
    display: inline-block;
    font-weight: 400;
}
.do-this-btn a {
    background: #E04403;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 40px 10px 40px;
    border-radius: 3px;
}
.do-this-btn {
    float: right;
    margin: 20px 0 0px 0;
}
.detail-foo {
    padding: 1rem 1.25rem;
}
.previwe-titel a {
    color: #656565;
    float: left;
    font-weight: bold;
    font-size: 12px;
    background: #F6F8F9;
    text-transform: uppercase;
    padding: 7px 15px 7px 15px;
}
h1.preview-ti {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
        margin: 10px 150px 0px 0px;
}
.page-titles.previwe-titel {
    margin: 10px 0 10px 0;
}

/*session start*/
.session-page {     
        width: 100%;
        padding: 10px 0px;
    }
    .session-page .card-header {
    background: #fff;
}
.session-page .card {
        padding-top: 10px;
    }
    .session-page .day-bg{
        background-image: url(../../../assets/images/nutrative-trailbg.png);
        background-color: #ddd;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 172px;
        padding: 20px;
        position: relative;
    }
    .session-page .day-bg:before {
        content: "";
        height: 100%;
        width: 100%;
        background: #152433;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0.5;
    }
    .sessionprofile,.session-header-detail {
        z-index: 1;
    }
    .session-header-detail{
        padding-left: 25px;
        padding-top: 20px;
        margin-right: 200px;
    }
    .session-header-detail label{
        font-size: 10px;
        font-weight: bold;
        padding: 2px 13px;
        border-radius: 4px;
    }
    .session-header-detail label svg.svg-2{
        width: 12px;
        height: 15px;
        vertical-align: top;
        margin-right: 5px;
    }
    .session-header-detail h1{
        font-size: 22px;
        color: #fff;
        line-height: 25px;
        font-weight: bold; 
    }
    .session-header-detail span {
        margin-right: 15px;
    }
    .session-header-detail span b{
        font-weight: bold;
    }   
    .session-header-detail h1 svg.svg-2{
        width: 16px;
        height: 16px;
        margin-left: 5px;
    } 
    .session-header-detail span i.fa.fa-star {
        font-size: 12px;
        margin-right: 2px;
        margin-left: 2px;
    }
.bg-light-blue {
    background-color: #199898;
}
.session-step1 {
    margin: 10px 0 0 0;
}
.session-step1 .card-title {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    border-bottom: 3px solid #199898;
}
.session-step1 h2 {
    font-size: 20px;
    color: #199898;
    font-weight: bold;
    padding-bottom: 7px;
    margin-bottom: 0px;
    float: left;
}
.session-step1 .card-title span {
    float: right;
    color: #8E8E8E;
    font-size: 15px;
    font-weight: 400;
}
.session-three .tips-btn {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.session-three {
    margin: 10px 0 0 0;
}
.session-three .tips-btn i {
    margin: 0 8px 0 0px;
}
.session-three ul li {
    width: 150px;
    margin: 0 10px 0px 0;
    background: #99A6AD;
    color: #fff;
    padding: 3px 15px 3px 15px;
    border-radius: 3px;
    list-style: none;
        display: inline-block;
}
.session-three ul {
    padding: 0;
}
.session-three ul li:last-child {
    opacity: 0.5;
}
.session-step .seti1 p.se-in {
    border: none;
}
.side-sec {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}
.side-sec2 {
    height: 100px;
    overflow: hidden;
    overflow-y: scroll;
}
.check-tp {
    width: 690px;
}
.check-tp p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 5px 0;
}
.days ul {
    padding: 0px;
}
.days ul li {
    list-style: none;
    display: inline-block;
    margin: 0 20px 0px 0;
    background-color: #F6F8F9;
    padding: 5px 13px 5px 13px;
    color: #656565;
    font-size: 16px;
    font-weight: 400;
}
.days {
    margin: 20px 0 0 0;
}
.checklist-step1 {
    margin: 10px 0 0 0;
}
.checklist-step1 .card-title {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    border-bottom: 3px solid #199898;
}
.checklist-step1 h2 {
    font-size: 20px;
    color: #199898;
    font-weight: bold;
    padding-bottom: 7px;
    margin-bottom: 0px;
    float: left;
}
.checklist-step1 .card-title span {
    color: #8E8E8E;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 0 20px;
}
.checklist-tp p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 15px 0;
}
.checklist-tp {
    margin: 20px 0 20px 0;
}
p.check-in {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px 0;
}
.check-btn a {
    color: #005CB9;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 5px 20px 5px 20px;
    margin: 0 20px 0 0;
}
.check-completion {
    margin: 30px 0 0 0;
}
.check-completion span {
    float: left;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0 0;
}
.check-completion .radio-button {
    float: left;    
}
.show-all-comm .radio-button label.radio-label {
    font-weight: 400;
        line-height: 14px;
    font-size: 14px;
}
p.post-in {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    height: 70px;
    margin: 20px 0px 5px 0;
}
.post-step1 {
    margin: 10px 0 0 0;
}
.post-step1 .card-title {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    border-bottom: 3px solid #199898;
}
.post-step1 h2 {
    font-size: 20px;
    color: #199898;
    font-weight: bold;
    padding-bottom: 7px;
    margin-bottom: 0px;
    float: left;
}
.post-step1 .card-title span {
    color: #8E8E8E;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 0 20px;
}
.post-step {
    padding: 0 20px 30px 20px;
}
.setinstructions-step2 {
    margin-left: 90px;
}
.course-zone {
    padding: 0.75rem 1.25rem;
}
.zone-ti-main {
    width: 100%;
    background-color: #EDEDED;
    padding: 10px 20px 10px 20px;
}
.left-zone p {
    font-size: 20px;
    color: #266485;
    margin: 0;
    font-weight: bold;
}
.zone-titel h3 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.right-zone {
    margin-left: auto;
}
.right-zone a {
    background-color: #fff;
    padding: 5px 10px 5px 10px;
    color: #005CB9;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #D5DCE0;
    border-radius: 3px;
}
.right-zone a svg.svg-2 {
    width: 15px;
    height: 15px;
}
.zone-text {
    padding: 10px 0 10px 0;
}
.zone-text span {
    color: #8E8E8E;
    font-size: 15px;
    font-weight: 400;
    margin: 0 20px 0 0;
}
.zone-text span b{
    color: #8E8E8E;
    font-size: 15px;
    font-weight: bold;
    margin: 0 10px 0px 0px;
}
input.time-set {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 3px 10px 3px 10px;
    width: 90px;
    margin: 0 0px 0 0px;
}
.zone-text span.zone-star a {
    color: #F5B02E;
}
.co-na-titel h3 {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    margin: 10px 0px 20px 20px;
}
.co-na-titel h3 span {
    color: #005CB9;
}
.trailblazers-page .card-header {
    background-color: #fff;
    box-shadow: none;
        padding: 0;
}
.trailblazers-page {
    box-shadow: none;
    background-color: #fff;
}

.trailblazers-page .day-bg {
    background-image: url(../../../assets/images/more-image/profile-bg.png);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 172px;
    padding: 20px;
    position: relative;    
    border-radius: 4px;
}
.trailblazers-page .day-bg:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #152433;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
    border-radius: 4px;
}
.trailblazers-page .desc-middel {
    width: 695px;
    padding: 0 25px 0 25px;
    border: none;
}
label.bg-follow.text-white {
    background: #005CB9;
    padding: 3px 30px 3px 30px;
    border-radius: 2px;
}
.trailblazers-page .main-desc {
    border-bottom: 1px solid #D5DCE0;
    padding: 0 0 10px 0;
}
.trailbla2 {
    margin-left: auto;
}
.trailbla1 a {
    color: #8E8E8E;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 30px 0px 20px;
}
.trail-navitents {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #D5DCE0;
}
.trailbla2 a {
    background-color: #8E8E8E;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 8px 20px 8px 20px;
    margin: 0 0px 0px 10px;
}
.trailblaz-sec .check {
    top: 6px;
    right: 8px;
}
.free-menu {
    position: absolute;
    right: 7px;
    bottom: 7px;
}
.free-menu span a {
    background-color: #005CB9;
    color: #fff;
    font-size: 11px;
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
    font-weight: bold;
}
.trailblaz-sec .navitent-detail p {
    font-size: 11px;
    font-weight: 400;
    margin: 5px 0 0 0;
}
.trailblaz-details span {
    color: #E04403;
    font-weight: bold;
    font-size: 18px;
        margin: 0 0 0 20px;
}
a.trail-act {
    color: #333333;
}
.trailblaz-details a {
    color: #656565;
    font-weight: bold;
    font-size: 12px;
    background: #F6F8F9;
    text-transform: uppercase;
    padding: 7px 15px 7px 15px;
}
.communities-page .communities-bg {
    background-image: url(../../../assets/images/more-image/markplace.png);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 263px;
    padding: 20px;
    position: relative;
    width: 100%;
}
.communities-bg h1 {
    margin: 0 0 0 100px;
    padding-top: 100px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    z-index: 11;
}
.communities-trail .card-body.cardborder {
    padding: 0;
    border: none;
}
.communities-trail h2 {
    color: #E04403;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}
.communities-trail {
    margin: 30px 0 30px 0px;
}
.communities-trail p {
    margin: 0;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}
.matches-titel h3 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.communities-sec1 .card2 {
    width: 520px;
}
.communities-sec2 .card2 {
    width: 520px;
}
.communities-sec2 {
    margin: 0 0 0 20px;
}
.campfire {
    position: absolute;
    top: 5px;
    right: 10px;
}
.campfire a {
    color: #E04403;
    font-size: 11px;
}
.campfire svg.svg-2 {
    width: 15px;
    height: 15px;
    margin: 0 5px 5px 0;
}
.matches-titel {
    margin: 0 0 15px 0;
}
.campsite {
    position: absolute;
    top: 5px;
    right: 10px;
}
.campsite a {
    color: #199898;
    font-size: 11px;
}
.campsite svg.svg-2 {
    width: 15px;
    height: 15px;
    margin: 0 5px 5px 0;
    color: #199898;
}

.back-btn a {
    color: #656565;
    font-weight: bold;
    font-size: 12px;
    background: #F6F8F9;
    text-transform: uppercase;
    padding: 7px 15px 7px 15px;
}
.back-btn {
    margin: 0 20px 0 0;
}
.communities-trail h2 span {
    font-weight: 400;
}
.element-page-tp-btn a {
    background: #8E8E8E;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    margin: 0 10px 0px 0;
    padding: 10px 20px 10px 20px;
}
.element-tab {
    margin: 30px 0 0 0;
}
.element-tab tr td span {
    font-weight: 400;
    font-size: 15px;
    color: #656565;
}
.element-tab tr {
    border-bottom: 1px solid #D5DCE0;
}
.element-tab tr.naviten-bg th {
    font-size: 16px;
}
td.more-btn {
    text-align: center;
}
span.mores i {
    font-size: 20px;
}
.trailblazer1 {
    width: 350px;
    margin: 0 10px 0 0;
}
.element-img {
    float: left;
}
.element-text {
    float: left;
    margin: 5px 0 0 10px;
}
.element-text p {
    margin: 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.element-text svg.svg-2 {
    margin: 3px 8px 0 0px !important;
}
span.view-navi a {
    color: #005CB9;
    font-size: 14px;
}
.all-page-link a.active {
    color: #e04403;
}
.navitent-detail .text-black a {
    color: #333;
}
.shar-sharing{
    margin:10px 0 0 0;
    padding: 0 20px 0 20px;
}
.shar-sharing p {
    color: #333333;
    font-size: 15px;
    margin: 0 0px 3px 0;
    font-weight: 400;
}
.border-bt {
    border-bottom: 1px solid #D5DCE0;
}
.shar-box {
    padding: 0 20px 0 20px;
}
.share1 .form-group.text-are label {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 10px 7px 0px;
}
span.addres-book {
    float: right;
    margin: 10px 10px 0px 0px;
    color: #656565;
    font-size: 16px;
    font-weight: 400;
}
.share1 {
    width: 350px;
    margin: 0 50px 0 0;
}
span.addres-book i {
    margin: 0 6px 0 0;
}
.elem-tab {
    background-color: #F6F8F9;
}
.element-table tr td span {
    color: #333333;
    font-size: 15px;
    font-weight: 400;
}
.element-table tr th {
    color: #333333;
    font-size: 15px;
}
.element-table table tr {
    border-bottom: 1px solid #D5DCE0;
}
.element-table table tr td {
    padding: 15px 10px 15px 10px;
}
tr.naviti {
    background-color: #D5DCE0;
}
tr.naviti td {
    color: #333333;
    font-weight: bold;
    font-size: 15px;
    padding: 15px 10px 15px 10px;
}
.table.element-table {
    height: 780px;
    min-height: 780px;
    overflow: hidden;
    overflow-y: scroll;
}
button.print {
    line-height: 1.4;
    color: #fff;
    opacity: 1;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    font-size: 1.2rem;
}
.tips-text p {
    margin: 3px 0px 0px 10px;
    font-weight: 400;
    color: #333333;
    font-size: 15px;
}
.tips-text p span{
    font-weight: bold;
}
.flag-icon {
    margin: 15px 10px 0px auto;
}
.tips {
    border-bottom: 1px solid #D5DCE0;
    padding: 15px 0 15px 0;
}
svg.svg-2.light-gray {
    fill: #C7C7C7;
}
.tipsa-advice {
    height: 400px;
    min-height: 400px;
    overflow: hidden;
    overflow-y: scroll;
}
.info {
    border-bottom: 1px solid #D5DCE0;
    padding: 10px 0 30px 30px;
}
.info-text p {
    margin: 4px 0 0 15px;
      font-weight: 400;
    color: #333333;
    font-size: 15px;
}
.info-text p span{
    font-weight: bold;
}
.info-btm {
    margin: 20px 0 0 30px;
}
.info1 .info-left {
    text-align: right;
    font-size: 15px;
    width: 70px;
    color: #333333;
    font-weight: bold;
}
.info1 {
    margin: 0 0px 10px 0;
}
.info1 .info-right {
    text-align: left;
    font-size: 15px;
    color: #333333;
        margin: 0 0 0 10px;
    font-weight: 400;
}

.rele-tab {
    background-color: #F6F8F9;
}
.related-table tr td span {
    color: #333333;
    font-size: 15px;
    font-weight: 400;
}
.schdeule-table table tr {
    border-bottom: 1px solid #0000001F;
}
.related-table tr th {
    color: #333333;
    font-size: 15px;
}
.related-table table tr {
    border-bottom: 1px solid #D5DCE0;
}
.related-table table tr td {
    padding: 15px 10px 15px 10px;
}
.table.related-table {
    height: 580px;
    min-height: 580px;
    overflow: hidden;
    overflow-y: scroll;
}

/**/
.past-tab {
    background-color: #F6F8F9;
}
.past-table tr td span{
    color: #005CB9;
    font-size: 15px;
    font-weight: 400;
}
.past-table tr td span a{
    color: #005CB9;
    font-size: 15px;
    font-weight: 400;
}
.past-table tr th {
    color: #333333;
    font-size: 15px;
}
.past-table table tr {
    border-bottom: 1px solid #D5DCE0;
}
.past-table table tr td {
    padding: 15px 10px 15px 10px;
}
.table.past-table {
    height: 580px;
    min-height: 580px;
    overflow: hidden;
    overflow-y: scroll;
}
.documents-d {
    text-align: center;
    margin: 40px 0 40px 0;
}
.documents-d i {
    font-size: 40px;
    margin: 0 0 10px 0;
    color: #333333;
}
.documents-d p {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
}
.documents-d a.download-btn {
    background-color: #152433;
    color: #fff;
    padding: 8px 20px 8px 20px;
    border-radius: 3px;
    font-size: 12px;
    font-weight:bold;
    text-transform: uppercase;
}
.following-d {
    text-align: center;
    margin: 40px 0 40px 0;
}
.following-d img {
    width: 50px;
    height: 50px;
}
.following-d p {
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 20px 0;
}
.following-d a.close-btn{
    background-color: #152433;
    color: #fff;
    padding: 8px 20px 8px 20px;
    border-radius: 3px;
    font-size: 12px;
    font-weight:bold;
    text-transform: uppercase;
}
.unfollowing-d {
    text-align: center;
    margin: 40px 0 40px 0;
}
.unfollowing-d img {
    width: 50px;
    height: 50px;
}
.unfollowing-d p {
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 20px 0;
}
.unfollowing-d a.close-btn{
    background-color: #152433;
    color: #fff;
    padding: 8px 20px 8px 20px;
    border-radius: 3px;
    font-size: 12px;
    font-weight:bold;
    text-transform: uppercase;
}
.sign-in-mod .form-group label.control-label {
    font-size: 13px;
    color: #333;
    margin: 0;
    font-weight: 400;
}
.sign-in-mod .form-group input {
    padding: 2px 0px 0px 10px !important;
    background: #fff;
    line-height: 1.5;
    min-height: 30px;
    font-size: 12px;
}
.sign-in-mod .form-group small.form-control-feedback {
    color: #8E8E8E;
    font-size: 12px;
}
.sign-in-mod {
    margin: 20px 20px 20px 20px;
}
.sign-in-mod p a.sign-btn {
    background-color: #005CB9;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 70px 10px 70px;
    border-radius: 5px;
}
.sign-in-mod p {
    text-align: center;
    margin: 40px 0 15px 0;
}
.sign-in-mod .form-group p small.form-control-dont {
    color: #8E8E8E;
    font-size: 12px;
}
p.free-acco {
    margin: 0;
}
p.free-acco a.sign-text {
    font-weight: bold;
    font-size: 12px;
    color: #005CB9;
}

/**/

.reset-pass .form-group label.control-label {
    font-size: 13px;
    color: #333;
    margin: 0;
    font-weight: 400;
}
.reset-pass .form-group input {
    padding: 2px 0px 0px 10px !important;
    background: #fff;
    line-height: 1.5;
    min-height: 30px;
    font-size: 12px;
}
.reset-pass .form-group small.form-control-feedback {
    color: #8E8E8E;
    font-size: 12px;
}
.reset-pass {
    margin: 20px 20px 20px 20px;
}
.reset-pass p a.sign-btn {
    background-color: #005CB9;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 70px 10px 70px;
    border-radius: 5px;
}
.reset-pass p {
    text-align: center;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}
.form-group.first-name {
    margin: 0 15px 0 0;
}
.sign-up {
    padding: 40px;
}
a.sign-btn {
    background-color: #005CB9;
    color: #fff !important;    
    font-size: 13px;
    font-weight: bold;
    padding: 10px 70px 10px 70px;
    border-radius: 5px;
}
p.form-text {
    text-align: center;
    color: #333333;
    font-size: 17px;
    font-weight: 400;
    padding: 10px 70px 10px 70px;
}
.re-send .re1 {
    width: 550px;
}
.nav-deta p {
    color: #333;
    margin: 0px 0 -10px 20px;
}
.send-right {
    width: 550px;
    margin: 0 80px 0 20px;
}
.send-right span {
    color: #333333;
    font-size: 15px;
    margin: 0 0px 3px 0;
    font-weight: bold;
}
.send-right p {
    margin: 10px 0 0 0;
}
.mod-accordian .card {
    box-shadow: none;
    background-color: transparent;
    border: none;
    margin: 0;
}
.mod-accordian .card-header {
    background-color: transparent;
    padding: 0;
}
ul.pastresult {
    padding: 0;
}
ul.pastresult li {
    list-style: none;
}
ul.pastresult li p {
    color: #333333;
    font-size: 15px;
    font-weight: 400;
}
.mod-accordian .card-body {
    padding: 10px 0 0 0;
}
h5.mb-0.elem-name a {
    float: left;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}
.mod-accordian a {
    color: #333333;
    font-size: 12px;
    line-height: 1.4;
    padding-right: 30px;
}
p.res-pos {
    color: #333333;
    font-weight: bold;
    font-size: 15px;
}
.past-re-sh {
    margin: 0px 0 0 0;
    padding: 0 20px 0 20px;
}
.past-re-sh p {
    color: #333333;
    font-size: 15px;
    margin: 0 0px 3px 0;
    font-weight: 400;
}
p.comple-date {
    margin: 0;
}

.past-re-tab {
    background-color: #F6F8F9;
}
.past-re-table tr td span {
    color: #005CB9;
    font-size: 15px;
    font-weight: 400;
}
.past-re-table tr th {
    color: #333333;
    font-size: 15px;
}
.past-re-table table tr {
    border-bottom: 1px solid #D5DCE0;
}
.past-re-table table tr td {
    padding: 15px 10px 15px 10px;
}
.table.past-re-table {
    height: 480px;
    min-height: 480px;
    overflow: hidden;
    overflow-y: scroll;
}
input.book-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 210px;
        margin: 0 80px 0 0px;
}
a.book-btn {
    background: #8E8E8E;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 15px 8px 12px;
    border-radius: 3px;
    margin: 0 6px 0px 0;
    text-transform: uppercase;
}
a.book-btn.active {
    background: #152433;
}
span.fil-by-name {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    margin: 0 10px 0 70px;
}
/**/
.check-box.finish-mod {
    margin: 0 0 10px 0;
}
.add1 {
    width: 290px;
}
.add1 .card-header {
    background-color: #fff;
    padding: 0;
}
.add1 .card-header {
    background-color: #fff;
    padding: 0;
}
.check-box.book-mod label {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}
/**********************************=====BATCH-2 CSS END======*********************************/
/**/
/**/
/**/
/**/
/**/
/**/
/**********************************=====BATCH-3 CSS START=====********************************/
.batch3-page-titles {
    padding: 10px 0px 10px 0;
    margin: 10px 0px 0px 0px;
    display: inline-block;
    width: 100%;
}
.batch3-page-titles h4 {
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #E04403;
    text-transform: uppercase;
}
.batch3-bg-color {
    background-color: #fff;
    padding: 0px 25px 0px 25px;
    margin: 50px 0 0 0;
}
.batch3-bg-color2 {
    background-color: #fff;
    border-bottom: 1px solid #E7E8EA;
    border-top: 1px solid #E7E8EA;
    padding: 20px 0 20px 0px;
}
.show-all-comm {
    padding: 0 25px 0 25px;
}
.show-titel {
    color: #656565;
    font-size: 14px;
    font-weight: bold;
    margin: 0 15px 0 0px;
}
.resetall-btn {
    margin: 0 0 0 auto;
}
.resetall-btn a {
    color: #656565;
    font-size: 12px;
    font-weight: bold;
    background: #F6F8F9;
    padding: 8px 8px 8px 8px;
    border-radius: 3px;
}
.show-all-comm .radio-button {
    margin: 0 20px 0 0;
}
.show-all-comm .radio-button input[type="radio"]:checked + .radio-label:before {
    background-color: #152433;
    box-shadow: inset 0 0 0 4px #fff;
}
.commi-main {
    background-color: #fff;
    padding: 25px 25px 25px 25px;
}
.commi-main p {
    color: #656565;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.commi1 {
    width: 340px;
    height: 100px;
    margin: 0 28px 0px 0;
    background-color: #E04403;
    border-radius: 4px;
    position: relative;
}
.commi1:last-child{
    margin: 0;
}
.commi1.sky-bg {
    background-color: #199898;
}
.commi1.blue-bg {
    background-color: #266485;
}
.box-icon {
    margin: 35px 15px 35px 15px;
}
.box-icon svg.svg-2 {
    width: 32px;
    height: 32px;
}
.comm-box-text h6 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.comm-box-text p {
    color: #fff;
    font-weight: 400;
    margin: 0;
}
.comm-box-text {
    margin: 15px 0 0 0;
}
.commi1 .radio-button {
    position: absolute;
    right: 5px;
    top: 5px;
}
.commi1 .radio-button input[type="radio"]:checked + .radio-label:before {
    background-color: #152433;
    box-shadow: inset 0 0 0 4px #fff;
}
.nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.f-cate-main {
    background-color: #fff;
    padding: 25px 25px 25px 25px;
}
.f-cate-main p {
    color: #656565;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.f-cate-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.f-cate-main ul li {
    display: inline-block;
    margin: 0 27px 0px 0;
    text-align: center;
}
.f-cate-main ul li span {
    font-size: 14px;
    font-weight: bold;
    color: #656565;
}
.f-cate-main ul li:last-child {
    margin: 0 0px 0px 0;
}

.f-cate-main ul li input[type="checkbox"][id^="myCheckbox"] {
  display: none;
}

.f-cate-main ul li label {
  opacity: 0.5;
  border: 1px solid #fff;
  display: block;
  position: relative;
  cursor: pointer;
}

.f-cate-main label:before {
    background-color: #797979;
    color: white;
    content: "✓";
    display: block;
    border-radius: 50%;
    border: 2px solid white;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
}

.f-cate-main label img {
  height: 125px;
  width: 125px;
}

.f-cate-main :checked + label {
      opacity: 1 !important;
}

.f-cate-main :checked + label:before {
    content: "✓";
    background-color: #E04403;
    transform: scale(1);
}

.f-cate-main :checked + label img {
    border: 2px solid #e04403;
    border-radius: 5px;
}
.commi-table-titel {
    background-color: #fff;
    padding: 0px 25px 0px 25px;
}
.commi-table-titel h2 {
    font-size: 22px;
    font-weight: bold;
    color: #656565;
    margin: 0 0 20px 0;
}
.commi-table-titel p {
    font-size: 14px;
    font-weight: bold;
    color: #656565;
        margin: 0;
}
.commi-tab {
    background: #fff;
    margin: 0;
    padding: 10px 25px 10px 25px;
}
.commi-tab table {
    width: 100%;
}
.commi-tab tr {
    border-bottom: 1px solid #D5DCE0;
}
span.icon-td svg.svg-2 {
    margin: 2px 6px 0px 0;
}
span.certi i {
    margin: 0 4px 0 -20px;
    color: #005CB9;
}
span.crown i {
    margin: 0 4px 0 -20px;
    color: #E04403;
}
.comuty-detail {
    background-color: #fff;
    padding: 0px 25px 25px 25px;
}
.comuty-detail .select-box {
    margin: 0 30px 0 0;
}
.sub-cate .select-box p {
    margin: 0 0px 5px 0;
    color: #656565;
    font-size: 14px;
    font-weight: 400;
}
.bg-gray2 {
    background-color: #F6F8F9;
    border: 1px solid#D5DCE0;
    border-radius: 3px;
    margin: 15px 0 0 0;
    padding: 20px;
}
.comuy-left {
    width: 555px;
}
.commu-textbox p {
    font-size: 14px;
    color: #656565;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.comuy-left h4 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
input.comm-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 435px;
    margin: 0 0 10px 0;
}
.comm-ta {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 435px;
    margin: 0 0 10px 0;
}
.commu-textbox {
    margin: 0 0 20px 0;
    width: 435px;
}
.commu-textbox small {
    float: right;
}
.comuy-right h4 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.comuy-right .radio-button {
    margin: 0 0 20px 0;
}
.re-com-main p {
    font-size: 14px;
    color: #656565;
    font-weight: bold;
    margin: 0 0 12px 0;
}
.re-com-main p.radio-cus {
    margin: 0px 0 0 25px;
    font-size: 14px;
    color: #656565;
    font-weight: 400;
}
.comuy-right {
    width: 435px;
}
.re-com-main {
    border-bottom: 1px solid #D5DCE0;
    margin: 25px 0 0 15px;
}
.re-com-main:last-child{
    border: none;
}
.radio-button input[type="radio"]:checked + .radio-label:before {
    background-color: #000000;
    box-shadow: inset 0 0 0 4px #fff;
}
.create-comm-main .commi-main {
    padding: 10px 25px 25px 25px;
}
.create-comm-main .batch3-bg-color {
    border-bottom: 1px solid #E7E8EA;
}
.create-comm-main .commi-main p {
    margin: 5px 0 15px 0;
}
.create-comm-main .batch3-page-titles h4 {
    color: #005CB9;
}
.comuty-detail .visual-tab {
    margin: 15px 0 0 0;
}
.fa-navi h4 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.fanavi-main .fnav-left {
    width: 715px;
}
.fnav-left tbody tr{
    border-bottom: 1px solid #D5DCE0;
}
input.fnav-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 55px;
    margin: 0 20px 0 5px;
}

.fnav-textbox textarea {
    width: 306px;
    margin: 0;
}
.fnav-textbox p {
    font-size: 14px;
    color: #656565;
    font-weight: bold;
    margin: 9px 0 10px 0;
}
.fnav-textbox {
    margin: 0 0 0 20px;
    width: 305px;
}

.fnav-textbox small {
    float: right;
}
.fnav-left tbody tr:last-child{
    border: none;
}
span.last-box {
    opacity: 0.5;
}
a.add-nav {
    background: transparent;
    padding: 10px 40px 10px 30px;
    border-radius: 3px;
    font-size: 12px;
    color: #656565;
    font-weight: bold;
    vertical-align: middle;
    border: 1px solid #D5DCE0;
}
a.add-nav svg.svg-2 {
    fill: #656565;
    color: #656565;
    margin: -3px 6px 0 0;
}
.fnav tbody tr {
    border-bottom: 1px solid #D5DCE0;
}
.fnav tbody tr:last-child{
    border: none;
}
.invete-left {
    width: 510px;
    margin: 0 15px 0 0;
}
.invete-right {
    width: 510px;
}
.invete-left .form-group.text-are label {
    color: #656565;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 10px 10px 0px;
}
.invete-right .form-group.text-are label {
    color: #656565;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 10px 10px 0px;
}
.find-btn {
    margin: 30px 0 0px 0;
    width: 100%;
    display: inline-block;
}
a.f-btn {
    float: right;
    background-color: #333333;
    font-size: 12px;
    padding: 10px 30px 10px 30px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
}
.fire-three ul li {
    width: 170px;
}
.fire-three ul li a svg.svg-2 {
    margin: 0 8px 0 0;
}
.campfire-community-page .card {
    box-shadow: none;
}
.campfire-community-page .card .card-header{
    background: #fff;
    background-color: #fff;
}
.campfire-community-page {
    width: 100%;
    padding: 10px 0px;
}
.campfire-community-page .day-bg {
    background-image: url(../../../assets/images/more-image/profile-bg.png);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 172px;
    padding: 20px;
    position: relative;
}
.campfire-community-page .day-bg:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #152433;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
}
.campfire-navi .second-section {
    width: 680px;
    margin: 0;
}
.campfire-navi .card-body.div-iavitents-list {
    padding: 15px 33px 15px 0px;
    z-index: 0;
    overflow: hidden;
}
.cam-main .card-body.cardborder {
    padding: 10px 0px 10px 0;
    border: none;
}
.cam-main .navitents {
    height: 340px;
    margin-bottom: 20px;
}
.campfire-navi {
    border-top: 2px solid #E7E8EA;
    margin: 10px 0 0 0;
    padding: 10px 0px 0 0;
}
.campfire-right {
    width: 410px;
    margin: 0 0 0 30px;
}
.bt1 {
    border: 1px solid #D5DCE0;
    border-radius: 3px;
}
.stat-man .card-body.cardborder {
    border: none;
    padding: 10px 0 27px 0;
}

.bt1 #prg-counter {
    width: 100%;
    padding: 20px 0px 20px 0;
}
.stat-man #prg-counter h4.prg-count-title {
    color: #656565;
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px 0 20px;
}
.stat-man .row {
    margin: 0;
    padding: 0;
}
.cam-main a {
    text-transform: uppercase;
    font-size: 10px;
}
.cam-main h4.card-title {
    color: #152433;
    font-weight: bold;
}
.stat-man h4.card-title {
    color: #152433;
    font-weight: bold;
}
#prg-counter h3.prg-count.border-color4 {
    border: 6px solid #E04403;
}
#prg-counter h3.prg-count.border-color5 {
    border: 6px solid #152433;
}
.rece-acti h4 {
    color: #152433;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    padding: 0 0 10px 0;
        font-size: 16px;
}
.com-left {
    width: 730px;
    border-right: 1px solid #C7C7C7;
    margin: 0 25px 0 0;
}
.admin-img img {
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0px;
    float: left;
    border-radius: 4px;
}
.admin-text p {
    font-size: 16px;
    color: #333333;
    margin: 0;
    font-weight: 400;
}
.admin-text p.text-botm {
    margin: 10px 0 0 0;
}
.admin-text span {
    font-size: 13px;
    color: #333333;
    font-weight: 400;
}
.com-results p {
    color: #656565;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
p.com-re {
    font-size: 13px;
    color: #656565;
    font-weight: 400;
    margin: 0 0px 10px 0px;
}
.com-respo {
    text-align: right;
}
.com-right {
    width: 320px;
    padding: 10px 0 0 0px;
}
.com-results {
    width: 270px;
}
.com-respo p {
    margin: 10px 0 0 0;
    color: #8E8E8E;
    font-size: 14px;
    font-weight: 400;
}


.com-add {
    margin: 10px 0 0 60px;
}
p.more-come {
    color: #333333;
    font-size: 13px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
}
.coment-sub {
    border-top: 1px solid #E7E8EA;
    padding: 15px 0 15px 30px;
}
.commented .coment-sub .sub-co-text p {
    font-size: 14px;
    color: #333333;
    margin: 0;
    font-weight: 400;
}
.commented .coment-sub .com-date {
    margin: 10px 0 0 auto;
}
.commented .coment-sub .com-date span {
    color: #8E8E8E;
    font-size: 14px;
    font-weight: 400;
}
.add-com-bt {
    border-top: 1px solid #E7E8EA;
    padding: 15px 0 15px 30px;
}
.add-com-bt p {
    color: #656565;
    font-size: 14px;
    font-weight: bold;
    margin: 0 30px 0 0;
        cursor: pointer;
}
.co-ad-navi svg.svg-2 {
    fill: #656565;
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0;

}
.co-ad-com svg.svg-2 {
    fill: #656565;
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0;
}
a.post-btn {
    background: #8E8E8E;
    color: #fff;
    padding: 6px 20px 6px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    float: right;
    margin: 10px 0 30px 0;
}
.comm-box {
    padding: 0px 0 15px 30px;
    width: 700px;
}
.comment-main {
    border-top: 2px solid #E7E8EA;
    padding: 25px 0 25px 0;
        width: 100%;
}
.campfire-acti h4 {
    color: #152433;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    padding: 0 0 10px 0;
}
.campfire-acti svg.svg-2 {
    margin: 0 10px 0 0px;
    width: 32px;
    height: 32px;
}
.cafire-box {
    width: 245px;
    background-color: #F6F8F9;
    border: 1px solid #D5DCE0;
    border-radius: 13px;
    margin: 10px 35px 25px 0;
}
.cam-image {
    position: relative;
}
img.cafire-img {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px;
}
.cafire-box h3 {
    font-size: 16px;
    color: #E04403;
    font-weight: bold;
    margin: 10px 10px 10px 10px;
    min-height: 40px;
}
.cafire-box h3 a{
    color: #E04403;
}
p.campfirp-text {
    color: #333333;
    font-size: 13px;
    margin: 10px;
    font-weight: 400;
    min-height: 90px;
}
img.cafire-bg {
    width: 245px;
    height: 140px;
}
ul.camp-bottam {
    padding: 10px 0 10px 0;
    border-top: 1px solid #BBC8D6;
    margin: 0;
}
ul.camp-bottam li {
    display: inline-block;
    width: 78px;
    text-align: center;
    margin: 0 auto;
}
ul.camp-bottam li a {
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}

.cafire-box.campground h3 {
    color: #199898;
}
.comm-activity {
    border-bottom: 1px solid #E7E8EA;
}
.comm-activity .batch3-page-titles h4 {
    color: #005CB9;
}
.activity-filter {
    background-color: #fff;
    border-top: 2px solid #D5DCE0;
    padding: 15px 30px 15px 30px;
}
.acti-box span {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    margin: 0 0px 0 0;
}
.input-group.activ-cal {
    width: 100px !important;
    max-width: 100px;
    float: right;
}
.activ-cal .input-group-text {
    padding: 0.375rem 0.5rem;
    background-color: #fff !important;
    border: 1px solid #D5DCE0;
    border-right: none !important;
    border-radius: 3px !important;
}
.acti-box .to-word {
    margin: 7px 5px 0 5px;
}
.acti-box .filter-navit {
    margin: 6px 10px 0px 0px;
}
select.custom-select.active-fa-box {
    border: 1px solid #D5DCE0;
    border-radius: 6px !important;
    padding: 5px 10px 5px 10px;
    width: 135px;
    flex: inherit;
}
.activity-filter .btn-box {
    padding: 0px 0 0 0;
}
.acti-box {
    margin: 0 20px 0 0;
}
span.acti-text {
    margin: 0 4px 0px 0;
}
.acti-box input.categ-keyword {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 190px;
    display: block;
    margin: 0 10px 0px 0;
}
.check-box.co-acti {
    float: none;
}
.check-box.co-acti .form-group label {
    position: relative;
    cursor: pointer;
    color: #656565;
    font-size: 14px;
}
.navi-tool h5 {
    color: #656565;
    font-size: 14px;
    font-weight: bold;
}
.navi-tool .check-box label {
    color: #656565;
    font-size: 14px;
    margin: 0 25px 0 0;
}
.navi-tool {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
}
.acti-t-box2 {
    float: left;
    width: 340px;
}
.acti-t-box2 .input-group {
    margin: 0 0 10px 0;
}
.avt-resu {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 55px 30px;
}
select.custom-select.categ-sele {
    border: 1px solid #D5DCE0;
    border-radius: 6px !important;
    padding: 5px 10px 5px 10px;
    width: 245px;
    flex: inherit;
}
a.mem-btn {
    float: right;
    background-color: #8E8E8E;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
}
.back-btn-tp a {
    color: #656565;
    font-weight: bold;
    font-size: 12px;
    background: #F6F8F9;
    text-transform: uppercase;
    padding: 7px 15px 7px 15px;
}
.back-btn-tp {
    float: left;
    margin: 0 10px 0 0;
}
.type-com .main-desc .desc-start {
    width: 210px;
}
.type-com .main-desc .desc-middel {
    border-left: 0;
}
.rece-acti {
    height: 600px;
    overflow: hidden;
    overflow-y: scroll;
}
.mores.dropdown-toggle::after{
    display: none;
}
.more-btn .dropdown-menu {
    left: -110px !important;
    top: 37px !important;
}
.more-btn .dropdown-menu a.dropdown-item {
    padding: 5px 30px 5px 15px;
}
.more-btn .dropdown-menu a.dropdown-item:hover{
    color: #005CB9;
    background-color: #E2EBF4;
}
.all-page-link ul li span.acti-text.filter-navit {
    margin: 6px 10px 0px 0;
}

.messages-main-bg {
    background-color: #fff;
    padding: 25px 25px 25px 25px;
}
.mess-left {
    width: 515px;
}
.mess-right {
    width: 560px;
}
.mess-main h4 {
    color: #152433;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.msg-acti {
    border: 1px solid #D5DCE0;
    border-radius: 4px;
    width: 480px;
}
.msg-acti ul {
    padding: 0;
    margin: 0;
}
.msg-acti ul li {
    list-style: none;
    padding: 20px 0 0px 0;
}
.msg-acti ul li.active {
    background-color: #F6F8F9;
    border-left: 5px solid #005CB9;
}
.msg-box .msg-img {
    width: 65px;
    margin: 0 0 0 20px;
}
.msg-btn-box .btn.btn-search2 {
    color: #fff;
}
.msg-img img {
    width: 50px;
    height: 50px;
}
.msg-text p {
    margin: 5px 0 0 0px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.msg-text span {
    margin: 0 0 0 auto;
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.msg-text {
    width: 395px;
    border-bottom: 1px solid #D5DCE0;
    padding: 0 15px 20px 0;
}
.msg-box {
    margin: 0px 0 0px 0;
}
.msg-text b {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}
.msg-main .com-right {
    width: 60px;
}
.msg-main .com-left {
    border: none;
}
.msg-main .comm-box {
    width: 100%;
}
.msg-main .comment-main {
    border-top: 1px solid #E7E8EA;    
}
.batch3-page-titles.blue h4 {
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #005CB9;
    text-transform: uppercase;
}
.noti-main {
    padding: 0 25px 0 25px;
}
.not-box-icon {
    margin: 20px 15px 0 25px;
}
.noti-main .noti2.active {
    opacity: unset;
}
.noti-main .noti3.active {
    opacity: unset;
}
.noti-main .noti4.active {
    opacity: unset;
}
.noti-main .noti1 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #656565;
    border-radius: 4px;
}
.not-box-icon svg.svg-2 {
    width: 28px;
    height: 22px;
}

.noti-main .noti2 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #E04403;
    border-radius: 4px;
    opacity: 0.5;
}
.noti p {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.noti {
    width: 150px;
    vertical-align: middle;
    padding: 20px 0 0 0;
}
.noti-text p {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 21px 0 0 0;
    text-transform: uppercase;
}

.noti-main .noti3 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #199898;
    border-radius: 4px;
    opacity: 0.5;
}
.noti-main .noti4 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #266485;
    border-radius: 4px;
    opacity: 0.5;
}
.notification-detail {
    padding: 0 25px 0 25px;
}
.batch3-bg-color2.f-by-com {
    border-bottom: 0;
}
.notific {
    width: 825px;
    border: 1px solid #D5DCE0;
    text-align: center;    
    background-color: #F6F8F9;
    border-radius: 6px;
    padding: 15px;
    margin: 10px auto 20px auto;
}
.notific-text {
    width: 705px;
    text-align: left;
}
.notific-text p {
    margin: 0;
    color: #333333;
    font-size: 15px;
    font-weight: 400;
}
.notific-text span {    
    color: #8E8E8E;
    font-size: 14px;
    font-weight: 400;
}
.noti-img {
    width: 85px;
    text-align: left;
}
.noti-img img {
    width: 50px;
    height: 50px;
}
.noti-more {
    width: 35px;
}
.batch3-bg-color2.notification-sec {
    border: none;
}
.noti-more .dropdown-menu {
    left: -121px !important;
    top: -50px !important;
    margin: 0;
    padding: 0;
}
.round-orange {
    background-color: #ED563C;
    width: 13px;
    height: 13px;
    border-radius: 10px;
    margin: 10px 0 0px 13px;
}
.notific.withaout-bg {
    background-color: transparent;
}
.viewing-titel {
    padding: 0px 25px 0px 25px;
}
.viewing-titel h2 {
    color: #656565;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}
.send-msg-sele {
    padding: 0px 25px 0px 25px;
}
.send-msg-right {
    margin: 0 0 0 auto;
}
.send-msg-right a {
    color: #005CB9;
    font-size: 12px;
    border: 1px solid #D5DCE0;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    margin: 0 0px 0 10px
}
.members-tab {
    padding: 0 25px 0 25px;
}
.crown-orang i {
    color: #E04403;
}
.cler-all {
    padding: 0 25px 0 25px;
    clear: both;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.cler-all p {
    font-size: 14px;
    color: #005CB9;
    margin: 10px 0 0 0;
    float: left;
    font-weight: 400;
}
.batch3-bg-color2.mem-tab {
    padding: 0px 0 20px 0px;
    border: none;
    margin: 0;
}
.batch3-bg-color2.clear-dest {
    padding: 10px 0 5px 0;
    border: none;
}
.batch3-bg-color2.back-send {
    border-top: 0;
}
.mem-tab .element-tab {
    margin: 0;
}
.cler-all h2 {
    color: #656565;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    float: left;
    text-transform: uppercase;
}
.f-by-manage .noti-main {
    margin: 0 0 0 50px;
}
td.remove-icon {
    display: flex;
    padding: 12px 0px 0 0px;
}
td.remove-icon i {
    margin: 4px 4px 0 0;
}


.campfire-main .noti3 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #199898;
    border-radius: 4px;
    opacity: 0.5;
}
.campfire-main .noti4 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #266485;
    border-radius: 4px;
    opacity: 0.5;
}

.campfire-main .noti2 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #E04403;
    border-radius: 4px;
}
.campfire-main .noti1 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #656565;
    border-radius: 4px;
    opacity: 0.5;
}
.campfire-main {
    padding: 0 25px 0 25px;
    margin: 0 0 0 50px;
}

/**/

.campsites-main .noti3 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #199898;
    border-radius: 4px;
    
}
.campsites-main .noti4 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #266485;
    border-radius: 4px;
    opacity: 0.5;
}

.campsites-main .noti2 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #E04403;
    border-radius: 4px;
    opacity: 0.5;
}
.campsites-main .noti1 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #656565;
    border-radius: 4px;
    opacity: 0.5;
}
.campsites-main {
    padding: 0 25px 0 25px;
    margin: 0 0 0 50px;
}

/**/

.compgrounds-main .noti3 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #199898;
    border-radius: 4px;
    opacity: 0.5;
    
}
.compgrounds-main .noti4 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #266485;
    border-radius: 4px;

}

.compgrounds-main .noti2 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #E04403;
    border-radius: 4px;
    opacity: 0.5;
}
.compgrounds-main .noti1 {
    width: 220px;
    height: 60px;
    margin: 0 15px 0px 0;
    background-color: #656565;
    border-radius: 4px;
    opacity: 0.5;
}
.compgrounds-main {
    padding: 0 25px 0 25px;
    margin: 0 0 0 50px;
}

/**/
.campsite-community-page .card {
    box-shadow: none;
}
.campsite-community-page .card .card-header{
    background: #fff;
    background-color: #fff;
}
.campsite-community-page {
    width: 100%;
    padding: 10px 0px;
}
.campsite-community-page .day-bg {
    background-image: url(../../../assets/images/more-image/profile-bg.png);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 172px;
    padding: 20px;
    position: relative;
}
.campsite-community-page .day-bg:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #152433;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
}

.campsite-community-page .threetip ul {
    margin: 0px 0 0 0;
}
.campfire-community-page .threetip ul {
    margin: 0;
}
#AddCommunities .naviten {
    margin: 0;
}
.table.addcom {
    height: 590px;
    min-height: 221px;
    overflow: hidden;
    overflow-y: scroll;
}

.co-op {
    width: 162px;
    height: 32px;
    margin: 0 8px 0px 0;
    background-color: #199898;
    border-radius: 4px;
    position: relative;
}
.co-op .box-icon {
    margin: 5px 10px 7px 20px;
}
.co-op .comm-box-text {
    margin: 9px 0 0 0;
}

/**/
.co-op1 {
    width: 162px;
    height: 32px;
    margin: 0 8px 0px 0;
    background-color: #E04403;
    border-radius: 4px;
    position: relative;
}
.co-op1 .box-icon {
    margin: 5px 10px 7px 20px;
}
.co-op1 .comm-box-text {
    margin: 9px 0 0 0;
}


/**********************************=====BATCH-3 CSS END=====**********************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************=====BATCH-4 CSS START=====**********************************/
.manage-tab {
    background-color: #fff;
    padding: 15px 25px 15px 25px;
}
.manage-tab ul {
    margin: 0;
    padding: 0;
}
.manage-tab ul li {
    display: inline-block;
    padding: 0 30px 0 0px;
}
.manage-filter {
    background-color: #fff;
    border-top: 1px solid #D5DCE0;
    padding: 15px 30px 15px 30px;
}
.manage-tab ul li a {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}
.manage-tab li.active a {
    color: #333333;
    font-weight: bold;
}
.manage-main-tab {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 5px 30px;
}
.manage-main-tab thead tr th {
    color: #656565;
    font-size: 14px;
}
.manage-main-tab tbody tr td {
    color: #656565;
    font-weight: 400;
}
.manage-main-tab tbody tr {
border-bottom: 1px solid #D5DCE0
}
span.attach svg.svg-2 {
    margin: 0 10px 0 0;
}
span.linkview a {
    color: #005CB9;
}
.batch4-page-titles {
    padding: 10px 0px 10px 0;
    margin: 10px 0px 10px 0px;
    display: inline-block;
}
.batch4-bg-color {
    background-color: #fff;
    padding: 0px 25px 0px 25px;
    margin: 50px 0 0 0;
}
.batch4-page-titles h4 {
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #005CB9;
    text-transform: uppercase;
}
.navi-man {
    margin: 0 0 0 auto;
    padding: 20px 0 0px 0;
    vertical-align: middle;
}
.navi-man ul {
    margin: 0;
    padding: 0;
}
.navi-man ul li {
    margin: 0;
    display: inline-block;
    padding: 0 0px 0px 30px;
}
.navi-man ul li a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.fill-main select.mdb-select.md-form {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    padding: 0 0px 12px 0;
    width: 300px;
}
input.manage-type {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 220px;
    margin: 0 10px 0px 0;
}
.drop-icon svg.svg-2 {
    width: 15px !important;
    height: 15px !important;
    padding: 0px 0 0 0 !important;
    vertical-align: middle !important;
}
.goala-manage .acti-box {
    width: 912px;
    margin: 0;
}
.manage-filter p {
    color: #333333;
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: bold;
}
.save-change-btn a {
    background-color: #152433;
    width: 140px;
    height: 28px;
    padding: 8px 25px 8px 25px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
}
select.custom-select.publish-pem {
    border: 1px solid #D5DCE0;
    border-radius: 6px !important;
    padding: 3px 10px 3px 10px;
    width: 171px;
    flex: inherit;
    height: 28px;
}
.table.delete-navi tbody tr {
    border-bottom: 1px solid #D5DCE0;
}

.table.delete-navi tbody tr td {
    font-weight: 400;
    color: #656565;
}
.following-man {
    margin: 0 0 0 auto;
    padding: 20px 0 0px 0;
    vertical-align: middle;
}
.following-man ul {
    margin: 0;
    padding: 0;
}
.following-man ul li {
    margin: 0;
    display: inline-block;
    padding: 0 0px 0px 30px;
}
.following-man ul li a {
    color: #656565;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.s-follow {
    padding: 13px 0 0px 20px;
}
input.follow-key {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 210px;
    margin: 0 10px 0px 0;
}
a.serch-follo {
    background-color: #152433;
    padding: 9px 25px 8px 25px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    text-transform: uppercase;
}
.following-man ul li a.active {
    color: #8E8E8E;
}
select.custom-select.navit-receiver {
    border: 1px solid #D5DCE0;
    border-radius: 6px !important;
    padding: 5px 10px 5px 10px;
    width: 180px;
    flex: inherit;
}
.follo-l {
    background-color: #fff;
    padding: 15px 25px 15px 25px;
}
.followl-left {
    margin: 30px 0 30px 20px;
}
.followl-left h5 {
    color: #333333;
    font-size: 22px;
    font-weight: bold;
}
.followl-left p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}
.s-friend a {
    color: #005CB9;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.s-friend {
    padding: 19px 0 0 0;
    margin: 0 0px 0 20px;
}
.s-friend a i {
    margin: 0 5px 0 0px;
}
select.custom-select.f-cate {
    border: 1px solid #D5DCE0;
    border-radius: 6px !important;
    padding: 5px 10px 5px 10px;
    width: 180px;
    flex: inherit;
}
.friends-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 55px 30px;
    border-top: 1px solid #D5DCE0;
}

.check-lable a {
    position: absolute;
    bottom: 4px;
    right: 10px;
    padding: 2px;
    border: 1px solid #D5DCE0;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
}
svg.svg-2.check-light {
    fill: #C7C7C7;
}
.my-friend .card-header {
    background-color: #fff;
}
.my-friend .day-bg {
    background-image: url(../../../assets/images/nutrative-trailbg.png);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 172px;
    padding: 20px;
    position: relative;
    border-radius: 5px;
}
.my-friend .day-bg:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #152433;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
    border-radius: 5px;
}
.my-friend .desc-middel {
    width: 690px;
    border: none;
}
.my-friend .desc-last {
    width: 400px;
}
.shar-library {
    float: right;
}
.shar-library a {
    background: #99A6AD;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 20px 8px 20px;
    border-radius: 3px;
}
.shar-shadul {
    margin: 30px 0 0px 0;
    width: 100%;
    display: inline-block;
}
a.shar-sh-btn {
    float: right;
    background-color: #152433;
    font-size: 12px;
    padding: 7px 20px 7px 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    margin: 0 0px 0px 10px;
}
.acti-box.f-right {
    text-align: right;
}
.my-navi .acti-box {
    margin: 0 17px 0 0;
}
.acti-sub {
    margin: 10px 0 0 0;
}
.manage-main-tab tbody tr td .start {
    margin: 0 0 0 0px;
}
.start i {
    color: #F5B02E;
}
.manage-main-tab tbody tr td span a{
    color: #005CB9;
}
.table.delete-navi b {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 20px 0;
    display: block;
}
.table.delete-navi h5 {
    font-size: 14px;
    color: #E04403;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.setting-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 30px 30px;
}
.alert-main i {
    color: #E04403;
    margin: 0 5px 0 0px;
}
.alert-main span {
    color: #E04403;
    font-size: 14px;
    font-weight: bold;
}
.daily-plan ul li {
    display: inline-block;
    padding: 10px 0px 10px 0px;
}
.daily-plan ul {
    margin: 0;
    padding: 0;
}
.daily-plan ul li label.radio-label {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
ul.sett-sub {
    border: 1px solid #C7C7C7;
    border-radius: 6px;
    margin: 0px 0 0 10px;
    padding: 2px 10px 2px 10px;
}
ul.sett-sub li select.custom-select.type-nu {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 180px;
    margin: 0px 20px 0px 5px;
}
.daily-plan p {
    margin: 10px 0 0 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.day-paln-email p {
    margin: 10px 0 10px 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.day-paln-email ul {
    margin: 0;
    padding: 0;
}
.day-paln-email ul li {
    display: inline-block;
}
.day-paln-email ul li .custom-select {
    font-size: 14px;
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 80px;
    margin: 0px 20px 0px 5px;
}
.day-paln-email ul li .radio-button label.radio-label {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
.day-paln-email {
    margin: 0 0 40px 0;
}
.time-zone p {
    margin: 0px 0 0 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.time-zone-right .custom-select {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 200px;
    margin: 0px 20px 0px 0px;
}
a.btn.btn-setting {
    background-color: #152433;
    border: 1px solid #152433;
    padding: 9px 34px 9px 34px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.time-zone-left {
    margin: 0 0 0 auto;
}
.time-z-main {
    margin: 7px 0 0 0;
}


.nutrative-footer.cong-f {
    padding: 0.75rem 1.25rem;
}

a.btn-lightblue {
    background: #8E8E8E 0% 0% no-repeat padding-box;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: 12px;
    height: 38px;
    line-height: 36px;
    padding: 0px 0.75rem;
    font-weight: bold;
}
.pass-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 30px 30px;
    border-top: 1px solid #E7E8EA;
    text-transform: uppercase;
}
.alert-main p {
    margin: 7px 0 8px 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    text-transform: initial;
}
a.btn-alrt {
    background: #C7C7C7 0% 0% no-repeat padding-box;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: 12px;
    height: 38px;
    line-height: 36px;
    padding: 0px 0.75rem;
    font-weight: bold;
}
.follo-l .day-bg {
    background-image: url(../../../assets/images/nutrative-trailbg.png);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 172px;
    padding: 20px;
    position: relative;
    border-radius: 5px;
}
.follo-l .day-bg:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #152433;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
    border-radius: 5px;
}

.follo-l p {
    margin: 10px 0 0 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.publish-detail-tab {
    background: #fff;
    background-color: #fff;
}

.publish-detail-tab tbody tr {
    border-bottom: 1px solid #D5DCE0;
}
.publish-detail-tab tbody tr td {
    color: #656565;
    font-weight: 400;
}
.manage-main-tab tbody tr td span a.goal-modal {
    color: #656565;
}
.manage-tab .day-bg {
    background-image: url(../../../assets/images/nutrative-trailbg.png);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 172px;
    padding: 20px;
    position: relative;
    border-radius: 5px;
}
.manage-tab .day-bg:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #152433;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
    border-radius: 5px;
}
.manage-tab.fri-share .acti-fil {
    margin: 15px 0 0 0;
}
.help-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 30px 30px;
}
.center-help-main .help-left {
    width: 535px;
}
.center-help-main .help-right {
    width: 445px;
}
.center-help-main {
    margin: 40px 0 0 40px;
}
.center-help-main p {
    margin: 0px 0 5px 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.help1 .custom-select {
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    width: 290px;
    margin: 0px 20px 0px 5px;
}
.help1 {
    margin: 0 0 40px 0;
}
input.help-keyword {
    border: 1px solid #D5DCE0;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    width: 440px;
    display: block;
    margin: 0 10px 0px 0;
}
.help2 {
    margin: 0 0 40px 0;
}
msg-error {
  color: #c65848;
}
.g-recaptcha.error {
  border: solid 2px #c64848;
  padding: .2em;
  width: 19em;
}
.capcha-code {
    text-align: right;
}
.cap-btn {
    text-align: right;
    margin: 20px 0 0 0;
}
.create-ele-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 15px 30px;
    border-bottom: 1px solid #E7E8EA;
}
.middel-creat {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 15px 30px;
}
.create-top p {
    margin: 0px 0 0 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.day-plan-email {
    margin: 8px 0 0 0;
}
.pla-email1 {
    margin: 0 20px 0 0px;
}
.pla-email1 .custom-select {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 180px;
    margin: 0px 20px 0px 5px;
}
.middel-creat .right-remove a {
    font-size: 12px !important;
    font-weight: 400 !important;
}
.sort-right.add-to-list {
    float: right;
    text-align: right;
    margin: 0 0 0 auto;
    border: none;
    padding: 0;
}
.sort-left p {
    margin: 0px 0 0 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.cate-sort {
    margin: 30px 0 0 0;
}
.bt-btn a.btn.btn-continue {
    background-color: #152433;
    border: 1px solid #152433;
    padding: 9px 34px 9px 34px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.bt-btn a.btn.btn-trail {
    background-color: #ED563B;
    border: 1px solid #ED563B;
    padding: 9px 34px 9px 34px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.bt-btn a.btn.btn-guide {
    background-color: #199898;
    border: 1px solid #199898;
    padding: 9px 34px 9px 34px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.bt-btn a.btn.btn-map {
    background-color: #266485;
    border: 1px solid #266485;
    padding: 9px 34px 9px 34px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.bt-btn span {
    margin: 0px 10px 0 10px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.bt-btn {
    margin: 0;
    padding: 60px 0 0 0;
}
.profile-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 30px 30px;
}
.pro-main {
    width: 570px;
}
.pro-main i {
    color: #E04403;
    margin: 0 5px 0 0px;
}
.pro-main span {
    color: #E04403;
    font-size: 14px;
    font-weight: bold;
}
.pro-main .form-group {
    margin: 10px 0px 0px 0;
}
.pro-main label.control-label {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0px 0px 0px;
}
.pro-username {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 340px;
    margin: 0 0 0px 0px;
}
.personalize {
    background: #F6F8F9 0% 0% no-repeat padding-box;
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 15px 20px 15px;
    width: 100%;
    display: block;
    margin: 15px 0 0 0;
}
.personalize1 {
    background: #F6F8F9 0% 0% no-repeat padding-box;
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 15px 20px 15px;
    width: 100%;
    display: inline-table;
    margin: 15px 0 0 0;
}
.personalize1 p {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0px 0px 0px;
}

.per-banner-img {
    width: 100%;
    height: 100px;
    border: 2px dashed #C7C7C7;
    border-radius: 4px;
    margin: 10px 20px 0px 0px;
    text-align: center;
}
.per-banner-img i {
    font-size: 30px;
    line-height: 100px;
    vertical-align: middle;
    color: #C7C7C7;
}
.per-bt {
    float: left;
    display: inline-block;
    margin: 17px 0 0 0;
}
.con-per {
    display: inline-block;
    margin: 20px 0 0px 15px;
}
.about-you {
    background: #fff;
    background-color: #fff;
    border-top: 1px solid #E7E8EA;
    border-bottom: 1px solid #E7E8EA;
    padding: 15px 30px 30px 30px;
}
.about-you i {
    color: #E04403;
    margin: 0 5px 0 0px;
}
.about-you span {
    color: #E04403;
    font-size: 14px;
    font-weight: bold;
}
.y-goal-left {
    width: 510px;
}
.yoour-goal {
    margin: 10px 0 0 0;
}
.y-goal-left label.bt-label {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0px 0px 0px;
}
.y-goal-right {
    width: 510px;
    margin: 0 0 0 40px;
}
.yoour-goal .form-group {
    margin: 0;
}
.y-goal-right label.bt-label {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0px 0px 0px;
}
.join-explo i {
    color: #E04403;
    margin: 0 5px 0 0px;
}
.join-explo span {
    color: #E04403;
    font-size: 14px;
    font-weight: bold;
}

.join-explo {
    background: #fff;
    background-color: #fff;    
    border-bottom: 1px solid #E7E8EA;
    padding: 15px 30px 50px 30px;
}
.join-box label.custom-control-label {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0px 0px 20px;
}
.join-box {
    display: inline-table;
    margin: 0 60px 0 0px;
}
.join-main {
    margin: 20px 0 0 0;
}
.interst-cat {
    background: #fff;
    background-color: #fff;
    border-bottom: 1px solid #E7E8EA;
    padding: 15px 30px 30px 30px;
}
.interst-cat i {
    color: #E04403;
    margin: 0 5px 0 0px;
}
.interst-cat span {
    color: #E04403;
    font-size: 14px;
    font-weight: bold;
}
.interst-cat .finishbox {
    width: 230px;
    padding: 0 0 0 40px;
}
.co-btn {
    padding: 40px 0 0 0;
}
.merchant-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 30px 30px;
    border-bottom: 1px solid #E7E8EA;
}
.merchant-main span {
    color: #005CB9;
    font-size: 14px;
    font-weight: bold;
}
.merchant-main i {
    color: #005CB9;
    margin: 0 5px 0 0px;
}
.merchant-main p {
    color: #333;
    font-weight: 400;
    font-size: 14px;
}
.acc-type p {
    font-weight: bold;
}
.acc-type ul {
    margin: 0;
    padding: 0;
}
.acc-type ul li {
    display: inline-block;
}
.acc-type ul li .radio-button label.radio-label {
    font-weight: 400;
}
.acc-form .form-group label.control-label {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0px 0px 0px;
}
.acc-form {
    width: 340px;
}
.acc-form {
    width: 340px;
    margin: 0 20px 0 0;
}
.acc-main {
    margin: 20px 0 0 0;
}
.acc-mail label.control-label {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0px 0px 0px;
}
.date-text p {
    font-weight: bold;
    margin: 0 0 5px 0;
}
.pro-email {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 700px;
    margin: 0 0 0px 0px;
}
.acc-month select.custom-select {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 160px;
    margin: 0px 20px 0px 0px;
}
.acc-day select.custom-select {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 115px;
    margin: 0px 20px 0px 0px;
}
.acc-year select.custom-select {
    border: 1px solid #D5DCE0;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    width: 130px;
    margin: 0px 20px 0px 0px;
}
.home-address-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 30px 30px;
    border-bottom: 1px solid #E7E8EA;
}
.home-address-main i {
    color: #005CB9;
    margin: 0 5px 0 0px;
}
.home-address-main span {
    color: #005CB9;
    font-size: 14px;
    font-weight: bold;
}
.acc-main.home-add {
    margin: 0;
}
.acc-main.home-add .form-group {
    margin: 0;
}
.acc-main.bus-add {
    margin: 0;
}
.home-address-main p {
    color: #333;
    font-weight: 400;
    font-size: 14px;
}
.funding-main {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 100px 30px;
}
.funding-main i {
    color: #005CB9;
    margin: 0 5px 0 0px;
}

.funding-main span {
    color: #005CB9;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.funding-main p {
    color: #333;
    font-weight: 400;
    font-size: 14px;
}
.fund-main .acc-type p {
    margin: 0;
    font-weight: bold;
}
.merchant-btn {
    background: #fff;
    background-color: #fff;
    padding: 15px 30px 20px 30px;
    margin: 0 !important;
}
.merchant-btn .custom-control.custom-checkbox {
    display: inline-block;
    margin: 0 0 0 0px;
}
.merchant-btn .custom-control.custom-checkbox label.custom-control-label {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0px 0px 20px;
}
.theree-btn {
    margin: 15px 0 0 auto;
}
.theree-btn .btn.btn-orange {
    background: #E04403 0% 0% no-repeat padding-box;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: 12px;
    height: 38px;
    line-height: 36px;
    padding: 0px 0.75rem !important;
    font-weight: bold;
}
.mem-1 {
    margin: 0 30px 0 0px;
}
/**********************************=====BATCH-4 CSS END=====**********************************/

.element-bg-white.ad-navitent {
    height: 500px;
}
.element-bg-white.ad-navitent h5.elem-name a {
    float: left;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}
.element-bg-white.ad-navitent h5.elem-name .right-remove a {
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.element-bg-white.ad-navitent .card.bt-1 {
    padding: 0;
}






@media (max-width: 1024px){
    .mini-sidebar .page-wrapper.marketplace{
        margin-left: 230px !important;
    }
    .left-sidebar-market {
    position: absolute !important;}
}

@media (min-width: 992px){
.modal-big {
    width: 900px !important;
    min-width: 900px!important;
    max-width: 900px !important;
}
}