/*
 * ikulpic Version 1.0
 * Copyright 2019 ikulpic.
 * http://www.
 *
 * Designed by ikulpic
 */


/*
 -- CONTENTS --

 **Cmd/Ctrl-F to search with =CONDITION for quick access to each section of this file.

 1 - =DEFAULTS
 2 - =HEADER
 3 - =NAVIGATION
 4 - =IMAGES
 5 - =CONTAINERS
 6 - =HOME PAGE
 7 - =COLUMNS
 8 - =FOOTER
 9 - =PROFILE
 10 - =MEMBER ABOUT BLOCK
 11 - =MEMBER PRIZES BLOCK
 12 - =LATEST NEWS BLOCK
 13 - =EXHIBITION COUNTER BLOCK
 14 - =QUICK LINKS BLOCK
 15 - =DEFAULT PAGE
 16 - =MEMBER DASHBOARD
 17 - =SIGN UP FORM




 */


/* =DEFAULTS
--------------------------------------------------------------------------------*/

@font-face {
	font-family: 'chomsky';
	src: url('/res/fonts/chomsky.woff') format('woff');
}

@font-face {
	font-family: 'noteworthy';
	src: url('/res/fonts/noteworthy-bold.ttf') format('truetype');
}

body {
    background-color: #fff;
    color: #4a4a4a;
    font-family: 'Open Sans', Helvetica, Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 100%;
}

p {
    font-size: 1.4em;
}

h1,
h2,
h3,
h4 {
    color: #6d6d6d;
    font-weight: 600;
    letter-spacing: 0;
}

h1 {
    font-size: 2.17em;
    padding-bottom: 10px;
}

h2 {
    font-weight: 300;
    font-size: 4.4em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 0;
}

h3 {
    font-weight: 300;
    font-size: 4.4em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 0;
}

h4 {
    font-weight: 300;
    font-size: 4.4em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 0;
}

h5 {
    font-weight: 300;
    font-size: 4.4em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

h6 {
    font-weight: 300;
    font-size: 4.4em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 0;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e5e5e5 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    align-self: stretch;
}

a {
    color: #107a9d;
    text-decoration: none;
}

a.disabled {
    color: gray;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

a:hover,
a:focus {
    color: #ffb321;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline-offset: -2px;
}

p.sub-title {
    text-transform: uppercase;
    color: #c15fa4;
    font-weight: 600;
}

.pointer {
    cursor: pointer;
}


/* =HEADER
--------------------------------------------------------------------------------*/

#header-container {
    padding-top: 5px;
    background-color: #107a9d;
}

.img-logo {
    margin: 5px auto 5px auto;
}

.img-logo-header {
    float: left;
    width: 220px;
    height: auto;
    max-width: none;
	margin-bottom:20px;
	border: 1px solid black;
}

@media (max-width: 768px) {
	.img-logo-header {
		width: 140px;
	}
	.navbar-nav > li {
		margin: 0px -5px;
	}
	.no-sm-padding {
		padding: 0;
	}
}

@media (max-width: 420px) {
	.img-logo-header {
		width: 105px;
	}
}

/* =NAVIGATION
--------------------------------------------------------------------------------*/

#navigation-container {
    width: 100%;
    background-color: #221e1f;
    border-top: 3px solid #434041;
    border-bottom: 1px solid #fff;
}

.nav-header-desktop {
    margin-top: 10px;
}

.navbar-theme {
    margin-bottom: 0;
    min-height: 40px;
    margin-top: 10px;
}

.navbar-theme .navbar-brand {
    color: #777;
}

.navbar-theme .navbar-brand:hover,
.navbar-theme .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-theme .navbar-text {
    color: #777;
}

.navbar-theme .navbar-nav>li>a {
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    text-shadow: none;
    padding: 10px 16px;
    text-transform: uppercase;
}


/* Small Devices, Tablets */

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-theme .navbar-nav>li>a {
        font-size: 1.2em;
        padding-right: 17px;
    }
}

.navbar-theme .navbar-nav>li>a:hover,
.navbar-theme .navbar-nav>li>a.hints-link:hover,
.navbar-theme .navbar-nav>li>a:focus {
    color: #ffb321;
    background-color: transparent;
    transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -webkit-transition: background .15s ease-in-out;
    cursor: pointer;
}

.navbar-theme .navbar-nav>.active>a,
.navbar-theme .navbar-nav>.active>a:hover,
.navbar-theme .navbar-nav>.active>a:focus {
    color: #fbd136;
}

.navbar-theme .navbar-nav>.disabled>a,
.navbar-theme .navbar-nav>.disabled>a:hover,
.navbar-theme .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
}

.navbar-theme .navbar-toggle {
    border-color: #fbd136;
}

.navbar-theme .navbar-toggle:hover,
.navbar-theme .navbar-toggle:focus {
    background-color: #fbd136;
}

.navbar-theme .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-theme .navbar-nav>.open>a,
.navbar-theme .navbar-nav>.open>a:hover,
.navbar-theme .navbar-nav>.open>a:focus {
    color: #fbd136;
    background-color: transparent;
}

@media (max-width: 767px) {
    .navbar-theme .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    .navbar-theme .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-theme .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fbd136;
        background-color: transparent;
    }
    .navbar-theme .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-theme .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-theme .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #e7e7e7;
    }
    .navbar-theme .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-theme .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-theme .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent;
    }
	.modal-dialog { width: 95%; }
}

.navbar-theme .navbar-link {
    color: #777;
}

.navbar-theme .navbar-link:hover {
    color: #333;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0 none;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #0694a2;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

.dropdown-menu .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}

.dropdown-menu>li>a {
    clear: both;
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #221e1f;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #999;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
    text-decoration: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #fbd136;
    background-image: none;
    color: #ffffff;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #fbd136;
    background-image: none;
    color: #ffffff;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #000;
    border-color: #000;
}


/* =CONTAINERS
--------------------------------------------------------------------------------*/

.square {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ikulpic-tile {
    border: 1px solid #e5e5e5;
    padding: 10px 10px 0 10px;
    margin: 10px auto 10px auto
}

.ikulpic-tile p {
    color: #4b4b4b;
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 1px;
}

.profile-tile-wide {
    border-radius: 5px;
    width: 100%;
}

.fleft {
    float: left;
}

.group-tile {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 5px;
    margin: 2px;
    width: 38%;
}

.group-title {
    font-size: 1.5em;
    font-weight: 700;
}


/* =HOME PAGE
--------------------------------------------------------------------------------*/

#home-intro-container {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(16, 123, 157, 1) 0%, rgba(0, 164, 165, 1) 100%) repeat scroll 0 0;
    width: 100%;
}

h3.home-page {
    font-weight: 300;
    text-align: center;
    font-size: 3.4em;
    margin-top: 0;
}

h4.home-page {
    color: #525252;
    text-align: center;
    text-transform: none;
    font-size: 2em;
    margin-bottom: 25px;
}

h5.home-page {
    text-align: center;
    font-size: 3em;
    font-weight: 300;
}

h6.home-page {
    color: #606060;
    text-align: center;
    text-transform: none;
    font-size: 2em;
    margin-bottom: 15px;
}

.oran {
    color: #ffb007;
}

.monitor-block {
    background-color: #fff;
    border-top: 2px solid #e0e0e0;
    border-left: 2px solid #e0e0e0;
    border-right: 2px solid #e0e0e0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    padding-top: 20px;
    margin-top: 20px;
}

.monitor-block h3 {
    font-size: 2em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: none;
}

.monitor-block p.tagline {
    text-align: center;
    font-size: 1.3em;
}

.img-home-banner {
    display: block;
    margin: 0 auto;
}

.img-home-hiw {
    display: block;
    margin: 0 auto 25px auto;
}

p.stage-title {
    font-size: 3.2em;
    font-family: 'Handlee', cursive;
    margin-top: 10px;
    margin-bottom: 0;
}

p.stage-subtitle {
    font-size: 1.8em;
}

.home-options {
    border: 1px solid #e1e1e1;
    display: block;
    padding: 10px 10px 10px 10px;
    margin: 0 auto 10px auto;
}

.home-options p {
    text-align: center;
    font-size: 3em;
    color: #fff;
    font-weight: 600;
    letter-spacing: -1px;
    background-color: #00aed8;
    padding: 5px;
}

.img-home-ikulpic-thumbs {
    display: block;
    margin: 20px auto 10px auto;
    padding: 5px;
    border: 1px solid #eeeeee;
}


/* =COLUMNS
--------------------------------------------------------------------------------*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/* centered columns styles */

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}


/* =FOOTER
--------------------------------------------------------------------------------*/

#footer-container {
    width: 100%;
    border: none;
}

#footer {
    background-color: #d6eaf8;
    padding-top: 20px;
}

ul.nav-resources {
    list-style-type: none;
    font-size: 1.4em;
    padding-left: 0;
    margin-bottom: 10px;
}

ul.nav-resources li.title {
    color: #107a9d;
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-left: 0px;
}

ul.nav-resources li a {
    display: block;
    color: #595959;
    padding-bottom: 3px;
}

ul.nav-resources li.disabled a {
    display: block;
    color: #595959;
    padding-bottom: 3px;
    opacity: 0.5;
}

ul.nav-resources li a:hover {
    color: #ffb321;
    text-decoration: none;
}

@media (max-width: 768px) {
    ul.nav-resources {
        font-size: 1.2em;
    }
}

.nav-footer {
    margin-bottom: 10px;
}

.nav-footer>li {
    float: left;
}

.nav-footer>li>a {
    font-size: 1.2em;
    font-weight: 400;
    display: block;
    padding: 10px 15px;
    position: relative;
    color: #595959;
}

.nav-footer>li>a:hover {
    background: none;
    color: #ffb321;
}

.nav-footer>li:first-child>a {
    padding-left: 0;
}

@media (max-width: 768px) {
    .nav-footer>li {
        font-size: 0.9em;
    }
    .nav-footer>li>a {
        padding-left: 0;
    }
}

#footer-container p {
    font-size: 1em;
    margin-top: 12px;
    text-align: center;
}


/* =PROFILE
--------------------------------------------------------------------------------*/

h1.display-name {
    font-weight: 300;
    font-size: 3.1em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 0;
}

a.edit-profile {
    font-size: 0.5em;
    font-weight: 400;
}

a.edit-profile:hover {
    text-decoration: none;
}

p.display-location {
    font-weight: 600;
    font-size: 1.6em;
    text-transform: capitalize;
    color: #ffb321;
    font-style: italic;
    margin-top: 0;
}

ul.profile-stats {
    list-style-type: none;
    padding-left: 0;
    font-size: 2em;
}

ul.profile-stats li {
    float: left;
    margin-right: 5px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 700;
    display: block;
    position: relative;
}

ul.profile-stats li a {
    display: block;
    position: relative;
    padding: 1px 5px 1px 30px;
    float: left;
    margin-top: 4px;
}

ul.profile-stats li.likes {
    background-color: #01a2a5;
}

ul.profile-stats li.friends {
    background-color: #ff7f21;
    padding: 1px 5px 1px 5px;
    margin-top: 4px;
}

ul.profile-stats li.fav-stars {
    
    padding: 5px 10px 5px 10px;
    color: #727272;
}

ul.profile-feedback {
    list-style-type: none;
    padding-left: 0;
    font-size: 1.2em;
}

ul.profile-feedback>li {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.profile-feedback li a {
    padding: 5px 10px 5px 30px;
}

ul.profile-feedback li a:hover {
    text-decoration: none;
}

a.like {
    background: url(/res/pngs/profile-public-view/i-like.png) no-repeat 0 0;
}

a.friend-request {
    background: url(/res/pngs/profile-public-view/i-friend-request.png) no-repeat 2px 1px;
    background-color: #ff7f21;
    color: #fff;
}

a.friend-request:hover {
    text-decoration: none;
    background-color: #ffb321;
    color: #fff;
}

a.group-request {
    background: url(/res/pngs/group-profile-view/i-group-request.png) no-repeat 2px 1px;
    background-color: #ff7f21;
    color: #fff;
}

a.group-request:hover {
    text-decoration: none;
    background-color: #ffb321;
    color: #fff;
}

a.report {
    background: url(/res/pngs/profile-public-view/i-report.png) no-repeat 2px 1px;
    background-color: #d92129;
    color: #fff;
}

a.report:hover {
    text-decoration: none;
    background-color: #ffb321;
    color: #fff;
}

label.display-title {
    color: #4a4a4a;
    font-weight: 600;
    font-size: 1.6em;
}

p.my-gallery-title {
    color: #107a9d;
    font-size: 4.4em;
    font-weight: 300;
}

.img-my-gallery {
    border: 1px solid #eeeeee;
    padding: 5px;
    margin: 0 auto 10px auto;
    display: block;
}

.ikulpic-lg {
    border: 4px solid lightgray;
    background-color: #FFF;
    margin: 0px auto;
    display: block;
    width: 206px;
    height: 194px;
    position: relative;
    object-fit: cover;
    box-shadow: 4px 4px 8px #888;
}

.fav-ikulpic {
    cursor: pointer;
    display: block;
    width: 194px;
    height: 182px;
    position: relative;
    background: url(/res/pngs/profile-public-view/i-ikulpic-favourite.png) no-repeat 165px 10px;
}

.fav-ikulpic p {
    padding: 35px 20px 0 20px;
    margin-bottom: 0;
    line-height: 125%;
}

.fav-ikulpic-value {
    margin: 0 auto;
    display: block;
    width: 250px;
}

.fav-ikulpic-value ul {
    list-style-type: none;
    position: relative;
    padding-left: 0;
}

.fav-ikulpic-value ul li {
    font-size: 2.4em;
    font-weight: 600;
    color: #107b9d;
    text-align: center;
    display: inline;
    padding: 1px 2px 1px 2px;
}

.fav-ikulpic-value ul li.divide {
    background: none;
    border: none;
    padding: 1px 3px 1px 3px;
}

.ikulpic-md {
    border: 4px solid lightgray;
    background-color: #FFF;
    margin: 20px auto 15px auto;
    width: 136px;
    height: 127px;
    position: relative;
    box-shadow: 4px 4px 8px gray;
}

.ikulpic-result {
    cursor: pointer;
    margin: 0 auto;
    display: block;
    width: 116px;
    height: 115px;
    position: relative;
    background: url(/res/pngs/ikulpic-assets/i-ikulpic-mag.png) no-repeat 90px 85px;
}

/*
@media (max-width: 480px) {
    .ikulpic-md {
        width: 62px;
        height: 59px;
    }
    .ikulpic-result {
        width: 50px;
        height: 46px;
    }
}
*/

p.ikulpic-value {
    text-align: center;
    color: #107a9d;
    font-weight: 600;
    font-size: 2.0em;
}

.ikulpic-sm {
    margin: 0 10px 10px 0;
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
}

.ikulpic-xs {
    cursor: pointer;
    margin: 5px 5px 7px 0;
    float: left;
    width: 17px;
    height: 17px;
    position: relative;
}

.profile-pin-lg {
    border: 1px solid #0f7d9e;
    margin: 15px auto 10px auto;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}


/* =NEAR ME BLOCK
--------------------------------------------------------------------------------*/

.ikulpic-grid {
    table-layout:fixed;
    width: 300px;
    margin: 25px auto 25px auto;
}

.ikulpic-grid>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.ikulpic-grid>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.ikulpic-grid tr {
    text-align: center;
}

.ikulpic-grid.near-me tr {
    text-align: center;
    height: 100px;
}

.ikulpic-grid tr td {
    width: 10px;
    cursor: pointer;
}

.ikulpic-grid a {
    color: #fff;
    font-size: 1.8em;
    font-weight: 400;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 22px 2px 22px 2px;
    text-transform: uppercase;
}


/* =PROFILE TILE
--------------------------------------------------------------------------------*/

.profile-tile,
.profile-tile-wide {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 10px 10px 0 10px;
    margin-bottom: 5px;
}

.tile-alt {
    background-color: #fbfbfb;
}

.profile-pin {
    border: 1px solid #0f7d9e;
    float: left;
    margin: 2px 10px 10px 0;
    width: 40px;
    height: 40px;
    object-fit:cover;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.profile-tile p {
    color: #4b4b4b;
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 1px;
}

p.fav-value {
    font-size: 1.4em!important;
}

.test-ikul {
    background-color: #00FF00;
    width: 25px;
    height: 25px;
}

.purchase-link h6 {
    text-align: center;
    font-size: 3em;
    font-weight: 300;
    text-transform: none;
}

.purchase-link p {
    text-align: center;
}

.purchase-link img {
    display: block;
    margin: 0 auto;
}


/* =SHARE
--------------------------------------------------------------------------------*/

.share-data {
    margin-top: 5px;
}

.share-data p {
    font-size: 1.6em;
}

.share-data p.i-ikulpic {
    background: url(/res/pngs/profile-public-view/i-ikulpic.png) no-repeat 0 0;
    line-height: 185%;
    padding-left: 35px;
}

.share-data p.i-twitter {
    background: url(/res/pngs/ikulpic-modal/i-twitter-share.png) no-repeat 0 0;
    line-height: 185%;
    padding-left: 35px;
	background-size:27px 27px;
}

.share-data p.i-facebook {
    background: url(/res/pngs/ikulpic-modal/i-facebook-share.png) no-repeat 0 0;
    line-height: 185%;
    padding-left: 35px;
	background-size:27px 27px;
}

.share-data p.i-instagram {
    background: url(/res/pngs/ikulpic-modal/i-instagram-share.png) no-repeat 0 0;
    line-height: 185%;
    padding-left: 35px;
	background-size:27px 27px;
}

.share-data p.i-tumblr {
    background: url(/res/pngs/ikulpic-modal/i-tumblr-share.png) no-repeat 0 0;
    line-height: 185%;
    padding-left: 35px;
	background-size:27px 27px;
}

.share-data p.i-pinterest {
    background: url(/res/pngs/ikulpic-modal/i-pinterest-share.png) no-repeat 0 0;
    line-height: 185%;
    padding-left: 35px;
	background-size:27px 27px;
}

.share-data p.i-mywebsite {
    line-height: 185%;
    padding-left: 35px;
	background-size:27px 27px;
}

.share-value {
    background-color: #fbfbfb;
    border: 1px solid #eeeeee;
    padding: 5px 40px 5px 10px;
    font-size: 1.8em;
    width: 100%;
    margin-bottom: 15px;
}


/* =404 PAGE
--------------------------------------------------------------------------------*/

h1.error-404 {
    font-size: 6em;
    text-align: center;
    font-size: 300;
    letter-spacing: -5px;
}

.img-404 {
    display: block;
    margin: 15px auto 15px auto;
}


/* =SIGN UP
--------------------------------------------------------------------------------*/

h1.sign-up {
    font-family: 'Handlee', cursive;
    font-size: 3.5em;
    margin: 30px auto 10px auto;
    text-align: center;
}

h2.sign-up {
    font-size: 2em;
    margin: 10px auto 40px auto;
    text-align: center;
    text-transform: none;
}

h3.sign-up-total {
    font-size: 3em;
    text-transform: none;
}

.gbp-price {
    font-size: 0.5em;
}

.img-sign-up {
    margin: 5px auto 5px auto;
    display: block;
}

#sign-up label {
    font-size: 1.3em;
}

.btn-sign-up {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-sign-up:hover,
.btn-sign-up:focus,
.btn-sign-up.focus,
.btn-sign-up:active,
.btn-sign-up.active,
.open>.dropdown-toggle.btn-sign-up {
    background-color: #107a9d;
    border-color: #107a9d;
    color: #fff;
}

.btn-sign-up:active,
.btn-sign-up.active,
.open>.dropdown-toggle.btn-sign-up {
    background-image: none;
}

.btn-sign-up.disabled,
.btn-sign-up[disabled],
fieldset[disabled] .btn-sign-up,
.btn-sign-up.disabled:hover,
.btn-sign-up[disabled]:hover,
fieldset[disabled] .btn-sign-up:hover,
.btn-sign-up.disabled:focus,
.btn-sign-up[disabled]:focus,
fieldset[disabled] .btn-sign-up:focus,
.btn-sign-up.disabled.focus,
.btn-sign-up.focus[disabled],
fieldset[disabled] .btn-sign-up.focus,
.btn-sign-up.disabled:active,
.btn-sign-up[disabled]:active,
fieldset[disabled] .btn-sign-up:active,
.btn-sign-up.disabled.active,
.btn-sign-up.active[disabled],
fieldset[disabled] .btn-sign-up.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-sign-up .badge {
    background-color: #333;
    color: #fff;
}

p.sign-in-link {
    text-align: center;
    margin-top: 5px;
}

.img-payment-icon {
    display: block;
    margin: 0 auto 10px auto;
}

#sign-up .radio input[type="radio"] {
    margin: 0 auto;
    display: block;
    position: relative;
}

#sign-up .radio label {
    margin: 0 auto;
    display: block;
    padding-left: 0;
}


