﻿/* Style Sheet Overrides */

/* DataTables Button Styles */
a.dt-button.custom-btn {
    padding: 5px 10px;
    background: #2c6da0;
    border: 1px solid #2c6da0;
    /*color: #fff;*/
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
}
a.dt-button.custom-btn:hover{
    background: #2b80c4;
}

a.dt-button.custom-btn > span {
    color: #fff;
}
div.dt-buttons {
    float: right;
}

/* DataTable Table Styles */
.dataTables_wrapper .dataTables_length {
    float: right;
}
table.dataTable thead th {
    background-color: #1a3e77;
    /*font-size: 12px;*/
    color: #FFF;
}
/*
table.dataTable tbody td {
    font-size: 12pt;
}
.dataTables_wrapper {
    font-size: 12px;
}
*/
.dataTables_info {
    font-weight: bold;
}
/* Bootstrap Styles - Global Default font size is 14px */
*{
    font-size: 12.5px;
    color: #000;
}
div#responsive_footer a {
    font-size: 10px;
}

.table.no-border tr td, .table.no-border tr th {
  border-width: 0;
}

.panel-default > .panel-body-custom {
    background: #f2f2f2;
    padding: 10px;
}

.panel-default > .panel-heading-custom {
    /*background: #e8ecf2;*/

    padding: 10px;
    text-align: center;
    font-size: large;
    font-weight: bold;
}

.panel-body {
    padding: 10px;
}

.row .row-custom {
    margin-left: 0px;
    margin-right: 0px;
    /*background-color: #dddddd;*/
    /*margin-top:5px;*/
    padding: 1px;
    /*outline: 2px solid #ccc;*/
    outline-offset: -10px;
    display: flex;
}

.label-col-custom {
    /*font-weight: bold;*/
    width: 11%;
    background-color: #dddddd;
}
.data-col-custom {
    background-color: #f6f6f6;
    width: 89%;
}

.btn { padding: 5px 15px 5px 15px; border-radius: 4px;}
.btn-default { margin-left:15px; }


.navbar-default {
    background-color: white;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: white;
    font-weight: bold;
    background-color: #AD9442;
}

.navbar-default .navbar-nav > li > a {
    color: white;
    font-weight: bold;
    padding: 5px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ccc;
    font-weight: bold;
}

.navbar-default .navbar-nav > li {
    background-color: #124c77;
    margin: 0px 2px 5px 2px;
}

.custom-gutter {
  margin-left: 0;
  margin-right: 0;
}

.custom-gutter > [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

/* Custom Styles*/

#btnFind {
    color: #ffffff;
    font-size: 14pt;
    background-color: #374A60;
    border: 1px Solid #374A60;
    border-radius: 3px; 
    box-shadow: 1px 5px 6px #374A60;
}

#btnClear {
    font-size: 14pt;
    border: 1px Solid #FFFFFF; 
    border-radius: 4px; 
    box-shadow: 1px 5px 6px #999999; 
    background-color: #ffffff; 
    color:#000000;
}

/*
.dict-container{
    padding-left: 10px;
}
*/

.loading {
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
}

div#datatables-pager-custom.row {
   padding-top: 10px;
}

.container > .panel-primary {
    border: none;
}


.container > .panel-primary > .panel-body {
	clear: both;
	margin: 0 auto;
	max-width: 1010px;
}


/*@media (min-width: 768px) and (max-width: 992px) {

	div#dict-availability
	{
        display:none;
	}
}*/

@media (max-width: 768px) {

    /*[class*="col-"] .data-col-custom*/
    .data-col-custom, .label-col-custom
	{
        width: auto;
	}
    .row .row-custom {
        display: block;
    }
}

/* BreadCrumb Class Overrides*/
.breadcrumb a, span {
    font-size: 10pt;
}

.criteriaText {
    font-size:10pt;
    text-align:center;
}

.bottomPageLinks {
    text-align: center;
    font-size: 10pt;
}
pre {
    font-family:inherit !important;
    color:#000 !important;
}
.bottomMargin 
{
    margin-bottom:10px;
}
.blueBorder{
    border-color:blue;
}