/* @import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Asap+Condensed:400,400i'; */
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i';
@import 'helpers.css';

body {
 font-size: 95%;
 background-color: #eee;
}

.alert-secondary {
 color: #212529;
 background-color: #eeeeee;
 border-color: #eeeeee;
}
.text-warning {
 color: #FD7A18!important;
}
.tab-content a:hover {text-decoration: none;}

.form-control::-webkit-input-placeholder {color: #ccc;}
.form-control:-moz-placeholder {color: #ccc;}
.form-control::-moz-placeholder {color: #ccc;}
.form-control:-ms-input-placeholder {color: #ccc;}
.form-control::-ms-input-placeholder {color: #ccc;}

h6 {
 text-transform: uppercase;
 font-weight: 600;
 font-size: 80%;}

.badge {
 font-weight: 400;
 font-size: 95%;
}

.tips {
 font-size: .9rem;
 line-height: 1.5rem;
 font-style: italic;
 font-family: 'Asap Condensed';
 font-weight: 400;
}

.card-header strong, h5 strong, h4 strong  {
  text-transform: capitalize;
}

.card.iefix {
 display:-ms-flexbox!important;
 -ms-flex-direction:row;
}

.logo-img {
 cursor: pointer;
}

.js_selected {
  border: 1px solid #00C199;
  box-shadow: 0 0 6px 2px #00C199;
}

.faded {
 opacity: 0.4;
}

#header {
 background-color: rgba(15,17,43,.8);
 color: #fff;
}
#header > .container, #content > .container {
 padding-top: 1rem;
 padding-bottom: 1rem;
}
#content {
 font-family: 'Open Sans';
 font-weight: 400;
}
#content > .container {
 box-shadow: 0px 0px 5px #000;
 background-color: rgba(255,255,255,1);
}
#content label {
 font-weight: 500;
}
#wiztabs {
 min-height: 120px;
 margin-bottom: 1rem;
}
#wiztabs .icon {
 display: block;
 width: 50px;
 height: 50px;
 line-height: 45px;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
 border: 3px solid rgba(0,0,0,.05);
 text-align: center;
 color:rgba(0,0,0,.25);
 font-size: 1.4rem;
 border-radius: 90%;
 text-align:center;
 position: relative;
 margin: 0 auto;
}
#wiztabs .icon > .fa-check {
 position: absolute;
 top: 20%;
 font-size: .8rem!important;
 color: #fff;
 left: 35px;
 padding: 3px;
 border-radius: 90%;
 background-color: #28a745!important;
}
#wiztabs .icon > .fa-hourglass-start {
 position: absolute;
 top: 20%;
 font-size: .9rem !important;
 color: #fff;
 left: 35px;
 padding: 5px;
 border-radius: 90%;
 background-color: #FA884C!important;
 display: none;
}
#wiztabs + .tab-content {}

#wiztabs.nav-pills .nav-link {
 padding: 20px;
}
#wiztabs span.link {
 display: block;
 font-weight: 600;
 font-size: 1.2rem;
 text-align: center;
 position: relative;
 margin-top: -.25rem;
}
#wiztabs.nav-pills .nav-link {
 color: rgba(0,0,0,.25);
 border-radius: 0px;
 padding: .25rem;
}
#wiztabs.nav-pills .nav-link.active {
 /*color: #fff;*/
 /*border: 1px solid rgba(0,0,0,1);*/
 background: none;
}
#wiztabs.nav-pills .nav-link.active span.link {
 background-color: transparent;
 margin-top: .5rem;
 color: #3c3e52;
}
#wiztabs.nav-pills .nav-link.active span.fa {
 color: #3c3e52;
}

#wiztabs.nav-pills .nav-link.active .icon {
 color: #3c3e52;
/* font-size: 2rem;
 width: 70px;
 height: 70px;
 line-height: 65px;*/
 border: 3px solid #3c3e52;
}
#wiztabs.nav-pills .nav-link.active .icon > .fa-check {
 top: 20%;
 font-size: 1rem!important;
 color: #fff;
 left: 50px;
}
#wiztabs.nav-pills .nav-item:last-of-type .nav-link {
 margin-right: 0;
}

.lg-radio {}

