﻿

/*nom base*/
html {
    font-size: 13px;
    color: #1a5396;
}

body {
    padding-top: 5rem;
}


.container {
    width: 100% !important;
}

nav a.navbar-brand {
    height: 50px;
}

.bg-inverse {
    background-color: #1a5396 !important;
}

h1 {
    font-size: 24px;
    color: #1a5396;
    font-weight: normal;
    font-family: 'MuseoSans-500', sans-serif;
    font-weight: 600;
}

h2, h3, legend {
    font-family: 'MuseoSans-500', sans-serif;
    color: #1a5396;
    font-weight: 600;
}

h2, legend {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

h1, h2, h3 {
    padding-top: 15px;
}

.custom-toggler.navbar-toggler {
    border-color: white;
}

body.wait *, body.wait {
    cursor: progress !important;
}

/***************************

            Buttons
    
****************************/

.btn {
    margin: 0 5px !important;
    font-size: 15px;
}

.btn-primary {
    background-color: #1a5396;
    border-color: #1a5396;
}

.btn-primary:hover, .btn-info:hover, .btn-primary:focus, .btn-info:focus, .btn-primary:active, .btn-info:active, .btn-primary.active, .btn-info.active, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-info {
    background-color: #3f3f3f;
    border-color: #1a5396;
    color: #fff;
}

.cbutton {
    width: 100%;
}

.cbutton a {
    margin: auto !important;
}


.btn-primary:active, .btn-primary.active {
    background-color: #3f3f3f;
    border-color: #1a5396;
}

.btn-info {
    background-color: #1f6984;
    border-color: #366068;
}

.btn-group {
    padding-bottom: 10px;
}

/*****************************************

        Navigation

******************************************/
div.nav {
    padding-top: 10px;
}

nav.bg-inverse {
    /*background-color: #0e397f !important;*/
}

.navbar-inverse .navbar-nav .nav-link {
    color: #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #1a5396;
    border-color: #1a5396;
}

.nav-tabs {
    border-bottom: 1px solid #1a5396;
}

.nav-tabs .btn-group .btn {
    border-bottom-color: #fff;
}

ul.nav-tabs {
    padding-top: 10px;
    margin-bottom: 20px;
}

ul.navbar-nav li {
    border: none;
}

ul.navbar-nav li:first-of-type {
    border: none;
}

/*#ajax_spinner {
    width: 200px;
    height: 200px;
}*/

/*****************************************

        Footer

 ******************************************/


.footer {
    bottom: 0px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 100px;
    text-align: center;
}


/*****************************************

        Tables

******************************************/
div.table-responsive div {
    width: 100%;
}

table th, h1, h2, h3 {
    color: #1a5396;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

.table-title {
    background-color: #1a5396;
    color: white;
}

.table-subtitle {
    background-color: lightsteelblue;
}

.top caption {
    caption-side: top;
}

.dt-body-right{text-align:right;}

table.dataTable tr.dtrg-group td {
    background-color: #1a5396;
    color: white;
}

tr.table-right > td{text-align:right;}
td.right { text-align: right;}

#AdminList td:nth-child(3) input {
    width: 20rem;
}

#AdminList td:nth-child(1) input, #AdminList td:nth-child(2) input {
    width: 7rem;
}
/*****************************************

        Form Validation

 ******************************************/
.has-warning .form-control,
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
    color: #947400;
    border-color: #947400;
}

    .has-warning .form-control:focus {
        border-color: #FFD737;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #FFE066;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #FFE066;
    }

.has-warning .form-control {
    background-color: #FFFBE6;
}

.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #947400;
    font-weight: bold;
}

/*****************************************

        Forms

******************************************/
.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    border: none;
}

.form-check-input {
    margin-right: 10px !important;
}

.form-check-label {
    padding-right: 20px;
}

label span.input-group-addon {
    background-color: inherit;
    border: none;
}


.text-underline {
    text-decoration: underline;
}


.page-item.active .page-link {
    background-color: #1a5396;
    border-color: #1a5396;
}

#newcitation p {
    background-color: #fff;
    border: 1px solid gray;
    line-height: 27px;
}

.js_counter {
    text-align: right;
}

#listdetail table {
    width: 100%;
}

#getpubid {
    margin-top: 10px;
}

#summprint {
    margin-top: 10px;
}

#nominatorname {
    font-size: larger;
    font-weight: bold;
    margin-left: 20px;
}

.list-group-horizontal li {
    border:none;
}

.email .messagetext {
    height: 50%;
}

.email .messagetext textarea{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}


/*****************************************

        Nomination Reports

******************************************/
#ApplicationList tfoot {
    display: table-header-group;
}

#NominationList td, #StaffNominationList td, #FullNominationList td {
    white-space: nowrap;
}

.checkbox-lg {
    margin-left: 10px;
    width: 15px;
    height: 15px;
}

table.eareport {
    border-collapse: collapse !important;
}
.table-dropdown {
    height: 30px;
    width: 100%;
}


/*****************************************

        Verifing

******************************************/
.spoilcheckbox{float:right;}
.racename{float:left;}
#ScanImage{position:absolute; top: -200px; z-index: 1050;}
.textlong { width: 300px;}

/*****************************************

       BarcodeScanning

******************************************/
.gostop {
    background: url("../images/GoStop.gif") no-repeat;
    width: 125px;
    height: 128px;
    display: inline-block; /* Display icon as inline block */
    background-position: -260px 0px; /* Icon background position in sprite */
}
.stop {
    width: 130px;
    height: 128px;
    display: inline-block; /* Display icon as inline block */
    background-position: -133px 0px; /* Icon background position in sprite */
}

.go {
    width: 130px;
    height: 128px;
    display: inline-block; /* Display icon as inline block */
    background-position: 0 0; /* Icon background position in sprite  */
}
