﻿/*
 * Customization overrides for Bootstrap v3.0.0 
 *
 */


/************************************
 *  RESETS for dumb things
 ************************************/



/************************************
 *    TYPOGRAPHY
 ************************************/


/* global */
html, body{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight:300;
  line-height: 1.428571429;
  color: #555555;
}  



/* headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #005892;
}

h1, .h1{font-size:36px;}
h2, .h2{font-size:30px;}
h3, .h3{font-size:24px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}

[class*="inverse"] h1,
[class*="inverse"] h2,
[class*="inverse"] h3,
[class*="inverse"] h4,
[class*="inverse"] h5,
[class*="inverse"] h6,
[class*="inverse"] .h1,
[class*="inverse"] .h2,
[class*="inverse"] .h3,
[class*="inverse"] .h4,
[class*="inverse"] .h5,
[class*="inverse"] .h6 {
  color: #ffffff;
}

[class*="inverse"] h1 small,
[class*="inverse"] h2 small,
[class*="inverse"] h3 small,
[class*="inverse"] h4 small,
[class*="inverse"] h5 small,
[class*="inverse"] h6 small,
[class*="inverse"] .h1 small,
[class*="inverse"] .h2 small,
[class*="inverse"] .h3 small,
[class*="inverse"] .h4 small,
[class*="inverse"] .h5 small,
[class*="inverse"] .h6 small {
  color: #eeeeee;
}

.panel > .panel-heading
{
    color: #005892;
}

.page-header {
    padding-bottom: 4px;
}
/* for text description following a .page-header*/
.page-description
{
    margin: -14px 0 24px 0;
}

/* helpers */
.text-bold{font-weight:bold;} /* prefer use of <strong> or <b> tags */
.text-bigger{font-size:1.2em;}
.text-smaller{font-size:.8em;} /* or use <small> tag */