.lg-radio input[type=radio] {
 height: 1rem;
 width: 1rem;
}
.input-lg {
 height: 1.4rem;
 width: 1.43rem;
}
#lay-disp .card {
 margin-bottom: 1.25rem;
 margin-top: 1.25rem;
}
.hidesum {
 overflow: hidden;
 max-height: 15rem;
 min-height: 15rem;
}
.hidesummore {
 overflow: hidden;
 max-height: 10rem;
 min-height: 10rem;
}
#lay-disp .card > .btn-secondary {
 color: transparent!important;
 background-color: transparent!important;
 border-color: transparent!important;
}
#lay-disp .card-img {
 border-radius: 0;
 max-width:200px;
}
#lay-disp h4.custom, #lay-disp h5.custom, #lay-disp h6.custom {
 background-color: rgba(0,0,0,.125);
 margin: 0;
 padding: .75rem .5rem;
 font-style: italic;
}
#lay-disp h4.custom > a.elink, #lay-disp h5.custom > a.elink, #lay-disp h6.custom > a.elink {
 font-size: 65%;
 font-weight: 600;
 float:right;
 border-radius:.25rem;
 padding: .15rem .25rem;
 font-style: normal;
 color: rgba(0,0,0,.75);
 background-color: rgba(255,255,255,.8);
 border: 1px solid rgba(0,0,0,.75);
}
#lay-disp h4.custom > a.elink:hover, #lay-disp h5.custom > a.elink:hover, #lay-disp h6.custom > a.elink:hover {
 color: #fff;
 background-color: #17a2b8;
 border: 1px solid #156774;
}

#modal-disp > .modal > .modal-dialog > .modal-content {
 font-size: 90%;
}
#modal-disp > .modal > .modal-dialog > .modal-content h3 {
 font-size: 1.45rem;
 /* font-family: "Asap Condensed"; */
 font-style: italic;
 font-weight: 400;
}
#modal-disp > .modal > .modal-dialog > .modal-content .card-deck .card {
 border-color: transparent !important;
}
#modal-disp > .modal > .modal-dialog > .modal-content .card-deck .card img {
 border: 1px solid rgba(0,0,0,.125);
}

.list-unstyled.minimal {}

#choose_logo .card-columns, #lay-disp {
 padding: .75rem;
}
#choose_logo .card-columns .card {
 margin-top: .75rem;
}
@media screen and (min-width: 768px) {
 .overflow {
  padding-left: 1rem;
  padding-right: 1rem;
  box-shadow: inset 0px 0px 15px rgba(0,0,0,.2);
  max-height: 40rem;
  overflow-y: auto;
  margin-bottom: 1rem;
 }
}
@media screen and (max-width: 999px) {
 .card-columns {
  column-count: 2;
 }
}
@media screen and (max-width: 767px) {
 .card-columns {
  column-count: 1;
 }
 #lay-disp .card {
  max-height: 30rem;
 }
 #choose_logo > .card-columns, #lay-disp {
  max-height: 35rem;
  overflow-y: auto;
  margin-bottom: 1rem;
 }
}

.overflow > .list-group.small {
 font-size: .8rem;
}
.overflow > .list-group > .list-group-item {
 padding-left: .5rem;
 padding-right: .5rem;
 border-left: 0;
 border-right: 0;
}
.overflow > .list-group > .list-group-item:first-of-type {
 border-top: 0;
}
.overflow > .list-group > .list-group-item:last-of-type {
 border-bottom: 0;
}

.glimpse {
 height: 9rem;
 overflow: hidden;}

#quickbooksimgs .img-fluid {
  max-width: 120px;
}

.ehack > a {
 display: block;
}
.ehack > a:hover {
 cursor: pointer;
}
:not(.collapsed) > .trigger[class*="fa-"], .collapsed > .trigger[class*="fa-"] {
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;}

:not(.collapsed) > .trigger[class*="fa-"] {
 transform: rotate(180deg);
}


a[class*="text-"]:hover {cursor: pointer}
.small.addmas {
 padding: .75rem;
 border: 1px solid rgba(0,0,0,.075);
}
.small.addmas:last-of-type {
}

.custom_logo_hl {
 background: #EDEDFF;
 padding-top: 10px;
 padding-bottom: 0;
 margin-top: 5px;
 margin-bottom: 10px;
}

.fancybox-button {
 /*display: none !important;*/
}

.card_layout {}

.card_layout img {
 margin: 0 auto;
}

.img-thumbnail {
 border: 0;
}

.indent {
 margin-left: 30px;
}



/*                                 */
/*  STEVE & RANDY CHANGES 5/22/18  */
/*                                 */

body {
  background: #2B5A86;
}

a {
  color: #FF1E8A;
  font-weight: 600;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

a:hover {
 color: #DC046C;
}

strong {
  font-weight: 600 !important;
}

#header {
  background-color: #0F112B;
}

#header img {
  max-width: 100%;
  width: 300px;
}

#content .badge-info {
  background-color: #A8A8A8;
}

#content > .container {
  border-radius: 4px;
  box-shadow: 0 0 2px 1px rgba(0,0,0,.3);
  margin: 30px auto;
  padding: 30px;
}

#content .modal-title {
  line-height: 1.2;
}

#content .modal + hr {
  display: none;
}

#content hr + .list-group {
  margin-top: 15px;
}

#content .card-header {
  background-color: #0F112B;
}

#content h2,
#content .h2 {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 12px;
}

#content h2.modal-title {
  font-size: 25px;
  margin-bottom: 0;
}

#content .card-header h2 {
  color: #FFF;
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0;
}

