﻿        .container {
            /*Original - Unexpected results on left side with slide out menu.
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;*/
            padding-right: 0;
            padding-left: 0;
            margin-right: 0;
            margin-left: 0;
        }

        @media (min-width: 768px) {
            .container {
                /* was  width: 1170px;*/
                width: 100%;
            }
        }



        .form-control {
            font-weight: 700;
            font-family: Arial;
            letter-spacing: .01em;
            font-size: 16px;
        }

            .form-control[disabled],
            .form-control[readonly],
            fieldset[disabled] .form-control {
                background-color: rgb(210,205,190);
            }

            .form-control::-webkit-input-placeholder {
                font-weight: normal;
            }

            .form-control::-moz-placeholder {
                font-weight: normal;
            }
            /* firefox 19+ */
            .form-control:-ms-input-placeholder {
                font-weight: normal;
            }
            /* ie */
            .form-control:-moz-placeholder {
                font-weight: normal;
            }

            .control-label{
                font-weight: 500;
            }
        .btn-default {
            font-weight: 700;
            font-family: Arial;
            font-size: 16px;
            background:rgb(221,220,212);
    background: linear-gradient(to bottom, rgb(255,255,250) 0%,rgb(240,240,235) 20%,rgb(231,230,225) 40%,rgb(221,220,212) 100%);
        }

                .btn.btn-first {
            margin-right: 10px;
        }

        /*.Boardgames.CombatCommanderBodyClass .btn-md {
            min-width: 80px;
        }

        .Boardgames.CombatCommanderBodyClass .btn-lg {
            min-width: 100px;
        }

        @media (max-width: 400px) {
            .Boardgames.CombatCommanderBodyClass .btn-lg {
                font-size: 14px;
                min-width: 80px;
                padding: 6px 12px;
            }
        }*/

.btn {
    font-family: Roboto, arial, sans-serif;
}

.btn-primary,
.btn-success,
.btn-warning,
.btn-danger {
    text-shadow: 1px 1px 1px rgb(30,30,30); /*   h-sh v-sh blur color */
}

        .btn-md {
            min-width: 80px;
            font-size: 1rem;

        }

        .btn-lg {
            min-width: 100px;
        }

        @media (max-width: 400px) {
            .btn-lg {
                font-size: 14px;
                min-width: 80px;
                padding: 6px 12px;
            }
        }







        /* *** ALERTS *** */

        .alert {
            font-weight: 500;
            font-size: 1.2em;
        }

        /* *** / ALERTS *** */




            /*  ********************************************************* */
            /*  ***************  COMBAT COMMANDER COLORS **************** */
            /*  ********************************************************* */

        select.customArrow {
            background-image: url("/_images/JQM_DDL_arrow_e.png");
            background-repeat: no-repeat;
            background-position: 99% 50%;
            -webkit-appearance: none;
            -moz-appearance: none;
            /*appearance: none;*/
        }

            select.customArrow::-ms-expand {
                display: none;
            }

        .navbar {
            border-radius: 0;
            margin-bottom: 0;
        }

            .navbar.navbar-default,
            .navbar.navbar-inverse {
                margin-top: .1em;
                margin-bottom: .1em;
            }
