* { -moz-box-sizing: border-box; box-sizing: border-box; }
html { background: #fff; color: #0B3359; font-size: 13px; font-family: 'Open Sans' , sans-serif; min-width: 960px; }

h1, h2, h3, h4 { margin: 0; padding: 0; }
h1 { font-size: 2.4em; font-weight: 700; line-height: 1em; margin-bottom: 0; }
h2 { font-size: 1.5em; font-weight: 400; }
h3 { font-size: 1.25em; }
.match-input { line-height: 38px; }

a { color: #535252; text-decoration: none; outline: none; }
    a:hover { color: #535252; text-decoration: none; font-weight:bold; cursor: pointer; }
    
hr { background: #E5E5E5; display: inline-block; width: 100%; height: 1px; margin: 20px 0 6px; border: 0; clear: both; }

/* Application Header */

.header { background: #0B3359; position: fixed; height: 100px; width: 100%; top: 0; z-index: 10; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.5); box-shadow: 0 0 30px 0 rgba(0,0,0,.5); }

	.logo { position: absolute; top: 14px; left: 10px; }
	
	.user-drop { background: #338FCB; width: 160px; margin: 20px 16px 0; border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; }
		a.navLnk { font-size: 1.75em; text-transform: uppercase; font-weight: 800; display: inline-block; padding: 30px 20px 20px 60px; color: #fff; background: url(/images/icon-menu.png) 25px 50% no-repeat #338fcb; height: 100px; }
		button.navLnk2 { background: url(/images/icon-account.png) 20px 50% no-repeat; display: inline-block; width: 100%; padding: 10px 0 10px 52px; border: 0; font-size: 1em; font-weight: 800; text-align: left; color: #fff; }
		button.navLnk2:after { content: url(/images/icon-ascend.png); float: right; margin: -10px 10px 0; }
			button.navLnk2 span { display: block; font-size: .7em; font-weight: 400; }
		.user-drop a { display: inline-block; width: 100%; padding: 10px 0; border-top: 1px solid #4BA5DD; color: #fff; font-weight: 600; text-align: center; }
			.user-drop a:hover { background: #4BA5DD; }

	.subNavContainer { width: 100%; position: fixed; z-index: 5; top: 95px; background: #06131a; padding: 40px 20px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.5); box-shadow: 0 0 30px 0 rgba(0,0,0,.5); display: none; }
	.subNav { max-width: 1400px; min-width: 920px; margin: 0 auto; padding: 40px 20px; }
		.subNav a { display: block; text-align: center; }
			.subNav a img { opacity: .8; }
				.subNav a:hover img { opacity: 1; }
			.subNav a span { display: block; font-weight: bold; color: #fff; font-size: 1.25em; }

	.topMenu { padding-top: 25px; }
		.topMenu a { display: inline-block; color: #fff; font-weight: 700; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; }
			.topMenu a:hover { background: #338fcb; }

/* Breadcrumbs */

.breadCrumbs { z-index: 3; padding: 10px; background: #e5e5e5; color: #535252; font-size: .9em; width: 100%; }
    .breadCrumbs a { color: #535252; }
    .breadCrumbs a:hover { color: #338FCB; }
    .breadCrumbs a.active { text-transform:uppercase; color:#0B3359; font-weight:bold }
    .breadCrumbs .divider { color: #cccccc; padding: 0 5px; }

.breadCrumbs2 { z-index: 3; padding: 10px 0 10px 0; color: #535252; font-size: 1em; font-style:italic ; width: 100%; }
    .breadCrumbs2 a { color: #535252; font-style:italic }
    .breadCrumbs2 a:hover { color: #535252; font-weight: bold; font-style: italic }
    .breadCrumbs2 a.active {color: #535252; font-weight: bold; font-style: italic }   

/* Section Header */

.sectionHeader { min-width: 960px; margin: 0 auto; color: #480C09; padding: 0 20px; }
    .sectionHeaderTitleContainer { padding: 20px 0; border-bottom: 1px solid #ccc; }

/* Tabs */

.tabLnkContainer { margin: 20px 20px 0 20px; border-bottom: 1px solid #e5e5e5; }
.tabLnkContainer2 { margin: 0; border-bottom: 0; }
.tabLnkContainer3 { margin: 0; border-bottom: 1px solid #e5e5e5; }
    .tabLnk, .tabLnk:hover { display: inline-block; padding: 10px 20px; color: #338FCB; font-size: 1em; font-weight: 700; }
        .tabLnkActive, .tabLnkActive:hover { background: #0B3359; color: #fff; }

/* Table Styles*/

.paging_simple_numbers a { display: inline-block; padding: 5px 10px; color: #0B3359; font-weight: normal; }
	.paging_simple_numbers a.current { color: #338FCB; background: #0B3359; color: #fff; }

table.dataTable { background: #fff; margin: 20px auto !important; border-radius: 7px; -moz-border-radius: 7px; overflow: hidden; border: 1px solid #e5e5e5 !important; }
    table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #e5e5e5 !important; text-align: left; text-transform: uppercase; padding: 15px 30px !important; font-size: .8em; color: #338FCB; background-color: #f9fcff !important; }
        table.dataTable thead th:hover { cursor: pointer; }
    table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc { background-color: #338FCB !important; color: #fff; }

table.dataTable thead .sorting_asc { background: url("/images/icon-ascend.png") no-repeat 98% 50%; background: url("/images/icon-ascend.png") no-repeat right 10px center; }
table.dataTable thead .sorting_desc { background: url("/images/icon-descend.png") no-repeat 98% 50%; background: url("/images/icon-descend.png") no-repeat right 10px center; }

table.dataTable tbody td { padding: 10px !important; border-bottom: 1px solid #e5e5e5 !important; }
table.dataTable tbody tr.even { background: #f9fcff; }
    table.dataTable tbody tr:last-child td { border-bottom: 0 !important; }

    table.dataTable tbody td a, table.dataTable tfoot td a, table.dataTable tbody td input[type="submit"] { text-decoration: underline; background: #338FCB; color: #fff; padding: 5px 15px; border-radius: 7px; -moz-border-radius: 7px; text-decoration: none; font-weight: 400; }

table tr.odd td.sorting_1 { background: #f9f9f9; }
table tr.even td.sorting_1 { background: #e4f0fb; }

.dataTables_wrapper .dataTables_filter { float: left !important; }
    .dataTables_wrapper .dataTables_filter label { position: relative; }
        .dataTables_wrapper .dataTables_filter label input { position: absolute; left: 0px; }
        .dataTables_wrapper .dataTables_filter .cbFilter label { position: absolute; left: 330px; }
        .dataTables_wrapper .dataTables_filter .cbFilter input { position: relative; }
    .dataTables_wrapper .dataTables_length { float: right !important; padding-bottom: 20px; }
        .dataTables_wrapper .dataTables_length select { height: auto; padding: 5px; }

.dataTables_wrapper .dataTables_paginate { float: left !important; }
.dataTables_wrapper .dataTables_info { float: right !important; }

input[type="search"] { padding: 10px; border: 1px solid #e5e5e5; background: #f9f9f9; }

.dataTables_wrapper::after { content: ""; display: table; clear: both; }
.fullTableDisplay { clear: both; }

table.dataTable tfoot td { padding: 10px; background: #0B3359; color: #fff; font-weight: 700; }

.regTable { }
    .regTable th { border-bottom: 1px solid #e5e5e5; text-align: left; padding: 10px; }
    .regTable > tbody > tr > td { padding: 10px; border-bottom: 1px solid #e5e5e5; white-space: nowrap; }

/* Fieldset Styles*/

fieldset { background: #fff; position: relative; margin-top: 50px; border: 1px solid #e5e5e5; }
legend { font-size: 1em; font-weight: 700; padding: 10px; position: absolute; top: -43px; left: -1px; border-bottom: 5px solid #338fcb; }

/* Form Styles */

.formContainer { }
.formContainer span { display: block; font-weight: normal; padding-bottom: 2px; }
.formContainer table td span { font-weight: normal; display: inline-block; }

/* STV Change */
.formContainer thead th, table thead td { border-bottom: 1px solid #e5e5e5 !important; text-align: left; text-transform: uppercase; padding: 15px 10px !important; font-size: .8em; color: #338FCB; background-color: #f9fcff !important; }
.formContainer table td { position: relative; padding: 0 20px 0 0; }


.formSectionHeader { font-size: 1.5em; font-weight: 700; padding: 20px 20px 0 20px; }
.formDivider { border-top: 5px solid #e5e5e5; margin-top: 40px; }

input[type="text"], input[type="password"], select { padding: 10px; border: 1px solid #e5e5e5; height: 40px; background: #f9f9f9; }
textarea { padding: 10px; border: 1px solid #e5e5e5; height: 80px; background: #f9f9f9; }
input[type="text"], input[type="search"], input[type="password"] { display: inline-block; min-width: 250px; }
input[type="radio"], input[type="checkbox"] { position: relative; top: 2px; left: 0; margin: 0 4px 0 0; }
.smallSelect { margin-right: 10px; }
.txt100 { width: 100px; min-width: 50px !important; }
.txt200 { width: 200px; min-width: 50px !important; }
.smallTxtStretch { width: 100% !important; min-width: 50px !important; }

.buttonContainer { border-top: 1px solid #e5e5e5; padding-top: 20px; }
	.button { background: #0B3359; padding: 10px 10px 10px 10px; border: 0; border-radius: 7px; color: #ffffff; font-weight: bold; text-decoration: none;  }
		.button:hover { background: #338FCB;  color: #ffffff; text-decoration: none; }

.btnBlue { background: #0B3359; padding: 10px 10px 10px 10px; border: 0; border-radius: 7px; color: #ffffff; font-weight:bold; text-decoration: none; }
    .btnBlue:hover { color: #ffffff; text-decoration: none; }

 .btnLight{ background: #3498db; padding: 10px 10px 10px 10px; border: 0; border-radius: 7px; color: #ffffff; font-weight: bold; text-decoration: none; }
    .btnLight:hover { background: #5EAFE5; color: #ffffff; text-decoration: none; }

 .btnCancel{ background: #5EAFE5; background: #3498db; padding: 10px 10px 10px 10px; border: 0; border-radius: 7px; color: #ffffff; font-weight: bold; text-decoration: none; }
    .btnCancel:hover { color: #ffffff; text-decoration: none; }

a.addLink { color: #338FCB; text-decoration: none; outline: none; padding-bottom:10px;}
    a.addLink:hover { color: #2181BC; text-decoration: none; font-weight: bold; cursor: pointer; padding-bottom: 10px;}

.saveBar { background: #0B3359; padding: 20px; }

/* Calendar Picker*/

.calendar { background: url(/images/icon-calendar.png) no-repeat 98% 50% #f9f9f9 !important; }
.ui-datepicker { width: 250px; background: #fff; font-size: 1em; position: relative; }
.ui-datepicker .ui-datepicker-prev { position: absolute; left: 5px; top: 10px; cursor: pointer; color: #fff; }
.ui-datepicker .ui-datepicker-next { position: absolute; right: 5px; top: 10px; cursor: pointer; color: #fff; }

.ui-datepicker-title { text-align: center; padding: 10px 0; background: #2a2d33; color: #fff; }
.ui-datepicker-calendar { width: 100%; }
.ui-datepicker-calendar td { text-align: center; padding: 5px 0; }
.ui-datepicker-calendar td a { text-decoration: none; }
.ui-datepicker-calendar td.ui-datepicker-current-day, .ui-datepicker-calendar td.ui-datepicker-current-day a { background: #354052; color: #fff; }
.ui-datepicker-today { background: #f7f7f7; }

/* General Styles */

.mainContainer { min-width: 960px; margin: 0 auto; }

.padding10 { padding: 10px; }
.paddingBot10 { padding: 0 0 10px 0; }
.padding20 { padding: 20px; }
.paddingH20 { padding: 0 20px; }
.padding40 { padding: 40px; }

.paddingL30 { padding-left: 30px; }
.paddingR30 { padding-right: 30px; }

.matchLabel span { color: #c51d13; }

.whiteContainer { background: #fff; border: 1px solid #e5e5e5; padding: 20px; }

.marginBot20 { margin: 0 0 20px 0; }

.colContainer:after { content: ""; display: table; clear: both; }
.width20 { width: 20%; float: left; }
.width25 { width: 25%; float: left; padding-right: 20px; }
.width33 { width: 33.3333333333%; float: left; }
.width50 { width: 50%; float: left; }
.width66 { width: 66.6666666666%; float: left; }
.width75 { width: 75%; float: left; padding-right: 20px; }
.width40 { width: 40px; min-width: 40px !important; }
.width100 { width: 100px; min-width: 50px !important; }
.width150 { width: 150px; min-width: 150px !important; }
.width250 { width: 250px; min-width: 250px !important; }
.stretch { width: 100%; }

.borderRight { border-right: 5px solid #e5e5e5; }
.borderRightThin { border-right: 1px solid #e5e5e5; }

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }

.bold { font-weight: 700; }

.center, .center input { text-align: center !important; }
.right, .right input { text-align: right !important; }

.tableRBL label { padding-right: 20px; }
.required { display: inline-block !important; margin: 0 2px 0 0; color: #D44B4A; }


.ui-autocomplete {
            max-height: 200px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            padding-right: 20px;
        } 

.buttonDisabled {
  background: #2e4963; padding: 10px 10px 10px 10px; border: 0; border-radius: 7px; color: #abc; font-weight:bold; text-decoration: none;
  cursor: not-allowed;
  font-style: italic;
}
.buttonDisabled:hover { cursor: not-allowed !important; }

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }


input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }