:root {
    --primary: dodgerblue;
    --dark: #0072C6;
    --hover: royalblue;
    --dark-text: #595959;
    --card-header-back: #e9e9e9;
}

body {
  /*  padding-top: 50px;*/
    padding-bottom: 20px;
    background-color:#0072C6;
}
.navbar{
    border-bottom:1px solid white !important;
}
.navbar-inverse {
    border-color: #0072C6;
    background-color:#0072C6;
    color:white;
}
.navbar-inverse .navbar-nav > li > a {
    color: white;
}
.navbar-inverse .navbar-brand {
    color: white;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color:silver;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #0072C6;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #0072c6;
    text-decoration: none;
    background-color: #f5f5f5;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top:5px;
    padding-left: 15px;
    padding-right: 15px;
    min-height:600px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.container{
    margin-left:15px !important;
    margin-right:15px !important;
}


::-webkit-input-placeholder {
   color: #999;
   vertical-align:middle;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999;  
   vertical-align:middle;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999;  
   vertical-align:middle;
}

:-ms-input-placeholder {  
   color: #999 !important;  
}
#srch-box{
    color:darkslategrey;
    padding:3px;
    padding-right:25px;
    line-height:normal !important;   
}

.icon{
    color: white;
    line-height: 1;
    position: relative;
    margin-top: 15px;
}
body{
    color:white !important;
}
.mainContainer{
    background-color:white;
    color:black;
    overflow:hidden;
    margin-right:20px;
    margin-left:20px;
}
h1{
    color:black;
}
.container{
    margin-left:auto !important;
    margin-right:auto !important;
}
.btn {min-width:75px;}
.btn:active, btn:focus, btn:target, btn:active:focus,
.btn.active,
.btn.active.focus,
.btn.active:focus {
    outline: none;
    background-color: white;
    color: var(--dark);
    box-shadow: none;
    border-color: white;
}

.btn-primary {
    color: #FFF;
    background-color: var(--dark);
    border-color: var(--dark);
}

    .btn-primary:hover {
        color: #FFF;
        background-color: var(--hover);
        border-color: var(--hover);
    }

    .btn-primary:active, .btn-primary:focus, .btn-primary:target, .btn-primary:active:focus {
        color: #FFF;
        outline: none;
        box-shadow: none;
        background-color: var(--dark);
        border-color: var(--hover);
    }

.btn-secondary {
    color: var(--dark);
    background-color: white;
    border-color: var(--dark);
}

    .btn-secondary:hover {
        color: var(--dark);
        background-color: var(--primary);
        border-color: var(--dark);
    }

    .btn-secondary:active, .btn-secondary:focus, .btn-secondary:target, .btn-secondary:active:focus {
        outline: none;
        box-shadow: none;
        color: var(--dark);
        background-color: white;
        border-color: var(--dark);
    }

.btn-sm-secondary {
    color: var(--dark);
    background-color: white;
    border-color: var(--dark);
    font-size: smaller;
    padding: 3px;
}

    .btn-sm-secondary:hover {
        color: white;
        background-color: var(--primary);
        border-color: var(--dark);
    }

    .btn-sm-secondary:active, .btn-sm-secondary:focus, .btn-sm-secondary:target, .btn-sm-secondary:active:focus {
        outline: none;
        box-shadow: none;
        color: var(--dark);
        background-color: white;
        border-color: var(--dark);
    }

.btn-danger {
    color: red;
    background-color: white;
    border-color: red;
}

    .btn-danger:hover {
        color: white;
        background-color: red;
        border-color: red;
    }

    .btn-danger:active, .btn-danger:focus, .btn-danger:target, .btn-danger:active:focus {
        outline: none;
        box-shadow: none;
        color: red;
        background-color: white;
        border-color: red;
    }