/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

tr:hover {
    background-color: #ff6a00; /*dark orange*/
}

/*.full-event-calendar td {
    background-color: #1224ed;
}*/

.full-event-calendar tr:hover {
    background-color: inherit;
}

h2{
    color:white;
}

h3 {
    color: white;
}

.text-blue{
    color:blue;
}

.team-details > h4 {
    color: white;
}
.team-details > h6 {
    color: white;
}
.team-details > p {
    color: white;
}

.popover.panel-heading {
    background: #ff6a00 !important;
    color: white;
}

.popover {
    background: black !important;
    font-size: x-small;
    color: white;
    width: 250px;
    height:auto;
}

.popover.right .arrow:after {
        border-right-color: black;
}

.btn-theme-color {
    background-color: #ff9400;
    color: white;
}

.btn-maroon {
    background-color: #4e0909;
    color: white;
}

.btn-maroon:hover {
    background-color: #ff6a00;
    color: white;
}

.btn-maroon:focus {
    background-color: #ff6a00;
    color: white;
}

.btn-dark-orange {
    background-color: #ff6a00;
    color: white;
}

.btn-dark-orange:hover {
    background-color: #ff9400;
    color: white;
}

.nav-pills > li > a:link {
    background-color: #4e0909;
    color: white;
}

.bg-black {
    background-color: black;
}

.bg-dark-orange {
    background-color: #ff6a00;
}

.bg-dark-orange:hover {
        background-color: #ff9400;
}

.bg-light-orange {
    background-color: #ff9400;
}

.bg-maroon {
    background-color: #4e0909;
}

.nav-pills > li > a:hover {
    background-color: #ff6a00;
    color: white;
}

.nav-pills > li > a:active {
    background-color: #ff9400;
    color: white;
}

.badge-orange {
    background-color: #ff9400;
    color: white;
}

.label-dark-orange {
    background-color: #ff6a00;
    color: white;
}

.label-maroon {
    background-color: #4e0909;
    color: white;
}

.panel .panel-heading {
    background-color: #ff9400;
}

.div-maroon {
    background-color: #4e0909;
    color:white;
}

.span-text-maroon {
    color: #4e0909;
}

.div-dark-orange {
    background-color: #ff6a00;
    color: white;
}

.menu-height > a:hover {
    padding:0px;
}

.panel-title > a:link {
    color: white;
}

.panel-title > a:hover {
    background-color: #ff6a00;
    color: white;
}

.modal-large {
    width: 60%; /* respsonsive width */
    /*margin-left: -40%;  width/2) */
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-right: 16px solid green;
    border-bottom: 16px solid red;
    border-left: 16px solid pink;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}