/* =ACCOUNT PAGES
--------------------------------------------------------------------------------*/

h3.sign-in-info {
    font-size: 2em;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: none;
    color: #107a9d;
    font-weight: 300;
    padding-bottom: 5px;
}

h1.account-form {
    font-weight: 300;
    font-size: 3.5em;
    margin: 30px auto 10px auto;
    text-align: center;
}

h2.account-form {
    font-size: 2em;
    margin: 10px auto 40px auto;
    text-align: center;
    text-transform: none;
}

h3.account-form {
    font-size: 2em;
    margin: 10px auto 5px auto;
    text-align: center;
    text-transform: none;
}

p.account-intro {
    font-size: 1.8em;
    text-align: center;
    font-weight: 300;
}

.account-intro-block {
    display: block;
    margin: 0 auto;
    border: 1px solid #e1e1e1;
    width: 75%;
    height: 350px;
}

@media (max-width: 480px) {
    .account-intro-block {
        width: 100%;
        height: auto;
    }
}

.account-intro-block h2 {
    font-weight: 300;
    font-size: 2em;
    text-transform: none;
    background-color: #107a9d;
    color: #fff;
   
    padding: 15px;
    margin-bottom: 15px;
    text-align: center;
	margin-top:0!important;
}

.img-account-form {
    margin: 20px auto 20px auto;
    display: block;
}

#sign-in {
    margin-top: 15px;
}

.img-sign-in-option {
    display: block;
    margin: 0 auto 12px auto;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.btn-account {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-account:hover,
.btn-account:focus,
.btn-account.focus,
.btn-account:active,
.btn-account.active,
.open>.dropdown-toggle.btn-account {
    background-color: #107a9d;
    border-color: #107a9d;
    color: #fff;
}

.btn-account:active,
.btn-account.active,
.open>.dropdown-toggle.btn-account {
    background-image: none;
}

.btn-account.disabled,
.btn-account[disabled],
fieldset[disabled] .btn-account,
.btn-account.disabled:hover,
.btn-account[disabled]:hover,
fieldset[disabled] .btn-account:hover,
.btn-account.disabled:focus,
.btn-account[disabled]:focus,
fieldset[disabled] .btn-account:focus,
.btn-account.disabled.focus,
.btn-account.focus[disabled],
fieldset[disabled] .btn-account.focus,
.btn-account.disabled:active,
.btn-account[disabled]:active,
fieldset[disabled] .btn-account:active,
.btn-account.disabled.active,
.btn-account.active[disabled],
fieldset[disabled] .btn-account.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-account .badge {
    background-color: #333;
    color: #fff;
}

.btn-sign-in {
    background-color: #00AED8;
    border-color: #00AED8;
    margin-top: 15px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-sign-in:hover,
.btn-sign-in:focus,
.btn-sign-in.focus,
.btn-sign-in:active,
.btn-sign-in.active,
.open>.dropdown-toggle.btn-sign-in {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-sign-in:active,
.btn-sign-in.active,
.open>.dropdown-toggle.btn-sign-in {
    background-image: none;
}

.btn-sign-in.disabled,
.btn-sign-in[disabled],
fieldset[disabled] .btn-sign-in,
.btn-sign-in.disabled:hover,
.btn-sign-in[disabled]:hover,
fieldset[disabled] .btn-sign-in:hover,
.btn-sign-in.disabled:focus,
.btn-sign-in[disabled]:focus,
fieldset[disabled] .btn-sign-in:focus,
.btn-sign-in.disabled.focus,
.btn-sign-in.focus[disabled],
fieldset[disabled] .btn-sign-in.focus,
.btn-sign-in.disabled:active,
.btn-sign-in[disabled]:active,
fieldset[disabled] .btn-sign-in:active,
.btn-sign-in.disabled.active,
.btn-sign-in.active[disabled],
fieldset[disabled] .btn-sign-in.active {
    background-color: #fff;
    border-color: #ccc;
}

p.account-link {
    text-align: center;
    margin-top: 5px;
}


/* =CONFIRMATION PAGE
--------------------------------------------------------------------------------*/

h2.credit-title {
    margin-bottom: 0;
    font-size: 2.5em;
    text-transform: none;
    text-align: center;
}

h4.choose-colour {
    font-size: 2em;
    text-transform: none;
}

h5.inspiration {
    font-size: 4em;
    text-transform: none;
    text-align: center;
}

h6.add-big-picture {
    font-size: 3em;
    text-transform: none;
    text-align: center;
    margin-bottom: 10px;
}

.img-inspiration {
    display: block;
    margin: 0 auto 10px auto;
}

p.inspiration-title {
    font-family: 'Handlee', cursive;
    font-size: 3em;
    margin: 30px auto 10px auto;
    text-align: center;
}

p.inspiration-browse {
    color: #737373;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: center;
}


/* =IKULPIC CONFIRMATION PAGE
--------------------------------------------------------------------------------*/

.img-inspiration-lg {
    display: block;
    margin: 10px auto 10px auto;
    padding: 10px;
    border: 1px solid #eee;
}


/* =PERSONALISE ACCOUNT PAGE
--------------------------------------------------------------------------------*/

.img-personalise {
    margin: 5px auto 15px auto;
    display: block;
}


/* =MEMBER DASHBOARD
--------------------------------------------------------------------------------*/

#main-dashboard-nav-container {
    background-color: #0e6d8a;
    border-bottom: 1px solid #0d6884;
    border-top: 1px solid #0d6884;
}

.dashboard-content {
    border-left: 1px solid #d1d1d1;
}

#nav-member-sidebar {
    list-style-type: none;
    padding-left: 0;
    font-size: 1.4em;
}

#nav-member-sidebar a {
    display: block;
    color: #4a4a4a;
    font-weight: 600;
    padding: 7px 0 7px 33px;
}

#nav-member-sidebar a.activity {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-activity.png) no-repeat 2px 5px;
}

#nav-member-sidebar a.my-ikulpics {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-my-ikulpics.png) no-repeat 2px 5px;
}

#nav-member-sidebar a.my-favourites {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-my-favourites.png) no-repeat 2px 5px;
}

#nav-member-sidebar a.likes {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-likes.png) no-repeat 2px 5px;
}

#nav-member-sidebar a.groups {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-groups.png) no-repeat 2px 5px;
}

#nav-member-sidebar a.buy-ikulpic {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-buy-ikulpic.png) no-repeat 2px 5px;
}

#nav-member-sidebar a.gift-ikulpic {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-gift-ikulpic.png) no-repeat 2px 5px;
}

#nav-member-sidebar a.transactions {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-transactions.png) no-repeat 2px 5px;
}

#nav-member-sidebar a.my-gallery {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-my-gallery.png) no-repeat 2px 5px;
}

#nav-member-sidebar a:hover {
    background-color: #f6f8fa;
    text-decoration: none;
}

.member-dashboard-profile-pin {
    border: 1px solid #0f7d9e;
    margin: 10px auto 10px auto;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}

ul.profile-links {
    list-style-type: none;
    padding-left: 0;
    font-size: 1.4em;
    margin: 20px 0 10px 0;
}

ul.profile-links a {
    font-size: 0.8em;
    text-decoration: none;
    display: block;
}

ul.profile-links li.title {
    color: #0e6d8a;
    font-weight: 600;
}

.profile-pin-news {
    border: 1px solid #0f7d9e;
    float: left;
    margin: 25px 30px;
    width: 50px;
    height: 50px;
    object-fit:cover;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    background-color: #fff;
}

.profile-pin-xs {
    border: 1px solid #0f7d9e;
    float: left;
    margin: 0px 7px;
    width: 40px;
    height: 40px;
    object-fit:cover;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    background-color: #fff;
}

.profile-pin-dashboard {
    border: 1px solid #0f7d9e;
    background-color: white;
    float: left;
    margin: 5px auto;
    width: 40px;
    height: 40px;
    object-fit:cover;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

h1.dashboard-title {
    font-weight: 300;
    font-size: 3.1em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

h2.dashboard {
    font-weight: 500;
    font-size: 2.5em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

h2.dashboard-friends {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-friends.png) no-repeat 0 0;
    padding-left: 30px;
    font-size: 1.6em;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 400;
}

h3.dashboard-messages {
    background: url(/res/pngs/member-dashboard/nav-sidebar/i-friends.png) no-repeat 0 0;
    padding-left: 30px;
    font-size: 1.6em;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 400;
}

h3.dashboard {
    font-weight: 300;
    font-size: 3.1em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.navbar-brand {
    float: left;
    font-size: 1.4em;
    font-weight: 300;
    height: 50px;
    line-height: 20px;
    padding: 15px;
}

.nav-member-dashboard {
    background-color: #0e6d8a;
    border: none;
    margin-bottom: 0!important;
    min-height: 30px!important;
}

.nav-member-dashboard .navbar-brand {
    color: #fff;
    font-size: 2em;
    font-weight: 300;
}

.nav-member-dashboard .navbar-brand:hover,
.nav-member-dashboard .navbar-brand:focus {
    background-color: transparent;
    color: #ffb321;
}

.nav-member-dashboard .navbar-text {
    color: #fff;
}

.nav-member-dashboard .navbar-nav>li>a {
    color: #fff;
    float: left;
}

.nav-member-dashboard .navbar-nav>li>a:hover,
.nav-member-dashboard .navbar-nav>li>a:focus {
    background-color: transparent;
    color: #ffb321;
}

.nav-member-dashboard .navbar-nav>.active>a,
.nav-member-dashboard .navbar-nav>.active>a:hover,
.nav-member-dashboard .navbar-nav>.active>a:focus {
    background-color: #ffb321;
    color: #fff;
}

.nav-member-dashboard .navbar-nav>.disabled>a,
.nav-member-dashboard .navbar-nav>.disabled>a:hover,
.nav-member-dashboard .navbar-nav>.disabled>a:focus {
    background-color: transparent;
    color: #fff;
}

.nav-dashboard-control a {
    font-size: 1.4em!important;
    text-transform: uppercase;
    padding: 0px 6px 12px 6px!important;
}

.nav-dashboard-control a:hover {
    color: #fff!important;
}

.nav-dashboard-control a img {
    opacity: 0.65;
    filter: alpha(opacity=65);
    /* For IE8 and earlier */
}

.nav-dashboard-control a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}

.nav-dashboard-control li.last {
    border-right: 1px solid #0d617b;
}

.nav-dashboard-control .dropdown-menu {
    background-color: #fff!important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.nav-dashboard-control .badge {
    background-color: #eb043a;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 5px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    margin-right: 2px;
}

.open>.dropdown-ikulpic-viewed-history-list {
    display: inline-block;
}

.open>.dropdown-ikulpic-cart {
    display: inline-block;
}

p.session-status {
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
}

p.friend-status {
    font-size: 1.4em!important;
}

ul.activity-opt {
    list-style-type: none;
}

ul.activity-opt li {
    font-size: 1.2em;
    font-weight: 600;
    float: left;
}

ul.activity-opt li a {
    display: block;
    padding-right: 10px;
}

ul.account-status {
    list-style-type: none;
    font-size: 1.8em;
    font-weight: 300;
    padding-left: 0;
}

/* sizing for jquery validation label messages */
#friend-message label,
#account-settings1 label,
#search label,
#account-settings4 .error,
#report .error,
#account-settings4 .title,
#reset-password label,
#report-form label,
#forgot-password label {
    font-size: 1.4em;
    font-weight: 600;
}

.member-dashboard-edit-pin {
    border: 1px solid #0f7d9e;
    margin: 0 auto 10px auto;
    display: block;
    height: 70px;
    object-fit: contain;
}

.new-password-inputs {
    display: none;
}

.dashboard-intro-banner {
    display: block;
    margin: 0 auto;
}

.dashboard-banner-img {
    margin: 0 auto;
    display: block;
}

h2.dashboard-banner-title {
    text-transform: none;
    font-size: 2.6em;
    text-align: center;
    font-weight: 300;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 10px;
}


/* =MEMBER DASHBOARD VISUAL
--------------------------------------------------------------------------------*/

.img-dash-secondary-icon {
    display: block;
    margin: 10px auto 10px auto;
}

.dash-tips-icon p {
    font-size: 1.6em;
    margin-top: 20px;
    color: #0e6d8a;
    text-align: center;
    font-weight: 600;
}

.dash-tips-icon img {
    display: block;
    margin: 0 auto;
}

.dash-icons-panel img {
    display: block;
    margin: 10px auto 10px auto;
}

.dash-icons-panel p {
    font-size: 1.7em;
    text-align: center;
    font-weight: 300;
}

.see-big-picture {
    margin: 10px auto 10px auto;
    display: block;
    border: 5px solid darkblue;
    padding: 10px;
}


/* =POPOVER
--------------------------------------------------------------------------------*/

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 350px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    padding: 10px 14px;
    margin: 0;
    width: inherit;
    line-height: 18px;
    color: inherit;
    background-color: inherit;
    border-radius: 5px;
    font-size: 1em;
    text-align: center;
    font-weight: 300;
    text-transform: none;
}

