.logo{
    width: 100%;
}
.logo-container
{
    margin:auto !important;
}
.login-img img{
    height: 238px;
}
.login .btn-outline-info{
    border-color: #000;
    background-color: transparent;
    color: #000;
}
.login .btn-outline-info:hover{
    color: #ac7871 !important;
    border-color:  #ac7871;
}
.slide-navbar{
        width: 60px;
        transition: 300ms ease all;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
}
.pagination .page-item.active .page-link{
    background-color: #1E9FF2 !important;
    border-color: #1E9FF2 !important;   
}
.cursor{
    cursor: pointer;
}
.table.table-xl td, .table.table-xl th {
    padding: 0.25rem 2rem;
}
.table td {
    padding: .1rem 1rem;
}
.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: 3px solid #083d73;
}
.nav.nav-tabs.nav-top-border .nav-item a {
    color: #083d73;
}
.payment-option .list-group-item{
        padding: .5rem 1.25rem;
}
.fs-12{
    font-size: 12px;
}
.list-group .list-group-item-action:active {
    color: #6B6F82;
    background-color: transparent;
}
.fa-edit, .fa-trash, .fa-eye{
    cursor: pointer;
}
.ck-content{
    height:171px;
}
.list-group-flush .list-group-item{
   padding: 4px 10px;
    text-align: center;
}
.fw-600{
    font-weight: 600;
}
.card .card-title{
    font-weight: 600;
}
.bg-lgrey{
        background: #f1f1f1;
}
.main-menu.menu-dark .navigation>li {
    padding: 9px 14px 0px;
}
.main-menu.menu-dark .navigation>li>a {
    padding: 8px 6px 8px 18px;
}
.main-menu.menu-dark .navigation {
    background: #ffffff;
}
.main-menu.menu-dark .navigation>li .active {
    background:#ac7871 !important;
    border-radius: 7px;
}
.main-menu.menu-dark .navigation>li .active span, .main-menu.menu-dark .navigation>li .active i{
    color: #fff !important;   
}
.navbar-semi-dark .navbar-header {
    background: #fff;
}
.ft-toggle-right {
    color:#ac7871 !important;
}
.expanded .white {
    color: #ac7871 !important;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.menu-dark .navigation>li {
   padding: 0px !important;
}
.main-menu.menu-dark .navigation li a span {
    display: inline-block;
    color: #000;
    font-weight: 500;
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i {
    margin-right: 12px;
    float: left;
    color: #000;
}
.line-on-side span {
    background: #FFF;
    padding: 0 10px;
    font-size: 21px;
    color: #000;
    font-weight: 900;
}
.fs-60{
    font-size: 60px;
}
.fw-800{
    font-weight: 800;
}
.cong-icon{
    background: #0b7cc58c;
    border-radius: 100%;
    padding: 6px;
}
.theme-color{
    background: #ac7871;
}
.theme-color-2{
    background:#ac7871;
}
.theme-color-2:hover{
    background: #000;
}
.decor-left{
    position: absolute;
    left: 0;
    top: 0;
}
.decor-right{
    position: absolute;
    right: 0;
    top: 0;
}
.bg-lg{
    background: #e9e9ee;
}
.mt-34{
    margin-top: 34px;
}
.cat-img {
    width: 67px;
    height: 51px;
}
.light-grey{
    color: #6B6F82;
}
.imagePreview {
    width: 100%;
    height: 180px;
    background-position: center center;
  background:url(http://cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);
  background-color:#fff;
  background-size: 100% 100%;
  background-repeat:no-repeat;
    display: inline-block;
  box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
}
.upload-btn{
    width: 100%
}
.imgUp
{
  margin-bottom:15px;
}
.imagePreview{
    background-image: url(../no-image.gif);
}
.card-img-top {
    cursor: pointer;
    height: 200px;
}
.enable .btn-group .btn{
    padding: .5rem .5rem !important;
    font-size: 11px !important;
}
.q-label label{
    vertical-align: sub;
    margin: 10px 0px;
}
 .q-label .btn-sm{
    margin: 5px 0px;
}
.display-4, .display-5 {
    font-size: 1.5rem;
}
.p3{
    padding: 3px !important;
}
.box-shadow{
    box-shadow: none !important;
}
.login-img{
    margin: 82px 0px !important;
}
.fp-img {
    margin: 31px 0px !important;
}
.main-menu.menu-dark {
    color: #DCDCDC;
    background: #fff;
}
.s-label:hover{
    color: #1E9FF2 !important;
}
.alert .close {
    font-size: 1.5rem;
}
.alert .close:focus{
    outline: none;
}
.close-alert{
    margin-top: 3px;
    margin-left: 10px;
}
.mt-7{
    margin-top: 7px;
}
.main-menu.menu-dark .navigation>li.open>a{
    background: #ac7871 !important;
    border-right: 4px solid #ac7871;
}
.main-menu.menu-dark .navigation>li.open>a span , .main-menu.menu-dark .navigation>li.open>a i{
    color: #fff !important;
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after{
   content: '\f0da';
   font-family: FontAwesome;
   top: 19px;
   color: #083d7f;
}
.main-menu.menu-dark .navigation li a {
    color: #000;
}
.main-menu.menu-dark .navigation>li>ul, .main-menu.menu-dark ul.menu-popout {
    background: #ffffff;
}
.main-menu.menu-dark .navigation>li ul .hover>a{
    color:#083d7f;
}
.form-holder {
  display: flex;
  margin-bottom: 10px;
}

.input-field input {
  width: 100px;
}

.test-img{
    height: 21px;
    width: 22px;
    object-fit: contain;
    margin-right: 10px;
}
.page-item.active .page-link{
    background-color: #ac7871;
    border-color: #ac7871;
}
.pagination .page-link{
    color: #000;
}
.add-score-tbl table{
        width: 100%;
        border-spacing: 1px;
        border-collapse:separate;
}
.add-score-tbl table thead{
    background: #e3b19c;
    color: #fff;
}
.add-score-tbl table th, .add-score-tbl table td{
    padding: 4px;
    text-align: center;
    color: #000;
}
.add-score-tbl table tr{
    cursor: pointer;
}
.add-score-tbl table .light-color{
   background:  #f5cdbd;
}
.add-score-tbl table .color-gray{
    background: #f1f0f0;
}
.add-score-tbl_2 table{
        width: 100%;
        border-spacing: 1px;
        border-collapse:separate;
}
/*.add-score-tbl table thead {
    background: #ac7871;
}*/
.add-score-tbl_2 table thead{
    background: #ac7871;
    color: #fff;
}
.add-score-tbl_2 table th{
    padding: 4px;
    text-align: center;
    color: #fff;
}
.add-score-tbl_2 table td{
    padding: 4px;
    text-align: center;
    color: #000;
}
.add-score-tbl_2 table tr{
    cursor: pointer;
}
.add-score-tbl_2 table .light-color{
   background:  #f5cdbd;
}
.add-score-tbl_2 table .color-gray{
    background: #f1f0f0;
}
.selected {
    background-color: #008AD8 !important;
}
.fs-10{
    font-size: 10px;
}
.score-board-main{
    padding: 2rem 10rem !important;
}
.average, .below-average, .above-average{
    cursor: pointer;
}
.average p, .below-average p, .above-average p{
    margin-bottom: 20px;
}
.light-color{
    background: #f5cdbd;
    color: #000;
    padding: 5px;
}
.color-gray{
    background: #f1f0f0;
    color: #000;
    padding: 5px;
}
.green-selectable{
    background: #3CB371;
}
.yellow-selectable{
    background: #ffdb6e;
}
.red-selectable{
    background: red;
}
.follow-up-heading{
    background: #800000;
    padding: 10px;
}
.fs-16{
    font-size: 16px;
}
.individual-score{
    float: right;
    background: #800000;
    color: #fff;
    border-radius: 100%;
    padding: 5px;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.reccomendations-main .col-md-6{
    margin-bottom: 10px;
}
.table th{
    padding: .75rem 1rem !important;
}
.confirm{
    background-color: #ac7871 !important;
    border-color: #ac7871 !important;
    border-radius: .21rem;
}
.sweet-alert button.cancel {
    background-color: #464855 !important;
}
.menu-collapsed .expanded #main-menu-navigation li{
    padding: 9px 14px 0px !important;
}
.margin-logo{
       margin: 0px 16px!important;
}
.main-toggle{
    position: fixed;
    left: 16em;
}
.header-color{
    background-color: #ac7871;
}
.female-img{
    height: 19px;
    width: 22px;
     object-fit: contain;
}
.male-img{
    height: 19px;
    width: 22px;
    object-fit: contain;
}
.main-test-heading{
    line-height: 1.5;
}
/*.carousel-inner{
   height: 156px;
}*/
.carousel-control-next-icon , .carousel-control-prev-icon{
background-image: none !important
}
.carousel-control-next-icon .fa-chevron-circle-right{
    color: #000;
    font-size: 23px;
}
.carousel-control-prev-icon .fa-chevron-circle-left{
    color: #000;
    font-size: 23px;
}
.carousel-item{
    text-align: center;
}
.carousel-item img{
    width: 130px;
    margin: auto;
}
/*.carousel-item{
    height: 156px;
}*/
.avatar img{
    
    height: 38px;
    object-fit: cover;
}
.test-images img{
    width: 63px;
    margin: auto;
    border: 1px solid #ccc;
    margin-top: 4px;
    height: 60px;
    object-fit: contain;
    cursor: pointer;
}
.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}
.lb-data .lb-number{
    display: none !important;
}

.modal button.close {
  right: 0;
  outline: 0;
}
  
#gallery-lightbox img {
  height: 350px;
  object-fit: cover;
  cursor: pointer;
}

#gallery-lightbox img:hover {
  opacity: 0.9;
  transition: 0.5s ease-out;
}
.payment-heading{
    color: #fff !important;
    font-weight: 600;
    background-color: #ac7871;
    padding: 10px;
}
.include-text{
    font-size: 12px;
}
.current-package{
    color: #ac7871 !important;
    font-weight: 800;
    font-size: 18px;
}
.selected-package{
    transform: scale(1.1);
    box-shadow: 0px 2px 8px 3px #aaaaaa;
}
.fa-check{
    color: #ac7871 !important;
}
.package-price{
    font-size: 13px;
}

