html,
    body,
    .btn,
    .container,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .footer,
    .container
    {

        font-family: 'Roboto', sans-serif !important;
        font-size: 14px;
    }

    .footer{
        padding: 25px;
        /* margin-top: 20px; */
        background: #111; 
        font-size:1.1em;
        border-top: 5px solid #5bc33b;
    }

    .footer h3{
        color: #ddd;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 0px;
        margin-bottom: 5px;
    }

    .footer h4{
        color: #bbb;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 18px;
    }

    .footer p, a{
        color: #999;
    }


    .footer ul{
        color: #ccc;
    }

    .footer-2{
        background: #222;
        color: #656560;
        padding: 18px 5px 15px 5px;
        border-top: 1px solid #333;
    }

    #toTop {
        display: none;
        text-decoration: none;
        position: fixed;
        bottom: 6%;
        right: 3%;
        overflow: hidden;
        width: 32px;
        height: 32px;
        border: none;
        text-indent: 100%;
        background: url(../images/move-up.png) no-repeat 0px 0px;
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
        transition: .5s all;
    }

    #toTopHover {
        width: 32px;
        height: 32px;
        display: block;
        overflow: hidden;
        float: right;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        transform: scale(1);
    }

    .new-line{
        clear:both;
    }

    .nav>li>a {
        padding: 13px 7px;
    }

    .navbar-brand{
        max-width: 40%;
        padding-top: 12px;
    }

    .navbar-brand img{
        height: 35px; 
        margin-top: -2px;
    }

    .nav .dropdown{
        margin-right: 10px;
        margin-left: 10px
    }

    .nav .dropdown .fa{
        color: #5bc33b; 
        /*font-size: 24px;*/
    }

    .fa-user-nav{
        color: #69af33;
        font-size: 24px;
    }

    .nav .dropdown .fa{
        color: #5bc33b; 
        /*font-size: 24px;*/
    }

    .matches-div {
        background: #f6f6f6;
        margin-top: 15px;
        border-top: 4px solid #5bc33b;
        padding: 15px;
        
        -o-box-shadow: 0px 1px 4px 1px #b3afaf;
        -ms-box-shadow: 0px 1px 4px 1px #b3afaf;
        -moz-box-shadow: 0px 1px 4px 1px #b3afaf;
        -webkit-box-shadow: 0px 1px 4px 1px #b3afaf;
        box-shadow: 0px 1px 4px 1px #b3afaf;
    }

    .matches-div-red{
        border-top: 4px solid #d9534f;
    }

    .little-padding{
        padding-bottom: 10px;
    }

    h1 {
        font-size:24px; 
        font-weight:bold;
    }

    .container-body{
        margin-top:75px;
    }

    .team-name {
        font-size:1.3em; 
        padding-bottom: 7px; 
        font-weight: bold; 
        border-bottom: 1px dashed #ccc;  
        margin-bottom: 12px;
        margin-top: 10px;
    }

    a {
        color: #5bc33b;
    }

    .navbar-inverse .navbar-toggle {
      border-color: #fff !important;
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
      background-color: #fff !important;;
    }

    .navbar-toggle,
    .navbar-inverse .navbar-toggle,    
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle: hover {
        border-color: #fff;
        background: #fff;
        background-color: #fff !important;
    }

    .navbar-inverse {
        background: #fff;
        border-color: #d6d5d5;
        
        -o-box-shadow: 1px 1px 10px 1px #cacaca;
        -ms-box-shadow: 1px 1px 10px 1px #cacaca;
        -moz-box-shadow: 1px 1px 10px 1px #cacaca;
        -webkit-box-shadow: 1px 1px 10px 1px #cacaca;
        box-shadow: 1px 1px 10px 1px #cacaca;
    }

    .navbar-inverse .navbar-collapse{
        border-color: #efefef;
        margin-top:5px;
    }


    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-nav a {
        color: #5bc33b;
        font-size: 15px;
        font-weight: bold;
    }

    .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        color: #5bc33b;}

    .badge{
            padding: 2px 5px;
            cursor: pointer;
            color: #4e4e49;
            background: rgba(255, 249, 2, 0.98);
            border: 2px solid #ff9103;
            margin-top: -18px;
            font-size: 13px;
            margin-left: -1px;
    }

    .btn
    {
        cursor: pointer;
    }
    .badge-error{
        background: #eee;
        color: #777;
        border: 1px solid #bbb;
    }

    .badge-success{
        background: #5bc33b;
    }

    #mdp-demo-info {
        height: 60px;
        overflow: auto;
    }

    .breadcrumb {
        padding: 8px 12px;
        margin-bottom: 20px;
        list-style: none;
        background-color: rgb(247, 247, 247);
        border-left: 5px solid #e68158;
        border-radius: 0px;
    }

    label {
            margin-bottom: 8px;
            color: #5bc33b;
    }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-bottom: 12px;
        color: #5bc33b;
        border-bottom: 1px dashed #ab8c7d;
        padding-bottom: 10px;
    }


    .ui-widget.ui-widget-content {
        width: 100%;
        background: rgb(228, 228, 228)
    }

    .breadcrumb>li+li:before {
        padding: 0 1px;
    }

    .bs-callout {
        padding: 7px 0px 0px 15px;
        margin: 0px 0 20px 0;
        border: 1px solid #eee;
        border-left-width: 5px;
        border-radius: 3px;
    }
    .bs-callout h4 {
        margin-top: 5;
        /*margin-bottom: 5px;*/
    }
    .bs-callout p:last-child {
        margin-bottom: 0;
    }
    .bs-callout code {
        border-radius: 3px;
    }
    .bs-callout+.bs-callout {
        margin-top: -5px;
    }
    .bs-callout-default {
        border-left-color: #777;
    }
    .bs-callout-default h4 {
        color: #777;
    }
    .bs-callout-primary {
        border-left-color: #428bca;
    }
    .bs-callout-primary h4 {
        color: #428bca;
    }
    .bs-callout-success {
        border-left-color: #5cb85c;
        background: #efe;
    }
    .bs-callout-success h4 {
        color: #5cb85c;
    }
    .bs-callout-danger {
        border-left-color: #d9534f;
        background: #fdf3f2;
    }
    .bs-callout-danger h4 {
        color: #d9534f;
    }
    .bs-callout-warning {
        border-left-color: #f0ad4e;
        background: #fffcf9;
    }
    .bs-callout-warning h4 {
        color: #f0ad4e;
    }
    .bs-callout-info {
        border-left-color: #5bc0de;
        background: #f4fbfd;
    }
    .bs-callout-info h4 {
        color: #5bc0de;
    }
    .bs-callout ul
    {
        list-style: none;
    }

    .greyed{
        background:#efefef;
    }

    .admin-box{
        
        padding: 30px 1px 30px 1px;
        border: 1px solid #eaeaea;
        margin: 6px 1px 6px 1px;
        background: #fdfffc;
    }

    .modal-dialog-special {
        margin-top: 0px;
        width: 100%;
    }

    .modal-body{
        padding: 25px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .fa-light {
                color: #ccc;
    }

    .fa-dark {
        color: #5bc33b;
    }

    .team{
        font-weight:bold;
        font-size: 18px;
        padding-right: 5px;
        margin-top:5px;
        margin-bottom: 10px;
    }

    .dotted{
        border-bottom: 1px dashed #ccc;
        margin-bottom: 10px;
    }

    /************/

    .carousel-inner>.item>a>img, .carousel-inner>.item>img {
        margin-top: 50px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
          background-color: #5bc33b;
            height: 3px;
            width: 25px;
          position: relative;
          transition: all 500ms ease-in-out;
    }

    .navbar-toggle.crossed .icon-bar:nth-of-type(3) {

        transform: rotate(-45deg);
        background-color: #d28147;
    }

    .navbar-toggle.crossed .icon-bar:nth-of-type(2) {

        transform: rotate(45deg);
        background-color: #d28147;
        top: 7px;
    }

    .navbar-toggle.crossed .icon-bar:nth-of-type(4) {
        visibility: hidden;
    }

    .navbar-toggle .icon-bar:nth-of-type(4) {
        transition: all 100ms ease-in-out;
    }

    .date-selector {
        float: left;
        padding: 5px 10px;
        margin: 0px 7px 6px 0px;
        border-radius: 3px;
        cursor: pointer;
    }

    .date-selector-active {
        
        background: #e3ffe3;
        border: 1px solid #b5d4b5;
    }

    .date-selector-old {

        background: #f3f5f3;
        border: 1px solid #cbd4cb;
        color: #ccc;
        text-decoration: line-through;
        cursor: not-allowed;
    }

    .date-selector-requested {

        background: #fff8f4;
        border: 1px solid #f1c2ad;
        color: #ffbcbc;
        text-decoration: line-through;
        cursor: not-allowed;
    }

    .modal-header{
        padding: 10px 25px;
        border-bottom: 1px solid #b9bbb9;
        background: #ececec;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .modal-header .close {
        margin-top: 2px;
    }

    .modal-footer{
        display: none;
        background: #ececec;
        border-top: 1px solid #bbbbbb;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .fa-orange {
        color: #5bc33b;
        margin-right:2px;
    }

    .fc-content {
        background: #7ea547;
        border-color: #5bc33b;
        white-space: normal;
        padding: 5px 8px;
    }

    .fc-day-grid-event {
        border: 3px solid #5bc33b;
    }

    .fc-title {
        font-size: 11px;
        white-space:normal;
    }

    @media screen and (max-width: 767px){

        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
            padding-right: 5px;
            padding-left: 5px;
        }
        
        .navbar-inverse .navbar-collapse{
            margin-top:0px;
        }
        
        .nav>li>a {
            padding-left: 18px;
        }
        
        .navbar .in{
            background: #0f7501;
        }

        .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav a {
            color: #ffffff;
            border-bottom: 1px solid #086500;
        }

        .fa-orange{
            color: #5bc33b;
            padding-right: 7px;
        }

        .navbar-collapse ul{
            margin: 0;
        }
        
        .form-control{
            height:40px;
        }
        
        .text-muted {
            padding-bottom: 30px;
        }
    }  

    @media screen and (min-width: 1040px){

        .modal-dialog-login {
            margin-top: 0px;
            width: 800px;
        }
    
        /*
        .navbar-fixed-top{
            padding-top: 10px;
            padding-bottom: 10px;
            border-color: #228a24;
            border-width: 0 0 3px;
        }
        */
        
    }

    .pending-bar{
        padding-top: 65px;
        text-align: center;
        background: rgb(230, 255, 211);
        padding-bottom: 7px;
        border-bottom: 1px solid #cff3b4;
        color: #5bc33b;
        font-size:1.1em;
    }