.popover-content {
    padding: 0;
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    content: "";
    border-width: 10px;
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #0f7c9d;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}


/* =PROCESSING PAYMENT
--------------------------------------------------------------------------------*/

.progress-bar-processing {
    background-color: #ffb321;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}

.progress-bar-processing,
.progress-bar-processing.active {
    animation: 2s linear 0s normal none infinite running progress-bar-stripes;
}

.progress-bar-processing {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}


/* =PURCHASE IKULPIC
--------------------------------------------------------------------------------*/

h1.purchase-ikulpic {
    font-size: 2.4em;
    color: #107a9d;
    font-weight: 300;
}

h2.purchase-ikulpic {
    font-size: 2.4em;
    color: #107a9d;
    font-weight: 300;
    margin-bottom: 10px;
}

h3.purchase-ikulpic {
    font-size: 2.4em;
    color: #107a9d;
    font-weight: 300;
    margin-bottom: 10px;
}

h4.purchase-ikulpic {
    font-size: 2.4em;
    color: #107a9d;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: center;
}

.purchase-ikulpic-item {
    border: 1px dashed #e1e1e1;
    padding: 10px;
    margin-bottom: 15px;
}

.purchase-ikulpic-item p {
    color: #107a9d;
    text-align: center;
}

p.purchase-ikulpic-item-value {
    font-size: 2em;
    text-align: center;
    font-weight: 300;
}

#purchase-ikulpic-form label {
    font-size: 1.3em;
    font-weight: 400;
}

#purchase-ikulpic-form .radio input[type="radio"] {
    margin: 0 auto;
    display: block;
    position: relative;
}

#purchase-ikulpic-form .radio label {
    margin: 0 auto;
    display: block;
    padding-left: 0;
}

.redeemcode {
    display: none;
    margin-top: 15px;
}

.reg-acc-block {
    margin-bottom: 10px;
}

.date-birth-reg-block {
    margin-bottom: 5px;
}

p.register-mismatch {
    font-size: 1.2em;
    font-weight: 600;
    font-style: italic;
    margin-top: 5px;
}

.pay-method-block {
    margin-top: 35px;
}

.btn-redeem {
    padding-top: 5px;
    padding-bottom: 5px;
}


/* =THE BIG PICTURE
--------------------------------------------------------------------------------*/

.guide-tip-sm {
    border-top: 3px solid #00aed8;
    width: 65px;
    background-color: #fff;
    position: absolute;
    padding: 5px;
    top: 541px;
    left: 10px;
    z-index: 100;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-shadow: -1px 2px 2px 1px #F2F2F2;
    box-shadow: -1px 2px 2px 1px #F2F2F2;
}

p.quick-tip {
    font-size: 1em;
    margin-bottom: 0;
    color: #00aed8;
    font-weight: 600;
    text-align: center;
}

p.quick-info {
    font-size: 1.1em;
    margin-bottom: 5px;
    text-align: center;
}

#big-picture-control {
    width: 100%;
    background-color: #0e6d8a;
    padding-top: 10px;
    padding-bottom: 10px;
}

#big-picture {
    background: url(/images/the-big-picture/big-picture-bg.png) no-repeat center top;
    background-color: #fff;
}

#big-picture h1 {
    color: #107a9d;
    font-weight: 300;
    font-size: 3em;
    margin-bottom: 0;
}

h1.big-picture-title {
    color: #107a9d;
    font-weight: 300;
    font-size: 3em;
    margin-bottom: 0;
    text-align: center;
}

h2.big-picture-byline {
    color: #595959;
    font-size: 2em;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-transform: none;
    text-align: center;
}

#big-picture h3 {
    color: #107a9d;
    font-weight: 300;
    font-size: 3em;
    margin-bottom: 10px;
}

.mini-picture-level-2,
.mini-picture-level-3 {
    float: left;
    margin-left: 5px;
    margin-right: 10px;
}

.mini-picture-level-2 .disabledtable,
.mini-picture-level-3 .disabledtable {
    border: 2px solid #888888;
    margin-bottom: 5px;
}

.mini-picture-level-2 .disabledtable td,
.mini-picture-level-3 .disabledtable td {
    width: 1em !important;
    height: 1em !important;
    border: 1px solid #888888;
    text-align: center;
    vertical-align: middle;
    padding: 5px!important;
}

.mini-picture-level-2 .table {
    border: 2px solid #33cc33;
    margin-bottom: 5px;
}
.mini-picture-level-3 .table {
    border: 2px solid #ff9900;
    margin-bottom: 5px;
}

.mini-picture-level-2 .table td {
    width: 1em !important;
    height: 1em !important;
    border: 1px solid #33cc33;
    text-align: center;
    vertical-align: middle;
    padding: 5px!important;
}
.mini-picture-level-3 .table td {
    width: 1em !important;
    height: 1em !important;
    border: 1px solid #ff9900;
    text-align: center;
    vertical-align: middle;
    padding: 5px!important;
}

.mini-occ2 {
    background-color: #33cc33;
}

.mini-occ3 {
    background-color: #ff9900;
}

.mini-picture-level-2 p {
    text-align: center;
    color: #107a9d;
    font-size: 1.4em;
}

.mini-picture-level-3 p {
    text-align: center;
    color: #107a9d;
    font-size: 1.4em;
}

.big-picture-blocks {
    margin-bottom: 5px;
}

.img-control-logo {
    margin-bottom: 5px;
    margin-right: 3px;
}

.btn-big-picture {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
    width: 85px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 5px;
}

.btn-big-picture:hover,
.btn-big-picture:focus,
.btn-big-picture.focus,
.btn-big-picture:active,
.btn-big-picture.active,
.open>.dropdown-toggle.btn-big-picture {
    background-color: #107a9d;
    border-color: #107a9d;
    color: #fff;
}

.btn-big-picture:active,
.btn-big-picture.active,
.open>.dropdown-toggle.btn-big-picture {
    background-image: none;
}

.btn-big-picture.disabled,
.btn-big-picture[disabled],
fieldset[disabled] .btn-big-picture,
.btn-big-picture.disabled:hover,
.btn-big-picture[disabled]:hover,
fieldset[disabled] .btn-big-picture:hover,
.btn-big-picture.disabled:focus,
.btn-big-picture[disabled]:focus,
fieldset[disabled] .btn-big-picture:focus,
.btn-big-picture.disabled.focus,
.btn-big-picture.focus[disabled],
fieldset[disabled] .btn-big-picture.focus,
.btn-big-picture.disabled:active,
.btn-big-picture[disabled]:active,
fieldset[disabled] .btn-big-picture:active,
.btn-big-picture.disabled.active,
.btn-big-picture.active[disabled],
fieldset[disabled] .btn-big-picture.active {
    background-color: #fff;
    border-color: #ccc;
}

.tbp-count {
    background-color: #F00;
    color: #fff;
}

.btn-big-picture .badge {
    background-color: #333;
    color: #fff;
}

ul.big-picture-nav {
    list-style-type: none;
    padding-left: 0;
    color: #fff;
    position: relative;
}

ul.big-picture-nav li a {
    font-size: 2em;
    font-weight: 600;
    color: #fff;
    background-color: #ffb321;
    border: 1px solid #eaa51f;
    text-align: center;
    float: left;
    padding: 2px 10px 2px 10px;
    margin-right: 5px;
}

ul.big-picture-nav li a:hover {
    text-decoration: none;
    background-color: #0c6079;
    border-color: #0c6079;
    color: #fff;
    transition: background-color 0.3s ease;
}

.container-picture {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.big-picture-logo {
    margin: 10px auto 20px auto;
    display: block;
}

.big-picture-search-img {
    margin: -1px auto 10px auto;
    display: block;
}

p.interact {
    float: left;
    font-size: 2em;
    font-weight: 300;
    color: #107a9d;
    margin-right: 10px;
}

.big-picture-nav-control {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

.big-picture-nav-control-panel a {
    opacity: 0.75;
    filter: alpha(opacity=75);
    /* For IE8 and earlier */
}

.big-picture-nav-control-panel a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}

.big-picture-frame {
    border: 1px solid #e8e8e8;
    padding-top: 20px;
    padding-bottom: 50px;
    margin-bottom: 25px;
    box-shadow: 0px 1em 2em -1em rgba(0, 0, 0, .4), 0px 2em 2em -1em rgba(0, 0, 0, .3), 0px 3em 2em -1em rgba(0, 0, 0, .2), 0px 4em 1.5em -1em rgba(0, 0, 0, .15), 0px 2em 4em .5em rgba(0, 0, 0, .1), inset 0 .2em .1em #fff;
    background-color: #fff;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.big-picture-frame h1 {
    text-align: center;
    font-weight: 400;
    font-size: 4.8em;
    margin-top: 0;
    margin-bottom: 15px!important;
}

.img-frame-logo {
    display: block;
    margin: 5px auto 15px auto;
}

#find-ikulpic-by-ref {
    margin-top: 10px;
}

.ref-input {
    margin-bottom: 10px!important;
}

.btn-big-pic-find {
    background-color: #00aed8;
    border-color: #00aed8;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.btn-big-pic-find:hover,
.btn-big-pic-find:focus,
.btn-big-pic-find.focus,
.btn-big-pic-find:active,
.btn-big-pic-find.active,
.open>.dropdown-toggle.btn-big-pic-find {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-big-pic-find:active,
.btn-big-pic-find.active,
.open>.dropdown-toggle.btn-big-pic-find {
    background-image: none;
}

.btn-big-pic-find.disabled,
.btn-big-pic-find[disabled],
fieldset[disabled] .btn-big-pic-find,
.btn-big-pic-find.disabled:hover,
.btn-big-pic-find[disabled]:hover,
fieldset[disabled] .btn-big-pic-find:hover,
.btn-big-pic-find.disabled:focus,
.btn-big-pic-find[disabled]:focus,
fieldset[disabled] .btn-big-pic-find:focus,
.btn-big-pic-find.disabled.focus,
.btn-big-pic-find.focus[disabled],
fieldset[disabled] .btn-big-pic-find.focus,
.btn-big-pic-find.disabled:active,
.btn-big-pic-find[disabled]:active,
fieldset[disabled] .btn-big-pic-find:active,
.btn-big-pic-find.disabled.active,
.btn-big-pic-find.active[disabled],
fieldset[disabled] .btn-big-pic-find.active {
    background-color: #fff;
    border-color: #ccc;
}

.bp_tab {
	margin-bottom: 0px;
	font-size: 2em;
}

@media (max-width: 420px) {
        .bp_tab {
                font-size: 1.2em;
        }
}

.bp_top {
	border-top-style: solid !important;
	border-top-color: rgb(255,153,0) !important;
	border-top-width: 5px !important;
}

.bp_bottom {
	border-bottom-style: solid !important;
	border-bottom-color: rgb(255,153,0) !important;
	border-bottom-width: 5px !important;
}

.bp_left {
	border-left-style: solid !important;
	border-left-color: rgb(255,153,0) !important;
	border-left-width: 5px !important;
}

.bp_right {
	border-right-style: solid !important;
	border-right-color: rgb(255,153,0) !important;
	border-right-width: 5px !important;
}

@media (max-width: 1200px) {
    .big-pic-control {
        display: block;
        margin: 0 auto;
    }
}

span.profile-username {
    font-weight: 600;
    font-size: 20pt;
    margin-top: 5px;
}


/* =IKULPIC MODAL
--------------------------------------------------------------------------------*/

.modal-content {
	max-height: auto;
}

.ikulpic-modal-logo {
    margin: 0 -20px;
    display: block;
    height: 50px;
    width: auto;
    padding-left: 5px;
}

.ikulpic-favcount-logo {
    margin: 0 auto;
    display: block;
}

.ikulpic-modal-reference {
    color: #fff;
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    text-transform: capitalize;
    text-align: center;
    margin-top: 0!important;
}

.ikulpic-modal-title {
    border-bottom: none;
}

.ikulpic-modal-inspiration {
    border: 1px solid #eeeeee;
    display: block;
    margin: 0 auto 5px auto;
    max-height: auto;
    width: 100%;
}

p.ikulpic-inspiration {
    font-size: 14pt;
    font-weight: 500;
	text-align: justify;
	overflow-wrap: break-word;
}

.insp-text-box {
	max-height: 20vh;
	padding: 5px;
}

.ik-share {
    font-weight: 700;
    color: #fff;
    background-color: salmon;
    border-color: salmon;
    margin: 1px 1px;
    padding: 1px 1px;
    white-space: normal;
    width: 70px;
    height: inherit;
    border: 1px solid black;
}

.ik-join {
    font-weight: 700;
    color: #fff;
    background-color: #f7dc6f;
    border-color: #f7dc6f;
    margin-left: 5px;
    padding: 1px 1px;
    white-space: normal;
    width: 70px;
    height: inherit;
    border: 1px solid black;
}

.im-tag {
    margin: 1px 1px;
    padding: 1px 1px;
    width: 120px;
    height: 80px;
    white-space: normal;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

/* hacks for phone landscape modals */
@media (max-height: 420px) {
	.modal-dialog {
		width:95vw;
	}
	.modal-content {
		width:95vh;
	}
	.insp-text-box {
		max-height:16vw;
	}
	.ikulpic-modal-log {
		height:6vw;
	}
    p.ikulpic-inspiration {
        font-size: 10pt;
    }
}












/* END of modal classes */



.area-link-low:hover {
    background-color: orange;
}

.area-link-high:hover {
    background-color: lightgrey;
}

.area-link-low {
    font-size: 0.8em;
    color: black;
    width: 13%;
    margin-left: 20px;
    border: white solid 2px;
}

.area-link-high {
    font-size: 0.8em;
    color: black;
    width: 13%;
    margin-left: 20px;
    border: black solid 2px;
}

#big-picture-content {
    background-color: #fcfcfc;
}

.big-picture-block {
    background-color: #fff;
}


/* =ACTVITY FEED
--------------------------------------------------------------------------------*/

#activity-feed {
    background-color: #fcfcfc;
    height: 100%;
    border: 1px solid #eee;
    padding: 10px;
}

#activity-feed h3 {
    margin-top: 10px;
    font-size: 2em;
}

#activity-feed .profile-tile {
    background-color: #fff;
    margin-top: 5px;
}

#activity-feed .ikulpic-sm {
    height: 35px;
    width: 35px;
}

.nav-tabs-activity>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs-activity>li>a {
    border: 1px solid transparent;
    line-height: 1.42857;
    margin-right: 2px;
    font-size: 1.1em;
    font-weight: 600;
    padding: 10px 7px;
}

.nav-tabs-activity>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs-activity>li.active>a,
.nav-tabs-activity>li.active>a:hover,
.nav-tabs-activity>li.active>a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    color: #555;
    cursor: default;
}

.nav-tabs-activity.nav-justified {
    border-bottom: 0 none;
    width: 100%;
}

.nav-tabs-activity.nav-justified>li {
    float: none;
}

.nav-tabs-activity.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-tabs-activity.nav-justified>.dropdown .dropdown-menu {
    left: auto;
    top: auto;
}

@media (min-width: 768px) {
    .nav-tabs-activity.nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs-activity.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-activity.nav-justified>li>a {
    border-radius: 4px;
    margin-right: 0;
}

.nav-tabs-activity.nav-justified>.active>a,
.nav-tabs-activity.nav-justified>.active>a:hover,
.nav-tabs-activity.nav-justified>.active>a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs-activity.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-activity.nav-justified>.active>a,
    .nav-tabs-activity.nav-justified>.active>a:hover,
    .nav-tabs-activity.nav-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}


/* =NEW DASHBOARD NAVIGATION
--------------------------------------------------------------------------------*/

ul.dropdown-ikulpic-cart {
    min-width: 250px;
    padding: 10px;
}

ul.dropdown-ikulpic-cart li .item {
    display: block;
    padding: 6px 10px 3px 10px;
    margin: 0;
    border-bottom: 1px dashed #e5e5e5;
}

ul.dropdown-ikulpic-cart li .item:hover {
    background-color: #fcfcfc;
}

ul.dropdown-ikulpic-cart li .item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-ikulpic-cart li .item-left {
    float: left;
}

ul.dropdown-ikulpic-cart li .item-left img,
ul.dropdown-ikulpic-cart li .item-left span.ikulpic-info {
    float: left;
}

ul.dropdown-ikulpic-cart li .item-left span.ikulpic-info {
    color: #4b4b4b;
    font-size: 0.9em;
    font-weight: 600;
    margin-bottom: 1px;
    margin-left: 10px;
}

ul.dropdown-ikulpic-cart li .item-left span.ikulpic-info span {
    display: block;
}

ul.dropdown-ikulpic-cart li .item-left span.ikulpic-info a {
    text-transform: capitalize;
    font-size: 1em!important;
}

ul.dropdown-ikulpic-cart li .item-left span.ikulpic-info a:hover {
    color: #ffb321!important;
}

ul.dropdown-ikulpic-cart li .item-right {
    float: right;
}

ul.dropdown-ikulpic-cart li .item-right button {
    margin-top: 14px;
}

ul.dropdown-ikulpic-cart span.title {
    font-size: 1.2em;
    font-weight: 600;
    display: block;
    padding-top: 5px;
    color: #0e6d8a;
}

