/**
 * ----------------------------------------------
 * Font face
 * 
 */
/**
 * ----------------------------------------------
 * Font Sizes
 * ----------------------------------------------
 *
*/
/**
 * ----------------------------------------------
 * COLOR CODES
 * ----------------------------------------------
 *
*/
/**
* ----------------------------------------------
* Shadows CODES
* ----------------------------------------------
*
*/
/**
 * ----------------------------------------------
 * Loop classes
 * ----------------------------------------------
 *
*/
/**
* ----------------------------------------------
* Grediant CODES
* ----------------------------------------------
*
*/
#colocated{
  color: #65e263;
  -webkit-text-fill-color: #65e263;
}#colocated:hover{
  color: #333;
  -webkit-text-fill-color: #333;
}
#templatepaper{
  color: #007bff;
  -webkit-text-fill-color: #007bff;
}#templatepaper:hover{
  color: rgba(0, 0, 0, 1);
  -webkit-text-fill-color: rgba(0, 0, 0, 1);
}


a:hover {
  color: #3584A7; }

.grediant-overlay, .bg-gred {
  background-image: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%); }

.grediant-overlay-reverse, .bg-reverse-gred {
  background-image: linear-gradient(-225deg, #30D2BE 0%, #3584A7 50%, #473B7B 100%); }

.gred-bg.fixed-nav {
  background-image: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%); }

.text-grediant {
  background-image: linear-gradient(to right, #3584A7 0%, #473B7B 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; }

.scroll-top:hover .scroll-top-icon {
  background-color: #3584A7; }

.border-gred {
  border-image: linear-gradient(to right, #3584A7 0%, #473B7B 100%);
  border-image-slice: 1; }

.icon-img {
  color: #3584A7; }

.text-primary {
  color: #3584A7 !important; }

.bg-primary {
  background: #3584A7 !important; }
  
.bg-expired {
    background: #6C757D !important;
}

.close:hover {
  color: #3584A7; }

.more-link:after {
  background: #3584A7; }

.more-link:hover {
  color: #3584A7; }

.btn-primary {
  background-image: linear-gradient(to right, #473B7B 0%, #3584A7 51%, #473B7B 100%);
  color: #ffffff; }
  .btn-primary:hover {
    color: #ffffff; }

.btn-outline-primary {
  background-image: linear-gradient(to right, #473B7B 0%, #3584A7 100%);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  padding: 0.5rem 1.25rem; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background: #3584A7;
    background-image: linear-gradient(to right, #473B7B 0%, #3584A7 51%, #473B7B 100%);
    background-clip: border-box, padding-box;
    background-origin: border-box; }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  background-image: linear-gradient(to right, #473B7B 0%, #3584A7 51%, #47