.navbar .twoPxLetterSpacing{
            letter-spacing: 2px;

}            .navbar .uppercase{
            text-transform: uppercase;
            }
             .navbar.navbar-inverse.affix {
      top: -2px;
      width: 100%;
      z-index: 50;
                /*margin-top: 0;
                margin-bottom: 0;*/
  }

            .navbar.navbar-inverse {
                border-color: black;
            }

        .navbar-inverse {
            background-color: rgb(61, 68, 47);
        }

            .navbar-inverse .navbar-toggle:focus,
            .navbar-inverse .navbar-toggle:hover {
                background-color: rgb(61, 68, 47);
            }

            .navbar-inverse .navbar-toggle {
                border-color: rgb(61, 68, 47);
            }

            .navbar-inverse .navbar-brand,
            .navbar-inverse .navbar-nav > li > a {
                color: /*rgb(240,240,205)*/ rgb(224, 224, 195);
            }
            .navbar-inverse .navbar-nav > li.disabled > a,
            .navbar-inverse .navbar-nav > li.disabled > a:hover
            {

                 color: rgb(178, 178, 155);

             }



                .navbar-inverse .navbar-brand:hover,
                .navbar-inverse .navbar-brand:focus,
                .navbar-inverse .navbar-nav > li > a:focus,
                .navbar-inverse .navbar-nav > li > a:hover {
                    background-color: rgb(38,43,29);
                }
                .navbar-inverse .navbar-nav > li.noHover > a:hover {
                    background-color: rgb(61, 68, 47);
                }



        .dropdown-menu {
            background-color: rgb(240,240,205);
            color: rgb(61, 68, 47);
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: rgb(240,240,205);
            background-color: rgb(145,112,82);
        }

        @media(max-width: 767px) {
            .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
                color: rgb(61, 68, 47);
                background-color: rgb(240,240,205);
            }
        }






        /*  **************************************************************************************************** */
        /*  ****************************  FROM COMBATCOMMANDERBOOTSTRAP.MASTER  ******************************** */
        /*  **************************************************************************************************** */


        .radioButtonList {
            margin: 0 0 .5em;
        }

        .CombatCommanderBodyClass .radioButtonList .btn-default.active {
            background: rgb(150, 112, 80);
            color: rgb(240,240,205);
        }


        .CombatCommanderBodyClass .form-control,
        .CombatCommanderBodyClass .btn-default {
            color: rgb(71,73,53);
        }

        .CombatCommanderBodyClass .BetweenBootstrapNavAndContentOuterWrapper {
            border-top: 3px solid rgb(202, 190, 143);
        }

        .Boardgames.CombatCommanderBodyClass header /*overrides default header border color*/ {
            border-color: rgb(202, 190, 143);
        }

        /* *** ADD USER SCENARIO *** */
        fieldset.standard {
            display: inline-block;
            border-top: 3px solid rgb(240,240,205);
            border-bottom: 3px solid rgb(240,240,205);
            padding: 20px;
            margin: 20px 0 0;
        }




        legend {
 /*           display: inline-block; */
            color: rgb(240,240,205);
            font-weight: 500;
            width: auto;
            padding: 0 8px;
            font-size: 1.2em;
            margin: 0 auto;
        }

            legend.subfieldset {
                font-size: 1em;
            }

        fieldset#RSG_Details {
            border-bottom-width: 0;
        }

        .radioButtonList.cc_ObjectivesControl label.control-label {
            padding: 0;
            text-align: left;
            margin-top: 6px;
        }

        @media (min-width:600px) {
            .radioButtonList.cc_ObjectivesControl label.control-label {
                margin-right: -25px;
            }
        }

        @media (min-width:400px)(max-width:559px) {
            .radioButtonList.cc_ObjectivesControl label.control-label {
                margin-right: -20px;
            }
        }
        /* *** / ADD USER SCENARIO *** */



        .DivMarginTop {
            margin-top: .8em;
        }



        /* *** ALERTS *** */


        /*For empty grid alert*/
        .grid.display .CC_RecordedPlaysEmpty {
            background: rgb(156,144,86);
        }


        /* *** / ALERTS *** */




        #errorBlock:after,
        #addPlayButtonDiv:after {
            display: block;
            clear: both;
            content: ".";
            visibility: hidden;
        }

        #StatsOuterDiv:after {
            display: block;
            clear: both;
            content: "";
            visibility: hidden;
        }

        .Boardgames.CombatCommanderBodyClass .btn-germans,
        .Boardgames.CombatCommanderBodyClass .color-ccGermans {
            background-color: rgb(181, 203, 207);
            color: black !important;
            font-weight: 500;
            text-decoration: none;
        }

        .Boardgames.CombatCommanderBodyClass .btn-russians,
        .Boardgames.CombatCommanderBodyClass .color-ccRussians {
            background-color: rgb(183, 104, 52);
            color: white !important;
            font-weight: 500;
            text-decoration: none;
        }

        .Boardgames.CombatCommanderBodyClass .btn-americans,
        .Boardgames.CombatCommanderBodyClass .color-ccAmericans {
            background-color: rgb(133, 186, 33);
            color: white !important;
            font-weight: 500;
            text-decoration: none;
        }

        .Boardgames.CombatCommanderBodyClass .btn-french,
        .Boardgames.CombatCommanderBodyClass .color-ccFrench {
            background-color: rgb(40, 188, 245);
            color: white !important;
            font-weight: 500;
            text-decoration: none;
        }

.Boardgames.CombatCommanderBodyClass .color-ccRussians,
.Boardgames.CombatCommanderBodyClass .color-ccAmericans,
.Boardgames.CombatCommanderBodyClass .color-ccFrench,
.Boardgames.CombatCommanderBodyClass .color-ccRussians a,
.Boardgames.CombatCommanderBodyClass .color-ccAmericans a,
.Boardgames.CombatCommanderBodyClass .color-ccFrench a {
            color: white !important;
            font-weight: 500;
            text-decoration: none;
}
.Boardgames.CombatCommanderBodyClass .color-ccRussians.active,
.Boardgames.CombatCommanderBodyClass .color-ccAmericans.active,
.Boardgames.CombatCommanderBodyClass .color-ccFrench.active,
.Boardgames.CombatCommanderBodyClass .color-ccRussians.active a,
.Boardgames.CombatCommanderBodyClass .color-ccAmericans.active a,
.Boardgames.CombatCommanderBodyClass .color-ccFrench.active a {
            color: black !important;
            font-weight: 500;
            text-decoration: none;
}





 {
}



        .Boardgames.CombatCommanderBodyClass .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            /* padding: 0.5em 1em; */ padding: 0;
            /* margin-left: 2px; */ margin-left: 0;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            color: rgb(40,40,40) !important;
            /* border: 1px solid transparent; */ border: 0;
        }

        .Boardgames.CombatCommanderBodyClass .fvDetails.form-control {
            background: rgb(156,144,86);
            border: none;
            border: 0;
            color: rgb(240,240,205);
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-weight: normal;
            padding-left: 0;
        }

        .Boardgames.CombatCommanderBodyClass .fvDetails.control-label {
            background: rgb(156,144,86);
            border: none;
            border: 0;
            color: rgb(240,240,205);
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-weight: bold;
        }

        @media (max-width: 767px) {
            .Boardgames.CombatCommanderBodyClass .fvDetails.form-control {
                margin-bottom: 1em;
                padding-bottom: 2.5em;
                border-bottom: 1px solid rgb(240,240,205);
            }

            .Boardgames.CombatCommanderBodyClass .fvDetails.control-label {
                /*margin-top: .5em;*/
            }

            /*.MultilineTxtBx {
overflow-wrap:normal;
}*/

        }
