/*
    #F5A728 - Orange / Background
    #E9493A - Red - Outline / Words
    #cf2617 - Dark Red
	#FEEB35 - Yellow
    #ffbd52 - Light Orange / second line
    #ff7b25 - Orange / Button
    #c37c09 - Dark Orange / Outline
*/

@font-face {
    font-family: PowderHogFont;
    src: url('font/NameSmile.otf');
}

/*Login Page*/
.LoginBody {
    background-color: #F5A728;
}
.PowderHogLogo {
    max-width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.PowderHogTitle {
    max-width: 280px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
.LoginPanelTitle {
    font-family: PowderHogFont;
    margin-top: 0px;
    text-align: center;
    color: #E9493A;
    /*Text-Transform: uppercase;*/
}
.LoginPanel {
    max-width: 350px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5A728;
    border-color: #cf2617;
    border-radius: 40px;
    -moz-box-shadow: inset 0px 0px 30px 15px #cf2617;
    -webkit-box-shadow: inset 0px 0px 30px 15px #cf2617;
    box-shadow: inset 0px 0px 30px 15px #cf2617;
    background-image: radial-gradient(#FEEB35 0%, #F5A728 70%)
}
.LoginPanel label {
    font-family: PowderHogFont;
    color: #E9493A;
}
.LoginPanel input {
    /*font-family: PowderHogFont;*/
    /*color: #E9493A;*/
    background-color: rgba(245, 167, 40, 0);
    border-color: #E9493A;
}
.LoginPanel .btn-primary {
    background-color: #ff7b25;
    border-color: #c37c09;
}

/*Main Pages*/
.PowderHogBody {
    background-color: #F5A728;
}
.PowderHogNavbar {
    background-image: linear-gradient(#FEEB35, #E9493A 50px, #ffbd52 51px);
    border-color: #c37c09;
}
.PowderHogTitleBar {
    max-width: 200px;
}
.PowderHogPanelLight {
    border-color: #c37c09;
    background-color: #ffbd52;
}
.dropdown-menu .divider {
    background-color: #c37c09;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-color: #c37c09;
}

/* Button Bar */
.ButtonBar {
    margin: 0 auto;
    text-align: center;
    width: inherit;
}
.LoadPowderBtn {
    background-color: #E9493A;
    border-color: #E9493A;
    /*font-family: PowderHogFont;*/
    color: #ffffff;
    /*font-size: 10pt;*/
    font-weight: bold;
    /*width: 150px;*/
}
.ConsumePowderBtn {
    background-color: #ff7b25;
    border-color: #ff7b25;
    /*font-family: PowderHogFont;*/
    color: #ffffff;
    /*font-size: 10pt;*/
    font-weight: bold;
    /*width: 150px;*/
}
.TransferPowderBtn {
    background-color: #808080;
    border-color: #808080;
    /*font-family: PowderHogFont;*/
    color: #ffffff;
    /*font-size: 10pt;*/
    font-weight: bold;
    /*width: 150px;*/
}
.ReturnPowderBtn {
    background-color: #000000;
    border-color: #000000;
    /*font-family: PowderHogFont;*/
    color: #ffffff;
    /*font-size: 10pt;*/
    font-weight: bold;
    /*width: 150px;*/
}

/* Modal */
.modal-content {
    background-color: #F5A728;
}
.modal-header {
    border-bottom-color: #c37c09;
}
.modal-footer {
    border-top-color: #c37c09;
}
.LoadPowderBtnExplosive {
    background-color: #E9493A;
    border-color: #E9493A;
    margin: 3px;
}
.LoadPowderBtnDetonator {
    background-color: #ff7b25;
    border-color: #ff7b25;
    margin: 3px;
}
.TransferPowderBtnBtns {
    margin: 3px;
}
.ReturnPowderBtnExplosive {
    background-color: #E9493A;
    border-color: #E9493A;
    margin: 3px;
}
.ReturnPowderBtnDetonator {
    background-color: #ff7b25;
    border-color: #ff7b25;
    margin: 3px;
}

.btn-Execute {
    background-color: #c37c09;
    border-color: #c37c09;
    color: #ffffff;
/*     font-weight: bold; */
}
.PowderHogDropDown {
    background-color: #ffbd52;
    border-color: #c37c09;
}


/* Nav Button*/
.NavbarButton {
    /*background: url('/client/app/resources/img/Powder Hog logo.png');
    background-repeat: no-repeat;
    background-size: 300px 100px;*/
    max-width: 35px;
    padding: 0px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-collapse{
    border-color: #c37c09;
}


.navbar-toggle {
    padding: 0px;
    border-width: 0px;
}


/****** Number input up/down arrows ******/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

/****** Log Table ******/
#LogTableSearch {
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    padding: 6px 10px 6px 10px; /* Add some padding */
    border: 1px solid #c37c09; /* Add a grey border */
    background-color: #ffbd52;
    border-color: #c37c09;
}

#BOLTableSearch {
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    padding: 6px 10px 6px 10px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    background-color: #ffbd52;
    border-color: #c37c09;
}

.alert-default {
    border-color: #c37c09;
}

/****** Transfer Table ******/
/*.transfer-description {
    width: 100%;
}*/
.transfer-number {
    width: 40px;
}
.transfer-number input {
    width: 55px;
    text-align: right;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-color: #ccc;
    border: 1px solid #ccc;
}
.transfer-button {
    width: 56px;
}
.transfer-button .btn {
    width: 100px;
}


.SettingsPanel {
    /* background-color: #F5A728; */ /* Normal Orange */
    /* background-color: #f7b955; */ /* lighter */
    background-color: #f49b0b; /* Darker Orange */
    border-color: #c37c09;
    
}
.SettingsPanel .panel-heading{
    background-color: #c37c09;
    border-color: #c37c09;
}

/****** menu burger at 1000px ******/
/*@media (max-width: 1600px) {*/
    .navbar-header {
        float: none;
    }
   .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        border-color: #c37c09;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        color: rgb(75, 75, 75)!important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
/*}*/