.gender-btn input[type="radio"] {
  opacity: 0.01;
  z-index: 100;
}

.gender-btn input[type="radio"]:checked+label,
.Checked+label {
    background: #ab7770;
    color: #fff;
    line-height: 1.5;
    border: 1px solid #ab7770;
    text-transform: uppercase;
}

.gender-btn label {
    padding: 13px 0px;
    border: 1px solid #e3b19c;
    cursor: pointer;
    z-index: 90;
    color: #fff;
    width: 149px;
    margin: auto;
    font-size: 18px;
    background: #e3b19c;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
    text-transform: uppercase;
}

.gender-btn label:hover {
    background: #ab7770;
    border: 1px solid #ab7770;
}


.li-search {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
  margin-top: -1px;
  background-color: #f6f6f6;
  padding: 8px;
  font-size: 18px;
  color: black;
  display: block;
  cursor: pointer;
}

.li-search:hover {
  background-color: #eee; 
}

.opt-icon {
  margin-top: 30px;
  margin-bottom: 20px
}
.card-block {
  width: 215px;
  border: 1px solid lightgrey;
  border-radius: 5px !important;
  background-color: #FAFAFA;
  margin-bottom: 30px
}
.radio {
  display: inline-block;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
  color: #000;
  font-weight: 500;
  opacity: 0.6;
}
.radio.selected {
  box-shadow: 0px 8px 16px 0px #EEEEEE;
  opacity: 1;
}
.radio:hover {
  background-color: #d7f5e8;
  opacity: 1;
}
.selected {
  background-color: #e0f2ea;
}
.progress-text{
    font-size: 15px;
    margin-top: 10px;
}
.progress{
    border: 1px solid #ac7871;
    height: 20px;
    background: #fff;
}
.progress-bar{
    background-color: #AC7873;
}
.prev-btn{
    background: #c1c1c1;
    color: #fff;
}
.gallery-wrapper{
    padding-top: 2px;
}
.set-size {
     font-size: 12em;
}
 .charts-container:after {
	 clear: both;
	 content: '';
	 display: table;
}
 .pie-wrapper {
	 height: 1em;
	 width: 1em;
	 float: left;
	 margin: 15px;
	 position: relative;
}
 .pie-wrapper:nth-child(3n + 1) {
	 clear: both;
}
.pie-wrapper .pie {
    height: 100%;
    width: 100%;
    clip: rect(0, 1em, 1em, 0.5em);
    left: 0;
    position: absolute;
    top: 0;
}
.pie-wrapper.progress-60 .pie .left-side {
    transform: rotate(
360deg
);
}
.pie-wrapper.progress-60 .pie {
    clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-60 .pie .half-circle {
    border-color: #00b050;
}
.pie-wrapper.progress-60 .pie .average {
    border-color: #ed7d31
}
.average{
   border:0.1em solid  #ed7d31;
}
.below-average{
    border: 0.1em solid  #800000;
}
.pie-wrapper.progress-60 .pie .below-average {
    border-color: #800000;
}
.pie-wrapper .pie .half-circle {
    height: 100%;
    width: 100%;
    border: 0.1em solid #00b050;
    border-radius: 50%;
    clip: rect(0, 0.5em, 2em,0 );
    left: 0;
    position: absolute;
    top: 0;
}

 .pie-wrapper .label {
	 background: transparent;
	 border-radius: 50%;
	 bottom: 0.4em;
	 color: #000;
	 cursor: default;
	 display: block;
     font-size: 21px;
	 left: 0.4em;
	 line-height: 2.8em;
	 position: absolute;
	 right: 0.4em;
	 text-align: center;
	 top: 2.7em;
}

.pie-wrapper.progress-60 .pie .right-side {
	 transform: rotate(180deg);
}
.recommended-color:hover{
    color: #ab7770 !important;
}
.recommendation-score-5{
    background: #ed7d31;
    color: #fff;
    border-radius: 100%;
    padding: 4px 10px;
    text-align: center;
    font-size: 20px;
}
.recommendation-score-0{
    background: #800000;
    color: #fff;
    border-radius: 100%;
    padding: 4px 10px;
    text-align: center;
    font-size: 20px;
}
.recommendation-score-10{
    background: #00b050;
    color: #fff;
    border-radius: 100%;
    padding: 4px 7px;
    text-align: center;
    font-size: 20px;
}
.stripe-heading{
    font-size: 20px;
    text-transform: capitalize;
    color: #ac7871;
    font-weight: 900;
}
.StripeElement {
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0.75em 1rem;
    margin-bottom: 1.5rem;
}
@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}


@media (min-width:1910px){
.table-responsive {
    display: inline-table;
}
}
@media (min-width: 768px) and (max-width: 1080px){
    .score-board-main{
        padding: 1rem !important;
    }
}
@media (max-width: 767.98px){
.navbar-dark .navbar-header .navbar-nav .nav-link, .navbar-semi-dark .navbar-header .navbar-nav .nav-link {
    color: #000;
}
div.dataTables_wrapper div.dataTables_info{
    text-align: left;
}
    .score-board-main{
        padding: 1rem !important;
    }
}

@media (max-width: 600px){
    .follow-up-heading {
        background: #800000;
        padding: 23px 12px;
    }
    .page-link, .popover-body, .popover-header {
        padding: .5rem 0.5rem;
    }
    footer .float-right{
        float: none !important;
    }
      .gallery-wrapper .image-wrapper a img {
    width: 56%;
}
    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper img{
        width: 100% !important;
    }
}