/*==========================================
*** HTML TAG STYLES
==========================================*/
body {
    font-family: 'MuseoSans300';
    font-weight:normal;
    background: #FFF;
    color: #676767;
    font-size:18px;
    line-height:24px;
    position:relative;
    overflow-x:hidden !important;
}


.font-medium {font-family: 'MuseoSans500';}
.font-bold, strong {font-family: 'MuseoSans700'; font-weight:normal;}

/*==========================================
*** SHELL STYLES
==========================================*/


a {color:#b9ce00; text-decoration:none; outline: none !important; display: inline-block; -moz-transition: all 300ms ease-out; -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}
a:focus, a:hover {color:#b9ce00; text-decoration:none;}
#manage_character a {color:#db1b6d; text-decoration:none; outline: none !important; display: inline-block; -moz-transition: all 300ms ease-out; -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}
#manage_character a:focus,#manage_character a:hover {color:#db1b6d; text-decoration:none;}
.headline_strong{margin-right: 5%}
.headline_p{margin: 0 auto;display: inline;font-weight: 600}
.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}
.noborder {border:none;}
.clear { clear:both;}
.text-underline {text-decoration:underline;}
.uppercase {text-transform: uppercase;}
button {border:none; outline: none !important;}

.image-auto {width:auto; max-width:100%;}
.image-full {width:100%; max-width:100%;}
.table-div {display:table;}
.table-div-cell {display:table-cell; vertical-align:middle;}

label.label {display:block; padding:0; margin: 0 0 12px 0; font-size:12px; line-height:15px; color:#7c828a; font-weight:normal; text-align:left;}
label.checkbox {display:inline-block; vertical-align:middle; padding-left:7px;}

::-webkit-input-placeholder {color:#bcbcbc;}
:-moz-placeholder {color:#bcbcbc;}
::-moz-placeholder {color:#bcbcbc; }
:-ms-input-placeholder {color:#bcbcbc;}

ul.inline li {display:inline-block; vertical-align:middle;}
ul.block li {display:block; vertical-align:middle;}

.btn {padding:14px 23px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; font-size:18px; line-height:20px; border:1px solid #e71d73; background-color:#e71d73; color:#FFF; -webkit-transition: all 200ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 200ms ease-out;  transition: all 200ms ease-out; font-family: 'MuseoSans700'; font-weight:normal; }
.btn.focus, .btn:focus, .btn:hover {text-decoration:none !important; color:#FFF; border-color:#db1b6d; background-color:#db1b6d;}

.btn.green {background-color:#b9ce00; border-color:#b9ce00; color:#676767;}
.btn.white {background-color:#fff; border-color:#fff; color:#e71d73;}
.btn.white.focus, .btn.white:focus, .btn.white:hover {background-color:#e71d73 !important; border-color:#e71d73 !important; color:#fff !important;}
.btn.green.focus, .btn.green:focus, .btn.green:hover {text-decoration:none !important; color:#676767; border-color:#aabd01; background-color:#aabd01;}

.btn.btn-sm {padding:4px 20px; font-size:14px;}

.btn-primary {color:#676767; border-color:#676767; background:transparent;}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {color:#FFF; border-color:#676767; background:#676767;}
.btn-primary .ion, .btn-primary .fa, .btn-link .ion, .btn-link .fa {padding-right:6px;}

.w180 {width:180px; max-width:100%;}
.w90 {width:90px; max-width:100%;}

.btn.btn-link {background-color: transparent; border-color:transparent; color:#676767; padding:0; padding: 4px 20px;}

.btn-group-lg>.btn, .btn-lg { font-size:25px; line-height:28px;}

.form-group label {display:block; font-weight:normal; text-align:left;}
.form-control, .form-control:focus {outline:none; height:auto; border:1px solid #676767; border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; font-size:18px; line-height:20px; color: #676767; padding:14px 15px;}

ul {margin:0; padding:0;}
.text-danger {color:#cf2a27;}
label.icheck { cursor:pointer; display:inline-block; vertical-align:middle; padding-left:5px; margin-bottom:0; font-weight:400; width:auto;}


.icheck-div {width:auto; position:relative; padding-left:38px; display:inline-block;margin-top:5px; margin-bottom:5px;}
.icheck-div .icheckbox_flat-green, .icheck-div .iradio_flat-green {position:absolute; left:0; top:0px;}
.icheck-div label.icheck {padding-left:0; padding-top:0px;}

ul.check {display:block; width:100%; height:auto;}
ul.check li {padding-left:30px; position:relative; margin-bottom:3px;}
ul.check li:before {content: "\f121"; display: inline-block;  font-family: "Ionicons"; position:absolute; left:0; top:2px; color:#0971ce; font-size:20px;}

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

.col-xs-15 {
    width: 20%;
    float: left;
}
.custom-form-group{
    float: right;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: 250px;
}
.custom-form-group input{
    height: 28px !important;
    padding: 0 0 0 9px !important;
}

ul.media-list li,
.media-files .image-wrapper li {
    position: relative;
}
ul.media-list li > small,
.media-files .image-wrapper li > small{
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    text-align: center;
    line-height: 26px;
    color: #FFF;
    font-size: 12px;
    background-color: #676767;
    right: -11px;
    top: -11px;
    z-index: 100;
    display: none;
}
ul.media-list li > small.pull-left,
.media-files .image-wrapper li > small.pull-left {
    right: unset;
    left: -11px;
}
ul.media-list li > small i,
.media-files .image-wrapper li > small i {
    line-height: unset;
}
ul.media-list li:hover small,
.media-files .image-wrapper li:hover small {
    display: block;
}

ul.media-list li input[type="text"],
.media-files .image-wrapper li input[type="text"] {
    margin-top:6px;
}

ul.media-list li a:hover small,
.media-files .image-wrapper li a:hover small{
    display: block;
}
ul.media-list li a > small.pull-left,
.media-files .image-wrapper li a > small.pull-left{
    right: unset;
    left: -11px;
}

@media (max-width: 657px) {
    .custom-form-group {
        float: right;
        height: auto;
        margin: 10px 22px 4px 0;
        padding: 0;
    }
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}



/* CUSTOM CSS */

@media (min-width: 768px) {

    .modal-dialog {width: 420px;  margin: 30px auto;}
    .modal-dialog.modal-lg {width:700px;}

}

.modal-content {border-radius:0; border:1px solid #676767;}
.modal-body {padding:20px;}
.modal-header {padding:6px 10px 4px 10px; border-bottom:1px solid #676767;}
.modal-header h4 {font-size:14px; line-height:16px; color:#676767; font-family: 'MuseoSans700'; font-weight:normal;}
.modal-header .close {color:#676767; opacity:1; font-size:14px; margin-top:0;}

.login-template {background-color:#f1f5cc;}
section.login-box {width:100%; height:100%; position:relative; text-align:center;}
section.login-box .box {padding:45px 60px; background-color:#FFF; margin:125px 0; display:inline-block; width:500px;}
section.login-box .box .logo {display:block; text-align:center; margin-bottom:35px;}

.container {width: 1306px;
            font-family: 'MuseoSans300' !important;
            font-weight: normal;
}
#reporting .container input{
    font-family: 'MuseoSans300' !important;
    font-weight: normal;
}

header {padding:0 30px; width:100%; background-color:#f1f5cc;}
header .table-div {height:75px; width:100%;}


header .navbar-collapse {padding-left:0; padding-right:0;}
header .navbar-default {border:none; background-color:transparent; margin:0; min-height:1px; display:inline-block;}
header .navbar-default .navbar-nav {display:inline-block; float:none;}
header .navbar-default .navbar-nav>li {padding:0 13px; display:inline-block; vertical-align:middle; float:none;}
header .navbar-default .navbar-nav>li:last-child {padding-right:0;}
header .navbar-default .navbar-nav>li>a {color: #676767; padding:0; font-family: 'MuseoSans700'; font-weight:normal; background-color:transparent;}
header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover {border-color:transparent; background-color:transparent; color:#e71d73;}
header .navbar-default .navbar-nav>li>a:focus, header .navbar-default .navbar-nav>li>a:hover {color:#e71d73; background-color:transparent;}
header .navbar-default .dropdown-menu {top:130%; border-radius:6px; background-color:#f1f5cc; margin:0; padding:0; border:none; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.21); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.21); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.21);}
header .navbar-default .dropdown-menu li {display:block; border-bottom:1px solid rgba(0,0,0,0.1);}
header .navbar-default .dropdown-menu li:last-child {border-bottom:0;}
header .navbar-default .dropdown-menu li a {margin:0; display:block; padding:10px; color: #676767; background-color:transparent; text-align:center;}
header .navbar-default .dropdown-menu li a:hover {color: #FFF; background-color:#e71d73;}
header .navbar-default .navbar-nav>.open>a, header .navbar-default .navbar-nav>.open>a:focus, header .navbar-default .navbar-nav>.open>a:hover {color:#e71d73; background-color:transparent;}
header .navbar-default .dropdown-menu li:first-child a {border-radius:6px 6px 0 0;}
header .navbar-default .dropdown-menu li:last-child a {border-radius:0 0 6px 6px;}
header .navbar-default a.dropdown-toggle span.avatar {display:inline-block; margin-right:7px; width:40px; height:40px; border-radius:40px; text-align:center; background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#9595c9; vertical-align: middle; }
header .navbar-default a.dropdown-toggle span.avatar.empty {background-size: auto; background-image:url(../images/icon-user-empty.png);}

section.main {width:100%; height:auto; position:relative; padding-top:30px;}
section.main article.venue {height:390px; display:block; width:100%; overflow:hidden; margin-bottom:30px;}
section.main article.venue .table-div {width:100%; height:390px; padding:0 30px; text-align:center;}
section.main article.venue ul li {display:inline-block;}
section.main article.venue a {display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }
section.main article.venue a .shadow { width:100%; position:absolute; top:0; left:0; height:100%;
                                       background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 93%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
                                       background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
                                       background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
section.main article.venue a .text {width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; padding:30px; color:#ffffff; font-size:30px; line-height:35px;}
section.main article.venue a .text small {display:block; font-size:18px; font-family: 'MuseoSans300'; font-weight:normal;}
section.main ul.icons-list {display:block; margin-top:15px;}
section.main ul.icons-list li {display:block; margin-right:5px; float:left; margin-bottom:5px;}
section.main ul.icons-list li a {width:40px; height:40px; border-radius:40px; display:block; float:left;}


span.icon {width:40px; height:40px; border:none; background-color:transparent; display:inline-block; background-position:center center; background-repeat:no-repeat;}
span.icon.play { background-image:none; border:none;}
span.icon.family { background-image:url(../images/icon-family.png); border-color:#25c9ff;}
span.icon.tiolet-men { background-image:url(../images/icon-tiolet-men.png); border-color:#25c9ff;}
span.icon.tiolet-woman { background-image:url(../images/icon-tiolet-woman.png); border-color:#25c9ff;}
span.icon.coffe { background-image:url(../images/icon-coffe.png); border-color:#675151;}
span.icon.leaf { background-image:none; border-color:#51ab00; position:relative; text-align:center; line-height:38px;}
span.icon.leaf:before {color:#51ab00; font-size:20px; content: "\f1fd"; display: inline-block; font-family: "Ionicons";}
span.icon.flag { background-image:none; border-color:#860000; position:relative; text-align:center; line-height:38px;}
span.icon.flag:before {color:#860000; font-size:20px; content: "\f279"; display: inline-block; font-family: "Ionicons";}


section.main article.venue a.add-venue {border:1px dashed #676767; background-color:#f0f0f0; font-size:18px; line-height:22px; color:#676767; font-family: 'MuseoSans700'; font-weight:normal;}
section.main article.venue a.add-venue .ion {font-size:48px; margin-bottom:10px;}
section.main article.venue a.add-venue:hover {background-color:#e4e4e4;}

section.main .timeline-top {padding:8px 15px; background-color:#e1e1e1; display:block; margin-bottom:15px;}
section.main .single-user .timeline-top {float: left; width: 100%}
section.main .timeline-top .dropdown a {color:#676767;}
section.main .timeline-top .dropdown-menu {border-radius:6px; background-color:#f1f5cc; margin:0; padding:0; border:none; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.21); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.21); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.21);}
section.main .timeline-top .dropdown-menu li {display:block; border-bottom:1px solid rgba(0,0,0,0.1);}
section.main .timeline-top .dropdown-menu li:last-child {border-bottom:0;}
section.main .timeline-top .dropdown-menu li a {margin:0; display:block; padding:5px 10px; color: #676767; background-color:transparent; text-align:center;}
section.main .timeline-top .dropdown-menu li a:hover {color: #FFF; background-color:#e71d73;}
section.main .timeline-top .dropdown-menu li:first-child a {border-radius:6px 6px 0 0;}
section.main .timeline-top .dropdown-menu li:last-child a {border-radius:0 0 6px 6px;}


section.main .timeline-list { display:block;}
section.main .timeline-list li {display:block; margin-bottom:20px; font-size:18px; line-height:24px; position:relative; padding-left:55px; padding-right:7px;}
section.main .timeline-list li span.icon {width:40px; height:40px; border-radius:40px; background-color:#FFF; isplay:inline-block; background-position:center center; background-repeat:no-repeat; position:absolute; left:0; top:2px;}
section.main .timeline-list li span.icon.awarded { background-image:url(../images/icon-awarded.png); background-color:#a501a7;}
section.main .timeline-list li span.icon.milestone { background-color:#ffa133; color:#FFF; font-size:12px; line-height:14px; padding-top:7px; text-align:center; font-family: 'MuseoSans700'; font-weight:normal;}
section.main .timeline-list li span.icon.visited { background-color:#2ab74b; color:#FFF; font-size:18px; line-height:40px; text-align:center; font-family: 'MuseoSans700'; font-weight:normal;}
section.main .timeline-list li span.icon.unlocked-activity { background-color:#e74c3c; color:#FFF; font-size:13px; line-height:40px; text-align:center; font-family: 'MuseoSans700'; font-weight:normal;}
section.main .timeline-list li span.icon.swarming { background-image:url(../images/icon-swarming.png); background-color:#ffa133;}
section.main .timeline-list li span.icon.hidden-activity { background-image:url(../images/icon-mask.png); background-color:#929ebb;}
section.main .timeline-list li span.icon.user { background-image:url(../images/icon-user-empty.png); background-color:#9595c9; background-size:22px auto;}
section.main .timeline-list li span.icon.user.image {background-size: cover;}

section.main .timeline-list li small {display:inline-block; margin:0 5px;}

section.main .timeline-scroll .mCSB_outside+.mCSB_scrollTools {right: -5px;}
section.main .venues-scroll .mCSB_outside+.mCSB_scrollTools {right: -15px;}

/* SETTINGS */

section.main .box {display:block; width:100%; margin-bottom:30px;}
section.main .box .title {padding:9px 15px; background-color:#e1e1e1; display:block; margin-bottom:30px; font-size:18px; line-height:22px; font-family: 'MuseoSans700'; font-weight:normal;}
section.main .box .my-profle {display:block; max-width:550px; padding-left:170px; position:relative;}
section.main .box .my-profle a.upload-image {width:140px; height:140px; border:1px dashed #676767; text-align:center; background-color:#f0f0f0; font-size:18px; line-height:22px; color:#676767; font-family: 'MuseoSans700'; font-weight:normal; position:absolute; left:0; top:0;}
section.main .box .my-profle a.upload-image .table-div {width:100%; height:100%; padding:0 10px;}
section.main .box .my-profle a.upload-image .ion {font-size:48px; margin-bottom:10px;}
section.main .box .my-profle a.upload-image:hover {background-color:#e4e4e4;}

section.main .box a.add-user {width:100%; padding:11px 15px; border:1px dashed #676767; text-align:left; background-color:#f0f0f0; font-size:18px; line-height:22px; color:#676767; font-family: 'MuseoSans700'; font-weight:normal; margin-bottom:30px;}
section.main .box a.add-user:hover {background-color:#e4e4e4;}
section.main .box .user-div {display:block; width:100%; margin-bottom:30px; border-bottom:1px solid #676767; padding-left:55px; position:relative; padding-bottom:25px;}
section.main .box .user-div.last {border-bottom:none; margin-bottom:0; padding-bottom:0;}
section.main .box .user-div span.icon {width:40px; height:40px; border-radius:40px; background-color:#9595c9; border:1px solid transparent; display:inline-block; background-position:center center; background-repeat:no-repeat; position:absolute; left:0; top:0;}
section.main .box .user-div span.icon.empty { background-image:url(../images/icon-user-empty.png); background-size:24px auto;}
section.main .box .user-div ul li {display:block; margin-bottom:5px; font-size:18px; line-height:22px;}
section.main .box .user-div ul li:last-child {margin-bottom:0;}
section.main .box .user-div ul li:first-child {font-family: 'MuseoSans700'; font-weight:normal;}

/* VENUE DETAILS */

section.main .venue-details {font-size:18px; line-height:30px;}
section.main .venue-details h2 {display:block; font-size:30px; line-height:35px; font-family: 'MuseoSans700'; font-weight:normal; margin-top:0; margin-bottom:40px;}
section.main .venue-details h2 span {display:block; font-size:18px; line-height:22px; font-family: 'MuseoSans300'; font-weight:normal;}
.title-div {padding:9px 15px; background-color:#e1e1e1; display:block; margin-bottom:30px; font-size:18px; line-height:22px; font-family: 'MuseoSans700'; font-weight:normal;}

.main-map {display:block; height:500px; position:relative; margin-bottom:50px;}
.map-pin {position:absolute;}
.main-map .map-pin .dropdown-menu {width:300px; padding:10px; font-size:14px; line-height:20px; min-width:10px; left:50%; margin-left:-150px; bottom:130%; border:1px solid #676767; background-color:#FFF; border-radius:0;}
.main-map .map-pin .dropdown-menu:before {position:absolute; bottom:-14px; left:50%;  margin-left:-10px; color:#FFF; content: "\f35f"; display: inline-block; font-size:40px; font-family: "Ionicons";}
.main-map .map-pin .dropdown-menu h2 {display:block; font-family: 'MuseoSans700'; font-weight:normal; font-size:18px; line-height:22px; margin-bottom:15px; margin-top:0;}
.main-map .map-pin .dropdown-menu ul li {display:block; float:left; margin:0 7px 7px 0;}
.main-map .map-pin .dropdown-menu ul li a {display:block; width:42px; height:42px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:center; line-height:42px; color:#656565; font-size:18px; border:1px solid #aeaeae; position:relative;}
.main-map .map-pin .dropdown-menu ul li a:hover small {display:block;}
.main-map .map-pin .dropdown-menu ul li a small {position:absolute; width:20px; height:20px; border-radius:20px; text-align:center; line-height:20px; color:#FFF; font-size:10px; background-color:#676767; right:-5px; top:-8px; z-index:100; display:none;}
.main-map .map-pin .dropdown-menu ul li a small:hover {cursor:pointer;}

.timeline-scroll.fixed {height:350px !important;}
.timeline-scroll.fixed.activities-list {max-height:650px; height: auto !important;}
ul.games-list {display:block; clear:both; margin-bottom:30px; min-height:80px;}
ul.games-list li {display:block; margin-bottom:15px; position:relative; padding-left:105px; font-size:18px; line-height:24px; font-family: 'MuseoSans300'; font-weight:normal;}
ul.games-list li a.image {width:90px; height:90px; position:absolute; left:0; top:2px; background-color:#676767; background-repeat:no-repeat; background-position:center center;}
.other ul.games-list li a.image {width:90px; height:90px; position:absolute; left:0; top:2px; background-color:#ffffff; background-repeat:no-repeat; background-position:center center;}
.other .w180 {margin-bottom: 15px;max-width: 100%;padding: 5px;width: 234px;}
.other .btn {border-radius: 9px;padding: 5px;}
section.main .other ul.games-list li{padding-left: 18px;min-height: 18px;}
.other ul.games-list li a.name{margin-top: 5px}
.other .games-list.choose a {float: left;margin-right: 10px;width: 40px;height: 40px;}
.other .games-list.choose a.name {float: left;margin-right: 10px;width: auto;height: 40px;}
ul.games-list li a.name {display:inline-block; font-family: 'MuseoSans700'; font-weight:normal; color:#676767;}
ul.games-list li span {display:block;}

.nav-tabs {border:none; background-color:#f0f0f0; margin:0; display:block;}
.nav-tabs>li {border-bottom:0px;}
.nav-tabs>li>a {border:none; color:#676767; font-family: 'MuseoSans700'; font-weight:normal; border-bottom:2px solid transparent; padding:10px 15px; border-radius:0; margin:0;}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {border-color:#b9ce00; color:#e71d73;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none; border-bottom:2px solid #b9ce00; color:#e71d73; background-color:transparent;}
.tab-content {margin:20px 0;}


section.main ul.games-list li {padding-left:150px;min-height:80px;}
section.main ul.games-list.choose li .icheck-div { position:absolute; left:0; top:0;}
section.main ul.games-list.choose li a.image {left:44px;}

section.main .box .my-profle.add {padding-left:0; max-width:100%;}
section.main .box .my-profle.add a.upload-image {position:relative; left:auto; top:auto; height:390px; width:100%;}
section.main .box .my-profle.add a.upload-image .table-div {height:390px;}
section.main .box .my-profle.add textarea.form-control {resize:none; height:174px;}

section.main .agenda-list {display:block; width:100%; margin-bottom:30px;}
section.main .agenda-list li {display:block; margin-bottom:10px;}
section.main .agenda-list li:last-child {margin-bottom:0;}
section.main .agenda-list li img {display:inline-block; margin-right:8px;}
section.main .agenda-list li span.add-point {width:25px; height:25px; border-radius:25px; background-color:#2db450; color:#2db450; display:inline-block; vertical-align:middle; margin-right:8px;}
section.main .agenda-list li span.add-point span {width:17px; height:17px; border-radius:17px; margin-left:4px; margin-top:4px; background-color:#000000; display:inline-block;  text-align:center; line-height:17px; font-family: 'MuseoSans700'; font-weight:normal;}
section.main .agenda-list li span.add-point.remove {background-color:#ff0000;}
section.main .agenda-list li span.add-point.remove span {color:#ff0000;}
section.main .agenda-list li span.add-venue-single {width:40px; height:40px; border-radius:40px; background-color:#000; border:1px dashed #b9ce00; text-align:center; line-height:38px; font-size:18px; font-family: 'MuseoSans700'; font-weight:normal; color:#b9ce00; display: inline-block; margin-right:8px;}
section.main .agenda-list li span.ioi {width:40px; height:40px; border-radius:40px; background-color:#b9ce00; text-align:center; line-height:38px; font-size:18px; font-family: 'MuseoSans700'; font-weight:normal; color:#676767; display: inline-block; margin-right:8px;}

.tooltip > .tooltip-inner {background-color: #676767; color: #FFF;  font-family: 'MuseoSans700'; font-weight:normal; font-size:14px;}
.tooltip.bottom > .tooltip-arrow {border-bottom: 5px solid #676767;}
.main-map .map-pin a.dropdown-toggle:hover small {display:block;}
.main-map .map-pin a.dropdown-toggle small {position:absolute; width:20px; height:20px; border-radius:20px; text-align:center; line-height:20px; color:#FFF; font-size:10px; background-color:#676767; right:-8px; top:-5px; z-index:100; display:none;}
.main-map .map-pin a.dropdown-toggle small:hover {cursor:pointer;}

.main-map .map-pin.edit .form-control {font-size:14px; padding: 7px 10px;}
.main-map .map-pin.edit .select2-container .select2-selection--single .select2-selection__rendered {padding-top:7px; padding-bottom:7px; padding-left:10px; font-size:14px;}
.main-map .map-pin.edit .select2-container--default .select2-selection--single .select2-selection__arrow {height:34px;}

.main-map a.add-venue-single {width:40px; height:40px; border-radius:40px; background-color:#000; border:1px dashed #b9ce00; text-align:center; line-height:38px; font-size:18px; position:absolute; font-family: 'MuseoSans700'; font-weight:normal; color:#b9ce00;}


ul.media-list li,
.media-files .image-wrapper li {display:block; float:left; margin:0 7px 7px 0;}

ul.media-list li a,
.media-files .image-wrapper li a {display:block; width:90px; height:90px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:center; line-height:90px; color:#656565; font-size:36px; border:1px solid #676767; position:relative;}

.ioi_list_page ul.media-list li a,
.amenity_list_page ul.media-list li a,
.media-files .image-wrapper li a{display:block; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:center; line-height:90px; color:#656565; font-size:36px; border:1px solid #676767; position:relative;}

ul.media-list a:hover small,
.media-files .image-wrapper a:hover small {display:block;}

ul.media-list li a small,
.media-files .image-wrapper li a small {position:absolute; width:26px; height:26px; border-radius:26px; text-align:center; line-height:26px; color:#FFF; font-size:12px; background-color:#676767; right:-11px; top:-11px; z-index:100; display:none;}

ul.media-list li a small:hover,
.media-files .image-wrapper li a small:hover {cursor:pointer;}

.ioi_list_page .text-right,.amenity_list_page .text-right [class^="col-xs"]{padding: 0;}
.ioi_list_page i.ion-volume-medium, .ioi_list_page i.ion-ios-videocam, .amenity_list_page i.ion-volume-medium, .amenity_list_page i.ion-ios-videocam{display: block;padding: 5px;}

.trigger-div {display:block; max-width:100%; position:relative;}
.trigger-div .delete-trigger { position:absolute; right:40%; top:50%; margin-top:-5px; display:none; color:#676767; font-size:24px; z-index:100;}
.trigger-div:hover .delete-trigger {display:inline-block;}

/* colour picker */

.well.color-picker { min-height: 50px; float:left; padding:0; margin:0; border:none; background-color:transparent;}
.well.color-picker .input-group {position: relative; display: table; border-collapse: separate;}
.well.color-picker .input-group .form-control, .well.color-picker .input-group-addon, .well.color-picker .input-group-btn {  display: table-cell;}
.well.color-picker .input-group .form-control {position: relative;    z-index: 2;    float: left;   width: 70%;    margin-bottom: 0;}
.well.color-picker .form-control {display: block;    width: 100%;    padding: 5px 12px;    font-size: 14px;    line-height: 1.42857143;    color: #aab2bd;    background-color: #fff;    background-image: none;    border: 1px solid #ccc;}
.well.color-picker .input-group .form-control:first-child, .well.color-picker .input-group-addon:first-child, .well.color-picker .input-group-btn:first-child>.btn, .well.color-picker .input-group-btn:first-child>.btn-group>.btn, .well.color-picker .input-group-btn:first-child>.dropdown-toggle, .well.color-picker .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .well.color-picker .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;    border-bottom-right-radius: 0;}
.well.color-picker .input-group-addon, .well.color-picker .input-group-btn {width: 1%;    white-space: nowrap;    vertical-align: middle;}
.well.color-picker .input-group-addon { width:48px; height:50px;    font-size: 14px;    font-weight: 400;    line-height: 1;    color: #676767;    text-align: center;    background-color: #f0f0f0;    border: 1px solid #676767;    border-radius: 0px;   border-right:none;     display: block;    float: left; padding:8px;}
.well.color-picker .colorpicker-element .input-group-addon.down {border-right: 1px solid #676767; float:left; display:block; width:30px;}
.well.color-picker .colorpicker-element .input-group-addon.down i {display: inline-block !important;  width: 100% !important;   height: 100% !important;   vertical-align: text-top !important;   cursor: pointer !important;   border-bottom-right-radius:4px !important;border-top-right-radius:4px !important;   -moz-border-radius-topright:4px !important; -moz-border-radius-bottomright:4px !important;  -webkit-border-top-right-radius:4px !important; -webkit-border-bottom-right-radius:4px !important;  color:#676767;  font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;  vertical-align:middle;      transform: translate(0, 0px);       margin-top:0px;     position:relative;  }
.well.color-picker .colorpicker-element .input-group-addon.down i:before {content: "\f0d7"; position:absolute; top:9px; left:0px;}
.well.color-picker .input-group-addon:last-child { border-left: 0;}
.well.color-picker .colorpicker-element .input-group-addon i, .well.color-picker .colorpicker-element .add-on i {display: inline-block;    width: 100% !important;    height: 100% !important;    vertical-align: text-top; cursor: pointer; border-radius:0 !important;}
.well.color-picker .dropdown-menu { position: absolute;    top: 100%;    left: 0;    z-index: 1000;    display: none;    float: left;    min-width: 160px;    padding: 5px 0;    margin: 2px 0 0;    font-size: 14px;    text-align: left;    list-style: none;    background-color: #fff;    -webkit-background-clip: padding-box;    background-clip: padding-box;    border: 1px solid #ccc;    border: 1px solid rgba(0,0,0,.15);    border-radius: 4px;    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);    box-shadow: 0 6px 12px rgba(0,0,0,.175);}

/* ioi */
.ioi-single {display:block; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #676767; position:relative; padding-right:15px;}
.ioi-single.last {border:none; padding-bottom:0;}
.ioi-single small {display:inline-block; margin:0 5px;}
.ioi-single .text {display:block; margin:30px 0 15px 0;}
.ioi_list_page .text,.amenity_list_page .text {display:block; margin:0 0 15px 0; font-size: 16px !important;font-weight: 400 !important;}
.ioi_list_page .text p, .ioi_list_page .text i, .ioi_list_page .text strong, .ioi_list_page .text h1, .ioi_list_page .text h2, .ioi_list_page .text h3, .ioi_list_page .text h4, .ioi_list_page .text h5, .ioi_list_page .text h6, .amenity_list_page .text p, .amenity_list_page .text i, .amenity_list_page .text strong, .amenity_list_page .text h1, .amenity_list_page .text h2, .amenity_list_page .text h3, .amenity_list_page .text h4, .amenity_list_page .text h5, .amenity_list_page .text h6 {font-size: 16px !important;font-weight: 400 !important;margin: 0 auto;padding: 0;line-height: 1.5;}
.ioi_list_page .text hr,.amenity_list_page .text hr{display: none;}
.ioi-single a.btn {position:absolute; right:0; top:0;}
.ioi-checkbox {float:right;margin-top:4px;}
.ioi_list_page .ioi-checkbox,.amenity_list_page .ioi-checkbox {float:left;margin:0 auto;padding: 0}
.ioi-checkbox .notification-single{width: 100px;float:left;}
.ioi-checkbox .notification-single .switch-light > span {min-height: 33px;}
.ioi-checkbox .notification-single .switch-light span span {height: 31px;line-height:33px;}
/* activities */
.search-form-wrapper {padding-right: 0;}
.search-form-submit-btn {position: absolute;right:0;top:0px;background: url(../images/search-btn.png);background-repeat:no-repeat;text-indent:-9999px;border:none;width:40px;height:42px;background-position:10px center;}
.search-form-control {padding: 10px 15px!important;}
ul.inline-circle {display:block; margin-bottom:15px; margin-top:5px;}
ul.inline-circle li {display:block; float:left; position:relative; margin-left:30px;}
ul.inline-circle li:before {content:"•"; position:absolute; left:-18px; top:0px; display:inline-block;}
ul.inline-circle li:first-child {margin-left:0;}
ul.inline-circle li:first-child:before {display:none;}

.activities-single {display:block; padding-left:110px; position:relative; padding-right:200px; background-position:left 10px top; background-repeat:no-repeat; background-size:70px auto; border-bottom:1px solid #676767; padding-bottom:30px; margin-bottom:30px; overflow: hidden;
    min-height: 130px;}
.activities-single.last {border:none; padding-bottom:0;}
.activities-single .icon {width:90px; height:auto; position:absolute; left:0; top:0; padding:0 10px; text-align:center;}
.activities-single ul.buttons {position:absolute; right:0; top:0;}
.activities-single ul.buttons li {display:block; float:left; margin-right:15px; margin-bottom:15px;}
.activities-single ul.buttons li:last-child {margin-right:0;}

.modal .select-activity {margin:15px 0px;}
.modal .select-activity a {width:100%; height:200px; font-size:14px; font-family: 'MuseoSans700'; font-weight:normal; color:#676767; display:block; background-color:#f0f0f0; border:1px solid #676767;}
.modal .select-activity a:hover, .modal .select-activity a.active { border-color:#b9ce00; -webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25); box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25);}
.modal .select-activity a .table-div {width:100%; text-align:center; height:200px;}
.modal .select-activity a .image {display:inline-block; width:70px; max-width:80%; text-align:center; margin-bottom:10px; vertical-align:middle;}
.modal .select-activity a .image img {display: inline-block; vertical-align:middle;}
.modal .select-activity a .image .table-div {width:100%; text-align:center; height:90px;}

.modal .select-activity a strong {display:block; text-align:center;}


/* ACTIVITIES EDIT */

.activities-single.standalone {padding-right:0; border-bottom:none; padding-bottom:0;}
ul.age-range {display:inline-block; position:relative;}
ul.age-range li {display:block; float:left;}
ul.age-range li .form-control {width:90px; max-width:100%;}
ul.age-range li.divider {line-height:50px; font-size:20px; margin:0 10px;}

.gameplay-rules li {margin-bottom:10px;}
.gameplay-rules li:last-child {margin-bottom:0;}
.gameplay-rules .form-control {display:inline-block; width:50px; padding:0 7px; max-width:100%;}
.gameplay-rules .select2-container {width:140px !important;}
.gameplay-rules .select2-container .select2-selection--single .select2-selection__rendered {padding:0 7px; padding-right:25px;}
.gameplay-rules .select2-container--default .select2-selection--single .select2-selection__arrow {height:20px;}

.ioi-single.questions { padding: 0 230px 20px 70px; margin: 20px 0;}
.ioi-single.questions .number_question{ position: absolute; color: #e1e1e1; font-size: 30px; font-weight: bold; left: 4px; top: 14px; text-align: center;width: 58px; }
.ioi-single.questions a.btn {position:relative; top:auto; right:auto;}
.ioi-single.questions .sort-button {position:absolute; right: 7px; top: -5px; height: 60px; width: 28px;
                                    cursor: move;}
.ioi-single.questions .sort-button a{
    display: block;
    width: 28px;
    height: 24px;
    background-repeat: no-repeat;

    cursor: move;
}

#question-sort{
    position: relative;
    overflow:auto;
}

.question-wrapper{
    min-height: 50px;
}

.ui-state-highlight{
    height: 75px;
    opacity: 0.5;
}

.ioi-single.questions .sort-button a.sort.up{
    background-image: url("../images/sort_up.png");
    margin-bottom: 5px;
}

.ioi-single.questions .sort-button a.sort.down{
    background-image: url("../images/sort_down.png");
    margin-top: 5px;
}
.ioi-single .buttons {position:absolute; right:55px; top:0;}
.ioi-single .buttons li {display:inline-block;}
.ioi-single.questions ul.inline-circle {margin:0;}

.modal .tab-content {margin:0;}
.modal textarea.form-control { height:160px; resize:none;}
.modal textarea.form-control.desc { height:auto; resize:none;}
.modal .main-map {margin-bottom:20px;}
.modal-open .modal .select2-container {z-index: 1 !important;}
.modal .line {display:block; height:1px; background-color:#676767; margin:20px -20px 20px -20px;}

.multiple-choise {display:block; margin-bottom:20px;}
.multiple-choise figure {display:block; margin-bottom:10px; position:relative; padding-right:195px;}
.multiple-choise figure .icheck-div {position:absolute; right:5px; top:6px;}
.multiple-choise figure .input {width:100%; padding-right:50px; position:relative;}
.multiple-choise figure .input a.remove {position:absolute; right:15px; top:50%; margin-top:-10px; color:#676767; font-size:22px;}

.image-recognition figure {display:block; margin:15px 0;}
.image-recognition figure .icheck-div {position:relative; right:auto; top:auto; margin-left:15px; display:block; float:left; padding-left:0; padding-bottom:35px;}
.image-recognition figure .media-list {display:block; float:left;}
.image-recognition figure .icheck-div .icheckbox_flat-green, .image-recognition figure .icheck-div .iradio_flat-green {top:auto; bottom:0;}
.image-recognition figure ul.media-list a small {display:block;}

.text-green {color:#b9ce00;}


/* add venue ioi edit fixs-update */

.badges-div {display:block; margin-left:-5px; margin-right:-5px;}
.badges-div figure {display:block; float:left; padding:5px; text-align:center;}
.badges-div figure .icon {display:inline-block; width:50px; height:50px; border-radius:50px; color:#FFF; font-size:10px; margin-bottom:10px;}
.badges-div figure .icheck-div {height:30px; width:30px; margin:0;}
.badges-div figure .icheck-div .icheckbox_flat-green {left:50%; margin-left:-15px;}

.notification-single {display:block; position:relative;}
.notification-single ul {position:absolute; top:2px; right:0;}
.notification-single ul li {display:block; float:left; margin-right:20px;}
.notification-single ul li:last-child {margin-right:0;}
.notification-single ul li:first-child {width:76px;}
.notification-single ul li .fa {color:#676767; font-size:24px;}
.notification-single .switch-light span span {font-size:12px; line-height:12px; color:#FFF; text-transform:uppercase; line-height:22px; height:22px;}
.notification-single .switch-light a {display:block; width:38px; height:22px; line-height:22px; background-color:transparent; cursor:pointer;}
.notification-single .switch-light {margin-bottom:0;}
.notification-single .switch-light > span {min-height:22px; line-height:22px;}
.notification-single .well {margin-bottom:0; background-color:#e1e1e1; cursor:pointer;}

.ioi-single.questions ul.inline-circle {margin-top:5px; display:block;}
.ioi-single.questions ul.inline-circle li.notification-single .well {width:70px;}
.ioi-single.questions ul.inline-circle li {font-size:14px;}
.ioi-single.questions ul.inline-circle li:nth-child(2):before {display:none;}
.ioi-single.questions ul.inline-circle li:nth-child(2) {margin-left: 15px;}

.search-top.one-list {margin-top:0px; margin-bottom:30px;}
.search-top.one-list .f-left {margin-right:10px; float:left;}
.search-top.one-list .btn-group .btn-primary {background-color:#f0f0f0; color:#6d6e71; text-transform:uppercase; border:1px solid #f0f0f0; font-size:12px; line-height:14px; padding: 17px 14px;}
.search-top.one-list .btn-group .btn-primary.active, .search-top.one-list .btn-group .btn-primary:active, .search-top.one-list .btn-group .btn-primary:hover, .search-top.one-list .btn-group .btn-primary:focus {border:1px solid #b9ce00; background-color:#b9ce00; color:#6d6e71;}
.search-top.one-list .btn-group .btn {border-radius:3px;}
.search-top.one-list .btn-group>.btn:last-child:not(:first-child),.search-top.one-list  .btn-group>.dropdown-toggle:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}

.timelapse-div {float:left; }
.timelapse-div a.btn.play {text-align:center; padding: 14px 15px; float:left; border-radius:3px 0 0 3px !important; background-color:#b9ce00; border-color:#b9ce00; color:#FFF;}
.timelapse-div a.btn.play .ion {padding-right:0;}
.timelapse-div .time {max-height: 50px; display:inline-block; float:left; width:175px; border:1px solid #b9ce00; border-left:none; color:#6d6e71; font-size:12px; line-height:15px; text-align:center;  min-height:40px;}
.timelapse-div .time span {color:#e71d73; color: #6d6e71;  font-size: 14px;}
.timelapse-div .time input {height:48px; width: 70%;  float: left;  border: 0px; padding-left:10px;}

.search-top.one-list {padding-left:530px; width:100%; padding-right:0px; position:relative;}
.search-top.one-list .absolute {position:absolute; left:0px; top:0;}
.search-top.one-list a.now-button {position:absolute; right:0px; top:0; background-color:#b9ce00; color:#6d6e71; font-size:12px; line-height:14px; padding: 18px 14px; z-index:10;}
.search-top.one-list .slider {background-color:#e6ebef; width:100%; height:50px; position:relative; padding:0; }
.search-top.one-list .slider span {padding-right:58px; width:100%; height:50px; display:block; position:relative; background-image:url(../images/icon-border-split.png); background-repeat:repeat-x; background-position:center center;}
.search-top.one-list .slider a {width:40px; height:50px; position:absolute; left:0; top:0; background-color:#ffffff; text-align:center; border:1px solid #c2c7ca; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow: 1px 2px 9px 0px rgba(168,168,168,0.58); -moz-box-shadow: 1px 2px 9px 0px rgba(168,168,168,0.58); box-shadow: 1px 2px 9px 0px rgba(168,168,168,0.58); font-size:14px; line-height:14px; color:#b9ce00; padding-top:16px; cursor: grab;}
.search-top.one-list .slider a .ion {padding:0 3px; font-weight:600; font-size:16px;}
.search-top.one-list .slider.vertical {display:none;}
.search-top .select2-container {width:150px !important;}
#reporting .select2-container{
    /*width: 250px;*/
}
#slider{
    height:50px; display:block; position:relative; background-image:url(../images/icon-border-split.png); background-repeat:repeat-x; background-position:center center;
    width: 88%;
}
#slider span{
    width:40px; height:50px; position:absolute; left:0; top:0; background-color:#ffffff; text-align:center;
    border:1px solid #c2c7ca; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
    -webkit-box-shadow: 1px 2px 9px 0px rgba(168,168,168,0.58); -moz-box-shadow: 1px 2px 9px 0px rgba(168,168,168,0.58);
    box-shadow: 1px 2px 9px 0px rgba(168,168,168,0.58); font-size:14px; line-height:14px; color:#b9ce00; padding-top:16px; cursor: grab;
    padding:0 3px; font-weight:600; font-size:16px;

    position: absolute;
    left: 0;
    top: -1px;
    background-color: #ffffff;
    text-align: center;
    border: 1px solid #c2c7ca;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 1px 2px 9px 0px rgba(168, 168, 168, 0.58);
    -moz-box-shadow: 1px 2px 9px 0px rgba(168, 168, 168, 0.58);
    box-shadow: 1px 2px 9px 0px rgba(168, 168, 168, 0.58);
    font-size: 14px;
    line-height: 14px;
    color: #173baa;
    padding-top: 11px;
    cursor: grab;
    background-image: url(../images/arrows-for-slider.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-left:-20px;
}

#timeValue{
    line-height: 48px;
    font-size: 13px;
    margin: 0px;
}

.heatmap-div {width:100%; height:auto; position:relative; margin-bottom:30px;}

.activities-single.standalone ul.inline-circle li.notification-single .well {
    width: 70px;
}

/* Quix template */
.age-range input.form-control{
    max-width: 100px;
    float: left;
}
.age-range span{
    float: left;
    padding: 12px 10px;
}
/* Trails templete / add/ edit */
.form-control.select-trails-popup {
    padding: 13px;
}
.map-poin-img {
    max-width: 30px;
    padding-right: 5px;
}
.photo-hunt-input {
    margin: 10px 0;
}
.manage_left_pad{
    padding-left: 0 !important;
}
.manage_right_pad{
    padding-right: 0 !important;
}
.custom_nav_tab.nav-tabs {
    background: rgb(255, 255, 255) none repeat scroll 0 0 !important;
    border-bottom: 1px solid rgb(103, 103, 103) !important;
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-right: 25px;
    font-size: 16px !important;
    max-height: 39px;
}
.custom_nav_tab.nav-tabs > li.active > a,
.custom_nav_tab.nav-tabs > li.active > a:focus,
.custom_nav_tab.nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(103, 103, 103) rgb(103, 103, 103) rgba(0, 0, 0, 0) !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    cursor: default !important;
    color: rgb(231, 29, 115) !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.custom_tab_content.tab-content {
    margin-top: 0 !important;
}

.custom_nav_tab.nav-tabs > li > a{
    padding: 10px 23px 4px !important;
}

.custom_nav_tab.nav-tabs > li > a:hover,
.custom_nav_tab.nav-tabs > li > a:focus {
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgba(0, 0, 0, 0) !important;
    color: rgb(85, 85, 85) !important;
}

.custom_tab_content.tab-content .form-control {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-color: rgba(0, 0, 0, 0) rgb(103, 103, 103) rgb(103, 103, 103)  !important;
}
.custom_nav_tab.nav-tabs > li {
    float: right !important;
}

.custom_nav_tab.nav > li {
    display: block;
    float: right !important;
    position: relative;
}

.form-group .custom_static_lbl,.custom_static_lbl{
    display: none;
}
.custom_nav_tab li.custom_lbl{
    float:left !important;font-size:18px;padding: 6px 0 0 !important;margin:0 auto !important;display: block;
}

#multiple-choise .form-group.nomargin > label {
  bottom: 0;
  position: absolute;
  top: 2px;
  width: 100px;
  z-index: 111111;
}
#multiple-choise .add-option{
    margin-top: 18px;
}
#multiple-choise .custom_nav_tab.nav-tabs > li > a {
  padding: 4px 15px !important;
}
.modal .custom_nav_tab.nav-tabs > li {
    float: right !important;
}

.modal .custom_nav_tab.nav > li {
    display: block;
    float: right !important;
    position: relative;
}

.modal .custom_nav_tab.nav-tabs {
    padding-left: 0;
    padding-right: 25px;
}

.modal .custom_static_lbl{
    display: none;
}
.modal .custom_nav_tab li.custom_lbl{
    float:left !important;font-size:18px;padding:0 !important;margin:0 auto !important;display: block;
}

.custom_modify_box {
    display: inline-block;
    padding: 0 4px;
    width: 130px;
}
.custom_modify_box .w180{
    float: left;
}
.custom_modify_box form{
    float: right;
}
.ioi_list_page .custom_modify_box form,.amenity_list_page .custom_modify_box form{
    float: left;
}
.custom_select_picker_div{
    padding-right: 15px;
}
.custom_select_picker .dropdown-menu {
    font-size:16px !important;
}
.custom_select_picker .dropdown-menu.open {
    width: inherit;
}
.custom_select_picker .dropdown-menu .btn {
    padding:14px 23px;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    font-size:16px !important;
    line-height:20px;
    border:0 none;
    background-color:rgb(231, 29, 115);
    color: rgb(103, 103, 103) !important;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    font-family: 'MuseoSans700';
    font-weight:normal;
}
.custom_select_picker .btn-group.bootstrap-select .btn,
.custom_select_picker .btn-group.bootstrap-select .btn:focus,
.custom_select_picker .btn-group.bootstrap-select .btn:hover,
.custom_select_picker .btn-group.bootstrap-select .btn-default,
.custom_select_picker .btn-group.bootstrap-select .btn-default:focus,
.custom_select_picker .btn-group.bootstrap-select .btn-default:hover{
    color: rgb(103, 103, 103) !important;
    border: 1px solid rgb(103, 103, 103);
    border-radius: 0;
    box-shadow: none;
    font-size: 18px;
    padding: 14px 15px;
    background-color: rgb(255,255,255);
    font-family: "MuseoSans300";
    font-weight: normal;
    line-height: 22px;
    outline: 0 none;
}
.custom_select_picker .dropdown-menu .btn.focus,
.custom_select_picker .dropdown-menu .btn:focus,
.custom_select_picker .dropdown-menu .btn:hover,
.custom_select_picker .dropdown-menu .btn span,
.custom_select_picker .dropdown-menu .btn span:focus,
.custom_select_picker .dropdown-menu .btn span:hover {
    text-decoration:none !important;
    color: rgb(103, 103, 103) !important;
    border-color:transparent;
    background-color:rgb(231, 29, 115);
}
.custom_questions_field.multiple-choise figure .input a.remove {
    top: 72%;
}
.custom_questions_field.multiple-choise figure .icheck-div {
    bottom: 12px;
    position: absolute;
    right: 5px;
    top: auto;
}
.custom_tab_content .photo-hunt-input{
    margin-top: 0 !important;
    margin-bottom: 10 !important;
}
.set_id_type_lbl{
    margin-top: 10px
}
.custom_tab_content .cke_chrome{
    border-top: 0 !important;
}
@media (max-width: 1380px) {
    .container {width: 100%; padding-left:30px; padding-right:30px;}
    header .logo-menu .navbar-default .navbar-nav>li>a {padding: 2px 7px;}
    header {padding:0;}
}

@media (max-width: 1200px) {
    section.main article.venue {height:300px;}
    section.main article.venue .table-div {height:300px;}
    section.main article.venue a .text {padding:20px;}
}

@media (max-width: 991px) {


    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {

    }
    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border:none;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        position:absolute; top:16px; left:0;
        width:100%; background-color:#FFF;
        padding-left:0; padding-right:0;
        overflow: hidden !important;
        z-index: 101;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
        margin:0;
        display:block;
        width:100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;

    }
    .collapsing {
        overflow: hidden!important;
    }

    .navbar {min-height:1px;}
    header .navbar-default .navbar-toggle {position: absolute; right: 20px; top: -37px; font-size: 31px; padding: 0; margin: 0; border: none; background-color:transparent !important;}
    header .navbar-default .navbar-nav>li {width:100%; padding:0; display:block;}
    header .navbar-default .navbar-nav>li>a {color: #5f727f; padding: 16px 15px; border:none; border-bottom: 1px solid #dfe5e8; background: #f1f5cc; display:block; width:100%; text-align:center;}
    header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover {border-bottom: 1px solid #dfe5e8;}
    header .nav .open>a, header  .nav .open>a:focus, header .nav .open>a:hover {border-bottom: 1px solid #dfe5e8;}
    header .navbar-default .dropdown-menu li a {padding: 16px 15px; font-size:18px; line-height:22px; border-radius:0 !important; font-family: 'MuseoSans700'; font-weight: normal;}


    header {padding:15px 0;}
    header .navbar-default {display:block;}
    header .container {padding:0;}
    header .logo {margin-left:20px;}
    header .table-div {height:auto;}
    .container {padding-left:20px; padding-right:20px;}
    section.main article.venue a .text {font-size: 24px; line-height: 26px;}
    section.main .timeline-list li {font-size: 16px; line-height: 22px; padding-left:50px;}
    section.main .timeline-top .dropdown a.dropdown-toggle {font-size:16px;}

    header .navbar-default .navbar-nav {-webkit-box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important; box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important;}

    .activities-single {padding-right:0;}
    .activities-single ul.buttons {position: relative; right:auto; top:auto; margin-top:15px;}

}

@media (max-width: 769px) {
    .custom_select_picker_div{padding: 0 15px;}
    section.main .venue-details h2 {margin:20px 0 20px 0;}
    .nav-tabs>li>a {border:none; backgrund-color:#676767; color:#afafaf; font-family: 'MuseoSans700'; font-weight:normal; border-bottom:noe; padding:10px 15px; border-radius:0; margin:0;}
    .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {border-color:#b9ce00; color:#676767; background-color:#afafaf;}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none; border-bottom:none; color:#e71d73; background-color:#afafaf;}

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 16px 15px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #FFF; background-color: #e71d73;}
    header .navbar-default .navbar-nav {-webkit-box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important; box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important;}

    section.main .box .my-profle.add {padding-top:0;}
    section.main .box .my-profle.add a.upload-image {height:200px; margin-bottom:15px;}
    section.main .box .my-profle.add a.upload-image .table-div {height:200px;}

    .ioi-single {padding-right:0;}
    .ioi-single a.btn {position:relative; top:auto; right:auto; margin-top:15px;}

    .notification-single {padding-top:30px;}
    .single-user-pi-main-info p,
    .single-user-pi-main-single-p {
        text-align: center;
    }
    .search-form-wrapper {padding-left: 0;}
}

@media (max-width: 500px) {

    section.main article.venue {height:250px;}
    section.main article.venue .table-div {height:250px;}

    section.main .box .user-div a.btn { margin-top:15px;}
    section.main .box .user-div .text-right {text-align:left;}
    section.main .box .my-profle {padding-top:170px; padding-left:0;}

    .nav-tabs>li {display:block; width:100%; margin-bottom:0;}
    .nav-tabs>li>a {text-align:center;}

    .activities-single {padding-left:0;}
    .activities-single .icon {position:relative; left:auto; top:auto; margin-bottom:15px; padding:0; text-align:left;}

    .ioi-single.questions {padding-right:0;}
    .ioi-single.questions ul.buttons {position:relative; top:auto; right:auto; margin-top:10px;}
    .ioi-single.questions a.btn {margin: 10px;}

    .multiple-choise figure {padding-right:0; padding-bottom:40px; margin:15px 0 25px 0;}
    .multiple-choise figure .icheck-div {right:auto; top:auto;  bottom:0; left:0;}
    .modal .custom_nav_tab.nav-tabs,.custom_nav_tab.nav-tabs {padding-left: 0;padding-right: 0}
    .modal .custom_static_lbl{display: block;}
    .modal .custom_nav_tab li.custom_lbl{display: none;}
    .custom_tab_content.tab-content .form-control {border-color: rgb(103, 103, 103) rgb(103, 103, 103) rgb(103, 103, 103) !important;}
    custom_nav_tab.nav-tabs > li.active > a.focus, .custom_nav_tab.nav-tabs > li.active > a.hover,.custom_nav_tab.nav-tabs > li > a,.custom_nav_tab.nav-tabs > li.active > a, custom_nav_tab.nav-tabs > li.active > a:focus, .custom_nav_tab.nav-tabs > li.active > a:hover {-moz-border-bottom-colors: none !important;
        -moz-border-left-colors: none !important;
        -moz-border-right-colors: none !important;
        -moz-border-top-colors: none !important;border-color: rgb(103, 103, 103) rgb(103, 103, 103) rgb(103, 103, 103) !important;border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;padding: 7px 0 !important;line-height: 1.5;border-radius: 0 !important;}
    .custom_nav_tab.nav-tabs > li.active > a, .custom_nav_tab.nav-tabs > li.active > a:focus, .custom_nav_tab.nav-tabs > li.active > a:hover {
        -moz-border-bottom-colors: none !important;
        -moz-border-left-colors: none !important;
        -moz-border-right-colors: none !important;
        -moz-border-top-colors: none !important;
        background-color: rgb(255, 255, 255) !important;
        border-color: rgb(103, 103, 103) rgb(103, 103, 103) rgb(103, 103, 103) !important;
        border-image: none !important;
        border-style: solid !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-width: 1px !important;
        color: rgb(231, 29, 115) !important;
        cursor: default !important;
    }
}

/* iPAD media query  */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)  {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {

    }
    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border:none;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        position:absolute; top:16px; left:0;
        width:100%; background-color:#FFF;
        padding-left:0; padding-right:0;
        overflow: hidden !important;
        z-index: 101;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
        margin:0;
        display:block;
        width:100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;

    }
    .collapsing {
        overflow: hidden!important;
    }

    .navbar {min-height:1px;}
    header .navbar-default .navbar-toggle {position: absolute; right: 20px; top: -37px; font-size: 31px; padding: 0; margin: 0; border: none; background-color:transparent !important;}
    header .navbar-default .navbar-nav>li {width:100%; padding:0; display:block;}
    header .navbar-default .navbar-nav>li>a {color: #5f727f; padding: 16px 15px; border:none; border-bottom: 1px solid #dfe5e8; background: #f1f5cc; display:block; width:100%; text-align:center;}
    header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover {border-bottom: 1px solid #dfe5e8;}
    header .nav .open>a, header  .nav .open>a:focus, header .nav .open>a:hover {border-bottom: 1px solid #dfe5e8;}
    header .navbar-default .dropdown-menu li a {padding: 16px 15px; font-size:18px; line-height:22px; border-radius:0 !important; font-family: 'MuseoSans700'; font-weight: normal;}


    header {padding:15px 0;}
    header .navbar-default {display:block;}
    header .container {padding:0;}
    header .logo {margin-left:20px;}
    header .table-div {height:auto;}
    .container {padding-left:20px; padding-right:20px;}
    section.main article.venue a .text {font-size: 24px; line-height: 26px;}
    section.main .timeline-list li {font-size: 16px; line-height: 22px; padding-left:50px;}
    section.main .timeline-top .dropdown a.dropdown-toggle {font-size:16px;}

    header .navbar-default .navbar-nav {-webkit-box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important; box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important;}

    .activities-single {padding-right:0;}
    .activities-single ul.buttons {position: relative; right:auto; top:auto; margin-top:15px;}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)  {


    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {

    }
    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border:none;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        position:absolute; top:16px; left:0;
        width:100%; background-color:#FFF;
        padding-left:0; padding-right:0;
        overflow: hidden !important;
        z-index: 101;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
        margin:0;
        display:block;
        width:100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;

    }
    .collapsing {
        overflow: hidden!important;
    }

    .navbar {min-height:1px;}
    header .navbar-default .navbar-toggle {position: absolute; right: 20px; top: -37px; font-size: 31px; padding: 0; margin: 0; border: none; background-color:transparent !important;}
    header .navbar-default .navbar-nav>li {width:100%; padding:0; display:block;}
    header .navbar-default .navbar-nav>li>a {color: #5f727f; padding: 16px 15px; border:none; border-bottom: 1px solid #dfe5e8; background: #f1f5cc; display:block; width:100%; text-align:center;}
    header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover {border-bottom: 1px solid #dfe5e8;}
    header .nav .open>a, header  .nav .open>a:focus, header .nav .open>a:hover {border-bottom: 1px solid #dfe5e8;}
    header .navbar-default .dropdown-menu li a {padding: 16px 15px; font-size:18px; line-height:22px; border-radius:0 !important; font-family: 'MuseoSans700'; font-weight: normal;}


    header {padding:15px 0;}
    header .navbar-default {display:block;}
    header .container {padding:0;}
    header .logo {margin-left:20px;}
    header .table-div {height:auto;}
    .container {padding-left:20px; padding-right:20px;}
    section.main article.venue a .text {font-size: 24px; line-height: 26px;}
    section.main .timeline-list li {font-size: 16px; line-height: 22px; padding-left:50px;}
    section.main .timeline-top .dropdown a.dropdown-toggle {font-size:16px;}

    header .navbar-default .navbar-nav {-webkit-box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important; box-shadow: 0px 2px 28px -8px rgba(0,0,0,0.75) !important;}

    .activities-single {padding-right:0;}
    .activities-single ul.buttons {position: relative; right:auto; top:auto; margin-top:15px;}

}

svg {
    width: 100%;
    height: 100%;
}

#venue_add_image_holder {
    overflow: hidden;
}

#venue_add_image_holder img {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.field-error {
    border-color: #FF0000;
}

.clear-button {
    cursor: pointer;
    width: 72px;
    background-color: #f1f5cc;
    color: #777;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    top: 10px !important;
    right: 10px !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* USER LIST PAGE */
/* DataTables */
.table-default {
    float: left;
    width: 100%;
}
.dataTables_wrapper {
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
    padding:10px 0;
    color: #878686;
    font-size: 12px;
}
.dataTables_length {
    padding-left: 15px;
    font-size: 12px;
    color: #878686!important;
}
.dataTables_filter input {
    border: none;
    -webkit-box-shadow: inset -1px 6px 13px -8px rgba(0,0,0,0.17);
    -moz-box-shadow: inset -1px 6px 13px -8px rgba(0,0,0,0.17);
    box-shadow: inset -1px 6px 13px -8px rgba(0,0,0,0.17);
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 15px;
}
.table-default thead {
    background-color: #f2f2f2;
}
.table-default thead th {
    border-right: 1px solid #e5e5e5;
    border-bottom: none!important;
}
.table-default tfoot th {
    border-top: none!important;
}
table.dataTable.table-default.hover tbody tr:hover,
table.dataTable.table-default.display tbody tr:hover {
    background-color: transparent;
}
table.dataTable.table-default.no-footer {
    border-bottom: none;
}
.dataTables_info {
    color: #878686!important;
    padding: 15px 0 0 15px!important;
}
#user-list_wrapper.dataTables_wrapper .dataTables_paginate {
    padding-right: 15px;
}
#user-list_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: none!important;
    border: none!important;
    color: #878686;
    font-weight: bold;
    line-height: 28px;
}
#user-list_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current,
#user-list_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
#user-list_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #ea0a6d!important;
}
#user-list_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    width:20px;
    height:20px;
    background-color: #fff!important;
    position: relative;
    color: transparent!important;
    top: 10px;
}
.paginate_button.previous::before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: '';
    border-right:8px solid #ea0a6d;
    position: absolute;
    left: 8px;
    top: 2px;
}
#user-list_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled::before {
    border-right:8px solid #ccc;
}


#user-list_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    width:20px;
    height:20px;
    background-color: #fff!important;
    position: relative;
    color: transparent!important;
    top: 10px;
}
.paginate_button.next::before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: '';
    border-left:8px solid #ea0a6d;
    position: absolute;
    left: 8px;
    top: 2px;
}
#user-list_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled::before {
    border-left:8px solid #ccc;
}
.user-list-actions {
    color: #fff !important;
    background-color: #ea0a6d;
    padding: 5px 10px;
    border-radius: 4px;
}
.user-list-actions:hover {
    color: #fff;
    background-color: #EA4E86;
}

.user-list-actions:focus {
    color: #fff;
}
.modal-reset {
    padding: 55px 20px 35px 20px;
}
.modal-reset h2 {
    color: #ea0a6d;
    font-size: 25px;
}
.modal-reset p {
    color: #878787;
    font-size: 17px;
}
.modal-reset a {
    border-radius: 4px;
    margin-top: 30px;
}
.modal-reset p.modal-reset-stars {
    font-size: 50px;
    color: #ea0a6d;
}

/* User's list single page */
.user-list-breadcrumb {
    margin-bottom: 20px;
    padding: 0;
    background: none;
    font-size: 15px;
}
.user-list-breadcrumb a {
    color: #676767;
}
.user-list-breadcrumb a:hover {
    color: #ea0a6d;
}
.user-list-breadcrumb span {
    color: #ea0a6d;
}
.user-list-breadcrumb-back-link {
    float: right;
    color: #adadad;
    font-size: 14px;
    position: relative;
    padding-left: 15px;
}
.user-list-breadcrumb-back-link::before {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right:6px solid #adadad;
    content: '';
    position: absolute;
    top: 5px;
    left: 6px;
}
.user-list-breadcrumb-back-link:hover::before {
    border-right:6px solid #ea0a6d;
}
.single-user-pi {
    float: left;
    width: 100%;
}
.no-padding {
    padding: 0;
}
.custom_age_box{padding-left: 15px;}
.custom_age_box_div{margin-top: 0px;margin-bottom: 0;}
.single-user-pi-image {
    text-align: center;
}
.single-user-pi-image img {
    width: 100%;
    max-width: 300px;
}
.single-user-pi-info {
    padding-top: 20px;
}
.single-user-pi-main-info-name {
    font-size: 30px;
    margin-bottom: 5px;
}
.single-user-pi-main-info-mail {
    font-size: 18px;
}
.single-user-pi-main-single-p {
    font-size: 14px;
}
.single-user-pi-main-single-info-value {
    color: #ea0a6d;
}
.location-timeline {
    margin-top: 50px;
}
.visited-locations-list {
    margin-top: 20px;
}
.location-visited-single {
    float: left;
    background-color: #f9eaf1;
    color: #ea0a6d;
    padding: 7px 20px;
    border-radius: 5px;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.location-visited-single:hover {
    color: #676767;
}
/* ADDED BY DIJANA */

.form-group {
    position: relative;
}
.error-tooltip{
    position: absolute;
    z-index: 10;
    bottom: 55px;
    right: 0px;
    margin: 0px;
    padding: 5px 10px;
    min-height: 23px;
    background-color: #e71d73;
    font-size: 11px;
    color: #ffffff;
    border-radius: 2px;
}
.error-tooltip:before{
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: -7px;
    right: 20px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 7px solid #e71d73;
}
/* ADDED BY DIJANA */

/* MODAL ERROR POPUP */
/*@media (min-width: 768px)*/

.modal-dialog {
    width: 460px;
    max-width: 80%;
    margin: 100px auto;
}

#error-box-warning .modal-content, #delete-box-warning .modal-content {
    border-radius: 0;
}

#error-box-warning .modal-title, #delete-box-warning .modal-title {
    font-size: 14px;
    color: #fff;
}

#error-box-warning .modal-body, #delete-box-warning .modal-body {
    padding: 25px;
    background-color: #f8fae5;
}

#error-box-warning .btn.w200, #delete-box-warning .btn.w200 {
    width: 200px;
    max-width: 100%;
}

#error-box-warning .btn.white.focus, #delete-box-warning .btn.white.focus, .btn.white:focus, .btn.white:hover {
    background-color: #676767;
    border-color: #676767;
    color: #FFF;
}

#error-box-warning .btn, #delete-box-warning .btn {
    padding: 14px 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 18px;
    line-height: 20px;
    background-color: #e0146d;
    border: 1px solid #e0146d;
    color: #FFF;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    font-family: 'MuseoSans700';
    font-weight: normal;
}

#error-box-warning .modal-header, #delete-box-warning .modal-header {
    background-color: #db1b6d !important;
    color: #FFF !important;
    padding: 5px 10px;
}

#error-box-warning .error-button, #delete-box-warning .error-button {
    background-color: #db1b6d;
    color: #fff;
}

#error-box-warning, #delete-box-warning {
    z-index: 1050 !important;
    background: rgba(0,0,0,0.5);
}

.modal {
    z-index: 1049;
}

.ioi-add-popup {
    width: 300px;
    padding-right: 20px;
    overflow-x: hidden;
    font-size: 14px;
    line-height: 20px;
    min-width: 10px;
    bottom: 130%;
    background-color: #FFF;
    border-radius: 0;
    max-height: 350px;
}
.tab-content .tab-pane .ioi-add-popup {
    padding-right: 0px;
}
.gm-style-iw .nav.nav-tabs.custom_msg_div {
  max-width: 300px;
}
.ioi-add-popup h2{
    display: block;
    font-family: 'MuseoSans700';
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    margin-top: 0;
}

.ioi-add-popup ul li {
    display: block;
    float: left;
    margin: 0 7px 7px 0;
}

.ioi-add-popup .title {
    padding: 9px 15px;
    background-color: #e1e1e1;
    display: block;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 22px;
    font-family: 'MuseoSans700';
    font-weight: normal;
}
#reporting .ui-widget-header {
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    background: #fff !important;
}
#reporting .ui-tabs-active {
    border: 1px solid #676767;
    background: #b9ce00;
    font-weight: normal;
    color: #fff;
}

.fixpanel{
    font-family: 'MuseoSans700';
    padding: 0 1.4em;
}

.box .pagination .allPaginator {
    width: 42px;
    margin-right: 6px;
    border: 0px;
    border-radius: 0px;
}
.box .pagination .selectedPaginator {
    color: white;
}
.box .pagination .notSelectedElements {
    background-color: #f0f0f0;
    color: #676767;
}
.tab{
    display:none;
}
#active_icon {
    width: 30px;
    height: 30px;
    z-index: 100;
    position: absolute;
    top: 5px;
    right: 60px;
}
#active_icon img {
    width: 30px;
    height: 30px;
}
#delete_bin_icon {
    width: 30px;
    height: 30px;
    z-index: 100;
    position: absolute;
    top: 5px;
    right: 20px;
}
#delete_bin_icon img {
    width: 30px;
    height: 30px;
}
.custom_selectpicker .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    /*width: 160px !important;*/
}
.custom_selectpicker .btn {
    border-radius: 0;
    border: 0 none;
    background-color: rgba(0, 0, 0, 0);
    color: rgb(103, 103, 103) !important;
    font-family: "MuseoSans500";
    font-size: 18px;
    font-weight: 400;
    padding: 0 !important;
}
.custom_selectpicker select,.custom_selectpicker select:focus,.custom_selectpicker button{
    outline: 0 none !important;
}
.custom_selectpicker .btn-default.active.focus,
.custom_selectpicker .btn-default.active:focus,
.custom_selectpicker .btn-default.active:hover,
.custom_selectpicker .btn-default.focus:active,
.custom_selectpicker .btn-default:active:focus,
.custom_selectpicker .btn-default:active:hover,
.custom_selectpicker .open > .dropdown-toggle.btn-default.focus,
.custom_selectpicker .open > .dropdown-toggle.btn-default:focus,
.custom_selectpicker .open > .dropdown-toggle.btn-default:hover {
    border: 0 none;
    background-color: rgba(0, 0, 0, 0);
    color: rgb(103, 103, 103) !important;
}
.custom_selectpicker .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}
.custom_selectpicker .bootstrap-select > .dropdown-toggle.bs-placeholder,
.custom_selectpicker .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.custom_selectpicker .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.custom_selectpicker .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: rgb(103, 103, 103) !important;
}
.custom_selectpicker .bootstrap-select > .dropdown-toggle:focus {
    outline: 0 none !important;
}
.custom_selectpicker .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-left: 27px;
}
.custom_selectpicker .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    left: 15px;
    right: auto;
}
.custom_selectpicker .bootstrap-select{
    margin-right: 20px;
}
.custom_selectpicker .selectpicker_first .dropdown-menu{
    left: 6px !important;
    top: 30px !important;
}
.custom_selectpicker .selectpicker_first.ioi .dropdown-menu{
    left: -39px !important;
    top: 30px !important;
}
.custom_selectpicker .selectpicker_second {
    margin-right: 10px;
}
.custom_selectpicker .selectpicker_second .dropdown-menu{
    left: -131px !important;
    top: 30px !important;

}
.custom_selectpicker .selectpicker_div{
    display: inline;
}
.custom_selectpicker .caret {
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px dashed;
    margin-left: 0;
}
.custom_selectpicker .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: auto;
}
.custom_selectpicker .btn-default.active,
.custom_selectpicker .btn-default:active,
.custom_selectpicker .open > .dropdown-toggle.btn-default {
    border: 0 none;
    background-color: rgba(0, 0, 0, 0);
    color: rgb(103, 103, 103) !important;
}
.custom_selectpicker .selectpicker_second .form-control,
.custom_selectpicker .selectpicker_second .form-control:focus {
    border: 1px solid rgb(231, 29, 115);
    color: rgb(103, 103, 103);
    padding: 7px 0 7px 20px;
}
.custom_selectpicker .selectpicker_second .dropdown-menu.open{
    max-width: 247px !important;
    min-width: 247px !important;
    width: 247px !important;
    overflow-x: auto !important;
}
.custom_selectpicker .selectpicker_second .dropdown-menu.open .no-results{
    background: repeat;
}
.ioi-single.amenity_list_page .text-right a.btn, .ioi-single.ioi_list_page .text-right a.btn{
    position: relative;
}
.ioi-single.amenity_list_page, .ioi-single.ioi_list_page{
    padding: 0;
}
.cke_dialog_ui_html{height: 0 !important;overflow: hidden !important;}
#scayt_banner{display: none !important;z-index: 0 !important;visibility: hidden !important;position: relative !important;}
.chars_remaining{color: rgb(231, 29, 115);float: right;height: 28px;}
.ioi-single .dropdown-menu a{
    padding: 5px 10px;
}
.ioi-single .dropdown-menu .text{
    margin: 0 auto;
}
.question-checkbox form, .question-checkbox{float: none;margin: 0 auto;padding: 0}
.question-checkbox form .form-group{float: right; padding: 0px; margin: 0px auto;}
.ioi-single.questions .question-checkbox ul.inline-circle {display: block;margin: 5px 0 0 0 !important;}
.question-checkbox .notification-single {float: left;width: 91px;}
.ioi-single.questions .question-checkbox ul.inline-circle li.notification-single .well {width: 92px;}
.set_inline{display: block !important;}
.set_toggle_btn{margin-right: 184px}
.active_icon_only{right: 20px !important}
#tab-111 .input-daterange .input-group-addon {
    padding: 28px 5px 0 6px;
}
#tab-111 .input-group-addon {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 16px;
}
.ui-datepicker.ui-widget{
    z-index: 999999 !important;
}
.ui-datepicker.ui-widget .ui-state-highlight{
    height: auto;
}
.ui-datepicker.ui-widget td a {
    text-align: center;
}
#tab-111 .col-md-6:first-child{
    padding-left: 0;
}
#tab-111 .col-md-6:last-child{
    padding-right: 0;
}
.events .btn-group.bootstrap-select .btn,
.events .btn-group.bootstrap-select .btn:focus,
.events .btn-group.bootstrap-select .btn:hover,
.events .btn-group.bootstrap-select .btn-default,
.events .btn-group.bootstrap-select .btn-default:focus,
.events .btn-group.bootstrap-select .btn-default:hover
{   color: rgb(103, 103, 103);
    border: 1px solid rgb(103, 103, 103);
    border-radius: 0;
    box-shadow: none;
    font-size: 18px;
    padding: 14px 15px;
    background-color: rgb(255,255,255);
    font-family: "MuseoSans300";
    font-weight: normal;
    line-height: 22px;
    outline: 0 none;
}
.events .control-label {
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: right;
}
.events .badges-div .control-label {
    text-align: left;
    font-weight:400;
}
.events .badges-div .event_type_div {
    margin: 5px 0;
    padding-left: 8px;
}
.events .save_as_draft{
    margin: 30px 0 0 0;
    text-decoration: underline;
    color: rgb(103,103,103);
    float: right;
}
.events .text-muted{
    margin: 10px 0;
    padding: 0;
}
#event_save,#event_save:focus{
    max-width: 100%;
    width: 191px;
    background-color: rgb(225, 225, 225);
    border: 1px solid rgb(103,103,103);
    border-radius: 0;
    color: rgb(103, 103, 103);
    font-family: "MuseoSans700";
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    padding: 15px 0;
    transition: all 200ms ease-out 0s;
    text-align: center;
    float: right;
}
#event_save:hover{
    background-color: rgb(231, 29, 115);
    border: 1px solid rgb(231, 29, 115);
    border-radius: 0;
    color: rgb(255, 255, 255);
}
.events .event_text_desc{
    margin-top: 50px;
    padding: 0;
    text-align: right;
}
.events{
    margin-bottom: 50px;
}
.events_action{
    margin: 50px 0 0 0 !important;
}
.icheck-div-new {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 38px;
    padding-left: 38px;
    position: relative;
    width: auto;
}
.icheck-div-trail{
    display: inline-block;
    margin-bottom: 0;
    margin-top: 15px;
}
.events_list .panel-group .panel,
.events_list .panel-group {
    border-radius: 0;
    box-shadow: none;
    border: 0 none;
}
.events_list .panel-group {
    margin-bottom: 26px;
    margin-top: 9px;
}
.events_list .panel-heading {
    border-bottom: 0 none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

section.main .events_list .panel .title{
    margin-bottom: 17px;
    padding: 10px 15px;
}
section.main .events_list .panel .title strong {
    font-family: "MuseoSans700";
    font-weight: normal;
    color: rgb(103, 103, 103);
}
section.main .events_list .panel-body{
    padding: 0;
    border: 0 none;
}
section.main .events_list .panel .glyphicon {
    color: rgb(103, 103, 103);
    left: 18px;
    top: 3px;
}
.events_list .event_status_change .btn,
.events_list .event_status_change .btn.focus,
.events_list .event_status_change .btn:focus,
.events_list .event_status_change .btn:hover {
    background-color: rgb(255, 255, 255);
    border:2px solid rgb(219, 27, 109);
    color: rgb(219, 27, 109);
    text-decoration: none !important;
}
.events .monthly_recurring, .events .weekly_recurring, .events .daily_recurring{
    display: none;
}
.events .monthly_recurring, .events .weekly_recurring, .events .daily_recurring{
    margin: 20px 0 7px 0;
    padding: 0;
}
.events .recurring_section{
    border: 1px solid #bfbfbf;
    margin: 0 auto;
    padding: 0 0 20px 0;
}
.events .recurring_section label{
    padding: 0;
    margin-top: 15px;
}
.events .recurring_section_week, .events .recurring_section_month{
    display: none;
}
.events .section_field{
    margin: 15px 0;
    padding: 0;
}
section.main .events .weekly_recurring .box,section.main .events .daily_recurring .box,section.main .events .weekly_recurring .box .title,section.main .events .daily_recurring .box .title, section.main .events .monthly_recurring .box,section.main .events .monthly_recurring .box .title {
    margin-bottom: 0;
}
.events_list .panel-default > .panel-heading + .panel-collapse > .panel-body{
    border-top: none;
}
.upload_gis_section{display: none;}
.hr_first{margin: 20px 0 15px 0;}
.hr_second{margin: 10px 0;}
@media (max-width:1050px){
    .events .monthly_recurring, .events .weekly_recurring, .events .daily_recurring{
        padding: 0 15px;
    }
}
@media (max-width:991px){
    .events_action {
        margin: 50px 67px 0 0 !important;
    }
    .events .second_div{
        margin-left: 7%
    }
    .events .action_div{
        margin-top: 20px;
    }
    .events .event_text_desc{
        padding-right: 20%;
        text-align: left;
    }
    .events_action div:first-child{
        padding-left: 0;
    }
    .events .save_as_draft {
        float: left;
        margin: 30px 0 0;
    }
    .control-label.recurring_label {
        padding: 10px 0 0 15px;
    }
}

@media (max-width:767px){
    .custom_age_box{padding: 0;}
    .custom_age_box_div{margin-top: 10px;}
    .set_toggle_btn{margin-right: 0px}
    #tab-111 .col-sm-12{
        padding: 0;
    }
    .events .text-muted{
        padding: 0 7px;
    }
    .events .recurring_section {
        padding-top: 0;
    }
    .events .section_field {
        margin: 0;
    }
    .manage_left_pad{
        padding-right: 0 !important;
    }
    .manage_right_pad{
        padding-left: 0 !important;
    }
    .custom_modify_box form .notification-single {
        padding-top: 13px !important;
    }
}
@media (max-width:600px){
    .custom_selectpicker .selectpicker_second{
        margin-right: 0;
    }
    .filter_opt{
        padding-right: 8px;
        padding-left: 0;
    }
    .events_action {
        margin: 50px 0x 0 0 !important;
    }
}
@media (max-width:574px){
    .custom_selectpicker .bootstrap-select {
        margin-right: 0;
    }
}
.mapboxgl-marker svg{
    display: none;
}
.mapboxgl-marker{
    background-image: url('../images/hover-point.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
#marker {
    background-image: url('../images/hover-point.png');
    background-size: cover;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.mapSection{position: relative;}
.mapSectionBoundary{position: relative;}
#mapLayerMenu{position: absolute;top: 0;z-index: 1;left: 0;background-color: rgba(255,255,255,0.6);padding: 4px 7px 0 5px;}
#mapLayerBoundary{position: absolute;top: 0;z-index: 1;left: 0;background-color: rgba(102, 255, 102,0.6);padding: 4px 7px 0 5px;}

.media-wrapper {
    /*overflow:hidden;*/
    width:100%;
    margin-bottom:20px;
}

.media-files {
    width:100%;
    /*overflow:hidden;*/
    margin-bottom:20px;
    /*text-align:center;*/
}

.media-files .image-wrapper {
    padding:5px 5px 0 5px;
}

.media-files > a {
    text-align:center;
    font-size:16px;
    width:100%;
}

.media-text-fields {
    width:100%;
    overflow:hidden;
}

.interest-or-amenity {
    margin-bottom:7px;
}

.interest-or-amenity select {
    width:100%;
}

.close-popup,
.add-new-waymarker,
.delete-waymarker {
    cursor: pointer;
    background-color: #ddd;
    color: #1f1f1f;
    width: 145px;
    height: 30px;
    border-radius: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    display:inline-block;
}

.add-new-waymarker {
    margin: 5px;
}

.delete-waymarker {
    background-color:#e71d73;
    color:#fff;
}

/*
This selector is more specific than just .image-upload because we want to set the
display property, which another ruleset with a specificity of 2 has already set.
*/
.form-group label.image-upload {
    display: flex;
    flex-direction: column;

    width: 50px;
    height: 50px;

    border: 1px solid grey;
    color: #b9ce00;
}

.image-upload-label-text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    flex-grow: 1;

    font-size: 11px;
    line-height: normal;
}

.image-preview {
    position: relative;
    display: inline-block;

    width: 50px;
    height: 50px;

    background-size: contain;
    background-repeat: no-repeat;
}

.remove-image-btn {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    text-align: center;
    line-height: 26px;
    color: #FFF;
    font-size: 12px;
    background-color: #676767;
    z-index: 100;

    top: -11px;
    right: -15px;

    cursor: pointer;
}

.ioi-maps-option {
    margin-bottom: 1rem;
}

#modal-new-character-v2 label.image-upload {
    display: block;
    border: none;
    width: auto;
    height: auto;
}

#modal-new-character-v2 .image-upload-label-text {
    display: inline;
    font-size: 18px;
}

#modal-new-character-v2 .form-group {
    margin: 0;
}

.collapsible {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}
.active, .collapsible:hover {
    background-color: #ccc;
}
.collapsible-content {
    padding: 18px;
    margin-bottom: 30px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}
.inv {
    display: none;
}