/*Bootstrap overrides*/
body {
    font-family: Verdana,sans-serif;
    font-size: 12px;
    font-size: 18px;
    /*line-height: 1.3;*/
    color: #222222;
    background-color: #ffffff;
}

.form-control, .dropdown-menu {
  /*font-size: 14px;*/
}

.panel-primary {
    border-color: rgb(255,175,0);
}

.panel-primary>.panel-heading {
    color: #111;
    background-color: rgb(255,175,0);
    border-color: rgb(255,175,0);
}

.panel-primary>.panel-heading a {
  color: #111;
}

/*Bootstrap overrides END*/

.header nav {
  border: 1px solid rgb(227, 227, 227);
  margin-bottom: 20px;
}

#folderTable table th {
  background-color: rgb(255,175,0);
  border: 1px solid rgb(255,175,0);
  color: #FFF;
  padding: 7px 0;
  vertical-align: top;
  text-align: center;
}

#folderTable table td {
  padding: 3px;
  border: 1px solid rgb(255,175,0);
  text-align: center;
  vertical-align: top;
}

.card {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
}

#documents .b-card-body {
  background-color: #FFF;
}









#folderTable .open>.dropdown-menu {
    top: -30px;
    left: -157px;
}

#folderTable .folders .btn {
    padding: 2px 6px;
      margin-bottom: 0;
      font-size: 12px;
  }

#folderTable .folders .dropdown-menu {
    background-color: #ffe2a3;
    min-width: 170px;
    box-shadow: 1px 1px 1px #999;
  }

#folderTable .btn-custom {
    color: #333;
    background-color: #ffe2a3;
    border-color: #ccc;
    box-shadow: 1px 1px 1px #999;
}

#folderTable .label {
  box-shadow: 1px 1px 1px #999;
}

#folderTable .glyphicon {
  margin-right: 14px;
}

#folderTable .glyphicon-envelope {
  color: #31708f;
}

#folderTable .glyphicon-star {
  color: #ffaf00;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #333;
}

#folderTable .glyphicon-wrench {
  color: #a94442;
}


.bg-primary {
  background-color: rgb(255,175,0)!important;
}

.border-primary {
  border-color: rgb(255,175,0)!important;
}

th {
  color: #111;
  background-color: rgb(255,175,0); 
}




/*MGA Logo*/
.logo a {
  text-indent: -9999px;
  display: block;
  /*width: 294px;*/
  height: 80px;
  background: url(/images/logo-cherish.png) 50% 50% no-repeat;
}

@media (min-width: 992px) {
  .logo a {
  background: url(/images/logo-cherish.png) 0% 0% no-repeat;
  }
}

.logoNarrow a {
text-indent: -9999px;
display: block;
height:150px;
background: url(/images/logo-cherish-narrow.png) 50% 50% no-repeat;
}

.progress-bar {
  background-color: rgb(255,175,0);
  color: #000;
}





/*AnguComplete Overrides*/


.angucomplete-dropdown {
    border-color: #06e;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    width: 320px;
    padding: 6px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    /*top: 32px;
    left: 0px;
    */
    margin-top: -6px;
    margin-left: -48px;
    background-color: #ffffff;

    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    /*overflow: auto;
    height: 200px;*/
}

/*#addressFinder .angucomplete-dropdown {
    margin-top: 32px;
}*/



.angucomplete-searching {
    color: #acacac;
    font-size: 10px;
}

.angucomplete-description {
    font-size: 10px;
}

.angucomplete-row {
    /*padding: 5px;*/
    color: #000000;
    /*margin-bottom: 4px;*/
    clear: both;
    margin: 0;
    padding: 3px 1em 3px .4em;
}

/*.angucomplete-selected-row {
    background-color: #72b42d;
    color: #ffffff;
}*/

