.flat-yellow, form
{
    background-color: #000 !important;
}
.login-page form {
    background-color: transparent !important;
}

    .flat-yellow.popup-bg, form.popup-bg
    {
        background-color: #fff !important;
    }


    .flat-yellow a
    {
        color: #22A7F0;
    }

        .flat-yellow a:hover
        {
            color: #FABE28;
        }

.app-container, .app-container .content-container {
    background: #fff;
}


.flat-yellow .navbar, .flat-yellow .navbar.navbar-default
{
    border-bottom: 0px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

    .flat-yellow .navbar > .container-fluid, .flat-yellow .navbar.navbar-default > .container-fluid,
    .flat-yellow .navbar > .container, .flat-yellow .navbar.navbar-default > .container
    {
        /*background-color: #FFF;*/ background-color: transparent;
    }
    /*<--*/
    .flat-yellow .navbar .navbar-header .navbar-brand, .flat-yellow .navbar.navbar-default .navbar-header .navbar-brand
    {
        color: #F9F9F9;
    }

    .flat-yellow .navbar .navbar-header .navbar-expand-toggle, .flat-yellow .navbar.navbar-default .navbar-header .navbar-expand-toggle
    {
        color: #FECE1A;
    }

        .flat-yellow .navbar .navbar-header .navbar-expand-toggle, .flat-yellow .navbar.navbar-default .navbar-header .navbar-expand-toggle.visible-xs
        {
            color: #000;
        }

    .flat-yellow .navbar .navbar-header .navbar-right-expand-toggle, .flat-yellow .navbar.navbar-default .navbar-header .navbar-right-expand-toggle
    {
        color: #353d47;
    }

    .flat-yellow .navbar .navbar-breadcrumb li, .flat-yellow .navbar.navbar-default .navbar-breadcrumb li
    {
        color: #353d47;
    }

        .flat-yellow .navbar .navbar-breadcrumb li a, .flat-yellow .navbar.navbar-default .navbar-breadcrumb li a
        {
            color: #353d47;
        }

    .flat-yellow .navbar .navbar-nav > li, .flat-yellow .navbar.navbar-default .navbar-nav > li
    {
        border-left: 1px solid #F9F9F9;
    }

        .flat-yellow .navbar .navbar-nav > li > a, .flat-yellow .navbar.navbar-default .navbar-nav > li > a
        {
            color: #353d47;
        }

        .flat-yellow .navbar .navbar-nav > li:hover > a, .flat-yellow .navbar.navbar-default .navbar-nav > li:hover > a
        {
            /*color: #22A7F0;*/ color: #FECE1A;
        }
        /*<--*/
        .flat-yellow .navbar .navbar-nav > li.open > a, .flat-yellow .navbar.navbar-default .navbar-nav > li.open > a
        {
            background-color: transparent;
            /*color: #22A7F0;*/ color: #FECE1A;
        }
        /*<--*/
      

    .flat-yellow .navbar .navbar-nav .dropdown-menu, .flat-yellow .navbar.navbar-default .navbar-nav .dropdown-menu
    {
        background-color: #000;
        border-color: #333;
        color: #fff;
    }

        .flat-yellow .navbar .navbar-nav .dropdown-menu .title, .flat-yellow .navbar.navbar-default .navbar-nav .dropdown-menu .title
        {
            background-color: #FFF;
        }

            .flat-yellow .navbar .navbar-nav .dropdown-menu .title .badge, .flat-yellow .navbar.navbar-default .navbar-nav .dropdown-menu .title .badge
            {
                background-color: #353d47;
            }


    .flat-yellow .navbar.navbar-inverse
    {
        background-color: #353d47;
        border-bottom: 0px;
        -mox-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }

        .flat-yellow .navbar.navbar-inverse > .container-fluid, .flat-yellow .navbar.navbar-inverse > .container
        {
            background-color: #353d47;
        }

        .flat-yellow .navbar.navbar-inverse .navbar-header .navbar-brand
        {
            color: #F9F9F9;
        }

        .flat-yellow .navbar.navbar-inverse .navbar-header .navbar-expand-toggle
        {
            color: #FFF;
        }

        .flat-yellow .navbar.navbar-inverse .navbar-header .navbar-right-expand-toggle
        {
            color: #FFF;
        }

        .flat-yellow .navbar.navbar-inverse .navbar-breadcrumb li
        {
            color: #FFF;
        }

            .flat-yellow .navbar.navbar-inverse .navbar-breadcrumb li a
            {
                color: #FFF;
            }

        .flat-yellow .navbar.navbar-inverse .navbar-nav > li
        {
            border-left: 1px solid #363c46;
        }

            .flat-yellow .navbar.navbar-inverse .navbar-nav > li > a
            {
                color: #FFF;
            }

            .flat-yellow .navbar.navbar-inverse .navbar-nav > li:hover > a
            {
                /*color: #22A7F0;*/ color: #FECE1A;
            }
            /*<--*/
            .flat-yellow .navbar.navbar-inverse .navbar-nav > li.open > a
            {
                background-color: transparent;
                /*color: #22A7F0;*/ color: #FECE1A;
            }
            /*<--*/
            

        .flat-yellow .navbar.navbar-inverse .navbar-nav .dropdown-menu
        {
            background-color: #F9F9F9;
            border-color: #353d47;
        }

            .flat-yellow .navbar.navbar-inverse .navbar-nav .dropdown-menu .title
            {
                background-color: #FFF;
            }

                .flat-yellow .navbar.navbar-inverse .navbar-nav .dropdown-menu .title .badge
                {
                    background-color: #353d47;
                }

            

.flat-yellow .side-menu
{
    background-color: #FFF;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
}

    .flat-yellow .side-menu .navbar-header
    { /*<--*/
        /*background-color: #22A7F0;*/
        background-color: transparent;
        /*margin-bottom: 4px;*/
    }

        /*.flat-yellow .side-menu .navbar-header .navbar-brand
        {
            color: #19B5FE;
        }*/

    .flat-yellow .side-menu .navbar-nav
    {
        width: 100%;
    }

    .flat-yellow .side-menu .navbar
    {
        background-color: #FFF;
        border-bottom: 0px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .flat-yellow .side-menu .navbar li > a
        {
            color: #363c46;
        }

        .flat-yellow .side-menu .navbar li.active
        {
            border-left: 0;
        }

            /*.flat-yellow .side-menu .navbar li.active > a
            {
                border-right: 4px solid #22A7F0;
                background-color: #FFF;
            }*/

        /*.flat-yellow .side-menu .navbar > li:hover > a
        {
            background-color: #FA2A00;
            color: #FFF;
        }*/

        .flat-yellow .side-menu .navbar li.dropdown, .flat-yellow .side-menu .navbar li.dropdown > .panel-collapse
        {
            background-color: transparent;
        }

            .flat-yellow .side-menu .navbar li.dropdown .panel-body
            {
                padding: 0 7px;
            }

    .flat-yellow .side-menu.sidebar-inverse
    {
        background-color: #FECE1A;
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    }

        .flat-yellow .side-menu.sidebar-inverse .navbar
        {
            /*background-color: #353d47;*/ /*<--*/
            background-color: transparent;
            border-bottom: 0px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .flat-yellow .side-menu.sidebar-inverse .navbar li
            {
                border-left: 0;
            }

                .flat-yellow .side-menu.sidebar-inverse .navbar li > a
                {
                    /*color: #FFF;*/
                    color: #000 !important;
                }

                .flat-yellow .side-menu.sidebar-inverse .navbar li .nav li a:hover, .flat-yellow .side-menu.sidebar-inverse .navbar .ul-stages li > a:hover
                {
                    color: #fff !important;
                }

                .flat-yellow .side-menu.sidebar-inverse .navbar li.active > a
                {
                    /*color: #353d47;
                    border-left: 3px solid #22A7F0;
                    border-right: 0px solid #22A7F0;
                    background-color: #FFF;*/
                }

                    .flat-yellow .side-menu.sidebar-inverse .navbar li.active > a .icon
                    {
                        margin-left: -3px;
                    }

            /*.flat-yellow .side-menu.sidebar-inverse .navbar > li:hover > a
            {
                background-color: #FA2A00;
                color: #FFF;
                color: #000;
            }*/

            /*.flat-yellow .side-menu.sidebar-inverse .navbar li.dropdown > .panel-collapse
            {
                background-color: rgba(0, 0, 0, 0.1);
            }*/

            .flat-yellow .side-menu.sidebar-inverse .navbar li.dropdown .panel-body
            {
                padding: 0px 7px;
            }
            .flat-yellow .side-menu ul.ul-stages { padding-left: 20px;}
            .flat-yellow .side-menu ul.ul-stages li:hover {background: rgba(0,0,0,0.5); }

            .acc-head.history span.flaticon-24-pin-1 {
                color: #9F8100;
            }
            .acc-head.history span.title {
                color:#594800;
            }

.flat-yellow .user-initials {
    color: #fff;
    border-color: #575757;
}
.flat-yellow .navbar-nav > li:hover .user-initials {
    background-color: #FECE1A;
    color: #000;
    border-color: #FECE1A;
    -webkit-transition: all 1s;
    transition: all 1s;
}
/*Override Bootstrap*/
.navbar-right .dropdown-menu > li > a:focus, .navbar-right .dropdown-menu > li > a:hover
{
    background: #050505;
    color: #FECE1A !important;
}

.navbar-right .dropdown-menu > li > a
{
    color: #fff !important;
}

@media (max-width: 767px)
{
    .flat-yellow .navbar.navbar-default .navbar-nav > li
    {
        border-left: 0;
    }

    .flat-yellow .navbar.navbar-default .navbar-right
    {
        background-color: #000;
    }

    .flat-yellow .navbar.navbar-inverse .navbar-nav > li
    {
        border-left: 0;
    }

    .flat-yellow .navbar.navbar-inverse .navbar-right
    {
        background-color: #353d47;
    }
}
.flat-yellow .card.red {
    background-color: #FA2A00;
    color: #FFF; }
  .flat-yellow .card.yellow {
    background-color: #FECE1A;
    color: #000; }
  .flat-yellow .card.green {
    background-color: #1ABC9C;
    color: #FFF; }
  .flat-yellow .card.blue {
    background-color: #22A7F0;
    color: #FFF; }
  .flat-yellow .card.dark {
    background-color: #353d47;
    color: #FFF; }
  .flat-yellow .card.grey {
    background-color: #ddd;
    color: #111; }
   .flat-yellow .card.grey .card-header .title {color: #fff}
   .flat-yellow .card.grey .card-header {background-color: #22A7F0}
   .flat-yellow .card.grey.summary-inline .card-body a { color: #111; text-decoration: none}

  .flat-yellow .card.red, .flat-yellow .card.yellow, .flat-yellow .card.green, .flat-yellow .card.blue, .flat-yellow .card.dark {
    border: 0; }
    .flat-yellow .card.red .card-header, .flat-yellow .card.yellow .card-header, .flat-yellow .card.green .card-header, .flat-yellow .card.blue .card-header, .flat-yellow .card.dark .card-header {
      border-bottom: 0; }
      .flat-yellow .card.red .card-header .title, .flat-yellow .card.green .card-header .title, .flat-yellow .card.blue .card-header .title, .flat-yellow .card.dark .card-header .title {
        color: #FFF; }
      .flat-yellow .card.yellow .card-header .title, .flat-yellow .card.yellow .card-body a {color: #000}
  .flat-yellow .card {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 0px solid #E4E4E4; }
    .flat-yellow .card .card-header {
      border-bottom: 1px solid #E4E4E4; }
      .flat-yellow .card .card-header .title {
        color: #353d47; }
    .flat-yellow .card .card-body .sub-title {
      border-bottom: 1px solid #EAEAEA; }
    .flat-yellow .card .card-header.no-border {
      border-bottom: 0; }
    .flat-yellow .card .card-jumbotron {
      background-color: #EAEAEA; }
  .flat-yellow .card.primary .card-jumbotron {
    background-color: #353d47;
    color: #FFF; }
  .flat-yellow .card.profile .card-footer {
    border-top: 1px solid #F9F9F9; }
  .flat-yellow .card.summary-inline.red:hover {
    background-color: #7c1a06; }
  .flat-yellow .card.summary-inline.yellow:hover {
    background-color: #ffb400; color: #000 }
  /*.flat-yellow .card.yellow.summary-inline:hover .card-header .title, .flat-yellow .card.yellow.summary-inline:hover .card-body a {
      color: #fff;
  }*/
  .flat-yellow .card.summary-inline.green:hover {
    background-color: #006551; }
  .flat-yellow .card.summary-inline.blue:hover {
    background-color: #353d47; }
  .flat-yellow .card.summary-inline.dark:hover {
    background-color: #09486b; }
  .flat-yellow .card.card-success .card-header {
    background-color: #1ABC9C; }
    .flat-yellow .card.card-success .card-header .title {
      color: #FFF; }
  .flat-yellow .card.card-info .card-header {
    background-color: #22A7F0; }
    .flat-yellow .card.card-info .card-header .title {
      color: #FFF; }
.flat-yellow .card.summary-inline .card-body a { color: #fff}

.flat-yellow .panel.panel-default
{
    /*border: 1px solid #EAEAEA;*/ border: 0px;
    background-color: transparent;
    color: #000;
}
.flat-yellow .panel.fresh-color.panel-primary {
    border: 1px solid #353d47; }
    .flat-yellow .panel.fresh-color.panel-primary .panel-heading {
      border-bottom: 1px solid #353d47;
      background-color: #353d47;
      color: #FFF; }
  .flat-yellow .panel.fresh-color.panel-success {
    border: 1px solid #008752; }
    .flat-yellow .panel.fresh-color.panel-success .panel-heading, .flat-yellow .panel.fresh-color.panel-success .btn.btn-success {
      border-bottom: 1px solid #008752;
      background-color: #008752;
      color: #FFF; }
  .flat-yellow .panel.fresh-color.panel-info {
    border: 1px solid #22A7F0; }
    .flat-yellow .panel.fresh-color.panel-info .panel-heading {
      border-bottom: 1px solid #22A7F0;
      background-color: #22A7F0;
      color: #FFF; }
  .flat-yellow .panel.fresh-color.panel-warning {
    border: 1px solid #FABE28; }
    .flat-yellow .panel.fresh-color.panel-warning .panel-heading {
      border-bottom: 1px solid #FABE28;
      background-color: #FECE1A;
      color: #111; }
  .flat-yellow .panel.fresh-color.panel-danger {
    border: 1px solid #FA2A00; }
    .flat-yellow .panel.fresh-color.panel-danger .panel-heading {
      border-bottom: 1px solid #FA2A00;
      background-color: #FA2A00;
      color: #FFF; }
    .flat-yellow .panel.fresh-color.panel-getready {
    border: 1px solid #ff6600; }
    .flat-yellow .panel.fresh-color.panel-getready .panel-heading, .flat-yellow .panel.fresh-color.panel-getready .btn.btn-getready {
      border-bottom: 1px solid #ff6600;
      background-color: #ff6600;
      color: #FFF; }

    .flat-yellow .panel.fresh-color.panel-purple {
    border: 1px solid #660033; }
    .flat-yellow .panel.fresh-color.panel-purple .panel-heading, .flat-yellow .panel.fresh-color.panel-purple .btn.btn-purple {
      border-bottom: 1px solid #660033;
      background-color: #660033;
      color: #FFF; }
    /*<--*/
    .flat-yellow .panel.panel-default .panel-heading
    {
        border-bottom: 1px solid #EAEAEA;
        background-color: #F0F0F0;
    }
.flat-yellow .btn.btn-default
{
    background-color: #F0F0F0;
    border-color: #EAEAEA;
}

    .flat-yellow .btn.btn-default:hover
    {
        background-color: #EAEAEA;
    }

.flat-yellow .btn.btn-primary
{ /*<--*/
    /*background-color: #353d47;*/
    background-color: #222;
    color: #FFF;
    /*border-color: #353d47;*/
    border-color: #222;
    padding: 0.6em 3em;
    text-decoration: none;
}

.flat-yellow .btn.btn-primary-inverse
{ /*<--*/
    background-color: #FECE1A;
    color: #000;
    border-color: #FECE1A;
    padding: 0.6em 3em;
    text-decoration: none;
}

    .flat-yellow .btn.btn-primary-inverse:hover
    {
        background-color: #222;
        color: #FFF;
        border-color: #222;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        text-decoration: none;
    }

.flat-yellow .btn.btn-primary:hover
{ /*<--*/
    background-color: #FECE1A;
    color: #000;
    border-color: #FECE1A;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
}
.flat-yellow .btn.btn-sm {padding: 0.6em 1.5em;}
.flat-yellow .btn.btn-success
{
    background-color: #1ABC9C;
    color: #FFF;
    border-color: #1ABC9C;
}

.flat-yellow .btn.btn-warning
{
    background-color: #FABE28;
    color: #FFF;
    border-color: #FABE28;
}

.flat-yellow .btn.btn-info
{
    background-color: #22A7F0;
    color: #FFF;
    border-color: #22A7F0;
}

.flat-yellow .btn.btn-danger
{
    background-color: #FA2A00;
    color: #FFF;
    border-color: #FA2A00;
}

.flat-yellow .btn.btn-link
{
    color: #353d47;
}

.flat-yellow .color-white
{
    color: #FFF;
}
.bg-yellow {background-color: #FECE1A; color: #000}
.bg-blue {background-color: #22A7F0; color: #fff}
.bg-green {background-color: #008752; color: #fff}
.bg-red {background-color: #FA2A00; color: #fff}

.flat-yellow .pagination > li > a, .flat-yellow .pagination td > a
{
    color: #353d47;
}

    .flat-yellow .pagination td > a.SelectedPageNumber
    {
        background-color: #FECE1A;
        color: #000;
    }

    .flat-yellow .pagination td > a:hover
    {
        background-color: #22A7F0;
        color: #fff;
    }

.flat-yellow .pagination .active > a, .flat-yellow .pagination .active > a:focus, .flat-yellow .pagination .active > a:hover, .flat-yellow .pagination .active span, .flat-yellow .pagination .active > span:focus, .flat-yellow .pagination .active > span:hover
{
    background-color: #353d47;
    border-color: #353d47;
    color: #FFF;
}

.flat-yellow .modal.modal-primary .modal-header
{
    background-color: #353d47;
    color: #FFF;
}

.flat-yellow .modal.modal-success .modal-header
{
    background-color: #1ABC9C;
    color: #FFF;
}

.flat-yellow .modal.modal-info .modal-header
{
    background-color: #22A7F0;
    color: #FFF;
}

.flat-yellow .modal.modal-warning .modal-header
{
    background-color: #FABE28;
    color: #FFF;
}

.flat-yellow .modal.modal-danger .modal-header
{
    background-color: #FA2A00;
    color: #FFF;
}

.flat-yellow .alert.alert-success
{
    background-color: #99e9d9;
    color: #006551;
    border-color: #1ABC9C;
}

    .flat-yellow .alert.alert-success .alert-link
    {
        color: #006551;
        text-decoration: underline;
    }

    .flat-yellow .alert.alert-success .btn-link
    {
        color: #006551;
    }

.flat-yellow .alert.alert-info
{
    background-color: #91d5fb;
    color: #09486b;
    border-color: #22A7F0;
}

    .flat-yellow .alert.alert-info .alert-link
    {
        color: #09486b;
        text-decoration: underline;
    }

    .flat-yellow .alert.alert-info .btn-link
    {
        color: #09486b;
    }

.flat-yellow .alert.alert-warning
{
    background-color: #ffe5a2;
    border-color: #FABE28;
    color: #85630f;
}

    .flat-yellow .alert.alert-warning .alert-link
    {
        color: #85630f;
        text-decoration: underline;
    }

    .flat-yellow .alert.alert-warning .btn-link
    {
        color: #85630f;
    }

.flat-yellow .alert.alert-danger
{
    background-color: #ffb8aa;
    border-color: #fb927d;
    color: #7c1a06;
}

    .flat-yellow .alert.alert-danger .alert-link
    {
        color: #7c1a06;
        text-decoration: underline;
    }

    .flat-yellow .alert.alert-danger .btn-link
    {
        color: #7c1a06;
    }

.flat-yellow .alert.fresh-color
{
    color: #FFF;
}

    .flat-yellow .alert.fresh-color .alert-link
    {
        color: #FFF;
        text-decoration: underline;
    }

    .flat-yellow .alert.fresh-color .btn-link
    {
        color: #FFF;
    }

    .flat-yellow .alert.fresh-color.alert-success
    {
        background-color: #1ABC9C;
        color: #fff;
    }

    .flat-yellow .alert.fresh-color.alert-info
    {
        background-color: #22A7F0;
        background-image: url(../../../images/information-sign.png);
        background-repeat: no-repeat;
        background-position: 99% center;
        padding-right: 60px;
    }

    .flat-yellow .alert.fresh-color.alert-warning
    {
        background-color: #FECE1A;
        color: #111 !important;
        background-image: url(../../../images/exclamation-sign.png);
        background-repeat: no-repeat;
        background-position: 99% center;
        padding-right: 60px;
    }

        .flat-yellow .alert.fresh-color.alert-warning a
        { /*<--*/
            color: #b78506;
        }

    .flat-yellow .alert.fresh-color.alert-danger
    {
        background-color: #FA2A00;
        border-color: #FA2A00;
        color: #fff !important;
    }

.flat-yellow .list-group .list-group-item.active
{
    background-color: #353d47;
    color: #FFF;
    border-color: #353d47;
}

    .flat-yellow .list-group .list-group-item.active .badge
    {
        color: #353d47;
    }

.flat-yellow .list-group .list-group-item.list-group-item-success
{
    background-color: #99e9d9;
    color: #006551;
    border-color: #99e9d9;
}

    .flat-yellow .list-group .list-group-item.list-group-item-success .badge
    {
        background-color: #FFF;
        color: #1ABC9C;
    }

.flat-yellow .list-group .list-group-item.list-group-item-info
{
    background-color: #91d5fb;
    color: #09486b;
    border-color: #91d5fb;
}

    .flat-yellow .list-group .list-group-item.list-group-item-info .badge
    {
        background-color: #FFF;
        color: #22A7F0;
    }

.flat-yellow .list-group .list-group-item.list-group-item-warning
{
    background-color: #ffe5a2;
    color: #85630f;
    border-color: #ffe5a2;
}

    .flat-yellow .list-group .list-group-item.list-group-item-warning .badge
    {
        background-color: #FFF;
        color: #FABE28;
    }

.flat-yellow .list-group .list-group-item.list-group-item-danger
{
    background-color: #ffb8aa;
    color: #7c1a06;
    border-color: #ffb8aa;
}

    .flat-yellow .list-group .list-group-item.list-group-item-danger .badge
    {
        background-color: #FFF;
        color: #FA2A00;
    }

.flat-yellow .bootstrap-switch
{
    border-color: #EAEAEA;
}

    .flat-yellow .bootstrap-switch .bootstrap-switch-primary
    {
        background-color: #353d47;
    }

.flat-yellow .table .active td, .flat-yellow .table .active th
{
    background-color: #EAEAEA;
}

.flat-yellow .table .success
{
    color: #006551;
}

    .flat-yellow .table .success td, .flat-yellow .table .success th
    {
        background-color: #99e9d9;
    }

.flat-yellow .table .info
{
    color: #09486b;
}

    .flat-yellow .table .info td, .flat-yellow .table .info th
    {
        background-color: #91d5fb;
    }

.flat-yellow .table .warning
{
    color: #85630f;
}

    .flat-yellow .table .warning td, .flat-yellow .table .warning th
    {
        background-color: #ffe5a2;
    }

.flat-yellow .table .danger
{
    color: #7c1a06;
}

    .flat-yellow .table .danger td, .flat-yellow .table .danger th
    {
        background-color: #ffb8aa;
    }

.flat-yellow .table > tbody > tr > td, .flat-yellow .table > tbody > tr > th, .flat-yellow .table > tfoot > tr > td, .flat-yellow .table > tfoot > tr > th
{
    border-color: #EAEAEA;
}

.flat-yellow .table > thead > tr > th
{
    border-color: #EAEAEA;
}

.flat-yellow .table.table-striped > tbody > tr:nth-of-type(odd)
{
    background-color: #FDFDFD;
}

.flat-yellow .login-box .login-form .login-header
{
    color: #FFF;
}

.flat-yellow .login-box .login-form .login-body
{ 
    background-color: #000/*#090909*/;
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.5);
    box-shadow: 0 6px 12px rgba(0,0,0,0.5);
    border: 1px solid #111;
}

.flat-yellow .login-box input
{ /*<--*/
    /*background-color: #F9F9F9;
    border: 1px solid #F9F9F9;*/
}

.flat-yellow .login-box .login-footer a
{
    color: #FFF;
}

    .flat-yellow .login-box .login-footer a:hover
    {
        color: #FFF;
        text-decoration: underline;
    }

.flat-yellow .badge.primary
{
    background-color: #353d47;
}

.flat-yellow .badge.success
{
    background-color: #1ABC9C;
}

.flat-yellow .badge.info
{
    background-color: #22A7F0;
}

.flat-yellow .badge.warning
{
    background-color: #FABE28;
    color: #000;
}

.flat-yellow .badge.danger
{
    background-color: #FA2A00;
}

.flat-yellow .nav-tabs
{
    background-color: #EAEAEA;
}
    /*.flat-yellow .nav-tabs > li > a:hover {
      background-color: #EAEAEA; }*/
    .flat-yellow .nav-tabs > li.active > a:hover
    {
        background-color: #FFF;
    }

.flat-yellow .tabs-below > .nav-tabs
{
    border-top: 1px solid #E4E4E4;
}

    .flat-yellow .tabs-below > .nav-tabs > li > a:hover,
    .flat-yellow .tabs-below > .nav-tabs > li > a:focus
    {
        border-top-color: #E4E4E4;
        border-bottom-color: transparent;
    }

    .flat-yellow .tabs-below > .nav-tabs > .active > a,
    .flat-yellow .tabs-below > .nav-tabs > .active > a:hover,
    .flat-yellow .tabs-below > .nav-tabs > .active > a:focus
    {
        border-color: transparent #E4E4E4 #E4E4E4 #E4E4E4;
    }

.flat-yellow .tabs-left > .nav-tabs
{
    border-right: 1px solid #E4E4E4;
}

    .flat-yellow .tabs-left > .nav-tabs > li > a:hover,
    .flat-yellow .tabs-left > .nav-tabs > li > a:focus
    {
        border-color: #E4E4E4 #E4E4E4 #E4E4E4 #E4E4E4;
    }

    .flat-yellow .tabs-left > .nav-tabs .active > a,
    .flat-yellow .tabs-left > .nav-tabs .active > a:hover,
    .flat-yellow .tabs-left > .nav-tabs .active > a:focus
    {
        border-color: #E4E4E4 transparent #E4E4E4 #E4E4E4;
        *border-right-color: #FFF;
    }

.flat-yellow .tabs-right > .nav-tabs
{
    border-left: 1px solid #E4E4E4;
}

    .flat-yellow .tabs-right > .nav-tabs > li > a:hover,
    .flat-yellow .tabs-right > .nav-tabs > li > a:focus
    {
        border-color: #E4E4E4 #E4E4E4 #E4E4E4 #E4E4E4;
    }

    .flat-yellow .tabs-right > .nav-tabs .active > a,
    .flat-yellow .tabs-right > .nav-tabs .active > a:hover,
    .flat-yellow .tabs-right > .nav-tabs .active > a:focus
    {
        border-color: #E4E4E4 #E4E4E4 #E4E4E4 transparent;
        *border-left-color: #FFF;
    }

.flat-yellow .step .nav-tabs
{
    /*background-color: #FFF;*/ background-color: #222;
}
    /*<--*/
    .flat-yellow .step .nav-tabs > li
    {
        border: 1px solid #444;
        border-right: 0;
    }

        .flat-yellow .step .nav-tabs > li:after
        {
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 15px solid #222;
        }

        .flat-yellow .step .nav-tabs > li:before
        {
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            border-left: 16px solid #444;
        }

        .flat-yellow .step .nav-tabs > li.active:before
        { /*<--*/
            border-left: 16px solid #FECE1A;
        }

        .flat-yellow .step .nav-tabs > li.active
        {
            background-color: #FECE1A;
        }

            .flat-yellow .step .nav-tabs > li.active > a, .flat-yellow .step .nav-tabs > li.active > a:focus, .flat-yellow .step .nav-tabs > li.active > a:hover
            {
                background: transparent;
            }
            /*.flat-yellow .step .nav-tabs > li:hover {
    background-color: #EAEAEA; }*/
            /*.flat-yellow .step .nav-tabs > li:hover:after,*/ .flat-yellow .step .nav-tabs > li.active:after
            {
                border-left: 15px solid #FECE1A;
            }

        .flat-yellow .step .nav-tabs > li:last-child
        {
            border-right: 1px solid #E4E4E4;
        }

        .flat-yellow .step .nav-tabs > li.step-success
        {
            background-color: #99e9d9;
            border: 1px solid #1ABC9C;
        }

            .flat-yellow .step .nav-tabs > li.step-success a
            {
                color: #006551;
            }

        .flat-yellow .step .nav-tabs > li.step-disabled
        {
            background-color: #99e9d9;
        }

        .flat-yellow .step .nav-tabs > li.step-success:after
        {
            border-left: 15px solid #99e9d9;
        }

        .flat-yellow .step .nav-tabs > li.step-success.active:hover:after
        {
            border-left: 15px solid #99e9d9;
        }

        .flat-yellow .step .nav-tabs > li.step-success:hover:after
        {
            border-left: 15px solid #EAEAEA;
        }

.flat-yellow .step.card-no-padding .nav-tabs > li
{
    border: 0px solid transparent;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
}

    .flat-yellow .step.card-no-padding .nav-tabs > li.active
    {
        border-bottom: 0px;
    }

    .flat-yellow .step.card-no-padding .nav-tabs > li:last-child
    {
        border-right: 0px solid #E4E4E4;
    }

.flat-yellow .step.tabs-left .nav-tabs > li
{
    border: 1px solid #E4E4E4;
}

    .flat-yellow .step.tabs-left .nav-tabs > li:after
    {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #FFF;
    }

    .flat-yellow .step.tabs-left .nav-tabs > li:before
    {
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-left: 16px solid #E4E4E4;
    }

    .flat-yellow .step.tabs-left .nav-tabs > li.active
    {
        background-color: #EAEAEA;
    }

        .flat-yellow .step.tabs-left .nav-tabs > li.active > a, .flat-yellow .step.tabs-left .nav-tabs > li.active > a:focus, .flat-yellow .step.tabs-left .nav-tabs > li.active > a:hover
        {
            background: transparent;
        }

    .flat-yellow .step.tabs-left .nav-tabs > li:hover
    {
        background-color: #EAEAEA;
    }

        .flat-yellow .step.tabs-left .nav-tabs > li:hover:after, .flat-yellow .step.tabs-left .nav-tabs > li.active:after
        {
            border-left: 15px solid #EAEAEA;
        }

.flat-yellow .step.tabs-left.card-no-padding .nav-tabs > li
{
    border: 0px solid transparent;
}

.flat-yellow.landing-page .navbar-inverse .navbar-toggle:focus, .flat-yellow.landing-page .navbar-inverse .navbar-toggle:hover
{
    background-color: transparent;
}

.flat-yellow.landing-page .navbar
{
    background-color: rgba(0, 0, 0, 0.5);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.flat-yellow.landing-page.narrow-header .navbar {
    background-color: transparent !important;
}
    .flat-yellow.landing-page.narrow-header .navbar .navbar-nav {
        background-color: #000;
    }

.homepage.flat-yellow.landing-page .navbar, .login-page.flat-yellow.landing-page .navbar
{
    background-color: rgba(0, 0, 0, 0.0);
}

.flat-yellow.landing-page .navbar .navbar-nav > .active > a
{
    background-color: transparent;
}

.flat-yellow.landing-page .navbar .navbar-nav > li
{
    border-left: 0px;
}

    .flat-yellow.landing-page .navbar .navbar-nav > li > a
    {
        color: #FFF;
    }

.flat-yellow.landing-page .navbar .navbar-collapse
{
    border: 0;
}

.flat-yellow.landing-page .navbar.affix .navbar-nav > li > a
{
    /*color: #353d47;*/ color: #fff;
}

.flat-yellow.landing-page .navbar.affix .navbar-nav > li:hover > a
{
    /*color: #22A7F0;*/ color: #FECE1A;
}

@media (max-width: 767px)
{
    .flat-yellow.landing-page .navbar .navbar-collapse
    {
        background-color: #000;
        margin-right: -30px; /*full width regardless of containers padding*/
    }

    .flat-yellow.landing-page .navbar .navbar-right
    {
        background-color: transparent;
        color: #FFF;
    }

    .flat-yellow.landing-page .navbar.affix .navbar-nav > li > a
    {
        color: #FFF;
    }

    .flat-yellow .alert.fresh-color.alert-warning, .flat-yellow .alert.fresh-color.alert-info
    {
        padding-right: 15px;
        background-image: none;
    }
}

.flat-yellow.landing-page .navbar.affix .navbar-brand
{
    color: #353d47;
}

.flat-yellow.landing-page .navbar.affix .navbar-toggle .icon-bar
{
    background-color: #fff;
}

.flat-yellow.landing-page .navbar.affix .navbar-toggle:hover .icon-bar,
.flat-yellow.landing-page .navbar.affix .navbar-toggle:focus .icon-bar
{
    background-color: #000;
}

.flat-yellow.landing-page .app-header .app-btn
{
    background-color: transparent;
    border: 2px solid #FECE1A;
    text-transform: uppercase;
    color: #FECE1A;
    width: 182px;
}

    .flat-yellow.landing-page .app-header .app-btn:hover
    {
        color: #fff;
        border: 2px solid #fff;
        -moz-transition: all 0.5s linear;
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

.flat-yellow.landing-page .app-content-a
{
    background-color: #fff;
}
.flat-yellow.landing-page .app-content-b, .f2f2f2
{
    background-color: #F2f2F2;
}

.flat-yellow.landing-page .app-content-c
{
    background-color: #000;
}
/*=================================================================*/
#FieldsetNarrow
{
    /*background-color: #141414;*/
}

.form-control:focus
{
    border-color: #FECE1A;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(254,206,26,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(254,206,26,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(254,206,26,.6);
}

.lightGrayBG
{
    background: #ddd !important;
    border: 0px !important;
}
/*.veryLightGrayBG
{
    background: #f1f1f1 !important;
    border: 0px !important;
}*/
.veryLightGrayBG
{
    background-color: #f9f9f9 !important;
    border: 1px solid #f0f0f0;
}

fieldset.veryLightGrayBG
{
    border: 1px solid #f0f0f0 !important;
}

@media (max-width: 500px)
{
    fieldset.veryLightGrayBG
    {
        border: 0px !important;
    }
}

.nav.nav-tabs > li > a:focus, .nav.nav-tabs > li > a:hover
{
    background-color: transparent;
}

.flat-yellow .nav.nav-tabs li a, .flat-yellow .nav.nav-tabs li a:hover
{
    color: #777;
}

.flat-yellow .nav.nav-tabs li.active a, .flat-yellow .nav.nav-tabs li.active a:hover
{
    color: #000;
}

.bg141414
{
    background: #141414;
}

.label-dark
{
    color: #888;
}

.fieldError
{
    padding: 15px;
    margin-bottom: 20px;
    border: 0px solid transparent;
    display: inline-block;
    width: 100%;
    color: #FFF;
    background-color: #FA2A00;
    border-color: #FA2A00;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
    background-color: #FECE1A;
}

    .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar
    {
        background-color: #000;
    }

.navbar-default .navbar-toggle .icon-bar
{
    background-color: #FECE1A;
}

.app-container .content-container .side-menu .navbar-header .navbar-brand .icon
{
    color: #000;
}

.navbar-nav > li:hover
{
    background: rgba(0,0,0,0.5);
}

.updateUserInfo, .superUserProfile {
    background: #22A7F0;
    padding: 15px;
    color: #fff !important;
    line-height: 1.2;
}
.updateUserInfo
{
    height: 100%;
}

/*Home*/
.number-item .text
{
    color: #000 /*#FECE1A*/;
}

html.RadForm_MetroTouch .rfdTextInput.loginControl, html.RadForm_MetroTouch.RadForm.rfdTextbox .rfdTextInput.loginControl,
.RadInput_MetroTouch.RadInput .riTextBox.loginControl
{
    background-color: #222 !important;
    color: #f7f7f7 !important;
    border-color: #2A2A2A !important;
}

.login-form .control .RadInput_MetroTouch.RadInput
{
    margin-bottom: 0.8em !important;
    margin-top: 0.5em !important;
    height: auto !important;
    line-height: inherit;
    padding: 0px !important;
}

.RadInput_MetroTouch.RadInput .riTextBox.loginControl, .RadInput .riTextBox.loginControl
{
    min-height: 1.41667em !important;
    margin: 0px !important;
    padding: .3125em .46875em .375em .46875em;
}

html.RadForm_MetroTouch .rfdTextInput.loginControl:hover, html.RadForm_MetroTouch.RadForm.rfdTextbox .rfdTextInput.loginControl:hover
{
    background-color: #222;
    border-color: #FECE1A;
}

html.RadForm_MetroTouch .rfdTextInput.loginControl:focus, html.RadForm_MetroTouch .rfdTextInput.loginControl:active,
html.RadForm_MetroTouch.RadForm.rfdTextbox .rfdTextInput.loginControl:focus, html.RadForm_MetroTouch.RadForm.rfdTextbox .rfdTextInput.loginControl:active
{
    background-color: #050505;
    border-color: #FECE1A;
}

@media (max-width: 320px)
{
    .flat-yellow.landing-page .navbar
    {
        background: rgba(0,0,0,1);
    }
}

/*AjaxControl Toolkit - Make them look like Telerik tabs*/
.ajax__tab_xp .ajax__tab_header, .ajax__tab_xp .ajax__tab_active .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner, .ajax__tab_xp .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_outer
{
    background: none !important;
}

.ajax__tab_header
{
    border-width: 0;
    border-style: solid;
    border-bottom-width: 3px;
    border-color: #FECE1A;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner
{
    border-color: #FECE1A;
    color: #000;
    background: #FECE1A !important;
}

.ajax__tab_xp .ajax__tab_tab
{
    border-color: #cdcdcd;
    color: #000;
    background: #f9f9f9 !important;
    padding: 10px 15px !important;
    cursor: pointer;
    line-height: 1.42857 !important;
    height: auto !important;
}

.ajax__tab_xp .ajax__tab_header
{
    font-family: 'Roboto Condensed' !important;
    font-size: 13px !important;
}

.ajax__tab_xp .ajax__tab_body
{
    background-color: #f9f9f9 !important;
    border: 1px solid #f0f0f0 !important;
}

.ajax__tab_xp .ajax__tab_outer
{
    height: auto !important;
    padding-right: 0px !important;
}

/*Registration Accordion*/

.FeatureBlue
{
    background: #22A7F0;
    color: #fff;
}

.FeatureOrange
{
    background: #FECE1A !important;
    color: #000;
}

.eventRegStep .glyph-icon
{
    color: #ddd;
}

.yellowText
{
    color: #FECE1A;
}

.redText
{
    color: #FA2A00;
}

.blueText
{
    color: #22A7F0 !important;
}

.greenText { color: #008752 !important;}

.LabelRequired::after {
    content: '*';
    color: #FA2A00;
    padding-left: 5px;
}

.eventRegStep .FeatureBody, .eventRegStep .FeatureBody table, .eventRegStep .accordionContent
{
    background: #111;
    color: #fff;
}

    .eventRegStep .FeatureBody table thead
    {
        background: #000;
    }

    .eventRegStep .FeatureBody .table > thead > tr > th
    {
        border-bottom: 1px solid #555;
        font-weight: normal;
        color: #999;
    }

    .eventRegStep .FeatureBody .table > tbody > tr > td, .eventRegStep .FeatureBody .table > tbody > tr > th,
    .eventRegStep .FeatureBody .table > tfoot > tr > td, .eventRegStep .FeatureBody .table > tfoot > tr > th,
    .eventRegStep .FeatureBody .table > thead > tr > td, .eventRegStep .FeatureBody .table > thead > tr > th
    {
        border-top: 1px solid #555;
    }

    .eventRegStep .FeatureBody .table a
    {
        cursor: pointer;
    }

@media (max-width: 320px)
{
    .eventRegStep .FeatureBody .table > tbody > tr > td, .eventRegStep .FeatureBody .table > tbody > tr > th,
    .eventRegStep .FeatureBody .table > tfoot > tr > td, .eventRegStep .FeatureBody .table > tfoot > tr > th,
    .eventRegStep .FeatureBody .table > thead > tr > td, .eventRegStep .FeatureBody .table > thead > tr > th
    {
        font-size: 14px;
    }
    .eventRegStep .FeatureBody .table > tbody > tr > td img {
        width: 32px;
    }
}

.flat-yellow.login-page.landing-page .app-footer .text-muted, .flat-yellow.login-page.landing-page .app-footer a {
    color: #ccc !important;
}

.profile-tab-compliance {

}