/*
	===============================
			@Custom CSS - ClubSys Overrides
	===============================
*/
.table a{
	color: #006fd0 !important;
}
.breadcrumb{
	font-size: 15x !important;
    color: #006fd0;
}

.footer-section p{
	font-size: 12px !important;
}

.btn-group .dropdown-menu a.dropdown-item{
	padding: 5px 8px !important;
}

.user-profile .widget-content-area .user-info-list ul.contacts-block {
	max-width: 100% !important;
	margin: 0 !important;
}

.navbar .navbar-item .nav-item .form-inline.search .search-form-control {
	border-bottom: 1px solid #9e9e9e !important;
}

.navbar .navbar-item .nav-item form.form-inline input.search-form-control {

	font-size: 18px !important;
	background-color: #0e1726 !important;
	border: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	color: #ffffff !important;
}

.navbar .navbar-item .nav-item .form-inline.search .search-form-control:hover {
	background-color: #293a4a !important;
	border: none !important;
}
.table td {
	padding: .45rem !important;
}

.info-number{
font-size: 30px;
font-weight: 900;
margin-top: -70px;
text-align: right;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
	background-color: #e2a03f !important;
}

.bio .widget-content-area {
	padding-bottom: 20px !important;
}

.form-control {
	font-size: 15px !important;
	letter-spacing: 0 !important;
}

.form-group label{
	padding-top: 10px;
}

::-moz-selection { background: #3796c1 !important; color: #fff; }
::selection { background: #3796c1 !important; color: #fff; }

ol.progtrckr {
        display: table;
        list-style-type: none;
        margin: 0;
        padding: 0;
        table-layout: fixed;
        width: 100%;
    }
    ol.progtrckr li {
        display: table-cell;
        text-align: center;
        line-height: 3em;
    }

    ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
    ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
    ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
    ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
    ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
    ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
    ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
    ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

    ol.progtrckr li.progtrckr-done {
        color: black;
        border-bottom: 4px solid yellowgreen;
    }
    ol.progtrckr li.progtrckr-todo {
        color: silver; 
        border-bottom: 4px solid silver;
    }

    ol.progtrckr li:after {
        content: "\00a0\00a0";
    }
    ol.progtrckr li:before {
        position: relative;
        bottom: -2.5em;
        float: left;
        left: 50%;
        line-height: 1em;
    }
    ol.progtrckr li.progtrckr-done:before {
        content: "\2713";
        color: white;
        background-color: yellowgreen;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: none;
        border-radius: 1.2em;
    }
    ol.progtrckr li.progtrckr-todo:before {
        content: "\039F";
        color: silver;
        background-color: white;
        font-size: 1.5em;
        bottom: -1.6em;
    }    

@media screen and (max-width: 576px) {
	ol.progtrckr li {display: block !important; border-bottom: 4px solid red;}
    ol.progtrckr[data-progtrckr-steps="4"] li {width: 100%}	
	}	
	
/* @group Blink */
.blink {
	-webkit-animation: blink 1s linear infinite;
	-moz-animation: blink 1s linear infinite;
	-ms-animation: blink 1s linear infinite;
	-o-animation: blink 1s linear infinite;
	 animation: blink 1s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
/* @end */	

.icon{

    text-align: center;
    background-color: #ffffff;
    color: #054a86;
    border-radius: 3%;
    display: inline-block;
    margin: 5px;
    width: 110px;

}

.icon .innericon {
	
	vertical-align: middle;
	font-size: 12px;
    padding: 10px;
	box-shadow: 3px 3px 2px #2b2b2b;
	
}