#content h3, 
#content .h3 {
  font-size: 1.4rem;
  margin-bottom: 12px;
}

#content .card-body h4 {
  font-size: 1.1rem;
}

#content h5 {
  font-size: 1.15rem;
}

#content .card-body h5 {
  font-size: .85rem;
  line-height: 1.3;
}

#content h5 .fa-angle-down,
#content h5 small {
  color: #343a40 !important;
}

#content h6 {
  font-size: 90%;
}

#content h5 + h6 {
  font-weight: 400;
}

#contentselection .text-warning {
  color: #343A40 !important;
}

#content label {
  font-weight: 600;
}

#content label.layout_cat,
#content .list-unstyled.minimal label,
#content .card-body label {
  font-weight: 400;
}

#content h5 > strong {
  font-weight: 400 !important;
}

#content input[type=checkbox],
#content input[type=radio]{
  margin-right: 5px;
}

#content label + p {
  margin-top: -10px;
}

#content p > i {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

#wiztabs {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 40px;
  padding-bottom: 25px;
}

#wiztabs.nav-pills .nav-link span.fa {
  font-size: 25px;
}

#wiztabs.nav-pills .nav-link span.link {
  margin-top: 10px;
}

#wiztabs .icon {
  border: 3px solid rgba(0,0,0,.35);
  color: rgba(0,0,0,.35);
  height: 65px;
  width: 65px;
}

#wiztabs .icon span:first-of-type {
  position: relative;
  top: 8px;
}

#wiztabs .icon > .fa-check {
  top: 20%;
  font-size: 1rem!important;
  color: #fff;
  left: 50px;
  background-color: #00C199 !important;
}

h4.m-b-0 {
  margin-bottom: 10px !important;
  font-size: 18px;
  font-weight: 600;
}

#lay-disp h5.custom {
  background-color: #0F112B;
  font-style: normal;
  padding: .75rem 1rem;
}

#lay-disp h5.custom > .text-dark {
  color: #FFF !important;
}

#lay-disp h6.custom {
  background: #0F112B;
  color: #FFF;
  text-align: center;
}

#lay-disp .card-img {
  max-width: 100%;
}

.alert {
  padding: 1.5rem 2rem;
}

.card-footer {
  text-align: center;
}

.card-footer .btn {
  margin-top: 0;
}

.card_layout {
  margin-bottom: 25px;
}

.tips {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: 1.25;
  position: relative;
  top: 3px;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: .375rem .75rem;
  font-size: 1rem;
}

.btn-default, .btn-default:active, .btn-default:focus, 
.btn-default:active:focus, .btn-default:not(:disabled):not(.disabled).active, 
.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-secondary, .btn-secondary:active, .btn-secondary:focus, 
.btn-secondary:active:focus, .btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-warning, .btn-warning:active, .btn-warning:focus, 
.btn-warning:active:focus, .btn-warning:not(:disabled):not(.disabled).active, 
.btn-warning:not(:disabled):not(.disabled):active:focus {
  background: #2B5A86;
  border-color: #2B5A86;
  box-shadow: none;
  color: #FFF;
  outline: 0;
}

.btn-default:hover,
.btn-secondary:hover,
.btn-warning:hover {
  background: #194062;
  border-color: #194062;
  color: #FFF;
}

.btn-success, .btn-success:active, .btn-success:focus, 
.btn-success:active:focus, .btn-success:not(:disabled):not(.disabled).active, 
.btn-success:not(:disabled):not(.disabled):active:focus {
  background-color: #00C199;
  border-color: #00C199;
  box-shadow: none;
  margin-top: 15px;
  min-width: 110px;
  outline: 0;
}

.btn-success:hover {
  background-color: #24A98A;
  border-color: #24A98A;
}

h2 > .btn-success {
  margin: 0 !important;
}

.btn-success.disabled, 
.btn-success:disabled {
  background-color: #888;
  border-color: #888;
}

.btn-primary, .btn-primary:active, .btn-primary:focus, 
.btn-primary:active:focus, .btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active:focus {
  background-color: #00C199;
  border-color: #00C199;
  box-shadow: none;
  min-width: 110px;
  outline: 0;
}

.btn-primary:hover {
  background-color: #24A98A;
  border-color: #24A98A;
}

.text-danger {
  color: #FF1E8A !important;
}

a.text-danger:focus, 
a.text-danger:hover {
  color: #DC046C !important;
}

.text-warning {
  color: #FF1E8A !important;
}

a.text-warning:focus, 
a.text-warning:hover {
  color: #DC046C !important;
}

a.text-danger,
a.text-warning {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

#lay-disp h5.custom > a.elink {
  padding: .25rem .5rem;
  color: #333;
  background-color: #EEE;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

#lay-disp h5.custom > a.elink:hover {
  background: #FFF;
  color: #333;
}

.pages_remain {
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .overflow {
    border: 1px solid #EEE;
    box-shadow: none;
  }
}