/*----- GLOBAL -----*/

.fade-transition {
    display: none;
}
/*----- END GLOBAL -----*/

/*----- CAPTURE -----*/

.btn.btn-capture {
    width: 100%;
}
    .btn.btn-capture.gbch {
        background-color: #fff;
        border: 1px solid #EA2D29;
        color: #EA2D29;
    }
/*----- END CAPTURE -----*/

/*----- MODAL -----*/

@media (min-width: 768px) {
    .modal-dialog.gbch {
        width: 800px;
        margin: 30px auto;
    }
}
@media (max-width: 991px) {
    .modal-title > .img, .modal-title > span {
        display:block;
        margin:0 auto;
    }
}
.modal-header.gbch {
    color: #94BDC1;
    background-color: #0B3050;
}
    .modal-header.all-found.gbch {
        color: #FFFFFF;
        background-color: #EA2D29;
    }
.modal-footer.gbch {
    background-color: #BFDBDE;
	text-align: center;
}
@media(max-width:390px) {
    .list-tally .list-item-tally {
        width: 14.2857%;
    }
}
@media(max-width:768px) {
    .list-tally .list-item-tally {
        width: 25%;
    }
}
@media(min-width:769px) {
    .list-tally .list-item-tally {
        width: 20%;
    }
}
.list-tally {
    padding: 6px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
    .list-tally.gbch {
        /*background-color:#BFDBDE;*/
    }
    .list-tally .list-item-tally {
    }
        .list-tally .list-item-tally > div {
            padding: 0;
            margin: 3px auto;
            width: 90px;
            height: 90px;
            vertical-align: middle;
        }
        .list-tally.gbch .list-item-tally > div {
            color: #FFFFFF;
            font-weight: 100;
            font-size: 31px;
            font-family: Georgia, 'Times New Roman', Times, serif;
            text-align: center;
            border: 5px solid #FFFFFF;
            border-radius: 50%;
            background-color: #94BFC3;
            line-height: 2.5em;
        }
        .list-tally.gbch .list-item-tally > div.found {
            border: 5px solid #D1EAF2;
        }
.btn.btn-collect {
    border-radius: 50px;
    padding: 5px;
    margin-left: 20px;
    /*bottom: 10px;
    left: 10px;
    position: fixed;
    z-index: 100;*/
    -webkit-box-shadow: 0 8px 6px -6px #aaa;   /*Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+*/ 
    -moz-box-shadow:    0 8px 6px -6px #aaa;   /*Firefox 3.5 - 3.6*/ 
    box-shadow:         0 8px 6px -6px #aaa;   /*Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5*/ 
}
.btn.btn-collect:focus, .btn-collect:hover {
    color: #FFFFFF;
    /* added here aswell since bootstrap seems to be a bit fussy about shadows for buttons */
    -webkit-box-shadow: 0 8px 6px -6px #aaa;   /*Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+*/ 
    -moz-box-shadow:    0 8px 6px -6px #aaa;   /*Firefox 3.5 - 3.6*/ 
    box-shadow:         0 8px 6px -6px #aaa;   /*Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5*/ 
}
    .btn.btn-collect.gbch {
        color: #FFFFFF;
        background-color: #152f4e;
        /*border: 2px solid #000;*/
    }
        .btn.btn-collect span:first-child {
            display: inline-block;
            width: 75px;
            height: 75px;
            border-radius: 50%;
            text-align: center;
            vertical-align: middle;
            line-height: 2em;
        }
            .btn.btn-collect.gbch span:first-child {
                /*color: #000;
                background-color: #FFFFFF;
                border: 2px solid #000;
                font-weight: bold;*/
            }
            .btn.btn-collect span:last-child {
                margin-right: 10px;
            }
            
    .btn.btn-collect.found.gbch {
        color: #FFFFFF;
        background-color: #152f4e;
    }
    .btn.btn-collect.all-found.gbch {
        color: #FFFFFF;
        background-color: #EA2D29;
    }
    .btn.btn-start, .btn.btn-continue, .btn.btn-complete {
        /*text-align: center;
        line-height: 2em;
        border-radius: 40px;*/
        border: none;
        padding: 0;
    }
        .btn.btn-start.gbch, .btn.btn-continue.gbch, .btn.btn-complete.gbch {
            /*font-size: 20px;
            border: none;
            color: #ffffff;
            background-color: #0B3050;*/
            background-color: transparent;
        }
            .btn.btn-start.gbch:hover, .btn.btn-continue.gbch:hover, .btn.btn-complete.gbch:hover {
                /*color: #ffffff;*/
            }
        .btn.btn-complete.gbch {
            /*color: #ffffff;
            background-color: #EA2D29;*/
        }
/*----- END MODAL -----*/

/*----- STATIC -----*/

@media (max-width: 991px) {
    .panel-title > .img, .panel-title > span {
        display:block;
        margin:0 auto;
    }
}
.panel-default > .panel-heading.gbch {
    color: #94BDC1;
    background-color: #0B3050;
}
    .panel-default > .panel-heading.all-found.gbch {
        color: #FFFFFF;
        background-color: #EA2D29;
    }
        /*.panel-default > .panel-heading.gbch .panel-title {
            display: inline-block;
            width: 45%;
            display: table-cell;
        }
        .panel-default > .panel-heading.gbch p {
            display: inline-block;
            width: 55%;
            display: table-cell;
        }*/
.panel-body.gbch {
    background-color: #BFDBDE;
}
.panel-footer.gbch {
    background-color: #BFDBDE;
    text-align: right;
    border: none;
}

.modal-collection-count{
	font-size: 45px;
    padding: 0;
    display: inline-block;
    width: 75px;
    height: 75px;
    background: #94BFC3;
	color: #0B3050;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
}

/*----- END STATIC -----*/

/*--- ANGULAR ---*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.animation {
}
/*--- END ANGULAR ---*/