/* Default Template CSS */
/*v 010502 v*/
.attachCont {
   margin: 20px 0px;
}
.bootstrap-filestyle input.form-control {
    background-color: #fff;
}
/*^ 010502 ^*/

#terms h1 {
 font-size:16px;
 font-weight:bold;
}

/*Tooltip*/
/* Extra small devices (phones, up to 480px) */
@media screen and (min-width: 767px) {

.mobile-visible {
display: none;
}
}

/*!
 * bootstrap-tooltip-custom-class
 * v1.1.0
 * Extends Bootstrap Tooltips and Popovers by adding custom classes.
 * https://github.com/andreivictor/bootstrap-tooltip-custom-class#readme
 */


//== Styles for Tooltip Custom Classes
//
//##
.tooltip-custom {
  @include tooltip-custom(#f2653c, #ffffff);
}

.tooltip-custom-alt {
  @include tooltip-custom(#5b2da3, #ffffff);
}


//== Styles for Popover Custom Classes
//
//##
.popover-custom {
  @include popover-custom(#f2653c, #ffffff);
}

.popover-custom-alt {
  @include popover-custom(#5b2da3, #ffffff);
}


//== Styles for examples
//
//##
body {
  padding-top: 4.5rem;
}

#topnav {

  .nav-link > i {
    font-size: 26px;
  }

  @media (max-width: 560px) {
    .navbar-brand {
      font-size: 14px;
    }
  }
}

.bs-example {
  position: relative;
  margin: 15px;
  padding: 15px 15px 25px;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.bs-example .btn {
  margin: 1.25rem 0.75rem;
}

.bs-example__title {
  margin-bottom: 1rem;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {

.desktop-visible {
display: none;
}
}

.desktop-visible button {
margin-top: 25px;
margin-right: 20px;
background-color: black;
color: white;
}
.desktop-visible button:hover {
background-color: #4D4D4D;
color: white;
}

.btn-state {
width: 204px;
background-color: black;
color:white;
padding: 10px;
display: block;
text-align:center;
border-radius: 4px;
font-size: 14px;
line-height: 1.42857143;
cursor: pointer;
margin: 10px 0px
}

.btn-state:hover {
color:white;
background-color: #333;
text-decoration: none;
}

.btn-state:visited {
color:white;
text-decoration: none;
}