.angucomplete-image-holder {
    padding-top: 2px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.angucomplete-image {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;
}

.angucomplete-image-default {
    /* Add your own default image here
     background-image: url('/assets/default.png');
    */
    background-position: center;
    background-size: contain;
    height: 34px;
    width: 34px;
}

.highlight {
    color: green;
    font-weight: 700;
}



.dropdown-menu > li > a {
  cursor: pointer;
  /*color: #FFF;*/
  /*padding: 5px 0;*/
}


  .angucomplete-holder {
    position: relative;
    font-size: 11px;
    /*font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;*/
}






.angucomplete-searching {
    color: #acacac;
    font-size: 10px;
}

.angucomplete-description {
    font-size: 10px;
}

.angucomplete-row {
    /*padding: 5px;*/
    color: #000000;
    /*margin-bottom: 4px;*/
    clear: both;
    margin: 0;
    padding: 3px 1em 3px .4em;
}

/*.angucomplete-selected-row {
    background-color: #72b42d;
    color: #ffffff;
}*/

.angucomplete-image-holder {
    padding-top: 2px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.angucomplete-image {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;
}

.angucomplete-image-default {
    /* Add your own default image here
     background-image: url('/assets/default.png');
    */
    background-position: center;
    background-size: contain;
    height: 34px;
    width: 34px;
}

.highlight {
    color: green;
    font-weight: 700;
}

/*AnguComplete Overrides*/
/*.angucomplete-selected-row {
    background-color: #657358;
    color: #FFF;
}*/
.angucomplete-selected-row .highlight {
  color: #FFF;
}

nav.quoteSearch .highlight {
    color: #FFF;
    font-weight: 700;
    font-size: 10px;
}

.angucomplete-dropdown 
{
  width: 325px;
}
/*AnguComplete Overrides END*/


.angucomplete-selected-row {
    background-color: rgb(0, 160, 221);
    color: #FFF;
}
.angucomplete-selected-row .highlight {
  color: #FFF;
}

nav.quoteSearch .highlight {
    color: #FFF;
    font-weight: 700;
    font-size: 10px;
}

.angucomplete-dropdown 
{
  width: 325px;
}
/*AnguComplete Overrides END*/



/*datepicker Overrides*/
.datepicker >.vdp-datepicker__calendar {
  width: 18.4em;
}

.datepicker .vdp-datepicker__calendar header {
      background-color: rgb(255,175,0);
}

.datepicker .vdp-datepicker__calendar .cell {
      background-color: rgb(255,175,0);
      width: 2.54em;
      font-size: 0.9em;
}

.datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day, .datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month, .datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
      background-color: rgb(255,175,0);
}

.datepicker .vdp-datepicker__calendar .cell.day-header:hover {
    background-color: rgb(228, 157, 2);
}

.datepicker .vdp-datepicker__calendar .cell.blank {
    background-color: #FFF;
}

.vdp-datepicker__calendar header span {
  color: #000;
}

.datepicker .vdp-datepicker__calendar .cell.day-header {
  color: #000;
}


/* Move to main css file */
.btn-group-xs>.btn, .btn-xs {
    padding: .1rem .3em;
    padding-top: 0.1rem;
    padding-right: 0.3em;
    padding-bottom: 0.15rem;
    padding-left: 0.3em;
    font-size: 12px;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-group-xs>.btn, .btn-xxs {
    padding: .05rem .15em;
    padding-top: 0.05rem;
    padding-right: 0.15em;
    padding-bottom: 0.15rem;
    padding-left: 0.15em;
    font-size: 11px;
    line-height: 1.5;
    border-radius: .2rem;
}

.getQuoteLoader, .newWindowLoader, .loader {
  width: 100px;
  height: 15px; 
  margin: 0 auto;
  background: #FFF url(https://s3.eu-west-2.amazonaws.com/cherish-j75frp0cdw/images/cherish-loader.gif) no-repeat center center; 
}


.card > .card-header {
  font-weight: 700;
}

.alert-warning {
    background-color: #FFF;
    border-color: #e3e3e3;
    color: #111;
}

.dropdown-menu a:visited {
    color: inherit;
    text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: rgb(0, 160, 221);
    color: #FFF;
}
.dropdown-item.active, .dropdown-item:active:not([href]):not([tabindex]), .dropdown-item:active:visited {
    color: #FFF;
    /*text-decoration: none;*/
}




.btn-primary {
    background-image: -webkit-linear-gradient(top,#f8ae00 0,#f8ae00 100%);
    background-image: -o-linear-gradient(top,#f8ae00 0,#f8ae00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8ae00),to(#f8ae00));
    background-image: linear-gradient(to bottom,#f8ae00 0,#f8ae00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

.btn-default,
.btn-default:active,
.btn-default.active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default.focus, 
.btn-default:focus 
{
    color: #fff;
    background-color: #1382ad;
    border-color: #107196;
}

.btn-default:hover {
    background-color: rgb(1,174,240);
    border-color: rgb(1,174,240);
    color: #FFFFFF;
}



.btn-primary {
    background-color: rgb(255,175,0);
    border-color: rgb(255,175,0);
    color: #444;
}

a.btn-primary:visited {
    color: #444;
}

.btn-primary.active, 
.btn-primary.active:focus,
.btn-primary.active:hover, 
.btn-primary.active[disabled], 
.btn-primary.disabled, 
.btn-primary.disabled.active, 
.btn-primary.disabled:active, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover, 
.btn-primary:active, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.btn-primary:focus, 
.btn-primary:hover, 
a.btn-primary:hover, 
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary[disabled], 
.btn-primary[disabled]:active, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:hover, 
.open .dropdown-toggle.btn-primary, 
.open>.dropdown-toggle.btn-default, 
.show>.btn-primary.dropdown-toggle,
fieldset[disabled] .btn-primary, 
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active, 
fieldset[disabled] .btn-primary:focus, 
fieldset[disabled] .btn-primary:hover
{
    background-color: rgb(1,174,240);
    background-color: #FFAF00;
    border-color: rgb(1,174,240);
    border-color: #FFAF00;
    color: #FFF;
}



#statistics .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

#statistics .panel-primary {
    border-color: rgb(255,175,0);
}

#statistics .statisticsCard {
  color: #000;
}

.red {
  color: #F00;
}

.surveyLink {
  padding-left: 5px;
}

.surveyLink a:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}

.surveyLink a:before {
   content: "\f27a";
   color: #00F;
}

.yellow {
  color: #ffaf00;
}

h1 {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 1.95rem;
  font-weight: 700;
}

h2 {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
}

label {
  font-weight: 400;
}

.custom-control-label {
    font-weight: 400;
    font-size: 1rem;
}



div.textAndArrowButton, a.textAndArrowButton{
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    /* color: rgb(255,175,0); */
    text-decoration: none;
    padding-right: 10px;
}

div.textAndArrowButton span , a.textAndArrowButton span, div.textAndArrowButton span , a.textAndArrowButton span {
    padding: 5px 40px 7px 0; 
    background: transparent url(https://cherish-j75frp0cdw3.s3.eu-west-2.amazonaws.com/images/arrowButtonBlue.gif) no-repeat right center;
}


div.textAndArrowButton:hover span, a.textAndArrowButton:hover span {
    text-decoration: none;
    background-image: url(https://cherish-j75frp0cdw3.s3.eu-west-2.amazonaws.com/images/arrowButtonOrange.gif);
}

div.textAndArrowButton.back span, a.textAndArrowButton.back span, div.textAndArrowButton.back span, a.textAndArrowButton.back span {
    padding: 5px 40px 7px 0; 
    background: transparent url(https://cherish-j75frp0cdw3.s3.eu-west-2.amazonaws.com/images/arrowButtonBackBlue.gif) no-repeat right center;
}


div.textAndArrowButton.back:hover span, a.textAndArrowButton.back:hover span {
    text-decoration: none;
    background-image: url(https://cherish-j75frp0cdw3.s3.eu-west-2.amazonaws.com/images/arrowButtonBackOrange.gif);
}


/*STEP PROGRESS BAR*/
.step-progress__wrapper{width:90%;margin:0 auto;position:relative}.step-progress__wrapper-before{background-color:grey;transform:translateY(-50%) perspective(1000px)}.step-progress__wrapper-after,.step-progress__wrapper-before{content:"";position:absolute;left:0;top:50%;height:12px;width:100%}.step-progress__wrapper-after{background-color:red;transform:scaleX(0) translateY(-50%) perspective(1000px);transform-origin:left center;transition:transform .5s ease}.step-progress__bar{width:100%;display:flex;height:100px;justify-content:space-between;align-items:center;margin-bottom:40px}.step-progress__step{z-index:2;position:relative;--activeColor:red;--passiveColor:grey;--activeBorder:5px;--passiveBorder:5px}.step-progress__step span{color:var(--passiveColor);transition:.3s ease;display:block;font-size:50px;transform:translateZ(0) scale(1) perspective(1000px);font-weight:900;text-align:center;opacity:1}@media (max-width:767px){.step-progress__step span{font-size:28px}}.step-progress__step--active .step-progress__step-label,.step-progress__step--active span{color:var(--activeColor)}.step-progress__step--active .step-progress__step-icon{opacity:1}.step-progress__step--valid .step-progress__step-icon{opacity:1;transform:translate3d(-50%,-50%,0) scale(1) perspective(1000px)}.step-progress__step--valid span{color:var(--activeColor);opacity:0;transform:translateZ(0) scale(2) perspective(1000px)}.step-progress__step--valid .step-progress__step-label{color:var(--activeColor)}.step-progress__step:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%) perspective(1000px);width:75px;height:75px;background-color:#fff;border-radius:50%;border:var(--passiveBorder) solid var(--passiveColor);transition:.3s ease}@media (max-width:767px){.step-progress__step:after{width:40px;height:40px}}.step-progress__step--active:after,.step-progress__step--valid:after{border:var(--activeBorder) solid var(--activeColor)}.step-progress__step--valid:after{background-color:var(--activeColor)}.step-progress__step-label{position:absolute;top:calc(100% + 25px);left:50%;transform:translateX(-50%) perspective(1000px);white-space:nowrap;font-size:18px;font-weight:600;color:grey;transition:.3s ease}.step-progress__step-icon{font-size:36px;color:#fff;position:absolute;left:50%;top:50%;transition:transform .3s ease;opacity:0;transform:translate3d(-50%,-50%,0) scale(0) perspective(1000px)}@media (max-width:767px){.step-progress__step-icon{font-size:22px}}


.columns:not(.is-desktop) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.columns:last-child {
    margin-bottom: -.75rem;
}
.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem;
}


.column.is-8, .column.is-8-tablet {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.66667%;
}


.column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66667%;
}
.column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: .75rem;
}

.divider-line {
      border-bottom: 1px solid #cccccc;
      height: 2px;
      position: absolute;
      @include breakpoint(xs) {
        width: 90%;
      }
    }


    div.bar {
    position: relative;
    font-size: 24px;
    line-height: 50px;
    color: white;
    background-color: rgb(255,175,0);
    padding: 0 10px;
    margin: 20px 0 15px 0;
    border-radius: 5px;
}











/*StartBootstrap Pricing cards*/
section.pricing {
  border-radius: .35rem;
  background: #f7a900;
  background: linear-gradient(to right, #f7a900, #f9c349);
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 2rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

.darkgoldenrod {
  color: darkgoldenrod;
}

.importantInformation a, .importantInformation .dropdown-item, .importantInformation .dropdown-menu a:visited {
  color: #212529;
}

.popover {
  background-color: rgb(247,148,49);
}

.popover-body {
    padding: .5rem .75rem;
    color: #FFF;
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: rgb(247,148,49);
}

.popover-icon {
  color: rgb(247,148,49);
}

.small65 {
  font-size: 65%;
}