ul.dropdown-ikulpic-cart span.byline {
    font-size: 0.8em;
    font-weight: 400;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

ul.dropdown-ikulpic-cart span.ref-title {
    color: #00aed9;
    font-size: 0.9em;
}

ul.dropdown-ikulpic-cart span.ref-num {
    font-size: 0.9em;
}

ul.dropdown-ikulpic-cart .ikulpic-sm {
    margin: 0 10px 5px 0;
    border: 1px solid #f5f5f5;
}

/*
.dropdown-menu>li>a.view-bp {
    color: #107a9d;
    font-size: 0.9em!important;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 10px!important;
    display: block;
    padding: 0!important;
}

.dropdown-menu>li>a.view-bp:hover {
    color: #ffb321!important;
    background: none;
}
*/

a.view-bp {
    color: #107a9d;
    font-size: 0.9em!important;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 10px!important;
    display: block;
    padding: 0!important;
}

a.view-bp:hover {
    color: #ffb321!important;
    background: none;
}

span.view-bp-desc {
    font-size: 0.8em;
}

.view-bp-img {
    float: right!important;
    margin-top: 0;
}

.btn-cart-cancel {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
    padding: 0 5px 1px 5px!important;
}

.btn-cart-cancel:hover,
.btn-cart-cancel:focus,
.btn-cart-cancel.focus,
.btn-cart-cancel:active,
.btn-cart-cancel.active,
.open>.dropdown-toggle.btn-cart-cancel {
    background-color: #0d6884;
    border-color: #0d6884;
    color: #fff;
}

.btn-cart-cancel:active,
.btn-cart-cancel.active,
.open>.dropdown-toggle.btn-cart-cancel {
    background-image: none;
}

.btn-cart-cancel.disabled,
.btn-cart-cancel[disabled],
fieldset[disabled] .btn-cart-cancel,
.btn-cart-cancel.disabled:hover,
.btn-cart-cancel[disabled]:hover,
fieldset[disabled] .btn-cart-cancel:hover,
.btn-cart-cancel.disabled:focus,
.btn-cart-cancel[disabled]:focus,
fieldset[disabled] .btn-cart-cancel:focus,
.btn-cart-cancel.disabled.focus,
.btn-cart-cancel.focus[disabled],
fieldset[disabled] .btn-cart-cancel.focus,
.btn-cart-cancel.disabled:active,
.btn-cart-cancel[disabled]:active,
fieldset[disabled] .btn-cart-cancel:active,
.btn-cart-cancel.disabled.active,
.btn-cart-cancel.active[disabled],
fieldset[disabled] .btn-cart-cancel.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-cart {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
    width: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px auto 5px auto;
    display: block;
}

.btn-cart:hover,
.btn-cart:focus,
.btn-cart.focus,
.btn-cart:active,
.btn-cart.active,
.open>.dropdown-toggle.btn-cart {
    background-color: #107a9d;
    border-color: #107a9d;
    color: #fff;
}

.btn-cart:active,
.btn-cart.active,
.open>.dropdown-toggle.btn-cart {
    background-image: none;
}

.btn-cart.disabled,
.btn-cart[disabled],
fieldset[disabled] .btn-cart,
.btn-cart.disabled:hover,
.btn-cart[disabled]:hover,
fieldset[disabled] .btn-cart:hover,
.btn-cart.disabled:focus,
.btn-cart[disabled]:focus,
fieldset[disabled] .btn-cart:focus,
.btn-cart.disabled.focus,
.btn-cart.focus[disabled],
fieldset[disabled] .btn-cart.focus,
.btn-cart.disabled:active,
.btn-cart[disabled]:active,
fieldset[disabled] .btn-cart:active,
.btn-cart.disabled.active,
.btn-cart.active[disabled],
fieldset[disabled] .btn-cart.active {
    background-color: #fff;
    border-color: #ccc;
}


/* =GROUPS
--------------------------------------------------------------------------------*/

.brand-banner {
    display: block;
    margin: 10px auto 20px auto;
    border: 1px solid #eeeeee;
    padding: 10px;
}

h1.groups {
    color: #107a9d;
    font-size: 3.1em;
    font-weight: 300;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    margin-bottom: 0;
}

h2.groups {
    color: #606060;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: none;
    margin-top: 0;
}

h1.group-name {
    font-weight: 300;
    font-size: 3.1em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: center
}

h2.group-motto {
    font-weight: 600;
    font-size: 1.6em;
    text-transform: none;
    color: #ffb321;
    font-style: italic;
    margin-top: 0;
    text-align: center;
}

h3.group-features {
    font-weight: 300;
    font-size: 4.4em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

h4.group-members {
    font-weight: 300;
    font-size: 4.4em;
    text-transform: capitalize;
    color: #107a9d;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

ul.group-feedback {
    list-style-type: none;
    padding-left: 0;
    font-size: 1.2em;
    float: right;
}

ul.group-feedback>li {
    float: left;
    margin-right: 5px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 700;
    display: block;
    position: relative;
}

ul.group-feedback li a {
    display: block;
    position: relative;
    padding: 5px 10px 5px 30px;
    float: left;
}

ul.group-feedback li a:hover {
    text-decoration: none;
}

ul.group-feedback li a.like {
    background: url(/res/pngs/core/profile-public-view/i-like.png) no-repeat 0 0;
}

@media (max-width: 767px) {
    ul.group-feedback {
        float: none;
        margin-top: 15px;
    }
}

.live-chat-feed {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 10px;
    height: 350px;
    overflow: auto;
}

.live-feed-post {
    border: 1px solid #e5e5e5;
    padding: 10px 15px 10px 15px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
}

.live-feed-reply {
    background-color: #fcfcfc;
    margin-left: 35px;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    padding: 10px 15px 10px 15px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.live-feed-reply p {
    font-style: italic;
}

.btn-group-msg {
    background-color: #107a9d;
    border-color: #107a9d;
    color: #fff;
    width: 100px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 10px auto 5px auto;
    display: block;
}

.btn-group-msg:hover,
.btn-group-msg:focus,
.btn-group-msg.focus,
.btn-group-msg:active,
.btn-group-msg.active,
.open>.dropdown-toggle.btn-group-msg {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-group-msg:active,
.btn-group-msg.active,
.open>.dropdown-toggle.btn-group-msg {
    background-image: none;
}

.btn-group-msg.disabled,
.btn-group-msg[disabled],
fieldset[disabled] .btn-group-msg,
.btn-group-msg.disabled:hover,
.btn-group-msg[disabled]:hover,
fieldset[disabled] .btn-group-msg:hover,
.btn-group-msg.disabled:focus,
.btn-group-msg[disabled]:focus,
fieldset[disabled] .btn-group-msg:focus,
.btn-group-msg.disabled.focus,
.btn-group-msg.focus[disabled],
fieldset[disabled] .btn-group-msg.focus,
.btn-group-msg.disabled:active,
.btn-group-msg[disabled]:active,
fieldset[disabled] .btn-group-msg:active,
.btn-group-msg.disabled.active,
.btn-group-msg.active[disabled],
fieldset[disabled] .btn-group-msg.active {
    background-color: #fff;
    border-color: #ccc;
}

.live-chat-feed-message {
    background-color: #0e6d8a;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 10px 15px;
}

.post-msg-field {
    background-color: #fff;
    background-image: none;
    border: none;
    box-shadow: none;
}

.reply-msg-field {
    background-color: #fcfcfc;
    background-image: none;
    border: 1px solid #e5e5e5;
    box-shadow: none;
}

.btn-post-msg {
    background-color: #00aed8;
    border-color: #00aed8;
    color: #fff;
}

.btn-post-msg:hover,
.btn-post-msg:focus,
.btn-post-msg.focus,
.btn-post-msg:active,
.btn-post-msg.active,
.open>.dropdown-toggle.btn-post-msg {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-post-msg:active,
.btn-post-msg.active,
.open>.dropdown-toggle.btn-post-msg {
    background-image: none;
}

.btn-post-msg.disabled,
.btn-post-msg[disabled],
fieldset[disabled] .btn-post-msg,
.btn-post-msg.disabled:hover,
.btn-post-msg[disabled]:hover,
fieldset[disabled] .btn-post-msg:hover,
.btn-post-msg.disabled:focus,
.btn-post-msg[disabled]:focus,
fieldset[disabled] .btn-post-msg:focus,
.btn-post-msg.disabled.focus,
.btn-post-msg.focus[disabled],
fieldset[disabled] .btn-post-msg.focus,
.btn-post-msg.disabled:active,
.btn-post-msg[disabled]:active,
fieldset[disabled] .btn-post-msg:active,
.btn-post-msg.disabled.active,
.btn-post-msg.active[disabled],
fieldset[disabled] .btn-post-msg.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}

ul.group-tags {
    list-style-type: none;
    font-size: 1.4em;
    margin-top: 10px;
    padding-left: 0;
}

ul.group-tags li {
    float: left;
    margin-right: 5px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 700;
    display: block;
    position: relative;
}

ul.group-tags li a {
    display: block;
    position: relative;
    padding: 10px 15px 10px 15px;
    float: left;
    margin: 5px;
    color: #fff;
    font-weight: 400;
    background-color: #107a9d;
    text-decoration: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

ul.group-tags li a:hover {
    background-color: #ffb321;
}

.checkout-inspiration-count {
    font-weight: bold;
}

#redeem-code-accepted {
    font-weight: bold;
}


/* =DASHBOARD GROUPS
--------------------------------------------------------------------------------*/

.group-status {
    background-color: #F27B21;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border: 1px solid #E27124;
    padding: 10px;
}

.group-status p {
    color: #fff;
    text-align: center;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 0;
}

.new-group-highlight {
    position: absolute;
    top: 10%;
    left: 70%;
}

.new-group-highlight p {
    background-color: #F27B21;
    color: #FFF;
    padding: 12px 5px 12px 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 45px;
}

.group-thumb img {
    display: block;
    margin: 10px auto 0 auto;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.group-tile-details {
    margin: 0 auto 10px auto;
    border: 1px solid #e5e5e5;
    padding: 0 10px 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 1px 2px 2px #f6f6f6;
    box-shadow: 0 1px 2px 2px #f6f6f6;
}

h1.group-tile-title {
    color: #107a9d;
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 0;
}

@media (min-width: 992px) {
    h1.group-tile-title {
        font-size: 1.3em;
    }
}

a.group-social-icon {
    display: inline-block;
    margin-right: 3px;
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    border: 0;
}

a.group-social-icon:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
    /* For IE8 and earlier */
    border: 0;
}

p.group-member-counter {
    font-size: 1em;
    color: #4a4a4a;
    font-weight: 600;
}

span.group-counter {
    font-weight: 700;
    color: #F27B21;
}

.group-thumb-manage img {
    display: block;
    margin: 0 auto;
}

.group-tile-details-manage {
    margin: 0 auto 10px auto;
    border: 1px solid #e5e5e5;
    padding: 0 10px 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.group-tile-details-manage p {
    color: #4b4b4b;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 1px;
}

ul.group-tile-tags {
    list-style-type: none;
    font-size: 1.2em;
    margin-top: 10px;
    padding-left: 0;
}

ul.group-tile-tags li {
    float: left;
    color: #fff;
    font-weight: 700;
    display: block;
    position: relative;
    padding: 10px 15px 10px 15px;
    margin: 5px;
    background-color: #107a9d;
    text-decoration: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

ul.group-member-count {
    list-style-type: none;
    font-size: 1.4em;
    padding-left: 0;
}

ul.group-member-count li {
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 600;
}

ul.group-member-count li.figure {
    font-size: 3em;
    font-weight: 600;
    color: #F27B21;
}

.manage-group-tile {
    margin: 0 auto 10px auto;
    border: 1px solid #e5e5e5;
    padding: 0 10px 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.manage-group-tile-img {
    margin: 0 auto;
    display: block;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

h1.group-tile-title-manage {
    color: #107a9d;
    font-size: 2em;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align: center;
    text-transform: capitalize;
}

h2.group-tile-motto {
    color: #ffb321;
    font-size: 1.4em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: center;
}

ul.manage-group-info {
    float: left;
    list-style: none;
    font-size: 1.2em;
    padding-left: 0;
}

ul.manage-group-info li.group-title {
    font-size: 1.6em;
    color: #107a9d;
    font-weight: 300;
}

.btn-leave-group {
    background-color: #d92129;
    border-color: #d92129;
    margin-top: 10px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-leave-group:hover,
.btn-leave-group:focus,
.btn-leave-group.focus,
.btn-leave-group:active,
.btn-leave-group.active,
.open>.dropdown-toggle.btn-leave-group {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-leave-group:active,
.btn-leave-group.active,
.open>.dropdown-toggle.btn-leave-group {
    background-image: none;
}

.btn-leave-group.disabled,
.btn-leave-group[disabled],
fieldset[disabled] .btn-leave-group,
.btn-leave-group.disabled:hover,
.btn-leave-group[disabled]:hover,
fieldset[disabled] .btn-leave-group:hover,
.btn-leave-group.disabled:focus,
.btn-leave-group[disabled]:focus,
fieldset[disabled] .btn-leave-group:focus,
.btn-leave-group.disabled.focus,
.btn-leave-group.focus[disabled],
fieldset[disabled] .btn-leave-group.focus,
.btn-leave-group.disabled:active,
.btn-leave-group[disabled]:active,
fieldset[disabled] .btn-leave-group:active,
.btn-leave-group.disabled.active,
.btn-leave-group.active[disabled],
fieldset[disabled] .btn-add-photo.active {
    background-color: #fff;
    border-color: #ccc;
}


/* =DASHBOARD ACTIVITY
--------------------------------------------------------------------------------*/

.timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
}

.timeline .line {
    position: absolute;
    width: 4px;
    display: block;
    background: #e5e5e5;
    top: 0px;
    bottom: 0px;
    margin-left: 30px;
}

.timeline .separator {
    border-top: 5px solid #e5e5e5;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: 1.6em;
    margin-left: 30px;
    color: #107a9d;
    font-weight: 600;
}

.timeline .line::before {
    top: -4px;
}

.timeline .line::after {
    bottom: -4px;
}

.timeline .line::before,
.timeline .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: #e5e5e5;
}

.timeline .panel {
    position: relative;
    margin: 10px 0px 21px 70px;
    clear: both;
    box-shadow: none;
}

.timeline .panel::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.timeline .panel .panel-heading.icon * {
    font-size: 20px;
    vertical-align: middle;
    line-height: 40px;
}

.timeline .panel .panel-heading.icon {
    position: absolute;
    left: -59px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.timeline .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.timeline .panel-outline .panel-body {
    padding: 10px 0px;
}

.timeline .panel-outline .panel-heading:not(.icon),
.timeline .panel-outline .panel-footer {
    display: none;
}

.timeline .profile-pin {
    border: 1px solid #0f7d9e;
    border-radius: 20px;
    display: block;
    height: 40px;
    width: 40px;
}

.timeline .profile-pin2 {
    border: 1px solid #0f7d9e;
    border-radius: 25px;
    float: left;
    margin: 0 10px;
    height: 50px;
    width: 50px;
}

.timeline .panel-title {
    font-weight: 400;
}

.timeline .panel-footer {
    background-color: #fcfcfc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
}

.timeline p {
    font-size: 1.5em;
}

.timeline ul.activity-opt {
    list-style-type: none;
    padding-left: 0;
}

.timeline ul.activity-opt li {
    float: left;
    font-size: 1em;
    font-weight: 600;
}

.timeline ul.activity-opt li a {
    display: block;
    padding: 1px 10px 10px 10px;
    line-height: 10px;
}

.timeline .session-status {
    color: black;
}

.panel-friend-request {
    border-color: #f47b20;
}

.panel-friend-request>.panel-heading {
    background-color: #f47b20;
    border-color: #f47b20;
    color: #fff;
}

.panel-friend-request>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f47b20;
}

.panel-friend-request>.panel-heading .badge {
    background-color: #fff;
    color: #f47b20;
}

.panel-friend-request>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #f47b20;
}

.panel-ikulpic-favourite {
    border-color: #fcb326;
}

.panel-ikulpic-favourite>.panel-heading {
    background-color: #fcb326;
    border-color: #fcb326;
    color: #fff;
}

.panel-ikulpic-favourite>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fcb326;
}

.panel-ikulpic-favourite>.panel-heading .badge {
    background-color: #fff;
    color: #fcb326;
}

.panel-ikulpic-favourite>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #fcb326;
}

.panel-ikulpic-payment-failed {
    border-color: #d92129;
}

.panel-ikulpic-payment-failed>.panel-heading {
    background-color: #d92129;
    border-color: #d92129;
    color: #fff;
}

.panel-ikulpic-payment-failed>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d92129;
}

.panel-ikulpic-payment-failed>.panel-heading .badge {
    background-color: #fff;
    color: #d92129;
}

.panel-ikulpic-payment-failed>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d92129;
}

.panel-ikulpic-pending-payment {
    border-color: #92c641;
}

.panel-ikulpic-pending-payment>.panel-heading {
    background-color: #92c641;
    border-color: #92c641;
    color: #fff;
}

.panel-ikulpic-pending-payment>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #92c641;
}

.panel-ikulpic-pending-payment>.panel-heading .badge {
    background-color: #fff;
    color: #92c641;
}

.panel-ikulpic-pending-payment>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #92c641;
}

.panel-ikulpic-pending {
    border-color: #09aedb;
}

.panel-ikulpic-pending>.panel-heading {
    background-color: #09aedb;
    border: 1px ;
    color: #fff;
}

.panel-ikulpic-pending>.panel-heading.highvis {
    border: 4px solid red ;
    color: red;
}

.panel-ikulpic-pending>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #09aedb;
}

.panel-ikulpic-pending>.panel-heading .badge {
    background-color: #fff;
    color: #09aedb;
}

.panel-ikulpic-pending>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #09aedb;
}

.panel-ikulpic-purchased {
    border-color: #4dff4d;
}

.panel-ikulpic-purchased>.panel-heading {
    background-color: #4dff4d;
    border-color: #4dff4d;
    color: #fff;
}

.panel-ikulpic-purchased>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #09aedb;
}

.panel-ikulpic-purchased>.panel-heading .badge {
    background-color: #fff;
    color: #09aedb;
}