/* contextual classes */
.text-primary {color: #007BC3;}
.text-warning {color: #E0A61B;}
.text-danger {color: #B1181D;}
.text-required {color: #B1181D;}
.text-success {color: #94C947;}
.text-info {color: #007BC3;}
.text-default {color: #656565;}
.text-light{color: #aaaaaa;}

.overflow-ellipsis,
.overflow-ellipsis p  
{
	line-height: 1.5;
	max-height: 1.5em;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}



/************************************
 *    BUTTONS / button like fills
 ************************************/

/* GLOBAL BUTTON */
.btn
{
    padding:8px 12px;

}

.btn-icon
{
    vertical-align:middle;
    border:0 none transparent;
    background:none;
}
.btn,
.fill-success,
.fill-primary,
.fill-secondary,
.fill-info,
.fill-warning,
.fill-danger,
.fill-default
{
    border-width:0px;
    border-style:none;
}

.fill-success,
.fill-primary,
.fill-secondary,
.fill-info,
.fill-warning,
.fill-danger,
.fill-default
{
    padding:13px;
}

/* LINK BUTTONS */
a, .btn-link {
    color: #007BC3;
}

/* DEFAULT BUTTON */
.btn-default, .fill-default {
    color: #ffffff;
    background-color:#c3c3c3;
}

a.text-light:hover{color: #656565;}
a.text-default:hover{color:#333333;}
a.text-warning:hover{color:#D16C00;}
a.text-success:hover{color:#68952d;}
a.text-info:hover{color:#006FAA;}
a.text-danger:hover{color:#961540;}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color:#a3a3a3;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #E4E4E4;
  color:#a3a3a3;
}

/* PRIMARY BUTTON */
.btn-primary, .fill-primary {
    color: #ffffff;
    background-color:#94c947;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color:#68952d;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #bedf91;
  color: #68952d;
}

/* WARNING BUTTONS */
.btn-warning, .fill-warning {
    color: #ffffff;
    background-color: #E48926;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color:#D16C00;
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active {
    background-color: #E1C19D;
    color:#B88752;
}
    
/* DANGER BUTTONS */
.btn-danger {
    color: #ffffff;
    background-color:#B1181D;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color:#961540;
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active {
    background-color:#BF8096;
    color: #8F3A58;
}

/* SUCCESS BUTTONS */
/* essentially identical to the Primary button, but leaving it seperated in case they change their mind */
.btn-success, .fill-success {
    color: #ffffff;
    background-color:#94c947;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color:#68952d;
}

.btn-success.disabled, 
.btn-success[disabled], 
fieldset[disabled] .btn-success, 
.btn-success.disabled:hover, 
.btn-success[disabled]:hover, 
fieldset[disabled] .btn-success:hover, 
.btn-success.disabled:focus, 
.btn-success[disabled]:focus, 
fieldset[disabled] 
.btn-success:focus, 
.btn-success.disabled:active, 
.btn-success[disabled]:active, 
fieldset[disabled] 
.btn-success:active, 
.btn-success.disabled.active, 
.btn-success.active[disabled], 
fieldset[disabled] .btn-success.active {
    background-color: #bedf91;
    color: #68952d;
}

/* INFO BUTTONS */
.btn-info {
    color: #ffffff;
    background-color:#007BC3;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color:#006FAA;
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
    background-color: #A5C6DA;
    color: #396C8A;
}


/* small buttons */
.btn-sm,
.btn-group-sm > .btn {
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
}

/* extra small buttons */
.btn-xs, .btn-group-xs > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}

/* tiny buttons */
.btn-xxs
{
    border-radius: 2px;
    font-size: 9px;
    padding: 1px 3px;
}

/* static example buttons (non-functioning) */
.btn-demo
{
    pointer-events: none;
}

/* visible inputs on a button */
.btn input[type="radio"],
.btn input[type="checkbox"]
{
	vertical-align:-2px;
}


/* pgination buttons */
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus,
tr.DG_Pager td > span
{
    background-color: #c3c3c3;
    border-color: #bbbbbb;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}


/************************************
 *    TABLES
 ************************************/


/* main table styles */
.panel.panel-default > .table
{
    margin-bottom:0;
}

.table tfoot > tr > td,
.tfoot-look > td{
    background-color:#F2F2F2;
} 
.table tfoot > tr > th,
.tfoot-look > th{
    background-color:#F2F2F2;
    font-weight:700;
} 
  

.table-bordered
{
    border: 1px solid #e4e4e4;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td,
    .table-bordered > tbody > tr.tfoot-look > td,
    .table-bordered > tbody > tr.tfoot-look > th
    {
        border: 1px solid #ffffff;
    }

    .table-bordered > thead > tr > th:first-child,
    .table-bordered > tbody > tr > th:first-child,
    .table-bordered > tfoot > tr > th:first-child,
    .table-bordered > thead > tr > td:first-child,
    .table-bordered > tbody > tr > td:first-child,
    .table-bordered > tfoot > tr > td:first-child,
    .table-bordered > tbody > tr.tfoot-look > td:first-child,
    .table-bordered > tbody > tr.tfoot-look > th:first-child
    {
        border-left-color: #e4e4e4;
    }

    .table-bordered > thead > tr > th:last-child,
    .table-bordered > tbody > tr > th:last-child,
    .table-bordered > tfoot > tr > th:last-child,
    .table-bordered > thead > tr > td:last-child,
    .table-bordered > tbody > tr > td:last-child,
    .table-bordered > tfoot > tr > td:last-child,
    .table-bordered > tbody > tr.tfoot-look > td:last-child,
    .table-bordered > tbody > tr.tfoot-look > th:last-child
    {
        border-right-color: #e4e4e4;
    }

    .table-bordered tr:last-child > td,
    .table-bordered tr:last-child > th
    {
        border-bottom-color:#e4e4e4;
    }

.table-striped > tbody > tr:nth-child(2n+1) > td, 
.table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #ffffff;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #F3F6FB;
}


/* for special cases like expanding tables */
.table-striped > tbody > tr.tr-odd > td, 
.table-striped > tbody > tr.tr-odd > th {
    background-color: #ffffff;
}

.table-striped > tbody > tr.tr-even > td,
.table-striped > tbody > tr.tr-even > th {
  background-color: #F3F6FB;
}

.table tbody + tbody {
  border-top: 2px solid #ffffff;
}

table.table-collapsable > thead > tr > th{
}

.table-collapsable.table-striped > tbody > tr:nth-child(4n+0) > td,
.table-collapsable.table-striped > tbody > tr:nth-child(4n-1) > td{
  background-color: #f2f2f2;
}
.table-collapsable.table-striped > tbody > tr:nth-child(4n-2) > td,
.table-collapsable.table-striped > tbody > tr:nth-child(4n-3) > td{
    background-color: #ffffff;
}

.table thead > tr > th {
    text-align: center;
    font-size:11px;
    text-transform:uppercase;
    font-weight:700;
    border-bottom: 2px solid #E4E4E4;
    background-color:#F2F2F2;
}

/* asp.net doesnt generate <thead> or <th>. It sticks headers in <tbody> Stupid asp.net */
.asp-table-stripe-fix.table-striped > tbody > tr:nth-child(2n+1) > td
{
    background-color: #F3F6FB;
}

.asp-table-stripe-fix.table-striped > tbody > tr:nth-child(even) > td
{
    background-color: #ffffff;
}
.table tbody > tr > td.asp-table-header,
.table tbody > tr.asp-table-header > td,
.table tbody > tr.asp-table-header > th 
{
    text-align: center;
    font-size:11px;
    text-transform:uppercase;
    font-weight:700;
    border-bottom: 2px solid #E4E4E4;
    border-top: 1px solid #DDDDDD;
    background-color:#F2F2F2 !important;
}

/* table pagination */
.pagination-sm > li:first-child > a, 
.pagination-sm > li:first-child > span
{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination-sm > li:last-child > a, 
.pagination-sm > li:last-child > span
{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

/* resonsive table wrap -- to set it so it adds scroll to desktop pages that have giant tables */
.table-responsive
{
    overflow: auto;
}

/* table captions (title bars) and legends */
.table caption{
    border-color:#dddddd;
    border-style:solid;
		border-width:1px 1px 0 1px;
		border-radius:4px 4px 0 0 ;
		background-color:#f5f5f5;
		padding:5px 10px;
		text-align:left;
}

	.table caption .table-title{
		padding:5px 0;
		margin:0;
		display:inline-block;
	}

    .table caption.text-center
    {
        text-align: center;
    }

    .table caption .pagination
    {
        margin:3px 0;
    }
    .table tfoot .pagination
    {
        margin:0;
    }


.table-legend{
	border-color:#dddddd;
	border-style:solid;
	border-width: 0 1px 1px 1px;
	padding:6px 10px;
	margin-top:-20px;
	margin-bottom:10px;
	border-radius:0 0 4px 4px;
}
    .table-legend > p
    {
        margin:8px 0 4px;
    }
.table-legend .legend
{
    padding:4px 0;
    background-color:#efefef;
    border:1px solid #dddddd;
}
.table-legend .legend-item
{
    margin:0 15px;
}


.tr-odd
{
}
.tr-even
{
}

/* we desparatley tried to avoid it, but since it's true crap, here we go. Telerik grid overrides. God help us.*/
.t-grid-header, .t-header
{
    background:none;
    text-align:center !important;
}
    .t-grid-header .t-header span
    {
        color:#656565 !important;
    }

/* and because they are so crappy with their css usage... */
    .t-header .t-window-title
    {
        text-align:left !important;
    }



.panel > .t-widget.t-grid
{
    border:none 0px transparent !important;
}

.clear-telerik-button
{
    background:none !important;
    border:none 0px transparent !important;
    min-width:0px !important;
}

.input-group .t-numerictextbox .t-input.form-control
{
    position:none !important;
    border-radius:4px 0 0 4px !important;
}

.telerik-ig-form-control
{
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px 0 0 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.t-toolbar.t-grid-toolbar.t-grid-bottom
{
    background-color:#f2f2f2 !important;
    border-color:#dddddd;
}

.t-widget.t-grid
{
    border:none 0px transparent !important;
}

.t-grid table.table-bordered  {
    border: 1px solid #E4E4E4 !important;
}
/* telerik grid alt rows */
.t-alt
{
    background-color: #F3F6FB;
}
.t-grid-header, .t-header
{
    background:none;
    text-align:center !important;
}
    .t-grid-header .t-header span
    {
        color:#656565 !important;
    }


    .t-grid-header > tr th.t-header
    {
        background:#f2f2f2;
        color:#656565;
    }

/* jQuery DATATABLES overrides*/

/* icon replacement */
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting
{
    background-image: none;
    position:relative;
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting:before
{
  position:absolute;
  right:4px;
  top:50%;
  margin-top:-6px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

table.dataTable thead .sorting:before {
  content: "\f0dc";
  color:#cccccc;
}
    table.dataTable thead .sorting:hover:before
    {
        color:#007bc3;
    }
table.dataTable thead .sorting_asc:before {
  content: "\f0de";
  color:#007bc3;
}

table.dataTable thead .sorting_desc:before {
  content: "\f0dd";
  color:#007bc3;
}
/* end icon replacement */


table.dataTable thead > tr > th
{
    vertical-align:middle;
}



table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting
{
    background-color:#f2f2f2;
    color:#007bc3;
    padding-right:14px;
}

table.dataTable thead .sorting_asc.icon-only-sort,
table.dataTable thead .sorting_desc.icon-only-sort,
table.dataTable thead .sorting.icon-only-sort
{
    padding-right:8px;
    padding-left:2px;
}


table.dataTable thead .sorting_asc:hover,
table.dataTable thead .sorting_desc:hover,
table.dataTable thead .sorting:hover
{
    color:#2a6496;
    text-decoration:underline;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1
{
    background-color:#EDF2F9;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1
{
    background-color:#f9f9f9;
}


.dataTables_paginate.paging_simple_numbers
{
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    background: #c3c3c3 !important;
    background-color: #c3c3c3 !important;
    border-color: #bbbbbb;
    color: #ffffff !important;
    cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #dddddd;
    color: #428bca !important;
    margin-left: 0px;
    min-width: 1.5em;
    padding: 0.3em 0.7em;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover
    {
        background:#eeeeee;
        border-color:#dddddd;
        color:#2a6496 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:active
    {
        box-shadow: none;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #dddddd;
}

/* table pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous
{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next
{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate
{
    float: none;
    text-align: left;
    border: 1px solid #dddddd;
    border-top-width:0;
    margin-bottom: 20px;
    padding-bottom: 4px;
    padding-left:10px;
    background-color:#f9f9f9;
}

.dataTables_wrapper .dataTables_info 
{
    padding-right:10px;
    float:right;
}
table.dataTable.no-footer
{
    border-bottom-color:#dddddd;
}

.dataTable.table-bordered > thead > tr > th:last-child, 
.dataTable.table-bordered > tbody > tr > th:last-child, 
.dataTable.table-bordered > tfoot > tr > th:last-child, 
.dataTable.table-bordered > thead > tr > td:last-child, 
.dataTable.table-bordered > tbody > tr > td:last-child, 
.dataTable.table-bordered > tfoot > tr > td:last-child, 
.dataTable.table-bordered > tbody > tr.tfoot-look > td:last-child, 
.dataTable.table-bordered > tbody > tr.tfoot-look > th:last-child {
    border-right:0 none transparent;
}
.dataTable.table-bordered > thead > tr > th:first-child, 
.dataTable.table-bordered > tbody > tr > th:first-child, 
.dataTable.table-bordered > tfoot > tr > th:first-child, 
.dataTable.table-bordered > thead > tr > td:first-child, 
.dataTable.table-bordered > tbody > tr > td:first-child, 
.dataTable.table-bordered > tfoot > tr > td:first-child, 
.dataTable.table-bordered > tbody > tr.tfoot-look > td:first-child, 
.dataTable.table-bordered > tbody > tr.tfoot-look > th:first-child {
    border-left:0 none transparent;
}

/************************************
 *  ALERTS
 ************************************/

.alert-success {
    background-color: #EDF5E0;
    border-color: #77AA33;
    color: #77AA33;
}
.alert-info {
    background-color: #EAF7FF;
    border-color: #007BC3;
    color: #007BC3;
}
.alert-warning {
    background-color: #FFF7DD;
    border-color: #E48926;
    color: #E48926;
}
.alert-danger {
    background-color: #FDF2F5;
    border-color: #B1181D;
    color: #B1181D;
}
/************************************
 *   Badges -- contextual alternatives
 ************************************/
.badge-primary {background-color: #007BC3; color:#ffffff;}
.badge-warning {background-color: #E0A61B; color:#ffffff;}
.badge-danger {background-color: #B1181D; color:#ffffff;}
.badge-required {background-color: #B1181D; color:#ffffff;}
.badge-success {background-color: #94C947; color:#ffffff;}
.badge-info {background-color: #007BC3; color:#ffffff;}
.badge-default {background-color: #656565; color:#ffffff;}
h4 .badge{vertical-align:middle;}

/************************************
 *  TOOLTIPS 
 ************************************/

/* BOOTSTRAP */
.tooltip-inner {
  background-color: #656565;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #656565;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #656565;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #656565;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,{
  border-bottom-color: #656565;
}


/************************************
 *  FORM CONTROLS
 ************************************/

.form-control
{
    height:36px;
}

.form-control-simulated-static,
.form-control-simulated-disabled,
.form-control-simulated-readonly
{
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.form-control-simulated-disabled
{
    background-color: #E4E4E4;
    border-color: #E4E4E4;
    color: #A3A3A3;
    cursor: not-allowed;
}
.form-control-simulated-readonly
{
    background-color: #F5F5F5;
    border-color: #CCCCCC;
    color: #555555;
    cursor: not-allowed;
}

.form-control-static-match
{
    background-color: none;
    background-image: none;
    border: 0px none transparent;
    box-shadow:none;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:0;
}

.col-checkbox-only
{
    padding-top:28px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #E4E4E4;
    border-color:#E4E4E4;
    color:#A3A3A3;
    
}

.form-control:focus {
  border-color: #0098F2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, .6);
}

/************************************
 *  HEADER/FOOTER/NAVBARS
 ************************************/
.navbar
{
    border-width:0 0 0 0;
}
.navbar-static-bottom{
    border-width:1px 0 0;
}

@media (min-width: 768px) {
  .navbar-static-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 1px 0 0;
}


.navbar-default {
    background-color:#FFFFFF;
    border-color: #e7e7e7 #e7e7e7 #dedede #e7e7e7;
    border-width:1px;
    border-style:solid;
}


.navbar-inverse {
    background-color: #007BC3;
    border-color:#007BC3;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #005892;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #729CB5;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color:#004977;
    color: #FFFFFF;
}


.navbar-footer{
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    margin-bottom:0;
    background-color: #ffffff;
    border-color:#005892;
    border-width:3px 0 0 0;
    color:#005892;
    padding-top:8px;
}

.navbar-brand
{
    padding-top:10px;
}

.navbar-brand-seperator
{
    font-weight:300;
    font-size:28px;
    margin:0 6px;
}


.global-nav .navbar-nav > li
{
    border-right:1px solid rgba(0,0,0,.2);
    font-family: 'Roboto Condensed', sans-serif;
}
.main-nav-dropdown
{
    font-family: 'Roboto', sans-serif;
}

.global-nav .navbar-nav.navbar-right > li,
.global-nav .navbar-nav > li:first-child

{
    border-left:1px solid rgba(0,0,0,.2);
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus
{
    background-color: #005892;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
{
    background-color: #005892;
}

.navbar-inverse .navbar-nav > li.nav-primary > a
{
    background-color: rgba(0,0,0,.15);
    border-left:1px solid rgba(0,0,0,.2);
}

.navbar-inverse .navbar-nav > li.nav-primary > a:hover,
.navbar-inverse .navbar-nav > li.nav-primary > a:focus
{
    background-color: rgba(0,0,0,.3);
}




/************************************
 *    misc -- move this somewhere
 ************************************/
.t-widget.t-window .t-window-titlebar.t-header .t-window-title
{
    text-align:left;
}
/* IE fix */
.input-group .form-control {
    display:block !important;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #dcdcdc;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: normal;
  color:#656565;
  font-size:14px;
}

.form-horizontal .control-label{
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 9px;
}

.form-row-height
{
    min-height:54px;
}



.tab-content{
    border-color:#dddddd;
    border-style:solid;
    border-width:0 1px 1px;
    border-radius: 0 0 4px 4px;
    padding:16px;
}





/* additional well--similar to panel */
.well-simple{padding:4px 0; background-color: #ffffff !important;}
.well-simple img{max-width:100%;}


/* toggles for the 'view more/less' link */

.expanded .show-closed, .collapsed .show-open{display:none;}

/* fix for nested form controls */
p > .form-control{display:inline; width:auto;}
label > .form-control{display:inline; width:auto;}

/* cursor helpers */
.cursor-default{cursor:default !important;}
.cursor-pointer{cursor:pointer;}
.cursor-wait{cursor:wait;}
.cursor-progress{cursor:progress;}
.cursor-help{cursor:help;}
.cursor-not-allowed{cursor:not-allowed;}

/* Corner radius helpers */
.corner-all,.corner-top,.corner-left,.corner-tl {border-top-left-radius: 4px;}
.corner-all,.corner-top,.corner-right,.corner-tr {border-top-right-radius: 4px;}
.corner-all,.corner-bottom,.corner-left,.corner-bl {border-bottom-left-radius: 4px;}
.corner-all,.corner-bottom,.corner-right,.corner-br {border-bottom-right-radius: 4px;}


/* generic border helpers */
.border-b,.border-t,.border-l,.border-r,.border-tb,.border-lr,.border-all{border-style:solid;border-color:#dddddd; border-width:0;}
.border-t,.border-tb,.border-all{border-top-width:1px;}
.border-b,.border-tb,.border-all{border-bottom-width:1px;}
.border-l,.border-lr,.border-all{border-left-width:1px;}
.border-r,.border-lr,.border-all{border-right-width:1px;}
.dotted{border-style:dotted;}


/* the missing carets */
.caret-up,.caret-down,.caret-left,.caret-right{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    content: "";
}
.caret-up, .caret-down{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 0px;
}

.caret-left, .caret-right{
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.caret-up {
    border-top: 0 dotted;
    border-bottom: 4px solid #000000;
}

.caret-down {
    border-bottom: 0 dotted;
    border-top: 4px solid #000000;
}

.caret-left {
    border-left: 0 dotted;
    border-right: 4px solid #000000;
    
}

.caret-right {
    border-right: 0 dotted;
    border-left: 4px solid #000000;
}




/* justified button groups */
.btn-group.btn-group-justified-2{width:100%;}
.btn-group.btn-group-justified-2 label{width:50%;}




/* arrow buttons */
/* REMOVE 
.btn-arrow-left, .btn-arrow-right{
    position:relative;
}

.btn-arrow-left{
    padding-left:1.6em;
}

.btn-arrow-right{
    padding-right:1.6em;
}

.btn-arrow-left:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    margin-top:-1.4em;
    left:-2px;
    width:0;
    height:0;
    border-style: solid;
    border-width: 1.4em 1em 1.4em 0;
    border-color: #fff transparent #fff transparent;
    -webkit-transform:rotate(360deg);
}

.btn-arrow-right:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    margin-top:-1.4em;
    right:-2px;
    width:0;
    height:0;
    border-style: solid;
    border-width: 1.4em 0 1.4em 1em;
    border-color: #fff transparent #fff transparent;
    -webkit-transform:rotate(360deg);
}
END REMOVE */

/* really? */
.form-horizontal .control-label.text-left {
    text-align: left;
}

p .btn
{
    vertical-align:text-bottom;
}

/*
/* page cover/splash screen */
.page-cover{
    z-index: 99998 !important;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.page-cover, .page-cover-background, .page-cover table{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;    
}

.page-cover table,
.page-cover table tbody,
.page-cover table tbody tr,
.page-cover table tbody td
{
    width:100%;
    height:100%;
    vertical-align:center;
    vertical-align:middle;
    text-align:center;
}


.form-condensed .form-group
{
    margin-bottom:0;
}

@media screen and (min-width: 768px) {
  .custom-modal.modal-dialog {
    right: auto;
    width: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .custom-modal .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}

/* fix to eliminate 100px padding on the body in modal windows */
.container.modal-container
{
    margin-bottom:-100px;
}

/* padding fix for kendo modals*/
div.k-window-content
{
    padding: 20px;
}
/* addition for adding a footer to kendo modals */
.k-modal-footer
{
    padding:8px 0;
    background-color:#f2f2f2;
    margin:0 -20px -20px -20px;
}


/* addition for displaying bits as tables to gain cell features */
@media (min-width: 769px) {
	.table-display{display:table;  margin:0 -15px 0 0; width:100%; border-collapse:separate; table-layout:fixed; }
	.table-display .row, .table-display .form-group{display:table-row;}
	.table-display [class*="col"]{float:none; display:table-cell;  padding-left:15px; padding-right:15px;}
        .table-display [class*="col"] .form-control-static
        {
            white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; -ms-text-overflow:ellipsis;  overflow:hidden; padding-top:0;
            font-family:Arial, sans-serif !important; /* because IE can't render ellipses in googly fonts. */
        }
        .table-display [class*="col"] .form-control-static.p-btn-padfix
        {
            white-space:normal;
        }
}

/* CHROME FIX */
@media print
{
    .table-display{display:table !important;}
	.table-display .row, .table-display .form-group{display:table-row !important;}
	.table-display [class*="col"]{display:table-cell !important;}
    .info-block .col-sm-2
    {
        width: 16.66666667% !important;
    }
    .info-block label {
        border-right: 1px solid #dddddd !important;
       }

}

/* to create multi-column dropdowns */
.dropdown-menu .dropdown-menu{
	display:block;
	padding:0px 5px;
	margin:0px 0px;
	height:auto;
	border:none;
	position:relative;
	  -webkit-box-shadow: none;
          box-shadow: none;
}

/* for middle headings in panels */
.panel-body + .panel-heading
{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-top:#dddddd 1px solid;
    border-bottom:#dddddd 1px solid;
}


/* for panel headings with controls in them 
    TODO: Make test page with differrent stuff like buttons and update this
*/

.panel-heading.with-inputs
{
    padding:5px 10px;
}
    .panel-heading.with-inputs label
    {
        margin-bottom: 0;
    }

    .panel-heading.with-inputs .panel-title
    {
        padding-top:5px;
    }

    .panel-heading.with-inputs [class*="col"]:first-child
    {
        padding-left:5px;
    }
    .panel-heading.with-inputs [class*="col"]:last-child
    {
        padding-right:5px;
    }

/**/
label input[type="checkbox"]{
    vertical-align:-2px;
}
label.btn input[type="checkbox"]{
    vertical-align:0;
}

.glyphicon
{
    text-shadow: 0 1px 1px rgba(255,255,255,.5);
}


.page-header .btn.btn-sm{margin-bottom:-6px; margin-top:-4px;}

.well.well-white {
  background-color: #ffffff;
}

.well-info{
	background-color:#D9E6F4;
	border-color:#ABC8E7;
}

.text-bigger.pull-right{
	margin-top:-.2em;	
}

dl.dl-striped{
	padding:3px;
	margin-bottom:0;
}
.dl-striped dt{
	background-color:#D9E6F4;
	padding:2px 4px;
}
.dl-striped dd{
	background-color:#ffffff;
	padding:2px 4px 2px 10px;
}




.block-label{
	display:block;
	cursor:pointer;
}



.k-widget.k-datepicker.k-header
{
    width:100%;/*was set at auto--safari did not like that*/
}


/* kendo ui modal overrides */
.k-window{
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	border: 1px solid rgba(0,0,0,0.2);
	border-color:rgba(0,0,0,0.2);
	border-radius: 6px;
	background-clip: padding-box;
	outline: 0;
}
.k-window .k-window-titlebar.k-header, .k-window-titlebar{
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:transparent transparent #dddddd transparent;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	background-color:#ffffff;
	padding:1em 0;
}

.k-window-title{
	font-size:18px;
    color:#656565;
}
.k-picker-wrap .k-input
{
    height:34px;
}
.k-window-titlebar .k-window-actions

{
    top:-5px;
}
.k-window-titlebar .k-window-title
{
    top:5px;
}

.k-widget.k-window .k-window-content.k-content
{
    margin-top:18px;
}
.k-window-action.k-link.k-action-hover,
.k-window-action.k-link:hover
{
    background-color:#fff;
    border-color:transparent;
    background-image:none;

}
.k-window.k-state-focused {
    border-color:rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.k-icon.k-i-close
{
    position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  background-image:none;
  font-size:16px;
  color:#656565;
  opacity:0.5;
}
    .k-icon.k-i-close:hover
    {
        opacity: 1;
    }
    .k-icon.k-i-close:before
    {
        content: "\e014";
    }

    .k-window  div.k-window-content 
    { 
            overflow: hidden; 
    } 

/* END kendo ui modal overrides */

/* Telerik ui modal overrides */

.t-widget.t-window
{
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	border: 1px solid rgba(0,0,0,0.2);
	border-color:rgba(0,0,0,0.2);
	border-radius: 6px;
	background-clip: padding-box;
	outline: 0;
}

    .t-widget.t-window .t-window-titlebar.t-header
    {
        background-image:none;
        border-width:0 0 1px 0;
	    border-style:solid;
	    border-color:transparent transparent #dddddd transparent;
	    -webkit-border-radius: 6px 6px 0 0;
	    border-radius: 6px 6px 0 0;
	    background-color:#ffffff;
	    padding:1em 0;
        
    }

        .t-widget.t-window .t-window-titlebar.t-header .t-window-title
        {
            font-size:18px;
            left:11px;  
            color:#656565;
        }

        .t-widget.t-window .t-window-titlebar.t-header .t-window-actions.t-header
        {
            background-image:none;
            background-color:transparent;
            right:11px;
        }

            .t-widget.t-window .t-window-titlebar.t-header .t-window-actions.t-header .t-link
            {

            }

            .t-widget.t-window .t-window-titlebar.t-header .t-window-actions.t-header .t-link.t-state-hover
            {
                background-color:transparent;
                border:none 0px transparent;
            }

                .t-widget.t-window .t-window-titlebar.t-header .t-window-actions.t-header .t-link .t-icon.t-close
                {
                    position: relative;
                    top: 1px;
                    display: inline-block;
                    font-family: 'Glyphicons Halflings';
                    -webkit-font-smoothing: antialiased;
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    background-image:none;
                    font-size:16px;
                    color:#656565;
                    opacity:0.5;
                    text-indent:0;
                }

                .t-widget.t-window .t-window-titlebar.t-header .t-window-actions.t-header .t-link .t-icon.t-close:hover
                {
                    opacity: 1;
                }
                .t-widget.t-window .t-window-titlebar.t-header .t-window-actions.t-header .t-link .t-icon.t-close:before
                {
                    content: "\e014";
                }

/* END Telerik ui modal overrides */

.dropdown-menu .dropdown-menu{padding:0;}



input[type="text"].disabled,
select.disabled
{
    background-color: #EEEEEE;
    cursor: not-allowed;
    opacity: 1;
}



/************************************
 *   For alternate tab layouts
 ************************************/

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}


.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}



/* overrides for page specific */
.fa-unique-posfix
{
    font-size:.6em;
    top:9px;
    left:1px;
}
.tabs-unique-bdrfix
{
    border-top:1px solid #ffffff !important;
    margin:-1px 0px -4px -1px !important;
    width:88px !important;
    float:none !important; 
    position:absolute !important;
}

.tabs-unique-hfix
{
    min-height:420px;
    padding:12px 18px;
}

.tabs-left .tab-content
{
    margin-left:86px;
}

.tabs-left .nav-tabs > li.active > a,
.tabs-left .nav-tabs > li.active > a:hover,
.tabs-left .nav-tabs > li.active > a:focus
{
    color:#94C947;
}

.table-striped > tbody > tr:nth-child(2n) > td .nav-tabs > li.active > a,
.table-striped > tbody > tr:nth-child(2n) > td .nav-tabs > li.active > a:hover,
.table-striped > tbody > tr:nth-child(2n) > td .nav-tabs > li.active > a:focus
{
    background-color:#F3F6FB;
}

@media (min-width: 768px) {
    .tabs-left .dl-horizontal dd
{
    margin-left:50%;
}

}




.tabs-left .dl-horizontal dt, .tabs-left .dl-horizontal dd
{
    text-align:left;
    width:45%;
    clear:none;
    padding-bottom:5px;
}

.tabs-left .dl-horizontal dd
{
    margin-left:50%;
}

@media (max-width: 992px) {
    .tabs-left .dl-horizontal dd, .tabs-left .dl-horizontal dt
    {
        margin-left:0;
        width:100%;
    }

}

@media print
{
    a[href]:after
    {
        content: "";
    }
}


/* hack for safari not displaying selects at correct height*/
select.form-control, input.form-control[type="file"] {
  line-height: 30px;
}

/* fix for selects in input groups as first element */
.input-grp-select-fix
{
    width:120px !important; 
    background-color:#c3c3c3; 
    border-bottom-left-radius: 4px !important; 
    border-top-left-radius: 4px !important;
    color:#ffffff;
}

/* used instead of .hidden (display:none) to keep the surrounding elements spacing intact */
.invisible
{
    visibility: hidden;
}




/* custom icon font include */
@font-face {
  font-family: "bmCustomIcons";
  src:url("../font/bmCustomIcons.eot");
  src:url("../font/bmCustomIcons.eot?#iefix") format("embedded-opentype"),
    url("../font/bmCustomIcons.woff") format("woff"),
    url("../font/bmCustomIcons.ttf") format("truetype"),
    url("../font/bmCustomIcons.svg#bmCustomIcons") format("svg");
  font-weight: normal;
  font-style: normal;

}

.bm-icon:before {
  font-family: "bmCustomIcons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bm-icon:before {
  font-family: "bmCustomIcons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.bm-image-text-1:before {
  content: "\f001";
}
.bm-image-text-2:before {
  content: "\f002";
}
.bm-tooth:before {
  content: "\f000";
}