.panel-ikulpic-purchased>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #09aedb;
}

.panel-gift-received {
    border-color: #09aedb;
}

.panel-gift-received>.panel-heading {
    background-color: #09aedb;
    border-color: #09aedb;
    color: #fff;
}

.panel-gift-received>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #09aedb;
}

.panel-gift-received>.panel-heading .badge {
    background-color: #fff;
    color: #09aedb;
}

.panel-gift-received>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #09aedb;
}

.panel-credits-purchased {
    border-color: #92c641;
}

.panel-credits-purchased>.panel-heading {
    background-color: #92c641;
    border-color: #92c641;
    color: #fff;
}

.panel-credits-purchased>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #92c641;
}

.panel-credits-purchased>.panel-heading .badge {
    background-color: #fff;
    color: #92c641;
}

.panel-credits-purchased>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #92c641;
}

.upload-progress-bar,
.uploading-text,
.uploaded-img-text,
.uploaded-image,
.show-delete-confirm,
.remove-ikulpic-conf {
    display: none;
}


/* =MY IKULPICS
--------------------------------------------------------------------------------*/

p.my-ikulpic-search-result {
    margin-top: 10px;
    font-weight: 300;
    font-size: 1.6em;
    text-align: center;
}


/* =DASHBOARD MY GALLERY
--------------------------------------------------------------------------------*/

.my-gallery-intro {
    display: block;
    margin: 0 auto;
}

h2.dashboard-title-my-gallery {
    text-transform: none;
    font-size: 2.6em;
    text-align: center;
    font-weight: 300;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 10px;
}

.my-gallery-counter {
    background-color: #fff;
    border: 2px solid #f6f8fa;
    width: 85px;
    height: 85px;
    margin: 5px auto 5px auto;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;
}

.my-gallery-counter p {
    text-align: center;
    font-size: 4em;
    margin-top: 10px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #e9e9e9;
}

.my-gallery-counter-fill {
    background-color: #187e9d;
    border: 2px solid #187e9d;
    width: 85px;
    height: 85px;
    margin: 5px auto 5px auto;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;
}

.my-gallery-counter-fill p {
    text-align: center;
    font-size: 4em;
    margin-top: 10px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #fff;
}

.my-gallery-select,
.facebook-share,
.instagram-share,
.tumblr-share,
.pinterest-share,
.twitter-share {
    cursor: pointer;
}

.btn-add-photo {
    background-color: #00AED8;
    border-color: #00AED8;
    margin-top: 10px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-add-photo:hover,
.btn-add-photo:focus,
.btn-add-photo.focus,
.btn-add-photo:active,
.btn-add-photo.active,
.open>.dropdown-toggle.btn-add-photo {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-add-photo:active,
.btn-add-photo.active,
.open>.dropdown-toggle.btn-add-photo {
    background-image: none;
}

.btn-add-photo.disabled,
.btn-add-photo[disabled],
fieldset[disabled] .btn-add-photo,
.btn-add-photo.disabled:hover,
.btn-add-photo[disabled]:hover,
fieldset[disabled] .btn-add-photo:hover,
.btn-add-photo.disabled:focus,
.btn-add-photo[disabled]:focus,
fieldset[disabled] .btn-add-photo:focus,
.btn-add-photo.disabled.focus,
.btn-add-photo.focus[disabled],
fieldset[disabled] .btn-add-photo.focus,
.btn-add-photo.disabled:active,
.btn-add-photo[disabled]:active,
fieldset[disabled] .btn-add-photo:active,
.btn-add-photo.disabled.active,
.btn-add-photo.active[disabled],
fieldset[disabled] .btn-add-photo.active {
    background-color: #fff;
    border-color: #ccc;
}

.gallery-thumbnail-block {
    padding: 5px;
    border: 1px dashed #e5e5e5;
    margin: 10px auto 10px auto;
}

.gallery-thumbnail-block img {
    margin: 0 auto;
    display: block;
    border: 1px solid #e5e5e5;
}

.gallery-thumbnail-block p.photo-count {
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    color: #107a9d;
}

.gallery-thumbnail-block p.photo-title {
    font-size: 1em;
    font-weight: 600;
    text-align: center;
}

.btn-delete-photo {
    background-color: #d92129;
    border-color: #d92129;
    margin-top: 10px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-delete-photo:hover,
.btn-delete-photo:focus,
.btn-delete-photo.focus,
.btn-delete-photo:active,
.btn-delete-photo.active,
.open>.dropdown-toggle.btn-delete-photo {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-delete-photo:active,
.btn-delete-photo.active,
.open>.dropdown-toggle.btn-delete-photo {
    background-image: none;
}

.btn-delete-photo.disabled,
.btn-delete-photo[disabled],
fieldset[disabled] .btn-delete-photo,
.btn-delete-photo.disabled:hover,
.btn-delete-photo[disabled]:hover,
fieldset[disabled] .btn-delete-photo:hover,
.btn-delete-photo.disabled:focus,
.btn-delete-photo[disabled]:focus,
fieldset[disabled] .btn-delete-photo:focus,
.btn-delete-photo.disabled.focus,
.btn-delete-photo.focus[disabled],
fieldset[disabled] .btn-delete-photo.focus,
.btn-delete-photo.disabled:active,
.btn-delete-photo[disabled]:active,
fieldset[disabled] .btn-delete-photo:active,
.btn-delete-photo.disabled.active,
.btn-delete-photo.active[disabled],
fieldset[disabled] .btn-add-photo.active {
    background-color: #fff;
    border-color: #ccc;
}


/* =DASHBOARD IKULPIC MODERATION
--------------------------------------------------------------------------------*/

p.oops {
    margin-top: 15px;
    font-size: 1.8em;
    color: #0e6d8a;
}

.popover-content p {
    font-size: 0.8em!important;
}

.popover-content p.title {
    font-size: 1.1em;
    color: #0e6d8a;
    font-weight: 600;
}

.popover-content p.inner-title {
    font-size: 1em;
    color: #0e6d8a;
    font-weight: 600;
    font-style: italic;
}

h3.dashboard-mod {
    font-size: 2em;
}

h4.dashboard-mod,
h5.dashboard-mod {
    font-size: 2em;
    margin-bottom: 10px;
}

.ikulpic-item-mod {
    border: 1px dashed #e1e1e1;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ikulpic-item-mod-img {
    border: 1px solid #eeeeee;
    display: block;
    margin: 0 auto 5px auto;
    padding: 10px;
}

.btn-tips {
    background: url(/res/pngs/core/dashboard-moderation/btn-tips.png) no-repeat 10px 7px;
    background-color: transparent;
    border-color: #e5e5e5;
    color: #0e6d8a;
    width: 110px;
    padding: 10px 5px 10px 15px;
    float: right;
}

.btn-tips:hover,
.btn-tips:focus,
.btn-tips.focus,
.btn-tips:active,
.btn-tips.active,
.open>.dropdown-toggle.btn-tips {
    background: url(/res/pngs/core/dashboard-moderation/btn-tips-hover.png) no-repeat 10px 7px;
    background-color: #107a9d;
    border-color: #107a9d;
    color: #fff;
}

.btn-tips:active,
.btn-tips.active,
.open>.dropdown-toggle.btn-tips {
    background-image: none;
}

.btn-tips.disabled,
.btn-tips[disabled],
fieldset[disabled] .btn-tips,
.btn-tips.disabled:hover,
.btn-tips[disabled]:hover,
fieldset[disabled] .btn-tips:hover,
.btn-tips.disabled:focus,
.btn-tips[disabled]:focus,
fieldset[disabled] .btn-tips:focus,
.btn-tips.disabled.focus,
.btn-tips.focus[disabled],
fieldset[disabled] .btn-tips.focus,
.btn-tips.disabled:active,
.btn-tips[disabled]:active,
fieldset[disabled] .btn-tips:active,
.btn-tips.disabled.active,
.btn-tips.active[disabled],
fieldset[disabled] .btn-tips.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-tips .badge {
    background-color: #333;
    color: #fff;
}

.re-submit-count {
    text-decoration: underline;
    font-size: 1.4em;
    color: #0e6d8a;
    font-weight: 600;
}

h2.dashboard-title-thanks {
    text-transform: none;
    font-size: 2.6em;
    text-align: center;
    font-weight: 300;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 10px;
}


/* =DASHBOARD LIKES
--------------------------------------------------------------------------------*/

h3.dashboard-likes-title {
    font-size: 2.2em;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* =SEARCH
--------------------------------------------------------------------------------*/

p.search-title {
    color: #107a9d;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 10px;
}

h2.search-results {
    color: #107a9d;
    font-size: 3em;
    font-weight: 300;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: capitalize;
}

h3.search-results {
    color: #107a9d;
    font-size: 3em;
    font-weight: 300;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: none;
}


/* =WHATS NEW - 08/07/2018
--------------------------------------------------------------------------------*/

h1.whats-new {
    color: #107a9d;
    font-size: 3.1em;
    font-weight: 300;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    text-align:center;
}

h2.whats-new {
    color: #107a9d;
    font-size: 3em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-transform: none;
    margin-top: 0;
}

h3.whats-new {
    color: #107a9d;
    font-size: 3.1em;
    font-weight: 300;
    padding-bottom: 5px;
    text-transform: none;
}

.whats-new-latest-container {
	background-color:#fff;
	margin-left: 20px;

}

.img-sponsor-advert {
    margin: 20px auto 20px auto;
}

.whats-new-intro p {
	color: #676767;
	text-align: center;
	font-size: 1.8em;
	max-width: 620px;
	margin: 2rem auto 5rem auto;
	
}


/* =CONTACT US
--------------------------------------------------------------------------------*/

h1.contact-us {
    color: #107a9d;
    font-size: 3.1em;
    font-weight: 300;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    margin-bottom: 0;
}

h2.contact-us {
    color: #606060;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: none;
    margin-top: 0;
}

h3.contact-us {
    color: #107a9d;
    font-size: 3.1em;
    font-weight: 300;
    padding-bottom: 5px;
    text-transform: none;
}

#contact-us-form label {
    color: #107a9d;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.how-it-works-banner {
    margin: 5px auto 5px auto;
    display: block;
}

.btn-contact-us {
    background-color: #00AED8;
    border-color: #00AED8;
    margin-top: 15px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-contact-us:hover,
.btn-contact-us:focus,
.btn-contact-us.focus,
.btn-contact-us:active,
.btn-contact-us.active,
.open>.dropdown-toggle.btn-contact-us {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-contact-us:active,
.btn-contact-us.active,
.open>.dropdown-toggle.btn-contact-us {
    background-image: none;
}

.btn-contact-us.disabled,
.btn-contact-us[disabled],
fieldset[disabled] .btn-contact-us,
.btn-contact-us.disabled:hover,
.btn-contact-us[disabled]:hover,
fieldset[disabled] .btn-contact-us:hover,
.btn-contact-us.disabled:focus,
.btn-contact-us[disabled]:focus,
fieldset[disabled] .btn-contact-us:focus,
.btn-contact-us.disabled.focus,
.btn-contact-us.focus[disabled],
fieldset[disabled] .btn-contact-us.focus,
.btn-contact-us.disabled:active,
.btn-contact-us[disabled]:active,
fieldset[disabled] .btn-contact-us:active,
.btn-contact-us.disabled.active,
.btn-contact-us.active[disabled],
fieldset[disabled] .btn-contact-us.active {
    background-color: #fff;
    border-color: #ccc;
}


/* =DASHBOARD GIFT AN IKULPIC
--------------------------------------------------------------------------------*/

.compose-gift-message-block {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px;
}

.btn-gift-ikulpic {
    background-color: #00AED8;
    border-color: #00AED8;
    margin-top: 15px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-gift-ikulpic:hover,
.btn-gift-ikulpic:focus,
.btn-gift-ikulpic.focus,
.btn-gift-ikulpic:active,
.btn-gift-ikulpic.active,
.open>.dropdown-toggle.btn-gift-ikulpic {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-gift-ikulpic:active,
.btn-gift-ikulpic.active,
.open>.dropdown-toggle.btn-gift-ikulpic {
    background-image: none;
}

.btn-gift-ikulpic.disabled,
.btn-gift-ikulpic[disabled],
fieldset[disabled] .btn-gift-ikulpic,
.btn-gift-ikulpic.disabled:hover,
.btn-gift-ikulpic[disabled]:hover,
fieldset[disabled] .btn-gift-ikulpic:hover,
.btn-gift-ikulpic.disabled:focus,
.btn-gift-ikulpic[disabled]:focus,
fieldset[disabled] .btn-gift-ikulpic:focus,
.btn-gift-ikulpic.disabled.focus,
.btn-gift-ikulpic.focus[disabled],
fieldset[disabled] .btn-gift-ikulpic.focus,
.btn-gift-ikulpic.disabled:active,
.btn-gift-ikulpic[disabled]:active,
fieldset[disabled] .btn-gift-ikulpic:active,
.btn-gift-ikulpic.disabled.active,
.btn-gift-ikulpic.active[disabled],
fieldset[disabled] .btn-gift-ikulpic.active {
    background-color: #fff;
    border-color: #ccc;
}


/* =DASHBOARD CREDITS
--------------------------------------------------------------------------------*/

.credit-value {
    background-color: #fff;
    border: 2px solid #107a9d;
    border-radius: 50%;
    height: 110px;
    margin: 5px auto;
    width: 110px;
}

.credit-value p {
    font-size: 6em;
    text-align: center;
    letter-spacing: -2px;
    color: #107a9d;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
}

p.credit-text {
    font-size: 1.2em;
    text-align: center;
    color: #107a9d;
    font-weight: 600;
}

#purchase-credits p {
    font-size: 1.4em;
    font-weight: 600;
    margin-top: 5px;
    color: #107a9d;
}

#purchase-credits p.price {
    text-align: right;
    font-size: 1.8em;
    margin-top: 0;
}

h3.credit-total {
    font-size: 3em;
    text-transform: none;
    text-align: right;
    margin-bottom: 10px;
}

p.remaining-credits-title {
    font-size: 2em;
    color: #107a9d;
    margin-bottom: 0;
    margin-top: 15px;
}

p.remaining-credits-value {
    font-size: 4em;
    color: #107a9d;
    margin-bottom: 0;
    text-align: right;
    letter-spacing: -2px;
    font-weight: 600;
}

#remaining-credits {
    font-size: 1.4em;
    margin-bottom: 15px;
}

#remaining-credits tr {
    margin-bottom: 5px;
}

#remaining-credits td.credits {
    background-color: #0e6d8a;
    color: #FFFFFF;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

#remaining-credits td.expiry {
    background-color: #f6f6f6;
    padding: 5px;
    text-align: right;
    border-bottom: 1px solid #ebebeb;
    font-size: 0.8em;
    font-style: italic;
}

#gift-credits {
    font-size: 1.4em;
    margin-bottom: 15px;
}

#gift-credits tr {
    margin-bottom: 5px;
}

#gift-credits td.credits {
    background-color: #0e6d8a;
    color: #FFFFFF;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

#gift-credits td.expiry {
    background-color: #f6f6f6;
    padding: 5px;
    text-align: right;
    border-bottom: 1px solid #ebebeb;
    font-size: 0.8em;
    font-style: italic;
}

#confirm-send-credits {
    display: none;
}


/* =DASHBOARD MESSAGES
--------------------------------------------------------------------------------*/

#messages-inbox {
    margin-top: 10px;
    font-size: 1.4em;
    border: 1px solid #ddd;
}

#messages-inbox tr.options {
    border-bottom: 1px dashed #00FF00!important;
}

#messages-inbox td.idate {
    font-size: 1.16em;
}

#messages-inbox td {
    vertical-align: middle;
}

#messages-inbox tr.admin {
    border: 3px solid red;
}

#messages-inbox tr.unread {
    background-color: #ededed;
}

#messages-inbox tr.unread {
    background-color: #f8f8f8;
}

#messages-inbox .profile-pin-xs {
    border: 1px solid #0f7d9e;
    border-radius: 25px;
    float: none;
    height: 30px;
    margin: 0 10px 0 20px;
    width: 30px;
}

.message-block {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.message-block img {
    float: none;
    display: block;
    margin: 0 auto;
}

ul.message-header {
    list-style-type: none;
    font-size: 1.2em;
    padding-left: 0;
}

ul.message-header li {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

span.message-title {
    color: #107a9d;
    font-weight: 600;
    font-size: 1em;
}

.profile-user-modal-list .profile-tile:hover {
    background-color: #F2F2F2;
}

.user-img,
.user-link,
.remove-to,
.show-friends-modal,
.message-reply-block,
.cancel-upload-image,
.pending-image-upload-bar {
    display: none;
}

.nav-tabs .glyphicon:not(.no-margin) {
    margin-right: 10px;
}

.tab-pane .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.tab-pane .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.tab-pane .list-group .checkbox {
    display: inline-block;
    margin: 0px;
}

.tab-pane .list-group input[type="checkbox"] {
    margin-top: 2px;
}

.tab-pane .list-group .glyphicon {
    margin-right: 5px;
}

.tab-pane .list-group .glyphicon:hover {
    color: #FFBC00;
}

a.list-group-item.read {
    color: #222;
    background-color: #F3F3F3;
}

hr {
    margin-top: 5px;
    margin-bottom: 10px;
}

.nav-pills>li>a {
    padding: 5px 10px;
}

.ad {
    padding: 5px;
    background: #F5F5F5;
    color: #222;
    font-size: 80%;
    border: 1px solid #E5E5E5;
}

.ad a.title {
    color: #15C;
    text-decoration: none;
    font-weight: bold;
    font-size: 110%;
}

.ad a.url {
    color: #093;
    text-decoration: none;
}

.mail-subject-title h2 {
    background-color: #F47B20;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 300;
    text-transform: none;
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.mail-message {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 10px;
    padding: 10px 15px;
}

.mail-message-reply {
    background-color: #dff0d8;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 35px;
    padding: 10px 15px;
}

.mail-message-reply-new {
    background-color: #f2dede;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 35px;
    padding: 10px 15px;
}

.reply-scroll {
    overflow: auto;
    height: 400px;
}

p.mail-date {
    margin-bottom: 0;
}

span.mail-mdy {
    border: 1px dashed #e5e5e5;
    padding: 5px;
    background-color: #f47b20;
}

.btn-my-mail {
    background-color: #f47b20;
    border-color: #f47b20;
    margin-top: 15px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-my-mail:hover,
.btn-my-mail:focus,
.btn-my-mail.focus,
.btn-my-mail:active,
.btn-my-mail.active,
.open>.dropdown-toggle.btn-my-mail {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-my-mail:active,
.btn-my-mail.active,
.open>.dropdown-toggle.btn-my-mail {
    background-image: none;
}

.btn-my-mail.disabled,
.btn-my-mail[disabled],
fieldset[disabled] .btn-my-mail,
.btn-my-mail.disabled:hover,
.btn-my-mail[disabled]:hover,
fieldset[disabled] .btn-my-mail:hover,
.btn-my-mail.disabled:focus,
.btn-my-mail[disabled]:focus,
fieldset[disabled] .btn-my-mail:focus,
.btn-my-mail.disabled.focus,
.btn-my-mail.focus[disabled],
fieldset[disabled] .btn-my-mail.focus,
.btn-my-mail.disabled:active,
.btn-my-mail[disabled]:active,
fieldset[disabled] .btn-my-mail:active,
.btn-my-mail.disabled.active,
.btn-my-mail.active[disabled],
fieldset[disabled] .btn-my-mail.active {
    background-color: #fff;
    border-color: #ccc;
}

.mail-reply-block {
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px;
}

.mail-reply-block h3 {
    color: #107a9d;
    font-size: 3em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-transform: capitalize;
    margin-top: 5px;
}

.compose-mail-block {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.compose-mail-block h2 {
    color: #107a9d;
    font-size: 3em;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    border-bottom: 1px solid #e5e5e5;
}

.compose-mail-block h3 {
    font-size: 2.8em;
    margin-top: 5px;
    margin-bottom: 10px;
}


/* =IKULPIC INTERACTIVE MODAL
--------------------------------------------------------------------------------*/

.ikulpic-interact-modal h1 {
    color: #fff;
    font-size: 3em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-transform: capitalize;
    text-align: center;
    margin-top: 0!important;
}

.ikulpic-interact-modal h2 {
    color: #107a9d;
    font-size: 2.8em;
    font-weight: 300;
    margin-top: 5px!important;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-transform: capitalize;
}

.ikulpic-interact-modal h3 {
    color: #107a9d;
    font-size: 2.8em;
    font-weight: 300;
    margin-top: 5px!important;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-transform: capitalize;
}

.ikulpic-interact-modal-title {
    background-color: #107a9d;
    border-bottom: none;
    padding: 5px;
    height: 60px;
}

label.terms-check {
    font-size: 1.2em;
    font-style: italic;
}

a.icon-interact {
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    border: 0;
    margin-right: 3px;
}

a:hover.icon-interact {
    opacity: 0.65;
    filter: alpha(opacity=65);
    /* For IE8 and earlier */
    border: 0;
}

.sprite {
    background-image: url(/res/pngs/core/ikulpic-interactive-modal/buttons/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

a.sprite-btn-fav {
    width: 55px;
    height: 55px;
    background-position: -5px -5px;
}

a:hover.sprite-btn-fav-hover {
    width: 55px;
    height: 55px;
    background-position: -70px -5px;
}

#tag-cloud {
    width: 285px;
    margin-left: 0;
}

.tag-cloud {
    background-color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 11.844px;
    font-weight: 400!important;
    line-height: 21px;
    margin: 2px 3px 2px 2px;
    padding: 1px 4px 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
}

.tag-cloud:after {
    color: #000000;
    content: " ×";
    font-size: 20px;
    font-weight: bold;
    line-height: 16px;
    opacity: 0.2;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    top: 1px;
}


/* Colors */

.tag-cloud.tag-cloud-info {
    background-color: #3A87AD;
}

.tag-cloud.tag-cloud-success {
    background-color: #468847;
}

.tag-cloud.tag-cloud-warning {
    background-color: #F89406;
}

.tag-cloud.tag-cloud-danger {
    background-color: #B94A48;
}

.tag-cloud.tag-cloud-inverse {
    background-color: #333333;
}

#tag-info select {
    display: inline-block;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 75%;
}

ul#tag-cloud {
    padding-left: 0;
}

.btn-add-tag {
    background: url(/res/pngs/core/ikulpic-interactive-modal/buttons/btn-add-bg.png) no-repeat 6px 8px;
    background-color: #107a9d;
    border-color: #107a9d;
    color: #fff;
    padding-left: 25px;
    padding-top: 6px;
    padding-bottom: 10px;
    height: 35px;
    margin-top: -5px;
}

.btn-add-tag:hover,
.btn-add-tag:focus,
.btn-add-tag.focus,
.btn-add-tag:active,
.btn-add-tag.active,
.open>.dropdown-toggle.btn-add-tag {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-add-tag:active,
.btn-add-tag.active,
.open>.dropdown-toggle.btn-add-tag {
    background-image: none;
}

.btn-add-tag.disabled,
.btn-add-tag[disabled],
fieldset[disabled] .btn-add-tag,
.btn-add-tag.disabled:hover,
.btn-add-tag[disabled]:hover,
fieldset[disabled] .btn-add-tag:hover,
.btn-add-tag.disabled:focus,
.btn-add-tag[disabled]:focus,
fieldset[disabled] .btn-add-tag:focus,
.btn-add-tag.disabled.focus,
.btn-add-tag.focus[disabled],
fieldset[disabled] .btn-add-tag.focus,
.btn-add-tag.disabled:active,
.btn-add-tag[disabled]:active,
fieldset[disabled] .btn-add-tag:active,
.btn-add-tag.disabled.active,
.btn-add-tag.active[disabled],
fieldset[disabled] .btn-add-tag.active {
    background-color: #fff;
    border-color: #ccc;
}


/* =IKULPIC CHECKOUT
--------------------------------------------------------------------------------*/

.img-checkout {
    display: block;
    margin: 0 auto;
}

.img-btn-icon {
    margin-right: 5px;
}

.btn-checkout-sign-in {
    background-color: #fff;
    border-color: #e1e1e1;
    margin-top: 15px;
    color: #107a9d;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-checkout-sign-in:hover,
.btn-checkout-sign-in:focus,
.btn-checkout-sign-in.focus,
.btn-checkout-sign-in:active,
.btn-checkout-sign-in.active,
.open>.dropdown-toggle.btn-checkout-sign-in {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-checkout-sign-in:active,
.btn-checkout-sign-in.active,
.open>.dropdown-toggle.btn-checkout-sign-in {
    background-image: none;
}

.btn-checkout-sign-in.disabled,
.btn-checkout-sign-in[disabled],
fieldset[disabled] .btn-checkout-sign-in,
.btn-checkout-sign-in.disabled:hover,
.btn-checkout-sign-in[disabled]:hover,
fieldset[disabled] .btn-checkout-sign-in:hover,
.btn-checkout-sign-in.disabled:focus,
.btn-checkout-sign-in[disabled]:focus,
fieldset[disabled] .btn-checkout-sign-in:focus,
.btn-checkout-sign-in.disabled.focus,
.btn-checkout-sign-in.focus[disabled],
fieldset[disabled] .btn-checkout-sign-in.focus,
.btn-checkout-sign-in.disabled:active,
.btn-checkout-sign-in[disabled]:active,
fieldset[disabled] .btn-checkout-sign-in:active,
.btn-checkout-sign-in.disabled.active,
.btn-checkout-sign-in.active[disabled],
fieldset[disabled] .btn-checkout-sign-in.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-checkout-preview {
    background-color: #107a9d;
    border-color: #107a9d;
    margin-top: 15px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-checkout-preview:hover,
.btn-checkout-preview:focus,
.btn-checkout-preview.focus,
.btn-checkout-preview:active,
.btn-checkout-preview.active,
.open>.dropdown-toggle.btn-checkout-preview {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-checkout-preview:active,
.btn-checkout-preview.active,
.open>.dropdown-toggle.btn-checkout-preview {
    background-image: none;
}

.btn-checkout-preview.disabled,
.btn-checkout-preview[disabled],
fieldset[disabled] .btn-checkout-preview,
.btn-checkout-preview.disabled:hover,
.btn-checkout-preview[disabled]:hover,
fieldset[disabled] .btn-checkout-preview:hover,
.btn-checkout-preview.disabled:focus,
.btn-checkout-preview[disabled]:focus,
fieldset[disabled] .btn-checkout-preview:focus,
.btn-checkout-preview.disabled.focus,
.btn-checkout-preview.focus[disabled],
fieldset[disabled] .btn-checkout-preview.focus,
.btn-checkout-preview.disabled:active,
.btn-checkout-preview[disabled]:active,
fieldset[disabled] .btn-checkout-preview:active,
.btn-checkout-preview.disabled.active,
.btn-checkout-preview.active[disabled],
fieldset[disabled] .btn-checkout-preview.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-checkout-edit {
    background-color: #00AED8;
    border-color: #00AED8;
    margin-top: 15px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-checkout-edit:hover,
.btn-checkout-edit:focus,
.btn-checkout-edit.focus,
.btn-checkout-edit:active,
.btn-checkout-edit.active,
.open>.dropdown-toggle.btn-checkout-edit {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-checkout-edit:active,
.btn-checkout-edit.active,
.open>.dropdown-toggle.btn-checkout-edit {
    background-image: none;
}

.btn-checkout-edit.disabled,
.btn-checkout-edit[disabled],
fieldset[disabled] .btn-checkout-edit,
.btn-checkout-edit.disabled:hover,
.btn-checkout-edit[disabled]:hover,
fieldset[disabled] .btn-checkout-edit:hover,
.btn-checkout-edit.disabled:focus,
.btn-checkout-edit[disabled]:focus,
fieldset[disabled] .btn-checkout-edit:focus,
.btn-checkout-edit.disabled.focus,
.btn-checkout-edit.focus[disabled],
fieldset[disabled] .btn-checkout-edit.focus,
.btn-checkout-edit.disabled:active,
.btn-checkout-edit[disabled]:active,
fieldset[disabled] .btn-checkout-edit:active,
.btn-checkout-edit.disabled.active,
.btn-checkout-edit.active[disabled],
fieldset[disabled] .btn-checkout-edit.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-checkout-delete {
    background-color: #d92129;
    border-color: #d92129;
    margin-top: 10px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-checkout-delete:hover,
.btn-checkout-delete:focus,
.btn-checkout-delete.focus,
.btn-checkout-delete:active,
.btn-checkout-delete.active,
.open>.dropdown-toggle.btn-checkout-delete {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-checkout-delete:active,
.btn-checkout-delete.active,
.open>.dropdown-toggle.btn-checkout-delete {
    background-image: none;
}

.btn-checkout-delete.disabled,
.btn-checkout-delete[disabled],
fieldset[disabled] .btn-checkout-delete,
.btn-checkout-delete.disabled:hover,
.btn-checkout-delete[disabled]:hover,
fieldset[disabled] .btn-checkout-delete:hover,
.btn-checkout-delete.disabled:focus,
.btn-checkout-delete[disabled]:focus,
fieldset[disabled] .btn-checkout-delete:focus,
.btn-checkout-delete.disabled.focus,
.btn-checkout-delete.focus[disabled],
fieldset[disabled] .btn-checkout-delete.focus,
.btn-checkout-delete.disabled:active,
.btn-checkout-delete[disabled]:active,
fieldset[disabled] .btn-checkout-delete:active,
.btn-checkout-delete.disabled.active,
.btn-checkout-delete.active[disabled],
fieldset[disabled] .btn-add-photo.active {
    background-color: #fff;
    border-color: #ccc;
}


/* =ALERTS
--------------------------------------------------------------------------------*/

#page_message {
    margin-top: 15px;
    font-size: 1.4em;
}

#ikulpic-modal-messages {
    font-size: 1.2em;
}

p.dave-note {
    font-weight: 600;
    color: #FF0000;
    font-style: italic;
}


/* =REPORT
--------------------------------------------------------------------------------*/

#report-form label {
    color: #107a9d;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.report-upload {
    border: 1px dashed #e1e1e1;
    padding: 10px;
    margin-bottom: 15px;
}

.report-upload-img-tile {
    margin: 0 auto;
    display: block;
}

p.terms-agree {
    font-size: 1.2em;
}

label.terms-checkbox {
    font-size: 1.3em!important;
    color: #4a4a4a!important;
    font-weight: 600!important;
}

#report-form .report-radio-label {
    margin: 0 10px;
}

#report-form .report-radio-input {
    margin: 0 20px;
}



/* =HOW IT WORKS
--------------------------------------------------------------------------------*/

h1.how-it-works {
    color: #107a9d;
    font-size: 3.1em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: capitalize;
}

h2.how-it-works {
    color: #606060;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 5px;
    text-transform: none;
}

h3.how-it-works {
    color: #107a9d;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: none;
}

h4.how-it-works {
    color: #107a9d;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: none;
}

.img-hiw {
    margin: 5px 0 10px 0;
}

.how-it-works-overview {
    border: 1px solid #e5e5e5;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 1px 2px 2px #f6f6f6;
    box-shadow: 0 1px 2px 2px #f6f6f6;
}

.how-it-works-overview img {
    display: block;
    margin: 0 auto;
}

.how-it-works-overview p {
    text-align: center;
    margin-top: 15px;
    font-size: 1.7em;
    font-weight: 300;
}


/* =OLD GROUPS
--------------------------------------------------------------------------------*/

h3.group-features {
    font-size: 3em;
}

.group-list {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 10px;
}

.group-list-item {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.group-make {
    background: url(/res/pngs/profile-public-view/i-friend-request.png) no-repeat 0 0;
    background-color: #ff7f21;
    color: #fff;
    padding: 1px 5px 1px 28px;
    vertical-align: top;
}

.group-join-request {
    background: url(/res/pngs/profile-public-view/i-friend-request.png) no-repeat 0 0;
    background-color: #ff7f21;
    color: #fff;
    padding: 1px 5px 1px 28px;
    vertical-align: top;
}

.group-manage {
    background: url(/res/pngs/profile-public-view/i-friend-request.png) no-repeat 0 0;
    background-color: #7a2;
    color: #fff;
    padding: 1px 5px 1px 28px;
    vertical-align: top;
}

.group-leave {
    background: url(/res/pngs/profile-public-view/i-friend-request.png) no-repeat 0 0;
    background-color: #a22;
    color: #fff;
    padding: 1px 5px 1px 28px;
    vertical-align: top;
}


/* =SUPPORT
--------------------------------------------------------------------------------*/

h1.support {
    color: #107a9d;
    font-size: 3.1em;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: capitalize;
    text-align: center;
}

h2.support {
    color: #606060;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 5px;
    text-transform: none;
    text-align: center;
}

h3.support {
    color: #606060;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 5px;
    text-transform: none;
    text-align: center;
}

.panel-default>.panel-heading {
    background-color: #107a9d;
    border-color: #107a9d;
    color: #fff;
}

ul.support-features {
    list-style-type: disc;
    padding-left: 10px;
}

ul.support-features li {
    font-size: 1.4em;
}

ul.support-navigation {
    list-style-type: none;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    box-shadow: 0 1px 2px 2px #f6f6f6;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

ul.support-navigation li {
    padding-bottom: 5px;
}

ul.support-navigation li.title {
    color: #107a9d;
    font-size: 2em;
    font-weight: 300;
    padding-bottom: 10px;
    text-transform: capitalize;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

ul.support-navigation li a.section-title {
    padding-left: 0;
    font-size: 1.6em;
}

ul.support-navigation li a {
    display: block;
    font-size: 1.4em;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 5px;
    padding-left: 20px;
}

ul.support-navigation li a:hover {
    text-decoration: none;
}


/* =PRIVACY SETTINGS
--------------------------------------------------------------------------------*/

.btn-delete-account {
    background-color: #d92129;
    border-color: #d92129;
    margin-top: 10px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-delete-account:hover,
.btn-delete-account:focus,
.btn-delete-account.focus,
.btn-delete-account:active,
.btn-delete-account.active,
.open>.dropdown-toggle.btn-delete-account {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-delete-account:active,
.btn-delete-account.active,
.open>.dropdown-toggle.btn-delete-account {
    background-image: none;
}

/* =CREATE YOUR ACCOUNT STEPS (31-07-2016)
CSS for new create your account steps
--------------------------------------------------------------------------------*/

h1.create-account-title {
    font-weight: 300;
    color: #494949;
    text-align: center;
    letter-spacing: -1px;
    font-size: 3em;
}

span.brand-light-blue {
    color: #00AED8;
    font-weight: 600;
}

#create-account-form label {
    font-size: 1.3em;
    font-weight: 400;
}

.btn-brand-lb {
    background-color: #00AED8;
    border-color: #00AED8;
    margin-top: 15px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
	white-space:normal;
}

.btn-overview {
    background-color: #00AED8;
    border-color: #00AED8;
    margin-top: 15px;
    color: #fff;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space:normal;
    float:right;
}

.btn-tag, .btn-show-colour, .btn-agree, .btn-disagree {
    margin: 1px 1px;
    padding: 2px 4px;
    width: 102px;
    height: 50px;
    white-space: normal;
    justify-content: center;
    align-items: center;
}

.btn-tag, .btn-show-colour, .btn-agree {
    background-color: #00AED8;
    border-color: #00AED8;
	color: white;
}

.btn-disagree {
    background-color: grey;
    border-color: grey;
	color: white;
}

.btn-tag:hover,
.btn-agree:hover,
.btn-disagree:hover,
.btn-show-colour:hover,
.btn-brand-lb:hover,
.btn-brand-lb:focus,
.btn-brand-lb.focus,
.btn-brand-lb:active,
.btn-brand-lb.active,
.open>.dropdown-toggle.btn-brand-lb {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-brand-lb:active,
.btn-brand-lb.active,
.open>.dropdown-toggle.btn-brand-lb {
    background-image: none;
}

.btn-brand-lb.disabled,
.btn-brand-lb[disabled],
fieldset[disabled] .btn-brand-lb,
.btn-brand-lb.disabled:hover,
.btn-brand-lb[disabled]:hover,
fieldset[disabled] .btn-brand-lb:hover,
.btn-brand-lb.disabled:focus,
.btn-brand-lb[disabled]:focus,
fieldset[disabled] .btn-brand-lb:focus,
.btn-brand-lb.disabled.focus,
.btn-brand-lb.focus[disabled],
fieldset[disabled] .btn-brand-lb.focus,
.btn-brand-lb.disabled:active,
.btn-brand-lb[disabled]:active,
fieldset[disabled] .btn-brand-lb:active,
.btn-brand-lb.disabled.active,
.btn-brand-lb.active[disabled],
fieldset[disabled] .btn-brand-lb.active {
    background-color: gray;
    border-color: #ccc;
}


/* =CHECKOUT STEPS (31-07-2016)
CSS for new checkout steps
--------------------------------------------------------------------------------*/

h1.checkout-title {
    font-weight: 300;
    color: #494949;
    text-align: center;
    letter-spacing: -1px;
}

ul.checkout-step-nav {
    list-style-type: none;
}

ul.checkout-step-nav li {
    font-size: 1.4em;
}

.cko-ikulpic-header {
    background-color: #620F10;
    color: #FFFFFF;
    padding: 15px;
}

h2.cko-ikulpic-title {
    color: #fff;
    font-size: 3em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0 !important;
    padding-bottom: 5px;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: -1px;
}

.cko-ikulpic-content {
    border: 1px solid #eeeeee;
    padding: 10px;
}

.btn-brand-gry {
    background-color: #D5D5D5;
    border-color: #D5D5D5;
    margin-top: 15px;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-brand-gry:hover,
.btn-brand-gry:focus,
.btn-brand-gry.focus,
.btn-brand-gry:active,
.btn-brand-gry.active,
.open>.dropdown-toggle.btn-brand-gry {
    background-color: #D5D5D5;
    border-color: #D5D5D5;
    color: #fff;
}

.btn-brand-gry:active,
.btn-brand-gry.active,
.open>.dropdown-toggle.btn-brand-gry {
    background-image: none;
}

.btn-brand-gry.disabled,
.btn-brand-gry[disabled],
fieldset[disabled] .btn-brand-gry,
.btn-brand-gry.disabled:hover,
.btn-brand-gry[disabled]:hover,
fieldset[disabled] .btn-brand-gry:hover,
.btn-brand-gry.disabled:focus,
.btn-brand-gry[disabled]:focus,
fieldset[disabled] .btn-brand-gry:focus,
.btn-brand-gry.disabled.focus,
.btn-brand-gry.focus[disabled],
fieldset[disabled] .btn-brand-gry.focus,
.btn-brand-gry.disabled:active,
.btn-brand-gry[disabled]:active,
fieldset[disabled] .btn-brand-gry:active,
.btn-brand-gry.disabled.active,
.btn-brand-gry.active[disabled],
fieldset[disabled] .btn-brand-gry.active {
    background-color: #fff;
    border-color: #ccc;
}


/* =CHECKOUT STEPS (13-08-2016)
CSS for new checkout steps
--------------------------------------------------------------------------------*/

h1.checkout-title {
    font-weight: 300;
    color: #494949;
    text-align: center;
    letter-spacing: -1px;
    font-size: 3em;
}

ul.checkout-step-nav {
    list-style-type: none;
}

ul.checkout-step-nav li {
    font-size: 1.4em;
}

.cko-ikulpic-header {
    background-color: #107a9d;
    color: #FFFFFF;
    padding: 15px;
}

h2.cko-ikulpic-title {
    color: #fff;
    font-size: 3em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0 !important;
    padding-bottom: 5px;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: -1px;
}

.cko-ikulpic-content {
    border: 1px solid #eeeeee;
    padding: 10px;
}

.cko-ikulpic-content h1,
h2,
h3,
h4,
h5 {
    color: #107a9d;
    font-size: 2.8em;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 5px !important;
    padding-bottom: 5px;
    text-transform: capitalize;
}

.cko-ikulpic-image {
    border: 1px solid #eeeeee;
    display: block;
    margin: 0 auto 5px;
}

p.cko-tip {
    font-size: 1.8em;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 300;
}

.btn-edit-cko {
    background-color: #fff;
    border: 5px solid lightgrey;
    margin-top: 15px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-edit-cko:hover,
.btn-edit-cko:focus,
.btn-edit-cko.focus,
.btn-edit-cko:active,
.btn-edit-cko.active,
.open>.dropdown-toggle.btn-edit-cko {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-edit-cko:active,
.btn-edit-cko.active,
.open>.dropdown-toggle.btn-edit-cko {
    background-image: none;
}

.btn-edit-cko.disabled,
.btn-edit-cko[disabled],
fieldset[disabled] .btn-edit-cko,
.btn-edit-cko.disabled:hover,
.btn-edit-cko[disabled]:hover,
fieldset[disabled] .btn-edit-cko:hover,
.btn-edit-cko.disabled:focus,
.btn-edit-cko[disabled]:focus,
fieldset[disabled] .btn-edit-cko:focus,
.btn-edit-cko.disabled.focus,
.btn-edit-cko.focus[disabled],
fieldset[disabled] .btn-edit-cko.focus,
.btn-edit-cko.disabled:active,
.btn-edit-cko[disabled]:active,
fieldset[disabled] .btn-edit-cko:active,
.btn-edit-cko.disabled.active,
.btn-edit-cko.active[disabled],
fieldset[disabled] .btn-edit-cko.active {
    background-color: #fff;
    border-color: #ccc;
}

ul.cko-tags {
    list-style-type: none;
    font-size: 1.4em;
    margin-top: 10px;
    padding-left: 0;
}

ul.cko-tags li {
    display: block;
    position: relative;
    padding: 10px 15px 10px 15px;
    float: left;
    margin: 5px;
    color: #fff;
    font-weight: 400;
    background-color: #107a9d;
    text-decoration: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
}

/*Checkout Steps Wizard*/

.cko-wizard {
    margin-top: 30px;
    margin-bottom: 40px;
}

.cko-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

.cko-wizard>.cko-wizard-step {
    padding: 0;
    position: relative;
}

.cko-wizard>.cko-wizard-step .cko-wizard-stepnum {
    color: #595959;
    font-size: 15px;
    margin-bottom: 5px;
}

.cko-wizard>.cko-wizard-step .cko-wizard-info {
    color: #999;
    font-size: 14px;
}

.cko-wizard>.cko-wizard-step>.cko-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #aeefff;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.cko-wizard>.cko-wizard-step>.cko-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #00aed8;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.cko-wizard>.cko-wizard-step>.cko-progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 20px 0;
}

.cko-wizard>.cko-wizard-step>.cko-progress>.cko-progress-bar {
    width: 0px;
    box-shadow: none;
    background: #aeefff;
}

.cko-wizard>.cko-wizard-step.complete>.cko-progress>.cko-progress-bar {
    width: 100%;
}

.cko-wizard>.cko-wizard-step.active>.cko-progress>.cko-progress-bar {
    width: 50%;
}

.cko-wizard>.cko-wizard-step:first-child.active>.cko-progress>.cko-progress-bar {
    width: 0%;
}

.cko-wizard>.cko-wizard-step:last-child.active>.cko-progress>.cko-progress-bar {
    width: 100%;
}

.cko-wizard>.cko-wizard-step.disabled>.cko-wizard-dot {
    background-color: #f5f5f5;
}

.cko-wizard>.cko-wizard-step.disabled>.cko-wizard-dot:after {
    opacity: 0;
}

.cko-wizard>.cko-wizard-step:first-child>.cko-progress {
    left: 50%;
    width: 50%;
}

.cko-wizard>.cko-wizard-step:last-child>.cko-progress {
    width: 50%;
}

.cko-wizard>.cko-wizard-step.disabled a.cko-wizard-dot {
    pointer-events: none;
}


/*END Checkout Steps Wizard*/

.cko-terms-block {
    border: 1px solid #cececf;
    padding: 20px;
    margin: 25px 0 25px 0;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}


/* =HOME PAGE (08-07-2018)
CSS for new home page layout
--------------------------------------------------------------------------------*/

.banner-header {
    background: url(/res/pngs/home-page/banner-header-img.png) repeat-x center top;
    background-size: 100% 100%;
    border-top: 1px solid #ffffff;
    height: 200px;
}

.banner-content-container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e7e7+0,e8e9ea+50,dddee0+100 */
    background: #e6e7e7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e6e7e7 0%, #e8e9ea 50%, #dddee0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e6e7e7 0%, #e8e9ea 50%, #dddee0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e6e7e7 0%, #e8e9ea 50%, #dddee0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e7', endColorstr='#dddee0', GradientType=0);
    /* IE6-9 */
    width: 100%;
    position: relative;
}

.banner-footer {
    background: url(/res/pngs/home-page/banner-footer-img.png) repeat-x center top;
    height: 173px;
}

.banner-content-container h1 {
    font-weight: 300;
    color: #494949;
    text-align: center;
    letter-spacing: -1px;
    font-size: 3.4em;
}

.banner-content-container h2 {
    text-align: center;
    letter-spacing: -1px;
    font-size: 3em;
    color: #494949;
    text-transform: none;
}

.banner-content-container img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.home-ikulpic-count {
    border: 1px dashed #fff;
    border-radius: 50%;
    background-color: rgb(58, 99, 198);
    box-shadow: 0px 3px 7px 0px rgba(164, 164, 164, 0.35);
    position: absolute;
    right: 7%;
    top: 125px;
    width: 125px;
    height: 125px;
    z-index: 215;
}

.home-ikulpic-count p.num-count {
    color: #fff;
    letter-spacing: -2px;
    font-weight: 700;
    font-size: 3em;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.home-ikulpic-count p.added {
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.home-latest-container {
    background-color: #ffb321;
    width: 100%;
    padding-top: 30px;
}

.home-latest-container h3,
h4 {
    color: #ffffff;
    text-align: center;
    font-weight: 300;
    font-size: 3.4em;
    text-transform: none;
}

.home-latest-container p {
    color: #ffffff;
}

.home-latest-container h4 {
    text-align: left;
    margin-top: 20px!important;
}

p.home-byline {
    color: #fff;
    text-align: center;
    font-size: 2em;
}

.home-latest-ikulpics {
    background-color: #FFFFFF;
    padding: 10px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px -3px 7px 0px rgba(164, 164, 164, 0.35);
    margin-top: 25px;
}

.home-latest-ikulpics img {
    position: relative;
}


/* dynamic ikulpic tile classes */

.slider {
  width: 11%;
  float: left;
}

.slide-visible {
  float: left;
}

.slide-hidden, .fav-slide-hidden {
  display: none;
}

.tile-slider .holder {
    width: 124px;
}

.holder {
    height: 200%;
}

.fav-ikulpic .holder {
    width: 194px;
}

.slide {
  background-image: url(/res/pngs/ikulpic-assets/i-ikulpic-mag.png);
  background-repeat: no-repeat;
  background-position: bottom 2px right 2px;
  cursor: pointer;
  margin: 2px;
}


/* Home page Join in button div in the middle! */
/* Make the image responsive */
.joinin_wrapper img {
  width: 11%;
  float: left;
}

/* Style the button and place it in the middle of the container/image */
.joinin_wrapper .btn {
  position: relative;
  width: 124px;
  cursor: pointer;
  float: left;
  margin-top: -90px;
  border: 2px solid black;
  font-size: 1.5em;
}

/* Custom, iPhone Retina */

@media only screen and (max-height: 375px) {
    .home-latest-ikulpics img {
        height: 28px;
        width: 32px;
    }
    .slide-visible, .slide-hidden {
        height: 115px;
        width: 124px;
    }
    .tile-slider .holder {
  	width:32px;
    }
    .slider {
  	height:28px;
    }
    .joinin_wrapper .btn {
        width: 28px;
        margin-top: -28px;
        font-size: 0.8em;
        padding: 0px;
    }
    #mapdiv {
  	height:128px;
    }
}


div.help-article ul, ol {
	font-size: 1.4em;
}

div.help-article .modal-img {
	height: 800px;
}

@media (max-width: 768px) {
    .ikulpic-md {
	height: 108px;
	width: 118px;
    }
    .ikulpic-md .holder {
	height: 108px;
	width: 118px;
    }
    .slide-visible, .slide-hidden {
        height: 102px;
        width: 112px;
    }
    .whats-new-latest-container {
	background-color: #fff;
	margin-left: 0;
    }
    div.help-article ul, ol {
	font-size: 1.3em;
    }
    div.help-article .modal-img {
	width: 300px;
	height: 600px;
    }

}

/* Extra Small Devices, Phones

@media only screen and (max-width: 480px) {
    .home-latest-ikulpics img {
        height: 45px;
        width: 50px;
    }
    .slide-visible, .slide-hidden {
        height: 45px;
        width: 50px;
    }
    .tile-slider .holder {
  	width:50px;
    }
    .slider {
  	height:45px;
    }
    .joinin_wrapper .btn {
        width: 46px;
        margin-top: -38px;
        font-size: 1em;
    }
    #mapdiv {
  	height:192px;
    }
}
*/

/* Small Devices, Tablets

@media only screen and (min-width: 768px) {
    .home-latest-ikulpics img {
        height: 74px;
        width: 80px;
    }
    .slide-visible, .slide-hidden {
        height: 74px;
        width: 80px;
    }
    .tile-slider .holder {
  	width:80px;
    }
    .slider {
  	height:74px;
    }
    .joinin_wrapper .btn {
        width: 76px;
        margin-top: -61px;
        margin-left: 2px;
        font-size: 1.5em;
    }
    #mapdiv {
  	height:308px;
    }
}
*/
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) and (max-width:1024px) {
    .ipad-hack {
	width:25%;
    }
}

@media only screen and (min-width: 992px) {
    .home-latest-ikulpics img {
        height: 100px;
        width: 105px;
    }
    .slide-visible, .slide-hidden {
        height: 115px;
        width: 124px;
    }
    .tile-slider .holder {
  	width:105px;
    }
    .slider {
  	height:100px;
    }
    .joinin_wrapper .btn {
        width: 101px;
        margin-top: -76px;
        font-size: 1.5em;
    }
    #mapdiv {
  	height:400px;
    }
}


    .holder-fav, .fav-slide-visible, .fav-slide-hidden {
  	width:inherit;
  	height:inherit;
    }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .home-latest-ikulpics img {
        height: 115px;
        width: 124px;
    }
    .slide-visible, .slide-hidden {
        height: 115px;
        width: 124px;
    }
    .tile-slider .holder {
  	width:124px;
    }
    .slider {
  	height:115px;
    }
    .joinin_wrapper .btn {
        width: 120px;
        margin-top: -90px;
        font-size: 1.5em;
    }
    #mapdiv {
  	height:450px;
    }
}

.home-profile-example {
    margin-left: 32px;
    margin-bottom: 25px;
}

.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.home-ikulpic-info-container {
    background-color: #107a9d;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.home-ikulpic-info-container h3,
h4 {
    color: #ffffff;
    text-align: center;
    font-weight: 300;
    font-size: 3.4em;
    text-transform: none;
}

.home-ikulpic-info-container p {
    color: #fff;
}

.home-ikulpic-info-container button {
	margin:4rem auto;
	display:block;
	max-width:150px;
	
}

.home-ikulpic-pop-img {
    display: block;
    margin: 0 auto;
}


#home-community-container {
	background: url(/res/pngs/home/home-community-container-bg.png) no-repeat center;
	background-size: contain;
	background-color:#f3f3f3;
}

#home-community-container h3 {
	text-align:center;
	font-weight: 300;
	font-size: 3.4em;
	text-transform: none;
	color:#4d4d4d;
	
}

.home-messages {
	color:#676767;
	text-align:center;
	font-size:1.8em;
	max-width:85%;
	margin:1rem auto 1rem auto;
	
}

#home-community-container a {
	text-decoration:none;
	
}


/* =THE BIG PICTURE (18-08-2016)
CSS for new the big picture layout
--------------------------------------------------------------------------------*/

.bp-banner-header {
    background: url(/images/the-big-picture/banner-header-img.png) repeat-x center top;
    background-size: 100% 100%;
    border-top: 1px solid #ffffff;
    height: 15vw;
}

.bp-banner-content-container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e7e7+0,e8e9ea+50,dddee0+100 */
    background: #e6e7e7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e6e7e7 0%, #e8e9ea 50%, #dddee0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e6e7e7 0%, #e8e9ea 50%, #dddee0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e6e7e7 0%, #e8e9ea 50%, #dddee0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e7', endColorstr='#dddee0', GradientType=0);
    /* IE6-9 */
    width: 100%;
    position: relative;
}

.bp-banner-footer {
    background: url(/images/the-big-picture/banner-footer-img.png) repeat-x center top;
    height: 173px;
}

.bp-banner-content-container h1 {
    font-weight: 300;
    color: #494949;
    text-align: center;
    letter-spacing: -1px;
    font-size: 3.4em;
}

@media (max-width: 420px) {
    .bp-banner-content-container h1 {
        font-size: 2em;
        margin: 0;
    }
    p.ikulpic-inspiration {
        font-size: 10pt;
    }
}

.bp-banner-content-container h2 {
    text-align: center;
    letter-spacing: -1px;
    font-size: 3em;
    color: #494949;
    text-transform: none;
}

.bp-ikulpic-count {
    border: 1px dashed #fff;
    border-radius: 50%;
    background-color: rgb(58, 99, 198);
    box-shadow: 0px 3px 7px 0px rgba(164, 164, 164, 0.35);
    top: 10px;
    width: 125px;
    height: 125px;
    margin-right: 50px;
}
.bp-ikulpic-count.bp-country-count {
    background-color: green;
    margin-left: 50px;
}

.bp-ikulpic-count p.num-count {
    color: #fff;
    letter-spacing: -2px;
    font-weight: 700;
    font-size: 3em;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.bp-ikulpic-count p.added {
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

p.bp-byline {
    color: #fff;
    text-align: center;
    font-size: 2em;
}

.bp-latest-ikulpics-container {
    background-color: #107a9d;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.bp-latest-ikulpics-container h3,
h4 {
    color: #ffffff;
    text-align: center;
    font-weight: 300;
    font-size: 3.4em;
    text-transform: none;
}

.bp-latest-ikulpics-container p {
    color: #fff;
}

.bp-latest-ikulpics p {
    text-align: center;
    font-size: 1.6em;
}

.bp-latest-ikulpics img {
    border-radius: 50%;
    box-shadow: 0px 3px 7px 0px rgba(16, 0, 157, 0.35);
    width: 109px;
    height: 109px;
    margin: 10px auto 10px auto;
    display: block;
	object-fit: cover;
}

.bp-example {
    display: block;
    margin: 0 auto;
}


/* =GET STARTED LANDING PAGES (15-10-2016)
CSS for new user landing pages
--------------------------------------------------------------------------------*/

h1.get-started-title {
    color: #4a4a4a;
    font-size: 3em;
    font-weight: 300;
    letter-spacing: -1px;
    text-align: center;
}

h2.get-started {
    color: #4a4a4a;
    font-size: 2.6em;
    font-weight: 300;
    letter-spacing: -1px;
    text-align: left;
    text-transform: none;
    margin-top: 30px!important;
    margin-bottom: 15px;
}

h3.get-started {
    color: #4a4a4a;
    font-size: 2.6em;
    font-weight: 300;
    letter-spacing: -1px;
    text-align: left;
    text-transform: none;
    margin-top: 30px!important;
    margin-bottom: 15px;
}

h4.get-started {
    color: #4a4a4a;
    font-size: 2.6em;
    font-weight: 300;
    letter-spacing: -1px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.img-get-started {
    display: block;
    margin: 30px auto 20px auto;
}

.img-get-started-nav {
    display: block;
    margin: 20px auto 20px auto;
}

p.get-started-tag {
    margin-top: 10px;
}


/* =SIGN UP (09-04-2018)
CSS for sign up pages
--------------------------------------------------------------------------------*/

.datepicker-dropdown {
	background-color: #ffffff!important;
	
}

#signup {
	max-width:720px;
	margin:0 auto;
	display:block;
	padding:2rem;
	background-color:#fafafa;
	border:1px solid #dbdbdb;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
}

#signup label,#contact label {
	font-size:1.6rem;
	font-weight:400;
	
}


.favourited {
	font-weight: bold;
	margin-left: 10px;
	color: #727272;
	font-size:0.8em;
	//background: url(/res/pngs/whats-new/wn-fav-icon.png) no-repeat left;
	background: url(/res/pngs/ikulpic-modal/smile.png) no-repeat left;
	background-size: 24px 24px;
	padding-left:28px;
}

/* fileupload styles */
.rotate-0 {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	}

.rotate-90 {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	}

.rotate-180 {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}

.rotate-270 {
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	}

.bigger { font-size: 2em; }

.fu-header {
	font-size: 2em;
	color: white;
	margin-top: 7px;
	}

/* Modal Area Ref Test */
.btn-area-ref-modal {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
    width: 50%;

}

.btn-area-ref-modal:hover,
.btn-area-ref-modal:focus,
.btn-area-ref-modal.focus,
.btn-area-ref-modal:active,
.btn-area-ref-modal.active,
.open>.dropdown-toggle.btn-edit-cko {
    background-color: #ffb321;
    border-color: #ffb321;
    color: #fff;
}

.btn-area-ref-modal:active,
.btn-area-ref-modal.active,
.open>.dropdown-toggle.btn-area-ref-modal {
    background-image: none;
}

.btn-area-ref-modal.disabled,
.btn-area-ref-modal[disabled],
fieldset[disabled] .btn-area-ref-modal,
.btn-area-ref-modal.disabled:hover,
.btn-area-ref-modal[disabled]:hover,
fieldset[disabled] .btn-area-ref-modal:hover,
.btn-area-ref-modal.disabled:focus,
.btn-area-ref-modal[disabled]:focus,
fieldset[disabled] .btn-area-ref-modal:focus,
.btn-area-ref-modal.disabled.focus,
.btn-area-ref-modal.focus[disabled],
fieldset[disabled] .btn-area-ref-modal.focus,
.btn-area-ref-modal.disabled:active,
.btn-area-ref-modal[disabled]:active,
fieldset[disabled] .btn-area-ref-modal:active,
.btn-area-ref-modal.disabled.active,
.btn-area-ref-modal.active[disabled],
fieldset[disabled] .btn-area-ref-modal.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-browse-zone {
    padding-top: 26px;
    padding-bottom: 26px;
    font-size: 2.5em;
    border-radius: 6px;
}

.close-modal, .favourite-ikulpic, .feature-ikulpic {
    cursor: pointer;
}

.modal-bp {
    float:left;
    border: 6px solid turquoise;
    cursor: pointer;
}

.bigp-frame {
    	margin: auto;
}

.bigp-container {
    	margin: auto;
    	position: relative;
}

@media only screen and (max-width: 320px) {
    .bigp-frame {
    	background: url(/res/pngs/picture-frame-6.jpg) no-repeat;
   	width: 216px;
    	height: 216px;
    }
    .bigp-container {
   	width: 204px;
    	height: 204px;
    	top: 6px;
    }
}

@media only screen and (min-width: 320px) {
    .bigp-frame {
    	background: url(/res/pngs/picture-frame-8.jpg) no-repeat;
   	width: 260px;
    	height: 260px;
    }
    .bigp-container {
   	width: 244px;
    	height: 244px;
    	top: 8px;
    }
}

@media only screen and (min-width: 480px) {
    .bigp-frame {
    	background: url(/res/pngs/picture-frame-14.jpg) no-repeat;
   	width: 512px;
    	height: 512px;
    }
    .bigp-container {
   	width: 484px;
    	height: 484px;
    	top: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .bigp-frame {
    	background: url(/res/pngs/picture-frame-16.jpg) no-repeat;
   	width: 556px;
    	height: 556px;
    }
    .bigp-container {
   	width: 524px;
    	height: 524px;
    	top: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .bigp-frame {
    	background: url(/res/pngs/picture-frame-24.jpg) no-repeat;
   	width: 852px;
    	height: 852px;
    }
    .bigp-container {
   	width: 804px;
    	height: 804px;
    	top: 24px;
    }
}

@media only screen and (min-width: 1200px) {
    .bigp-frame {
    	background: url(/res/pngs/picture-frame-30.jpg) no-repeat;
   	width: 1064px;
    	height: 1064px;
    }
    .bigp-container {
   	width: 1004px;
    	height: 1004px;
    	top: 30px;
    }
}

.favcount-badge {
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: green;
	border-radius: 10px;
	border: 1px solid #fff;
	position: absolute;
	top: 30px;
	right: 50%;
}

.reachout-badge {
	min-width: 10px;
	padding: 1px 5px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: green;
	border-radius: 10px;
	position: relative;
	top: 30px;
	right: 80px;
}

.ikulpics-badge {
	min-width: 10px;
	padding: 1px 5px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: green;
	border-radius: 10px;
	position: relative;
	top: 30px;
	right: 50px;
}

.counter-icon {
	display:inline;
	float:left;
	margin: 10px 10px;
}

/* for near me users identicon greyed out */
.privacy {
	height: 70px;
	width: 70px;
	background-color: gray;
	border-radius: 50%;
	border: 1px solid #0f7d9e;
	padding-top: 14px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 1.4em;
}

/* add coloured circle around smiley for favourite/unfavourite */
.itoggle-on {
	border: 4px solid green;
	box-shadow: 0 1px black;
	border-radius: 50%;
}

.itoggle-off {
	border: 4px solid red;
	box-shadow: 0 1px black;
	border-radius: 50%;
}

/* style help pages */

div.help-index p {
	font-size: 1em;
	margin: 0 0;
}

div.help-index h3:hover {
	color: #ffb321;
}

div.help-article a {
	font-size: 1.2em;
	color: darkblue;
	font-weight: 700;
}

div.help-article h1 {
	color: #107a9d;
	font-size: 2.8em;
	font-weight: 500;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-bottom: 5px;
	text-transform: capitalize;
}

div.help-article h2 {
	color: #107a9d;
	font-size: 2.4em;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 5px;
	padding-bottom: 5px;
	text-transform: none;
	border-top-color: #107a9d;
	border-top-width: 4px;
	border-top-style: double;
}

div.help-article h3 {
	color: #821e1e;
	font-size: 1.8em;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 5px;
	padding-bottom: 5px;
	text-transform: none;
}

div.help-article h4 {
	color: #000;
	font-size: 1.6em;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 5px;
	padding-bottom: 5px;
	text-transform: none;
	text-align: left;
}

div.help-article ul > ol, 
div.help-article ol > ul, 
div.help-article ul > ul {
	font-size: 1em;
}

.tag-table input[type="checkbox"] {
        display:none;
}
.tag-table input[type="checkbox"]:checked+label {
        background-color:green;
}
.tag-table input[type="checkbox"]:not(:checked)+label {
        background-color:#00AED8;
}

.tag-table.label {
	height: 50px;
	width:150px;
}

.ik-show {
    font-weight: 700;
    color: #fff;
    background-color: #28b463;
    border-color: #28b463;
    white-space: normal;
    height: inherit;
    border: 1px solid black;
}

.ik-smilep {
    font-weight: 700;
    color: #fff;
    background-color: #f1c40f;
    border-color: #f1c40f;
    margin: 1px 1px;
    padding: 2px 4px;
    white-space: normal;
    height: inherit;
    border: 1px solid black;
}

.ik-about {
    font-weight: 700;
    color: #fff;
    background-color: #884ea0;
    border-color: #884ea0;
    margin: 1px 1px;
    padding: 1px 1px;
    white-space: normal;
    height: inherit;
    width: 195px;
    border: 1px solid black;
}

.help-article table {
	margin-bottom: 10px;
}

.help-article th,
.help-article td {
	border:2px solid grey;
	border-collapse: collapse;
	font-size: 1.4em;
	padding: 5px 5px;
}

.modal-terms {
	border:2px solid brown;
	margin-top:30px;
}

.hints-link {
	font-family: Verdana, Helvetica;
	font-style: italic;
}

.hints-title {
	font-size: 2.5em;
	padding: 5px 25px;
	background-color: lightblue;
}

.share-img {
	max-width: 500px;
	height: auto;
}

@media only screen and (max-width: 414px) {
	.share-img {
		max-width: 320px;
	}
}
@media only screen and (max-width: 1200px) {
	.banner-header {
		height: 100px;
	}
}

.newsreel {
	border: 8px solid #107a9d;
	border-radius: 8px;
	height: 120px;
	margin-top:30px;
	overflow: scroll;
	overflow-x: hidden;
}

.newsreel>p {
	font-size:1.5em;
	font-family: verdana;
	font-weight: 500;
	color: blue;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 1px;
	margin-bottom: 0px;
	padding:5px;
}

/* account_settings color circle */
input.user-favcolor, .user-favcolor {
	width:100px;
	height:100px;
	border-radius:50px;
	border:1px solid lightblue;
	margin-top:50px;
	font-size:2em;
}

.bp-tip {
	height:58px;
	border:1px solid white;
	color:#fff;
	font-size:5em;
	margin-bottom: 5px;
}

.news-col {
	padding: 5px;
	border-top: 4px solid black;
}

.news-item {
	width: 124px;
	height: 115px;
	border: 2px solid lightgrey;
	margin-right: 20px;
	text-align: center;
	font-size: 7em;
	font-weight: 900;
	color: lightgrey;
	padding: 0;
}

.news-item-sm {
	width: 75px;
	height: 70px;
	border: 2px solid lightgrey;
	margin-right: 20px;
	text-align: center;
	font-size: 4.5em;
	font-weight: 900;
	color: lightgrey;
	float: left;
}

label.news-title {
    color: black;
    font-weight: 600;
    font-size: 2em;
    text-transform: capitalize;
    font-family:  'Fredericka the Great',cursive;
}

.red4-border {
	border: 4px solid red;
}

.green4-border {
	border: 4px solid green;
}

.news-paper-title {
	font-family: 'chomsky';
	font-size: 7em;
	text-align: center;
}

.news-paper-date {
	font-family: 'chomsky';
	font-size: 2.2em;
	text-align: center;
	padding-top:15px;
}

.box-titles {
	font-size: 2.1vh;
	font-weight: 500;
}

.nohpad {
    padding-left:0px;
    padding-right:0px;
}

/* ikulcreate terms view */
.btn-terms { 
	padding:10px;
	width:170px;
	height:75px; 
	font-size:1.8em; 
	font-weight:700;
}
.terms-btn { 
	padding:50px;
}
.terms-ul { 
	font-size:1.4em;
	text-align:left;
}

/* ikulceate edit_text view */
span.prefix {
    font-family: chomsky;
    font-size: 2em;
    font-weight: 700;
    color: red;
    padding: 2px;
}  

/* news_page view */
.iklink { 
	font-size:1.5em;
	font-weight:700; 
	margin:20px 10px; 
	padding:5px; 
	border:2px solid grey;
}

/* messages inbox view */
.mailstatus_1 { color: red; } 
.mailstatus_2 { color: green; }

/* dashboard-top-navigation view */
.tip { 
	left: 10px; 
	animation: pulse 1s 5;
}
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } }

/* account_settings view */
    .prof_settings, .email-inputs, .password-inputs, .favcolor,
    .current_password, .priv_settings, .img_settings, .soc_settings, .ad_settings, .del_settings { display: none; }
    h2.as-dashboard {
    	margin-right: 10px;
    	display: inline-flex;
    	padding-bottom: 0px;
    	vertical-align: middle;
    	font-size: 1.8em;
    }
    .alignr {
		text-align:right;
	}
    .row1 {
		padding:5px;
	}

/* reporting view */
.padleft { 
	padding-left:15px;
}
#cat5, .cat9-vis, .cat9-member, .cat9-non-member { 
	display:none;
}

/* search_results view */
.glyphicon-remove, .glyphicon-ok {
	right: 10px;
}

/* share view */
.sicon {
	margin:15px 0;
}
.copy-panel {
	text-align:center;
}
.iklink2 {
	font-size:1.5em;
	width:90%;
	font-weight:700;
	margin:10px auto;
	padding:5px;
	border:2px solid grey;
}
.ulinks {
	display:grid;
	justify-content:center;
}

/* the_big_picture view */
#table_grid {
    border-collapse: collapse !important;
    border:none !important;
    border-spacing: 0 !important;
    border-width: 0 !important;
}
#table_grid td {
	cursor:pointer;
}
#grid-source {
	position: absolute;
}
#table_grid td.hover {
	background-color: rgba(170,170,170,0.2) !important;border:none;
}
#table_grid td.unselected {
	background-color: rgba(0,0,0,0);border:none;
}
#table_grid td.reserved {
    background: repeating-linear-gradient(
        45deg,
        #F00,
        #E1E1E1 4px,
        #E1E1E1 4px,
        #E1E1E1 8px
    );
}
.umsg {
	font-size: 12pt;
}
