/*Theme Name: Transport
Theme URI: TBD
Description: Client Portal for TC clients
Version: 1.0
Author: Sharai Viapiana
Author URI: http://tc.tc
Tags: Private site - no tags needed

Swatches:
White:#FFFFFF
Purple: #3463af 
Grey: #58585B
Medium Grey: #a8a8a8
Light Grey1:#efefef
Light Grey2 (lines): #DCDCDC
Black:#231F20

*/

/*!
 * Bootstrap-select v1.6.3 (http://silviomoreto.github.io/bootstrap-select/)
 *
 * Copyright 2013-2014 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */.bootstrap-select{width:220px \0}
 .bootstrap-select>.btn{width:100%;padding-right:25px}.error .bootstrap-select .btn{border:1px solid #b94a48}.control-group.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row-fluid .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group .btn .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;z-index:1035;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small{color:#64b1d8;color:rgba(100,177,216,.4)}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px}.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}.bootstrap-select.btn-group.fit-width .btn .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.btn{z-index:1035+1}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom-width:7px;border-bottom-style:solid;border-bottom-color:#ccc;border-bottom-color:rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-bottom:0;border-top-width:7px;border-top-style:solid;border-top-color:#ccc;border-top-color:rgba(204,204,204,.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}.bs-searchbox,.bs-actionsbox{padding:4px 8px}.bs-actionsbox{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox input.form-control{margin-bottom:0;width:100%}.mobile-device{position:absolute;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}


/*!
 * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker-dropdown:after,.datepicker-dropdown:before{content:'';display:inline-block;border-top:0;position:absolute}.datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-bottom-color:rgba(0,0,0,.2)}.datepicker-dropdown:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker>div{display:none}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:25px;height:25px;border-radius:4px;border:none;font-size:13.5px}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active,.datepicker table tr td.highlighted:hover,.open>.dropdown-toggle.datepicker table tr td.highlighted{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover,.open>.dropdown-toggle.datepicker table tr td.highlighted.focus,.open>.dropdown-toggle.datepicker table tr td.highlighted:focus,.open>.dropdown-toggle.datepicker table tr td.highlighted:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active,.open>.dropdown-toggle.datepicker table tr td.highlighted{background-image:none}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#999}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today.active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.open>.dropdown-toggle.datepicker table tr td.today{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover,.open>.dropdown-toggle.datepicker table tr td.today.focus,.open>.dropdown-toggle.datepicker table tr td.today:focus,.open>.dropdown-toggle.datepicker table tr td.today:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.active,.datepicker table tr td.today:active,.open>.dropdown-toggle.datepicker table tr td.today{background-image:none}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#999}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range.active,.datepicker table tr td.range:active,.datepicker table tr td.range:hover,.open>.dropdown-toggle.datepicker table tr td.range{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover,.open>.dropdown-toggle.datepicker table tr td.range.focus,.open>.dropdown-toggle.datepicker table tr td.range:focus,.open>.dropdown-toggle.datepicker table tr td.range:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.active,.datepicker table tr td.range:active,.open>.dropdown-toggle.datepicker table tr td.range{background-image:none}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#999}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active,.datepicker table tr td.range.highlighted:hover,.open>.dropdown-toggle.datepicker table tr td.range.highlighted{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover,.open>.dropdown-toggle.datepicker table tr td.range.highlighted.focus,.open>.dropdown-toggle.datepicker table tr td.range.highlighted:focus,.open>.dropdown-toggle.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active,.open>.dropdown-toggle.datepicker table tr td.range.highlighted{background-image:none}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#999}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.open>.dropdown-toggle.datepicker table tr td.range.today{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover,.open>.dropdown-toggle.datepicker table tr td.range.today.focus,.open>.dropdown-toggle.datepicker table tr td.range.today:focus,.open>.dropdown-toggle.datepicker table tr td.range.today:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active,.open>.dropdown-toggle.datepicker table tr td.range.today{background-image:none}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#999}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active,.open>.dropdown-toggle.datepicker table tr td.active,.open>.dropdown-toggle.datepicker table tr td.active.highlighted,.open>.dropdown-toggle.datepicker table tr td.selected,.open>.dropdown-toggle.datepicker table tr td.selected.highlighted{background-image:none}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#999;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:grey;border-color:#161616}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.open>.dropdown-toggle.datepicker table tr td.selected,.open>.dropdown-toggle.datepicker table tr td.selected.highlighted{color:#fff;background-color:grey;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover,.open>.dropdown-toggle.datepicker table tr td.selected.focus,.open>.dropdown-toggle.datepicker table tr td.selected.highlighted.focus,.open>.dropdown-toggle.datepicker table tr td.selected.highlighted:focus,.open>.dropdown-toggle.datepicker table tr td.selected.highlighted:hover,.open>.dropdown-toggle.datepicker table tr td.selected:focus,.open>.dropdown-toggle.datepicker table tr td.selected:hover{color:#fff;background-color:#6e6e6e;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#999;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#767676;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover,.datepicker table tr td.active:focus,.datepicker table tr td.active:hover,.open>.dropdown-toggle.datepicker table tr td.active,.open>.dropdown-toggle.datepicker table tr td.active.focus,.open>.dropdown-toggle.datepicker table tr td.active.highlighted,.open>.dropdown-toggle.datepicker table tr td.active.highlighted.focus,.open>.dropdown-toggle.datepicker table tr td.active.highlighted:focus,.open>.dropdown-toggle.datepicker table tr td.active.highlighted:hover,.open>.dropdown-toggle.datepicker table tr td.active:focus,.open>.dropdown-toggle.datepicker table tr td.active:hover{color:#fff;background-color:#767676}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#767676}.datepicker-months .table-condensed,.datepicker-years .table-condensed{width:200px}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th,.input-group.date .input-group-addon{cursor:pointer}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#767676;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:active,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover,.datepicker table tr td span.active:hover:focus,.datepicker table tr td span.active:hover:hover,.open>.dropdown-toggle.datepicker table tr td span.active,.open>.dropdown-toggle.datepicker table tr td span.active.disabled,.open>.dropdown-toggle.datepicker table tr td span.active.disabled.focus,.open>.dropdown-toggle.datepicker table tr td span.active.disabled:focus,.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover,.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus,.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus,.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover,.open>.dropdown-toggle.datepicker table tr td span.active.focus,.open>.dropdown-toggle.datepicker table tr td span.active:focus,.open>.dropdown-toggle.datepicker table tr td span.active:hover,.open>.dropdown-toggle.datepicker table tr td span.active:hover.focus,.open>.dropdown-toggle.datepicker table tr td span.active:hover:focus,.open>.dropdown-toggle.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#767676}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active,.open>.dropdown-toggle.datepicker table tr td span.active,.open>.dropdown-toggle.datepicker table tr td span.active.disabled,.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover,.open>.dropdown-toggle.datepicker table tr td span.active:hover{background-image:none}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#767676}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999;font-size:13px}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;font-weight:400;line-height:1.42857143;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:solid #ccc;border-width:1px 0;margin-left:-5px;margin-right:-5px}

.bootstrap-select.btn-group .btn .caret {display:block;}

/* qTip2 v2.2.1 | Plugins: viewport modal | Styles: core basic css3 | qtip2.com | Licensed MIT | Thu Sep 18 2014 05:25:06 */

.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}.qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon,.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border:0 solid transparent;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:transparent}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"}.qtip-jtools .qtip-content,.qtip-jtools .qtip-titlebar{background:0 0;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:0 0}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}#qtip-overlay{position:fixed;left:0;top:0;width:100%;height:100%}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}

/*!
 * @copyright Copyright &copy; Kartik Visweswaran, Krajee.com, 2014 - 2015
 * @package bootstrap-fileinput
 * @version 4.2.9
 *
 * File input styling for Bootstrap 3.0
 * Built for Yii Framework 2.0
 * Author: Kartik Visweswaran
 * Year: 2015
 * For more Yii related demos visit http://demos.krajee.com
 */.file-preview-frame,.file-preview-image,.file-preview-other{height:160px;vertical-align:middle}.file-loading{top:0;right:0;width:25px;height:25px;font-size:999px;text-align:right;color:#fff;background:url(../img/loading.gif)top left no-repeat;border:none}.file-object{margin:0 0 -5px;padding:0}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:0 0;cursor:inherit;display:block}.file-caption-name{display:inline-block;overflow:hidden;height:20px;word-break:break-all}.input-group-lg .file-caption-name{height:25px}.file-preview-detail-modal{text-align:left}.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre,.file-error-message ul{margin:0;text-align:left}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#EEE;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:5px;width:100%;margin-bottom:5px}.file-preview-frame{display:table;margin:8px;border:1px solid #ddd;box-shadow:1px 1px 5px 0 #a2958a;padding:6px;float:left;text-align:center}.file-preview-frame:not(.file-preview-error):hover{box-shadow:3px 3px 5px 0 #333}.file-preview-text{text-align:left;width:160px;margin-bottom:2px;color:#428bca;background:#fff;overflow-x:hidden}.file-preview-other{display:table-cell;text-align:center;width:160px;border:2px solid #999;border-radius:30px}.file-preview-other:hover{opacity:.8}.file-actions,.file-other-error{text-align:left}.file-icon-lg{font-size:1.2em}.file-icon-2x{font-size:2.4em}.file-icon-4x{font-size:4.8em}.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file{display:none}.file-thumb-loading{background:url(../img/loading.gif)center center no-repeat content-box!important}.file-actions{margin-top:15px}.file-footer-buttons{float:right}.file-upload-indicator{padding-top:2px;cursor:default;opacity:.8;width:60%}.file-upload-indicator:hover{font-weight:700;opacity:1}.file-footer-caption{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;text-align:center;padding-top:4px;font-size:11px;color:#777;margin:5px auto 10px}.file-preview-error{opacity:.65;box-shadow:none}.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;height:100%;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone-title{color:#aaa;font-size:40px;padding:85px 10px}.file-highlighted{border:2px dashed #999!important;background-color:#f0f0f0}.file-uploading{background:url(../img/loading-sm.gif)center bottom 10px no-repeat;opacity:.65}.file-thumb-progress .progress,.file-thumb-progress .progress-bar{height:10px;font-size:9px;line-height:10px}.file-thumbnail-footer{position:relative}.file-thumb-progress{position:absolute;top:22px;left:0;right:0}.btn-file ::-ms-browse{width:100%;height:100%}

/* fixed table header */
.fht-table,.fht-table tbody,.fht-table td,.fht-table tfoot,.fht-table th,
.fht-table thead,.fht-table tr{margin:0;padding:0;font-size:100%;vertical-align:top}.fht-table{border-collapse:collapse;border-spacing:0}.fht-table-wrapper,.fht-table-wrapper .fht-fixed-body .fht-tbody,.fht-table-wrapper .fht-fixed-column .fht-tbody,.fht-table-wrapper .fht-tbody,.fht-table-wrapper .fht-tfoot,.fht-table-wrapper .fht-thead{overflow:hidden}.fht-table-wrapper,.fht-table-wrapper .fht-fixed-column .fht-tbody,.fht-table-wrapper .fht-tfoot,.fht-table-wrapper .fht-thead{overflow:hidden;position:relative}.fht-table-wrapper .fht-fixed-body .fht-tbody,.fht-table-wrapper .fht-tbody{overflow:auto}.fht-table-wrapper .fht-table .fht-cell{overflow:hidden;height:1px}.fht-table-wrapper .fht-fixed-body,.fht-table-wrapper .fht-fixed-column{top:0;left:0;position:absolute}.fht-table-wrapper .fht-fixed-column{z-index:1}.fht-table-wrapper .fht-tbody{position:inherit}

/* Additional bootstrap */
.tag{border-radius:.25rem;color:#fff;display:inline-block;font-size:75%;font-weight:700;line-height:1;padding:.25em .4em;text-align:center;vertical-align:baseline;white-space:nowrap}.tag:empty{display:none}.btn .tag{position:relative;top:-1px}a.tag:focus,a.tag:hover{color:#fff;cursor:pointer;text-decoration:none}.tag-pill{border-radius:10rem;padding-left:.6em;padding-right:.6em}.tag-default{background-color:#818a91}.tag-default[href]:focus,.tag-default[href]:hover{background-color:#687077}.tag-primary{background-color:#0275d8}.tag-primary[href]:focus,.tag-primary[href]:hover{background-color:#025aa5}.tag-success{background-color:#5cb85c}.tag-success[href]:focus,.tag-success[href]:hover{background-color:#449d44}.tag-info{background-color:#5bc0de}.tag-info[href]:focus,.tag-info[href]:hover{background-color:#31b0d5}.tag-warning{background-color:#f0ad4e}.tag-warning[href]:focus,.tag-warning[href]:hover{background-color:#ec971f}.tag-danger{background-color:#d9534f}.tag-danger[href]:focus,.tag-danger[href]:hover{background-color:#c9302c}

.input-daterange input:first-child,
.input-daterange input:last-child {
    border-radius: 0;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #231F20;
}
html,
body {
    height: 100%;
}
/*a {
    color: #3463af;
    text-decoration: none;
}*/
a:hover,
a:focus {
    color: #58585B;
    text-decoration: underline;
}
.margin-top-sm {
    margin-top: 7px;
    left: 4px;
}
#header {
    border-bottom: 1px solid #eee;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}
h1 span,
h2 span {
    float: right;
}
h2 span,
h3 span {
    font-size: 80%;
}
h1,
.h1 {
    color: #3463af;
    padding-right: 5px;
    font-weight: 600;
    font-size: 30px !important;
}
h1.login {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
    text-align: center;
}
h2,
.h2 {
    color: #58585b;
    font-size: 20px/26px;
    font-weight: 400;
    padding-top: 5px;
    font-size: 24px !important;
}
h2.emphasis {
    border-bottom: 3px solid #eeeeee;
    font-size: 19px !important;
    padding: 10px 15px;
}
h2.emphasis span.label {
    font-size: 18px;
    margin-left: 4px;
}
h2.emphasis span {
    float: none !important;
}
h3,
.h3 {
    color: #000;
    font-size: 17px !important;
    font-weight: normal;
    padding-right: 5px;
    padding-bottom: 7px;
    margin-bottom: 8px;
}
h4,
.h4 {
    color: #58585B;
    font-size: 16px/16px;
    font-weight: 600;
}
h5,
.h5 {
    font-size: 14px;
}
h6,
.h6 {
    font-size: 12px;
}
p,
.p {
    color: #231F20;
    font-size: 15px/25px;
    font-weight: 400;
}
.login-logo {
    padding: 60px 0 10px 0;
    max-width: 700px;
}
.text-center {
    text-align: center;
}
.btn-login {
    width: 150px;
}
.remember-me {
    line-height: 3em;
}
.remember-me input {
    width: 40px;
}
.btn-h1 {
    margin-left: 5px;
    margin-top: 14px;
}
.block {
    display: block;
    float: none;
}
.inline {
    display: inline-table;
}
.primary-bg {
    background: #3463af;
}
.subnav li a:hover {
    background-color: #58585B;
    color: #fff;
}
.subnav li a.active,
.subnav li a.active:hover {
    color: #FFFFFF !important;
    background-color: #3463af;
}
/****************************/
/* General  */
/****************************/

.bot-padding {
    padding-bottom: 30px;
}
.nopadding {
    padding: 0 !important;
}
.nomargin {
    margin: 0 !important;
}
.spacer {
    padding: 10px 0;
}
.slogan {
    text-align: center;
    margin: 0 auto;
    color: #58585B;
}
/**********************/
/* Header */
/**********************/

#nav-container {
    margin-top: 50px;
}
.logo-container {
    background: url("images/TransPort Logo - Hor.png") no-repeat center center;
    display: block;
}

.logo-container-client img {
    max-width: 300px;
    max-height: 80px;
    height: auto;
}
.navbar .admin-icon {
    background: url("/VpsImages/Skin1/VPSLogo1.1.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0); 
    float: left;
    height: 50px;
    /*margin-top: 7px;*/
    width: 127px;
    /*margin-right: 15px;*/
}
.navbar .logout {
    margin: 6px !important;
}
.navbar .username-icon {
    margin: 0;
}
.navbar .username {
    /*margin-left: 4px;*/
    margin-top: 2px;
    display: inline;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #ffffff;
}
.main-dashboard a {
    margin: 0 auto;
}
/*****************************/
/* Purple header bar at top */
/*****************************/


.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
    overflow-y: auto;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

.container > .navbar-user,
.container-fluid > .navbar-user,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle:focus {
    outline: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}


/*****************************/
/* Navigation */
/*****************************/

.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-user:before,
.navbar-user:after,
.navbar-collapse:before,
.navbar-collapse:after {
    padding-bottom: 0px;
}
/* Main tab when Dropdown Open */

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
    color: #00000;
}
.nav .nav-divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.nav > li > a > img {
    max-width: none;
}
.nav-tabs > li {
    font-size: 15px;
    color: #3463af;
    float: left;
    margin: 0 3px -1px 3px;
    text-align: center;
}
.nav-tabs > li > a {
    color: #3463af;
    margin-right: 1px;
    line-height: 1.42857143;
    border-radius: 7px 7px 0 0;
}
.nav-tabs > li > a:hover {
    color: #231F20;
    background-color: #FFF;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #231F20;
    border: 1px solid #dddddd;
    background: #Ffffff;
    -webkit-box-shadow: 0px -4px 6px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px -4px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px -4px 6px 0px rgba(0, 0, 0, 0.15);
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar {
    position: relative;
}
.navbar {
    border-radius: 0;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown:hover .dropdown-menu {
    display: block;
    position: absolute;
}
.dropdown-menu > li > a,
.dropdown-menu li input{
    clear: both;
    color: #231f20;
    display: block;
    font-weight: normal;
    padding: 5px 0 5px 8px;
    white-space: nowrap;
    width: 100%;
    border: none;
    background: none;
    text-align:left;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu li input:hover{
    color: #3463af;
    text-decoration: none;
    background-color: #ffffff;
    border: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .active input:hover{
    color: #231F20;
    border-color: #58585B #58585B #ffffff #58585B;
    background-color: #ffffff;
    border: none;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu .disabled input:hover{
    color: #777;
    border: none;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu .disabled input:hover{
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    border: none;
}
ul.nav-tabs {
    position: relative;
    /*margin-top: -15px;*/
    margin-top: -9px;
    border: 0;
}
ul.nav-tabs > li {
    font-weight: 600;
    font-size: 16px;
}
/* This positions the nav bar over the header bottom border so active tab looks like part of the main page */

.nav.nav-tabs {
    position: relative;
    /*top: 7px;*/
}
.navbgr {
    padding-bottom: 0px !important;
}
.navbar-default .navbar-nav > li > a {
    border-right: 1px solid #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover {
    background-color: #FFFFFF;
}
.navbar-default {
    background-color: #3463af;  /*#3463af;*/
    border-color: #3463af;
    background-image:none !important;  /*#3463af;*/
}

.navbar-default1 {
    background-color: lightslategrey;
    border-color: lightslategrey;
}

.navbar-default .navbar-text {
    color: #FFF;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.navbar-user > a {
    color: #FFFFFF;
}
.navbar-user {
    color: #C0C0C0;
    font-size: 18px/21px;
    font-weight: 400;
    padding: 8px;
}
/************************/
/* Breadcrumbs */
/************************/

ol.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
ol.breadcrumb > li {
    display: inline-block;
}
ol.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
ol.breadcrumb > .active {
    color: #777;
}
ol.breadcrumb {
    padding: 0px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #FFFFFF;
    border-radius: 4px;
}
ol.breadcrumb ul{
    list-style: none;
    margin: 10px 0;
    padding-left: 0 !important;
    overflow: hidden;
}
ol.breadcrumb ul li {
    float: left;
    margin-right: 5px;
}
ol.breadcrumb ul.separator {
    color: #999;
}

ol.breadcrumb ul li input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
  border: 0 none;
  color: #3463af;
}

ol.breadcrumb ul li input:hover {
  text-decoration: underline;
  
}

ol.cat-breadcrumb {
  background: #f7f7f7 none repeat scroll 0 0;
  float: left;
  margin-left: 10px;
  margin-top: 15px;
  padding: 0 10px !important;
}


/****************************/
/**** Password Checker ****/
/****************************/

.pwd-invalid {
    color: red;
}
.pwd-valid {
    color: green;
}
/*****************************/
/* Wizard Steps */
/*****************************/

.wizard-step a {
    padding: 10px 22px;
    display: block;
    color: #999999;
}
.wizard-step {
    margin-right: 5px;
    background: #efefef;
    position: relative;
    display: inline-block;
}
.wizard-step:before {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
.wizard-step:after {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -19px;
    z-index: 2;
}
.wizard-step:first-child:before,
.wizard-step:last-child:after {
    border: none;
}
.wizard-step:first-child {
    padding-left: 0;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.wizard-step:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.wizard-step .badge {
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
    background: #999999;
}
.wizard-step:first-child .badge {
    margin-left: 0;
}
.wizard-steps .current .badge {
    background: #3463af;
}
.wizard-step button {
    border: 0;
    background: none;
    width: 100%;
}
.wizard-step:hover {
    background: #777777;
}
.wizard-step:hover:after {
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #777777;
    ;
}
.wizard-step:hover > a {
    color: #ffffff;
}
.wizard-steps .current > a,
.wizard-steps .current:hover > a {
    background: #DCDCDC;
    color: #3463af;
}
.wizard-steps .current:after,
.wizard-steps .current:hover:after {
    border-left-color: #DCDCDC;
}
.wizard-step:last-child:hover:after {
    border: none;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-circle.grey {
    color: #999;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}
/*****************************/
/* Buttons */
/*****************************/

.btn .glyphicon-menu-left,
.btn .glyphicon-menu-right {
    line-height: 1.2em;
}
.btn-file {
    display: inline-flex;
}
.file-input .btn .glyphicon {
    padding-top: 5px;
}
.file-input .btn {
    font-size: 13px;
    padding: 5px 10px;
}
.btnmargin {
    margin: 21px 10px !important;
}
.btn-danger {
    font-size: 16px;
}
.btn-primary {
    color: #FFF;
    background-color: #3463af;
    border-color: #3463af;
    font-size: 16px;
}
.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.active[disabled],
fieldset[disabled] .btn-primary.active .btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #ccc !important;
    border-color: #ccc !important;
}
.btn-primary .badge {
    color: #3463af;
    background-color: #fff;
}
.btn-default {
    box-shadow: none;
    /* to upate */
    
    color: #3463af;
    font-size: 14px;
    /* to upate */
    
    font-weight: 600;
}
textarea {
    border: 1px solid #ccc;
}
a.btn-primary {
    color: #fff;
    text-decoration: none;
}
.marginleft {
    margin-left: 4px !important;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    border-radius: 6px;
}
.btn-md,
.btn-group-md > .btn {
    padding: 8px 14px;
}
.btn-sm {
    margin: 0 2px;
    padding: 5px 10px;
    font-size: 14px;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-circle.grey {
    color: #999;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}
.btn-square {
    width: 100%;
    background: #ffffff;
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #DCDCDC;
    font-size: 16px/16px;
    font-weight: 600;
}
.btn-square:hover,
.btn-square:focus,
.btn-square:active,
.btn-square.active,
.open > .dropdown-toggle.btn-default {
    color: #231F20;
    background-color: #b9b9b9;
    border-color: #DCDCDC;
}
.btn.active {
    box-shadow: none;
    background-color: #a8a8a8;
    color: #FFFFFF;
}
.btn-hide {
    color: #333;
    background-color: #ffffff;
    border-color: none;
    padding: 5px 13px;
}
.btn-hide:hover,
.btn-hide:focus,
.btn-hide:active,
.btn-hide.active,
. > .dropdown-toggle.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #DCDCDC;
}
.btn-hide:active,
.btn-hide.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-spacious {
    padding: 15px 20px;
}
.btn-spacious {
    color: #3463af;
    background-color: #ffffff;
    border-color: #DCDCDC;
}
.btn-spacious:hover,
.btn-spacious:focus,
.btn-spacious:active,
.btn-spacious.active,
.open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #3463af;
    border-color: #DCDCDC;
}
.btn-spacious:active,
.btn-spacious.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-long {
    padding: 5px 20px;
}
.infobox {
    font-size: 15px;
    color: #3463af;
    font-weight: 700;
    margin: 0 15px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 3px solid #3463af;
    background-color: #3463af;
    display: inline-block;
}
.btn-tooltip {
    font-size: 12px;
    padding: 2px 4px;
    color: #ffffff;
    background-color: #a8a8a8;
    border-radius: 3px;
    display: inline-block;
    border-shadow: none;
}
.btn-tooltip:before {
    border-top: 10px inset transparent;
    border-bottom: 10px inset transparent;
    border-right: 10px solid #a8a8a8;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
/************************/
/* Pagination */
/************************/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #3463af;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #3463af;
    border-color: #3463af;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}
.pager li {
    display: inline;
}
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.pager .next > a,
.pager .next > span {
    float: right;
}
.pager .previous > a,
.pager .previous > span {
    float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 90%;
    /*font-weight: bold;*/
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.label:empty {
    display: none;
}
.btn .label {
    position: relative;
    top: -1px;
}
.label-default {
    background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}
.label-primary {
    background-color: #3463af;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3071a9;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}
.badge:empty {
    display: none;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.btn-xs .badge {
    top: 0;
    padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #3463af;
    background-color: #fff;
}
.nav-pills > li > a > .badge {
    margin-left: 3px;
}
.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #3463af;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #3463af;
    border-color: #3463af;
}
/**********************/
/* Modal popup */
/**********************/

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.modal-open {
    overflow: hidden;
}
.modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow {
    border-width: 11px;
}
.popover > .arrow:after {
    content: "";
    border-width: 10px;
}
.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}
.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}
.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}
.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}
.carousel {
    position: relative;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}
.carousel-inner > .active {
    left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}
.carousel-inner > .next {
    left: 100%;
}
.carousel-inner > .prev {
    left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}
.carousel-inner > .active.left {
    left: -100%;
}
.carousel-inner > .active.right {
    left: 100%;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
}
.carousel-control .icon-prev:before {
    content: '\2039';
}
.carousel-control .icon-next:before {
    content: '\203a';
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
    text-shadow: none;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
    padding-bottom: 2px;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-user:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}
/*******************/
/* Panel */
/*******************/

.panel-title > a {
    text-decoration: none;
}
.panel-title .glyphicon {
    padding: 0 15px 0 5px;
}
.panel-default {
    border-color: transparent;
    font-weight: 400;
}
.panel-default .panel {
    border-radius: 0px;
}
.panel-default > .panel-heading {
    color: #231F20;
    background-color: #888888;
    border-color: #FFF;
}
.panel-group {
    margin-top: 30px;
}
/*******************/
/* Forms / Inputs */
/*******************/

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.bootstrap-select.btn-group > .disabled {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
    color: #666;
}
.form-control.ignore-disabled[disabled],
.form-control.ignore-disabled[readonly],
fieldset.ignore-disabled[disabled] .form-control.ignore-disabled,
.bootstrap-select.btn-group.ignore-disabled > .disabled,
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #000;
    display: block;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.profile .form-field {
    padding: 0 !important;
}
.profile .form-field > input,
.profile .form-field > select {
    width: 60%;
}
.form-field .selectpicker {
    font-size: 14px;
    margin: 0;
    padding: 3px 24px 3px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
label.required:after,
h3.required:after {
    content: "*";
    color: red;
}
.label-textarea {
    height: 200px;
}
.input-group {
    padding: 5px 0;
}
.input-group-addon {
    background-color: #ffffff;
    border: none;
    padding: 20px 0px;
    text-align: left;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon-icon,
.input-group-lg > .input-group-btn > .btn {
    height: 48px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon-icon,
select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon-icon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon-icon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon-icon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon-icon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon-icon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon-icon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}
.input-group-addon-icon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}
.input-group-addon-icon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.select-form button {
    border-radius: 0;
    box-shadow: none;
    color: #000;
}
.input-group-addon-icon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon-icon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #efefef;
    border: 1px solid #DCDCDC;
}
.input-group-addon-icon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}
.input-group-addon-icon.input-lg {
    padding: 10px 16px;
    font-size: 25px;
    border-radius: 6px;
}
.input[type="radio"],
.input[type="checkbox"] {}.table > tbody > tr > th {
    font-weight: 400;
    color: #58585B;
}
.checkbox-container {
    width: 100%;
    height: 30px;
    padding: 0 0 0 10px;
    margin: 5px 0 23px 0;
    border-radius: 3px;
}
.checkbox-container label {
    float: left;
    padding: 0;
    margin-top: 2px;
}
.checkbox-container label .checkBoxTitle {
    font-family: 'Open Sans', sans-serif;
    color: #58585B;
    font-size: 10.5px/14px;
    font-weight: 400;
}
.newCheck[type="checkbox"]:not(:checked),
.newCheck[type="checkbox"]:checked {
    position: absolute;
}
.newCheck[type="checkbox"]:not(:checked) + label,
.newCheck[type="checkbox"]:checked + label {
    width: 250px;
    position: absolute;
    cursor: pointer;
}
.newCheck[type="checkbox"]:not(:checked) + label:before,
.newCheck[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #DCDCDC;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1), 0px 0px 2px #DCDCDC
}
.newCheck[type="checkbox"]:not(:checked) + label:after,
.newCheck[type="checkbox"]:checked + label:after {
    content: '\f00c';
    font-family: FontAwesome;
    padding-right: 5px;
    position: absolute;
    top: -8px;
    left: 0;
    font-size: 20px;
    color: #DCDCDC;
}
.newCheck[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
.newCheck[type="checkbox"]:checked + label:after {
    opacity: 1;
}
.newCheck[type="checkbox"]:checked + label span,
.newCheck[type="checkbox"]:not(:checked) + label span {
    position: absolute;
    left: 25px;
}
.btn-sm,
.btn-group-sm > .btn {
    border-radius: 6px;
}
a {
    text-decoration: none;
    color: #3463af:
}
.form-field {
    padding: 3px;
}
.form-field:nth-child(2n) {
    background-color: #f9f9f9;
}
.form-field .alert-danger {
    margin: 5px 0 !important;
    padding: 5px 10px !important;
}
.panel-group .form-field {
    background: white none repeat scroll 0 0 !important;
}
.form-field label {
    width: 40%;
}

.col-md-8 .form-control {
    width: 60%;
}

.form-field label.full-width,
.form-field input.full-width{
    width: 100%;
}

.form-field label,
.form-field span {
    font-weight: normal;
    padding: 6px 12px;
    float: left;
    display: table;
}
.form-field .popover span {
    float: none !important;
    padding: 0 !important;
}
.form-group label {
    font-weight: normal;
}
.form-field span.caret {
    padding: 0;
    float: none;
}
.form-field .select-default span {
    float: none;
    padding: 0;
}
.form-field .select-default button span.filter-option {
    padding: 3px;
}
div.form-field-value {
    /* container */
    
    padding: 3px;
    float: left;
    width: 60%;
}
div.form-field-value input {
    float: left;
}
.form-field-value input[type='radio'] {
    float: none;
    width: auto !important;
    margin: 0 10px;
}
.marginbottom {
    margin-bottom: 15px !important;
}
.margintop {
    margin-top: 15px !important;
}
/********************/
/* Footer */
/********************/
/* Set the fixed height of the footer here */

footer {
    width: 100%;
    height: 78px;
    font-size: 9pt/13px;
    background-color: #efefef;
    border-top: #a8a8a8 solid 1px;
}
footer p,
footer img {
    padding: 10px 0;
}
footer p {
    padding-top: 25px;
}
.footer-links {
    padding: 22px 0;
}
footer a {
    color: #231F20;
    font-size: 9pt/13px;
}
footer a:after {
    color: #a8a8a8;
}
footer > p {
    font-size: 9pt/13px;
}
footer .logo {
    float: right;
}
footer .logo-container {
    margin-top: 10px;
    background-size: 90%;
}
footer .tc-logo-container img {
    max-width: 200px;
}
/* Generic */

.seperater {
    border-top: 1px solid #DCDCDC;
    margin-top: 5px;
    padding-bottom: 10px;
}
/**********************/
/* Align Vertical */
/**********************/

.v-align {
    padding: 2.5% 0;
}
.v-align-log {
    padding: 20% 0;
}
.v-container {
    padding-top: 8px;
    position: relative
}
.v-container p,
.v-container > li,
.v-container >button {
    margin: 0;
    /* 2 */
    
    top: 50%;
    /* 3 */
    
    transform: translate(0, -30%);
    /* 4 */
}
.extra-padding-log {
    padding-bottom: 45px;
}
/**********************/
/* Tables

/**********************/
/* notifications on dashboard */

.table-messages .date {
    width: 35%;
}
.table-default > tfoot {
    font-weight: 600;
}
.table-default {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
}
.table-default > thead > tr > th,
.table-default > tbody > tr > th,
.table-default > tfoot > tr > th,
.table-default > thead > tr > td,
.table-default > tbody > tr > td,
.table-default > tfoot > tr > td {
    line-height: 1.42857143;
    vertical-align: middle;
}
.table-default > thead > tr > th {
    border-bottom: 1px solid #3463af;
    background-color: #efefef;
    vertical-align: bottom;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
/*
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 7px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 1px solid #ffffff;
	border-right: 3px solid #fff;
}
*/

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-right: 3px solid #fff;
}
.table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 2px solid #ffffff;
}
.table-compact > thead > tr > th,
.table-compact > tbody > tr > th,
.table-compact > tfoot > tr > th,
.table-compact > thead > tr > td,
.table-compact > tbody > tr > td,
.table-compact > tfoot > tr > td {
    padding: 4px;
}
/* Error labels */

.has-error .show_alert {
    margin: 0;
    padding: 4px 7px;
    margin-top: 4px;
    font-size: 95%;
}
.has-error .show_alert:before {
    content: "!";
    width: 18px;
    font-weight: 600;
    text-align: center;
    margin-right: 6px;
    background: #a94442;
    color: #fff;
    display: inline-block;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}
.has-error .glyphicon {
    margin-right: 5px;
    padding: 0;
}
/* show_alerts */

.show_alert {
    margin-bottom: 10px;
    padding: 10px 30px 10px 10px;
}
/*=======

[Custom buttons]*/

.glyphicons-2x {
    border: #066;
    font-size: 60px;
}
/* Dashboard */

.shortcut_undefined {
    margin-top: 40px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.dashboard h2,
.h2 {
    font-size: 25px;
}
.dashboard h3 {
    border: 0;
    font-weight: normal;
    font-size: 17px;
    margin: 0;
    padding: 0;
}
.shortcut_undefined h2 {
    color: #a8a8a8;
    font-size: 16px;
}
.client-logo {
    text-align: center;
}
.client-logo img {
    margin: 0 auto;
    max-width: 300px;
    max-height: 150px;
}
.nopadding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.table-default > thead > tr > th {
    background-color: #FFF;
    border-top: #FFF !important;
    color: #3463af;
}
/*Sticky Footer*/
/* Wrapper for page content to push down footer */

.wrapper {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    
    margin: 0 auto -78px;
    /* Pad bottom by footer height */
    
    padding: 0 0 78px;
}
/* Tables - Sortable */

.ta.table-sortable thead th {
    padding: 0 !important;
}
.table-sortable thead .sorting_asc a,
.table-sortable thead .sorting_desc a,
.table-sortable thead .sorting a {
    cursor: pointer;
    *cursor: hand;
    display: block;
    padding: 10px 18px 6px 18px;
}
.table-sortable thead .sorting_asc a:hover,
.table-sortable thead .sorting_desc a:hover,
.table-sortable thead .sorting a:hover {
    background-color: #f9f9f9;
    text-decoration: none;
}
.table-sortable thead .sorting a:after {
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    
    content: "\e150";
    color: #bbb;
    padding-left: 10px;
}
.table-sortable thead .sorting_asc a:after {
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    
    content: "\e114";
    color: #3463af;
    padding-left: 10px;
}
.table-sortable thead .sorting_desc a:after {
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    
    content: "\e113";
    color: #3463af;
    padding-left: 10px;
}
.table-sortable tbody tr {
    background-color: white;
}
.table-sortable tbody tr.selected {
    background-color: #b0bed9;
}
.table-sortable tbody th,
.table-sortable tbody td {
    padding: 8px 10px;
}
.table-sortable.row-border tbody th,
.table-sortable.row-border tbody td,
.table-sortable.display tbody th,
.table-sortable.display tbody td {
    border-top: 1px solid #dddddd;
}
.table-sortable.row-border tbody tr:first-child th,
.table-sortable.row-border tbody tr:first-child td,
.table-sortable.display tbody tr:first-child th,
.table-sortable.display tbody tr:first-child td {
    border-top: none;
}
.table-sortable.cell-border tbody tr:first-child th,
.table-sortable.cell-border tbody tr:first-child td {
    border-top: none;
}
.table-sortable.stripe tbody tr.odd,
.table-sortable.display tbody tr.odd {
    background-color: #f9f9f9;
}
.table-sortable.stripe tbody tr.odd.selected,
.table-sortable.display tbody tr.odd.selected {
    background-color: #abb9d3;
}
.table-sortable.hover tbody tr:hover,
.table-sortable.hover tbody tr.odd:hover,
.table-sortable.hover tbody tr.even:hover,
.table-sortable.display tbody tr:hover,
.table-sortable.display tbody tr.odd:hover,
.table-sortable.display tbody tr.even:hover {
    background-color: whitesmoke;
}
.table-sortable.hover tbody tr:hover.selected,
.table-sortable.hover tbody tr.odd:hover.selected,
.table-sortable.hover tbody tr.even:hover.selected,
.table-sortable.display tbody tr:hover.selected,
.table-sortable.display tbody tr.odd:hover.selected,
.table-sortable.display tbody tr.even:hover.selected {
    background-color: #a9b7d1;
}
.table-sortable.order-column tbody tr > .sorting_1,
.table-sortable.order-column tbody tr > .sorting_2,
.table-sortable.order-column tbody tr > .sorting_3,
.table-sortable.display tbody tr > .sorting_1,
.table-sortable.display tbody tr > .sorting_2,
.table-sortable.display tbody tr > .sorting_3 {
    background-color: #f9f9f9;
}
.table-sortable.order-column tbody tr.selected > .sorting_1,
.table-sortable.order-column tbody tr.selected > .sorting_2,
.table-sortable.order-column tbody tr.selected > .sorting_3,
.table-sortable.display tbody tr.selected > .sorting_1,
.table-sortable.display tbody tr.selected > .sorting_2,
.table-sortable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4;
}
.table-sortable.display tbody tr.odd > .sorting_1,
.table-sortable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1;
}
.table-sortable.display tbody tr.odd > .sorting_2,
.table-sortable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3;
}
.table-sortable.display tbody tr.odd > .sorting_3,
.table-sortable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke;
}
.table-sortable.display tbody tr.odd.selected > .sorting_1,
.table-sortable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd;
}
.table-sortable.display tbody tr.odd.selected > .sorting_2,
.table-sortable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce;
}
.table-sortable.display tbody tr.odd.selected > .sorting_3,
.table-sortable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0;
}
.table-sortable.display tbody tr.even > .sorting_1,
.table-sortable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9;
}
.table-sortable.display tbody tr.even > .sorting_2,
.table-sortable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb;
}
.table-sortable.display tbody tr.even > .sorting_3,
.table-sortable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd;
}
.table-sortable.display tbody tr.even.selected > .sorting_1,
.table-sortable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4;
}
.table-sortable.display tbody tr.even.selected > .sorting_2,
.table-sortable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6;
}
.table-sortable.display tbody tr.even.selected > .sorting_3,
.table-sortable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8;
}
.table-sortable.display tbody tr:hover > .sorting_1,
.table-sortable.display tbody tr.odd:hover > .sorting_1,
.table-sortable.display tbody tr.even:hover > .sorting_1,
.table-sortable.order-column.hover tbody tr:hover > .sorting_1,
.table-sortable.order-column.hover tbody tr.odd:hover > .sorting_1,
.table-sortable.order-column.hover tbody tr.even:hover > .sorting_1 {
    background-color: #eaeaea;
}
.table-sortable.display tbody tr:hover > .sorting_2,
.table-sortable.display tbody tr.odd:hover > .sorting_2,
.table-sortable.display tbody tr.even:hover > .sorting_2,
.table-sortable.order-column.hover tbody tr:hover > .sorting_2,
.table-sortable.order-column.hover tbody tr.odd:hover > .sorting_2,
.table-sortable.order-column.hover tbody tr.even:hover > .sorting_2 {
    background-color: #ebebeb;
}
.table-sortable.display tbody tr:hover > .sorting_3,
.table-sortable.display tbody tr.odd:hover > .sorting_3,
.table-sortable.display tbody tr.even:hover > .sorting_3,
.table-sortable.order-column.hover tbody tr:hover > .sorting_3,
.table-sortable.order-column.hover tbody tr.odd:hover > .sorting_3,
.table-sortable.order-column.hover tbody tr.even:hover > .sorting_3 {
    background-color: #eeeeee;
}
.table-sortable.display tbody tr:hover.selected > .sorting_1,
.table-sortable.display tbody tr.odd:hover.selected > .sorting_1,
.table-sortable.display tbody tr.even:hover.selected > .sorting_1,
.table-sortable.order-column.hover tbody tr:hover.selected > .sorting_1,
.table-sortable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
.table-sortable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
    background-color: #a1aec7;
}
.table-sortable.display tbody tr:hover.selected > .sorting_2,
.table-sortable.display tbody tr.odd:hover.selected > .sorting_2,
.table-sortable.display tbody tr.even:hover.selected > .sorting_2,
.table-sortable.order-column.hover tbody tr:hover.selected > .sorting_2,
.table-sortable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
.table-sortable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
    background-color: #a2afc8;
}
.table-sortable.display tbody tr:hover.selected > .sorting_3,
.table-sortable.display tbody tr.odd:hover.selected > .sorting_3,
.table-sortable.display tbody tr.even:hover.selected > .sorting_3,
.table-sortable.order-column.hover tbody tr:hover.selected > .sorting_3,
.table-sortable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
.table-sortable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
    background-color: #a4b2cb;
}
.table-sortable.no-footer {
    border-bottom: 1px solid #111111;
}
.table-sortable.nowrap th,
.table-sortable.nowrap td {
    white-space: nowrap;
}
.table-sortable.compact thead th,
.table-sortable.compact thead td {
    padding: 5px 9px;
}
.table-sortable.compact tfoot th,
.table-sortable.compact tfoot td {
    padding: 5px 9px 3px 9px;
}
.table-sortable.compact tbody th,
.table-sortable.compact tbody td {
    padding: 4px 5px;
}
.table-sortable th.dt-left,
.table-sortable td.dt-left {
    text-align: left;
}
.table-sortable th.dt-center,
.table-sortable td.dt-center,
.table-sortable td.dataTables_empty {
    text-align: center;
}
.table-sortable th.dt-right,
.table-sortable td.dt-right {
    text-align: right;
}
.table-sortable th.dt-justify,
.table-sortable td.dt-justify {
    text-align: justify;
}
.table-sortable th.dt-nowrap,
.table-sortable td.dt-nowrap {
    white-space: nowrap;
}
.table-sortable thead th.dt-head-left,
.table-sortable thead td.dt-head-left,
.table-sortable tfoot th.dt-head-left,
.table-sortable tfoot td.dt-head-left {
    text-align: left;
}
.table-sortable thead th.dt-head-center,
.table-sortable thead td.dt-head-center,
.table-sortable tfoot th.dt-head-center,
.table-sortable tfoot td.dt-head-center {
    text-align: center;
}
.table-sortable thead th.dt-head-right,
.table-sortable thead td.dt-head-right,
.table-sortable tfoot th.dt-head-right,
.table-sortable tfoot td.dt-head-right {
    text-align: right;
}
.table-sortable thead th.dt-head-justify,
.table-sortable thead td.dt-head-justify,
.table-sortable tfoot th.dt-head-justify,
.table-sortable tfoot td.dt-head-justify {
    text-align: justify;
}
.table-sortable thead th.dt-head-nowrap,
.table-sortable thead td.dt-head-nowrap,
.table-sortable tfoot th.dt-head-nowrap,
.table-sortable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}
.table-sortable tbody th.dt-body-left,
.table-sortable tbody td.dt-body-left {
    text-align: left;
}
.table-sortable tbody th.dt-body-center,
.table-sortable tbody td.dt-body-center {
    text-align: center;
}
.table-sortable tbody th.dt-body-right,
.table-sortable tbody td.dt-body-right {
    text-align: right;
}
.table-sortable tbody th.dt-body-justify,
.table-sortable tbody td.dt-body-justify {
    text-align: justify;
}
.table-sortable tbody th.dt-body-nowrap,
.table-sortable tbody td.dt-body-nowrap {
    white-space: nowrap;
}
.table-sortable,
.table-sortable th,
.table-sortable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/*
 * Control feature layout
 */

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}
.dataTables_wrapper .limit_select {
    float: left;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
}
.dataTables_wrapper .table-sortable-info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333333 !important;
    border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333333 !important;
    border: 1px solid #cacaca;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
    /* FF3.6+ */
    
    background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
    /* IE10+ */
    
    background: -o-linear-gradient(top, white 0%, gainsboro 100%);
    /* Opera 11.10+ */
    
    background: linear-gradient(to bottom, white 0%, gainsboro 100%);
    /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
    /* FF3.6+ */
    
    background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
    /* IE10+ */
    
    background: -o-linear-gradient(top, #585858 0%, #111111 100%);
    /* Opera 11.10+ */
    
    background: linear-gradient(to bottom, #585858 0%, #111111 100%);
    /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* FF3.6+ */
    
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* IE10+ */
    
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Opera 11.10+ */
    
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    /* W3C */
    
    box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
}
.dataTables_wrapper .limit_select,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .table-sortable-info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
    clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none;
}
.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

/* Messages */

.message-date {
    font-size: 110%;
    font-style: italic;
    margin-top: -15px;
}
/* Hiding unfinished components */

.faq {
    display: none !important;
}
.panel-heading .accordion-toggle:before {
    /* symbol for "opening" panels */
    
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    
    content: "\e114";
    / color: #3463af;
    padding-right: 10px;
}
.panel-heading .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    
    content: "\e080";
}
div.panel-campaigns .panel-title a {
    color: #ffffff;
}
div.panel-collapse {
    border: 1px solid eee;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
.panel-heading-primary {
    background: #3463af !important;
    color: #ffffff !important;
}
.panel-heading-primary .accordion-toggle:before {
    color: #fffff;
}
.panel-heading-primary a {
    color: #eee !important;
}
td.emphasis {
    font-weight: bold;
}
.nav-tabs-sep {
    top: 0 !important;
    position: inherit !important;
    margin-top: inherit !important;
}
.nav-tabs-sep > li {
    border-bottom: 1px solid #ddd;
    margin: 0;
}
.tab-content-sep {
    border: 1px solid #ddd !important;
    border-top: none !important;
    padding: 10px;
}
.nav-tabs-sep > li.active {
    border: 0 !important;
}
/********************
/********************
/********************
STORE PROFILE PLUGIN
/********************
/********************
/********************

@charset "utf-8";
/*! Swatches:
White:#FFFFFF
Purple: #3463af 
Grey: #58585B
Medium Grey: #a8a8a8
Light Grey1:#efefef
Light Grey2 (lines): #DCDCDC
Black:#231F20
*/

#re-container {
    display: block;
    float: left;
    width: 100%;
}
/* Grey multi-store bar */

.multi-store-nav {
    padding: 3px 0 !important;
    background-color: #DCDCDC;
    border: 1px solid #fff;
    box-shadow: 0 0 1px #aaa;
}
.multi-store-nav form {
    margin: 0;
}
.multi-store-nav .view-str-ls {
    margin-left: 6px;
    float: right;
    /* remove this when search enabled */
}
.image-section {
    float: left;
    width: 30%;
    margin: 10px 20px 10px 0;
}
.store-profile .client-logo > img,
.store-profile .store-image > img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.store-image {
    height: 150px;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}
#re-container .store-image {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    float: left;
    display: block;
    border: solid #DCDCDC 1px;
}
.btnmargin {
    margin-top: 21px !important;
}
#re-container .store-map {
    width: 30%;
    height: 260px;
    margin: 10px;
    float: left;
    display: block;
    border: solid #000 1px;
}
#re-container td strong {
    color: #000;
}
td.date {
    color: #666666;
}
.btn-margin {
    margin: 0 3px;
}
.store-profile label {
    color: #666666;
    font-weight: 100;
}
table.table-notifications th.date {
    width: 200px;
}
.store-details {
    margin: 10px;
    width: 30%;
    float: left;
    display: block;
    padding: 15px 20px 0 20px;
}
.shaded-section {
    background-color: #efefef;
}
.attribute {
    padding: 5px 0;
    margin: 5px 0;
}
.store-details-sm {
    border-spacing: 1px;
    font-size: 14px;
    display: table-row;
}
.store-details-sm label {
    float: left;
}
.store-details-sm div.data {
    margin-left: 150px;
}
#notifications {
    width: 100%;
    float: left;
}
.dropdown-menu .inactive {
    color: #ccc;
}
.active-store {
    padding: 8px;
    float: left;
}
/* navigation */

.retail-nav-container {
    padding: 0;
}
.retail-nav {
    float: right;
    margin-bottom: 25px;
    margin-top: 10px;
}
.retail-nav li {
    float: left;
    list-style: none;
    margin: 15px 10px 5px 0;
}
.retail-nav li a {
    text-decoration: none;
    color: #58585B;
    padding: 10px 15px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}
.retail-nav li a:hover {
    background-color: #58585B;
    color: #fff;
}
.retail-nav li a.active,
.retail-nav li a.active:hover {
    color: #FFFFFF !important;
    background-color: #3463af;
}
.store-select,
.store-search {
    width: auto !important;
    float: left;
}
.store-search {
    background: url('../images/magnifying-glass.png') no-repeat right top #FFF;
    width: 200px;
    display: none !important;
    /* hiding search since functionality not built yet */
}
.nopadding {
    padding: 0 !important;
}
.nomargin {
    margin: 0 !important;
}
.btn.store {
    box-shadow: none;
    background-color: #FFF;
    color: #3463af;
    border: 0;
    padding-right: 1.2em !important;
    font-weight: bold;
}
.store-attribute .form-control {
    margin-right: 5px;
    width: 90%;
}
.google-map > img {
    width: 100%;
}


/********************
/********************
/********************
REPORTING PLUGIN
/********************
/********************
/********************
*/

.reporting th.delete {
    width: 25px;
}
.reporting th.id {
    width: 90px;
}
.reporting th.dateCreated {
    width: 120px;
}
.reporting table ul {
    margin: 0;
}
/********************
/********************
/********************
ORDERS PLUGIN
/********************
/********************
/********************
*/

.btn-form {
    margin-top: 5px;
    padding: 3px 5px;
}
.glyphicon-square {
    background-color: orange;
    border-right: 2px solid white;
    color: #ffffff;
    display: inline-table;
    line-height: 1.9em;
    text-align: center;
    width: 27px;
}
.glyphicon-tooltip {
    color: #767676;
    font-size: 110%;
}
* {
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}
.container-orders {
    padding-top: 20px;
}
.orders .multi-store-nav {
    clear: both;
    margin-bottom: 50px;
}
.multistore .orders-nav {
    float: right;
}
.orders h1 {
    margin: 0;
}
.cart,
.cart-empty {
    border: 1px solid #ffffff;
    cursor: pointer;
    height: 40px;
    padding: 0;
    background: url(images/cart-icon.png) no-repeat 20px center #e4e5e6;
    margin-top: -60px;
    position: relative;
    right: 0;
}
.multistore .cart,
.multistore .cart-empty {
    margin-top: -155px;
}
.cart:hover {
    background-color: #ffffff;
    border: 1px solid #e4e5e6;
}
.cart:hover > .products {
    border-left: 1px solid #e4e5e6;
}
.cart:hover .popup {
    animation-direction: normal;
    animation-duration: 200ms;
    animation-name: show-popup;
    animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.cart-title {
    font-weight: bold;
    padding-right: 5px;
}
.cart-empty .caret {
    display: none;
}
.cart-empty {
    color: grey;
    cursor: default;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.products {
    border-left: 1px solid #fff;
    display: block;
    height: 40px;
    line-height: 2.5em;
    padding: 0 20px;
    margin-left: 50px;
}
.popup {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cbcbcb;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    margin-left: -190px;
    margin-top: 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 400px;
    z-index: 999;
}
.popup:after {
    content: " ";
    height: 30px;
    position: absolute;
    top: -30px;
    width: 100%;
}
.popup:before {
    background: none repeat scroll 0 0 #e4e5e6;
    border-right: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.2);
    content: " ";
    height: 16px;
    left: 210px;
    position: absolute;
    top: -9px;
    transform: rotate(-45deg);
    width: 16px;
}
.cart-row {
    overflow: hidden;
    padding: 15px 20px;
}
.cart-row.header {
    background: #e4e5e6;
    box-shadow: 0 1px 0 0 rgba(203, 203, 203, 0.75);
    color: #747474;
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
}
.cart-row.items {
    color: #3463af;
    position: relative;
}
.cart-row.items span:first-child {
    color: #000000;
}
.cart-row.items:after {
    background-image: linear-gradient(to right, #ffffff 0%, #dddddd 50%, #ffffff 100%);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 97%;
    width: 100%;
}
.cart-row.checkout {
    font: 12px Arial;
}
.cart-row.checkout span:first-child {
    padding: 3px 0;
}
.cart-row.checkout a {
    text-decoration: none !important;
}
.cart-row.checkout a:hover {
    text-decoration: underline;
}
.cart-row span.item-name {
    float: left;
    max-width: 100px;
}
.cart-row span.item-qty {
    float: right;
}
.cart-row span.item-amt {
    floaT: right;
    margin-right: 40px;
}
.cart-row-container {
    max-height: 200px;
    overflow: scroll;
}
.checkout-spacer {
    height: 35px;
}
.shipping .form-field,
.billing .form-field {
    padding: 0 !important;
}
.shipping .form-field > input,
.billing .form-field > input,
.shipping .form-field > select,
.billing .form-field > select {
    width: 60%;
}
/* items table */

#btn_vc_checkout {
    margin-bottom: 20px;
}
#items-form td label.error {
    color: red;
    font-size: 90%;
}
.item-status-icon.status-backorder,
.item-status-icon.status-inactive {
    color: red;
}
.item-status-icon.status-ok {
    color: green;
}
.item-status-icon.status-hold {
    color: orange;
}
.item-UnitOfIssue,
.item-GrossQty {
    width: 45px;
}
.item-InventoryCode {
    width: 140px;
}
.item-InventoryCode {
    width: 225px;
}
.item-ItemStatus {
    width: 10px;
}
th.item-Qty,
td.item-Qty {
    width: 55px;
    padding-right: 10px;
}
.item-ItemNumber,
.item-ItemCode {
    width: 80px;
}
.item-Delete,
.item-Price {
    width: 60px;
}
td.item-Delete {
    text-align: center;
}
.item-Delete input[type=checkbox] {
    /* Double-sized Checkboxes */
    
    -ms-transform: scale(1.5);
    /* IE */
    
    -moz-transform: scale(1.5);
    /* FF */
    
    -webkit-transform: scale(1.5);
    /* Safari and Chrome */
    
    -o-transform: scale(1.5);
    /* Opera */
    
    padding: 10px;
}
.items-list {
    font-size: 90%;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    color: #000000;
}
input.item-Qty {
    width: 60px;
}
.readonly input,
.readonly textarea {
    background: none;
    border: none;
}
/* navigation */

.orders-nav li {
    float: left;
    list-style: none;
    margin: 0 10px 20px 0;
}
.orders-nav li a,
.orders-nav li input{
    background: none;
    border: none;
    text-decoration: none;
    color: #58585B;
    padding: 10px 15px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.orders-nav li input {
  margin-top: -20px !important;
}

.orders .wizard-steps-container {
    margin-top: -38px;
}
.orders .wizard-steps-container {
    top: -10px;
    position: relative;
}
/* Add extra space since this view shows grey multi-store bar */

.multistore .wizard-steps-container {
    margin-top: 10px;
}
.shipping-billing .show_alert {
    position: inherit !important;
    top: 0;
}
#form-checkout #order-print {
    float: right;
    margin-left: 15px;
    margin-top: 50px;
}
/* Check out shipping/billing */

input.postal {
    width: 80px;
}
.shipping-billing label {
    float: left;
    width: 150px;
}
.ShippingMethod textarea {
    width: 330px;
}
.shipping-billing input.postal {
    width: 100px;
}
.shipping-billing input.phone {
    width: 130px;
}
.shipping-billing .form-field {
    clear: both;
}
.shipping-billing .autow {
    width: auto;
}
.order-conf .form-field > span {
    display: table-cell;
}
.shipping-billing .field-row div {
    margin-left: 180px;
}
/* Overall CSS to update */

.show_alert {
    clear: both;
}
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    border-top: 1px solid #3463af;
    padding: 10px 18px 6px;
}
.table > thead > tr > th,
.table > thead > tr > td {
    border-bottom: 1px solid #3463af;
    padding: 10px 18px 6px;
}
input.nofloat {
    float: none !important;
}
pre {
    display: inline-block !important;
    width: 100%;
}
div.loading {
    margin: 50px 0;
    padding-top: 40px;
    background: url(images/ajax-loader.gif) top center no-repeat;
    width: 100%;
    height: 50px;
    text-align: center;
}
span.loading-icon {
    background: url(images/ajax-loader.gif) top center no-repeat;
    width: 50px;
    text-indent: -99999px;
    height: 50px;
}
.wizard-step a {
    color: #999999;
    display: block;
    padding: 5px !important;
}
.wizard-step button {
    padding: .5em 1em !important;
    font-size: 1em !important;
    line-height: 1em !important;
    margin-bottom: 0 !important
}
.shipping-package {
    border: 1px solid #ccc;
    background: #f9f9f9 !important;
}
.order-details .form-field label {
    width: 200px;
}
textarea.item-InventoryCode,
textarea.item-Description {
    width: 100%;
}
.order-history {
    margin-top: 25px;
}
.date-range-to {
    line-height: 2.5em;
    text-align: center;
}
/**********/
/* paging */
/**********/

.limit_select label {
    line-height: 2.4em;
    float: left;
}
.limit_select form {
    margin: 0 5px;
}
.records-data p {
    color: #58585b;
    font-size: 90%;
    line-height: 2.5em;
    margin: 0;
    padding: 0;
}
.margin-top {
    margin-top: 15px;
}
.paging-data-container {
    border-bottom: 1px solid #eee;
    font-size: 13px;
    padding: 5px 20px;
}
.paging-data-container .selectpicker {
    font-size: 13px;
}
.help-block {
    float: none !important;
    margin-left: 200px !important;
    padding: 0 !important;
}
/***************/
/* thumbnails */
/***************/

td.item-AddToCart {
    text-align: center;
    width: 70px;
}
td.item-ProductThumbnail {
    width: 240px;
}
.table-default > tbody > tr > td.item-ProductThumbnail {
    vertical-align: top !important;
}
span.inventory-code {
    background: none repeat scroll 0 0 #58585b;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0;
    padding: 3px 8px;
    z-index: 888;
}
img.small-thumbnail {
    display: block;
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto;
}
div.enlarge a.hoverImage:hover div.enlarge-img {
    z-index: 50;
    /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/
    
    cursor: pointer;
}
div.enlarge div.enlarge-img {
    zoom: 1;
    display: none;
    z-index: 99999;
    margin-left: 150px;
    position: absolute;
}
.fht-table-wrapper div.enlarge div.enlarge-img {
  
    margin-top: 0;
}
div.enlarge a.hoverImage:hover div.enlarge-img {
    display: block;
}
div.enlarge a div.enlarge-img img {
    margin-top: -220px;
    display: block;
    max-width: 450px;
    max-height: 250px;
    width: auto;
    height: auto;
}
div.enlarge .enlarge img {
    box-shadow: 0 0 19px -1px rgba(0, 0, 0, 0.75);
    width: 10px;
}
div.enlarge .enlarge-icon {
    background: none repeat scroll 0 0 #3463af;
    border-radius: 50%;
    color: #ffffff;
    font-size: 150%;
    height: 35px;
    padding: 3px 7px;
    width: 35px;
    -webkit-box-shadow: 0px 0px 1px -1px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 0px 1px -1px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 0px 1px -1px rgba(0, 0, 0, 0.55);
    margin-top: -50px;
    line-height: 1.5em;
}
.level2 {
    text-indent: 10px;
}
.level3 {
    text-indent: 25px;
}
.level4 {
    text-indent: 40px;
}
#search_category_text {
    background: none;
}
#search_category_text.search-loading {
    background: url(images/loading_animate.gif) no-repeat right;
}
.cat_results ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.cat_results {
    column-count: 2;
    column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
}
strong.cat_results {
    padding: 5px 0;
    position: relative;
    top: 5px;
}
/* credit card */

.form-control.identified {
    border-color: #2ecc71;
}
.form-control.identified:focus {
    border-color: #2ecc71;
    box-shadow: 0 0 .1875em #2ecc71;
}
.payment .card {
    display: block;
    margin-right: .375em;
    margin-top: -26px;
    width: 28px;
    height: 19px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjExMSw3Ni4yOTZjMCwyLjg0NCwyLjMwNSw1LjE0OCw1LjE0Nyw1LjE0OGg4MS44OTEgICAgYzIuODQxLDAsNS4xNDctMi4zMDUsNS4xNDctNS4xNDh2LTMyLjg5SDMuMTExVjc2LjI5NnogTTY5LjY3OSw1NS42OTdoMTUuOTE0djE1LjkxNEg2OS42NzlWNTUuNjk3eiBNOTAuMTQ5LDE3LjUwM0g4LjI1OCAgICBjLTIuODQyLDAtNS4xNDcsMi4zMDUtNS4xNDcsNS4xNDd2Ny42OTNoOTIuMTg2VjIyLjY1Qzk1LjI5NywxOS44MDgsOTIuOTksMTcuNTAzLDkwLjE0OSwxNy41MDN6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+) no-repeat center center;
    background-size: 100%;
}
.CCNumber.visa + .card {
    background: url('images/visa.png') no-repeat center center;
}
.CCNumber.amex + .card {
    background: url('images/amex.png') no-repeat center center;
}
.CCNumber.mastercard + .card {
    background: url('images/mastercard.png') no-repeat center center;
}
.CCNumber.diners + .card {
    background: url('images/diners.png') no-repeat center center;
}
.CCNumber.discover + .card {
    background: url('images/discover.png') no-repeat center center;
}
.checkout-estimate {
    margin-top: -45px;
}
.estimate-list .list-group-item {
    border: none;
}
.estimate-list .subtotal {
    border-top: 1px solid #eee !important;
}
.estimate-list .total {
    font-weight: bold;
    border-bottom: 4px double #eee !important;
    border-top: 2px solid #eee !important;
}
/* customize / catalog views */

.preview-panel {
    background-color: #f5f5f5;
    border-bottom: 3px solid #eeeeee;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    position: relative;
    text-align: center;
}
.preview-panel .preview-panel-content {
    padding: 30px 15px;
}

.preview-panel img {
  border: 1px solid #f5f5f5;
}
.preview-panel .preview-panel-content h4 {
    font-size: 25px;
    line-height: 20px;
    margin-top: 15px 0;
}
.preview-panel .preview-panel-content .btn {
    border-color: #eeeeee;
}

/*catalog view */
.pod-item {
    border: 1px solid #dddddd;
    display: block;
    height: auto;
    text-align: center;
    min-height: 290px;
}

.pod-item:hover {
    background: #f7f7f7;
}

.pod-item h4 {
    display: block;
    line-height: 18px;
    margin: 25px 0 0;
    max-height: 80px;
    min-height: 45px;
    overflow: hidden;
    padding: 0;
}
.pod-item h4 a {
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}
.pod-item .description p {
    color: #888888;
    font-size: 14px;
    line-height: 18px;
    max-height: 90px;
    min-height: 55px;
    overflow: hidden;
}

.pod-item .image img {
    padding: 10px 0 0;
    margin: 0 auto;
    max-height:150px;
    max-width: 150px;
    height: 150px;
    width: auto;
}


.pod-item .action-control {
    border: 0 none;
    display: block;
    height: auto;
    padding: 5px 0 15px;
    width: 100%;
}
.pod-item .action-control a {
    cursor: pointer;
}


/********************
/********************
/********************
USERS PLUGIN
/********************
/********************
/********************

@charset "utf-8";
/*! Swatches:
White:#FFFFFF
Grey: #58585B
Medium Grey: #a8a8a8
Light Grey1:#efefef
Light Grey2 (lines): #DCDCDC
Black:#231F20
*/
/* navigaiton */

.users-nav-container {
    padding: 0;
}
.users-nav {
    float: right;
    margin-bottom: 25px;
    margin-top: 10px;
}
.users-nav li {
    float: left;
    list-style: none;
    margin: 15px 10px 5px 0;
}
.users-nav li a {
    text-decoration: none;
    color: #58585B;
    padding: 10px 15px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}
.users-nav li a:hover {
    background-color: #58585B;
    color: #fff;
}
.users-nav li a.active,
.users-nav li a.active:hover {
    color: #FFFFFF !important;
    background-color: #3463af;
}
/********************
/********************
/********************
CAMPAIGN MANAGER PLUGIN
/********************
/********************
/********************

@charset "utf-8";
/*! Swatches:
White:#FFFFFF
Grey: #58585B
Medium Grey: #a8a8a8
Light Grey1:#efefef
Light Grey2 (lines): #DCDCDC
Black:#231F20
*/

#calendar {
    max-width: 900px;
    margin: 0 auto;
}
/*!
 * FullCalendar v2.2.3 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */

.fc {
    direction: ltr;
    text-align: left;
}
.fc-rtl {
    text-align: right;
}
body .fc {
    /* extra precedence to overcome jqui */
    
    font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
    border-color: #ddd;
}
.fc-unthemed .fc-popover {
    background-color: #fff;
}
.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
    background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
}
.fc-unthemed .fc-today {
    background: #fcf8e3;
}
.fc-highlight {
    /* when user is selecting cells */
    
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}
.fc-bgevent {
    /* default look for background events */
    
    background: rgb(143, 223, 130);
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}
.fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    
    background: #ccc;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
    display: inline-block;
    font-size: 2em;
    line-height: .5em;
    height: .5em;
    /* will make the total height 1em */
    
    font-family: "Courier New", Courier, monospace;
}
.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
}
.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
}
.fc-icon-left-double-arrow:after {
    content: "\000AB";
}
.fc-icon-right-double-arrow:after {
    content: "\000BB";
}
.fc-icon-x:after {
    content: "\000D7";
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
    /* force height to include the border and padding */
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* dimensions */
    
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    /* text & cursor */
    
    font-size: 1em;
    /* normalize */
    
    white-space: nowrap;
    cursor: pointer;
}
/* Firefox has an annoying inner border */

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
}
.fc-state-default {
    /* non-theme */
    
    border: 1px solid;
}
.fc-state-default.fc-corner-left {
    /* non-theme */
    
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
    /* non-theme */
    
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* icons in buttons */

.fc button .fc-icon {
    /* non-theme */
    
    position: relative;
    top: .05em;
    /* seems to be a good adjustment across browsers */
    
    margin: 0 .1em;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}
.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
    display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * {
    /* extra precedence b/c buttons have margin set to zero */
    
    float: left;
    margin: 0 0 0 -1px;
}
.fc .fc-button-group >:first-child {
    /* same */
    
    margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.fc-popover .fc-header {
    padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
    margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
    cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}
/* unthemed */

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: 25px;
    margin-top: 4px;
}
/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc hr {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    /* height is unreliable across browsers, so use padding */
    
    border-style: solid;
    border-width: 1px 0;
}
.fc-clear {
    clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
}
.fc-bg table {
    height: 100%;
    /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    /* normalize cross-browser */
}
.fc th {
    text-align: center;
}
.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}
.fc td.fc-today {
    border-style: double;
    /* overcome neighboring borders */
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row {
    /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    
    border-style: solid;
    border-width: 0;
}
.fc-row table {
    /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
    
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    
    border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
    border-top: 0 hidden transparent;
    /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
    position: relative;
}
.fc-row .fc-bg {
    z-index: 1;
}
/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0;
    /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%;
    /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
    border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
    z-index: 2;
}
.fc-row .fc-highlight-skeleton {
    z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px;
    /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
    z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    /* see-through to the background below */
    
    background: none;
    /* in case <td>s are globally styled */
    
    border-color: transparent;
    /* don't put a border between events and/or the day number */
    
    border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
/* cells with events inside (so NOT the day number cell) */

.fc-row .fc-helper-skeleton tbody td {
    /* don't put a border between event cells */
    
    border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
    /* this class goes on elements for guaranteed vertical scrollbars */
    
    overflow-y: scroll;
    overflow-x: hidden;
}
.fc-scroller > * {
    /* we expect an immediate inner element */
    
    position: relative;
    /* re-scope all positions */
    
    width: 100%;
    /* hack to force re-sizing this inner element when scrollbars appear/disappear */
    
    overflow: hidden;
    /* don't let negative margins or absolute positioning create further scroll */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
    position: relative;
    /* for resize handle and other inner positioning */
    
    display: block;
    /* make the <a> tag block */
    
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    /* default BORDER color */
    
    background-color: #3a87ad;
    /* default BACKGROUND color */
    
    font-weight: normal;
    /* undo jqui's ui-widget-header bold */
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #fff;
    /* default TEXT color */
    
    text-decoration: none;
    /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
    cursor: pointer;
    /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
/* causes a "warning" cursor. applied on body */

.fc-not-allowed .fc-event {
    /* to override an event's custom cursor */
    
    cursor: not-allowed;
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
    margin: 1px 2px 0;
    /* spacing between events and edges */
    
    padding: 0 1px;
}
a.fc-day-grid-event:hover {
    background: grey !important;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    /* replace the border with padding */
    
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    /* replace the border with padding */
    
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.fc-day-grid-event > .fc-content {
    /* force events to be one-line tall */
    
    white-space: nowrap;
    overflow: hidden;
}
.fc-day-grid-event .fc-time {
    font-weight: bold;
}
/* resize handle (outside of fc-content, so can go outside of bounds) */

.fc-day-grid-event .fc-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 7px;
}
.fc-ltr .fc-day-grid-event .fc-resizer {
    right: -3px;
    cursor: e-resize;
}
.fc-rtl .fc-day-grid-event .fc-resizer {
    left: -3px;
    cursor: w-resize;
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}
a.fc-more:hover {
    text-decoration: underline;
}
.fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    
    display: none;
}
/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
}
.fc-more-popover {
    z-index: 2;
    width: 220px;
}
.fc-more-popover .fc-event-container {
    padding: 10px;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
    text-align: center;
    margin-bottom: 1em;
}
.fc-toolbar .fc-left {
    float: left;
}
.fc-toolbar .fc-right {
    float: right;
}
.fc-toolbar .fc-center {
    display: inline-block;
}
/* the things within each left/right/center section */

.fc .fc-toolbar > * > * {
    /* extra precedence to override button border margins */
    
    float: left;
    margin-left: .75em;
}
/* the first thing within each left/center/right section */

.fc .fc-toolbar > * >:first-child {
    /* extra precedence to override button border margins */
    
    margin-left: 0;
}
/* title text */

.fc-toolbar h2 {
    margin: 0;
}
/* button layering (for border precedence) */

.fc-toolbar button {
    position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}
.fc-toolbar .fc-state-down {
    z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}
.fc-toolbar button:focus {
    z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    /*
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;*/
    /*sharai uncommented*/
}
.fc-view,
/* scope positioning and z-index's for everything within the view */

.fc-view > table {
    /* so dragged elements can be above the view's main element */
    
    position: relative;
    z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
/* makes calendar days same height */

.fc-content-skeleton table tbody {
    height: 125px;
}
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* we are sure there are no day numbers in these views, so... */
    
    padding-top: 1px;
    /* add a pixel to make sure there are 2px padding above events */
    
    padding-bottom: 1em;
    /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view tbody .fc-row {
    min-height: 4em;
    /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
    overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 0 2px;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
    padding-top: 2px;
    padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
    text-align: center;
}
.fc-basic-view .fc-week-number span {
    /* work around the way we do column resizing and ensure a minimum width */
    
    display: inline-block;
    min-width: 1.25em;
}
.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
}
.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left;
}
.fc-day-number.fc-other-month {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* for IE */
    /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
    /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em;
    /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 1px;
    /* add a pixel to make sure there are 2px padding above events */
    
    padding-bottom: 1em;
    /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis {
    /* .fc to overcome default cell styles */
    
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}
.fc-ltr .fc-axis {
    text-align: right;
}
.fc-rtl .fc-axis {
    text-align: left;
}
.ui-widget td.fc-axis {
    font-weight: normal;
    /* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container,
/* so scroll container's z-index is below all-day */

.fc-time-grid {
    /* so slats/bg/content/etc positions get scoped within here */
    
    position: relative;
    z-index: 1;
}
.fc-time-grid {
    min-height: 100%;
    /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
    /* don't put outer borders on slats/bg/content/etc */
    
    border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
    z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
    /* the <hr> AgendaView injects when grid is shorter than scroller */
    
    position: relative;
    z-index: 2;
}
.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.fc-time-grid .fc-bgevent-skeleton {
    z-index: 3;
}
.fc-time-grid .fc-highlight-skeleton {
    z-index: 4;
}
.fc-time-grid .fc-content-skeleton {
    z-index: 5;
}
.fc-time-grid .fc-helper-skeleton {
    z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-slats td {
    height: 1.5em;
    border-bottom: 0;
    /* each cell is responsible for its top border */
}
.fc-slats .fc-minor td {
    border-top-style: dotted;
}
.fc-slats .ui-widget-content {
    /* for jqui theme */
    
    background: none;
    /* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container {
    /* a div within a cell within the fc-highlight-skeleton */
    
    position: relative;
    /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
    /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container,
/* a div within a cell within the fc-content-skeleton */

.fc-time-grid .fc-bgevent-container {
    /* a div within a cell within the fc-bgevent-skeleton */
    
    position: relative;
}
.fc-ltr .fc-time-grid .fc-event-container {
    /* space on the sides of events for LTR (default) */
    
    margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
    /* space on the sides of events for RTL */
    
    margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
    /* background events always span full width */
    
    left: 0;
    right: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event.fc-not-start {
    /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.fc-time-grid-event.fc-not-end {
    /* replace space made by the top border with padding */
    
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.fc-time-grid-event {
    overflow: hidden;
    /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event > .fc-content {
    /* contains the time and title, but no bg and resizer */
    
    position: relative;
    z-index: 2;
    /* above the bg */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px;
}
.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}
.fc-time-grid-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
    /* for IE */
}
/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
    /* don't wrap to second line (now that contents will be inline) */
    
    white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    /* put the time and title on the same line */
    
    display: inline-block;
    vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
    display: none;
    /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start);
    /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0";
    /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    /* make the title text the same size as the time */
    
    padding: 0;
    /* undo padding from above */
}
/* resizer */

.fc-time-grid-event .fc-resizer {
    position: absolute;
    z-index: 3;
    /* above content */
    
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}
.fc-time-grid-event .fc-resizer:after {
    content: "=";
}
/* custom for TransPort
--------------------------------------------------------------------------------------------------*/

.fc-content {
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
}
.fc-start {
    margin-left: 15px;
}
.fc-end {
    margin-right: 15px;
}
.fc-event-container .shipped {
    background: #5bc0de;
    border: 1px solid #5bc0de;
}
.fc-event-container .inprogress {
    background: #777;
    border: 1px solid #777;
}
.fc-start.shipped {
    border-left: 7px solid #0096c3;
}
.fc-end.shipped {
    border-right: 7px solid #0096c3;
}
.fc-start.inprogress {
    border-left: 7px solid #555B5B;
}
.fc-end.inprogress {
    border-right: 7px solid #555B5B;
}
.fc-week-number,
{
    border: 0 !important;
}
.fc th.fc-week-number {
    border-style: none !important;
    border-width: 0 !important;
}
.fc-content-skeleton table tbody {
    height: 100px;
}
.fc-week-number > span {
    color: #aaa;
}
.fc-time {
    display: none;
}
.cc-container {
    max-width: 900px;
    margin: 0 auto;
}
a.event-highlight,
a.fc-day-grid-event:hover {
    background: #58585b !important;
    border: 1px solid #58585b !important;
    ;
}
a.event-dim {
    filter: alpha(opacity=20);
    opacity: .2;
}
.qtip {
    max-width: 460px !important;
}
.qtip h2 {
    font-size: 20px !important;
    color: #3463af;
}
.qtip h2 span {
    width: 70%;
}
.qtip button {
    margin-right: 20px;
    margin-top: -10px;
}
.calendar-legend {
    margin-top: 20px;
}
.cc-container {
    padding-bottom: 15px;
}
a.fc-event:hover {
    background: grey;
    border: 1px solid #3463af !important;
    ;
}
@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}
/* animating loading icon */

.glyphicon-refresh-animate {
    -animation: spin 0.7s infinite linear 0s infinite;
    -webkit-animation: spin2 0.7s infinite linear 0s infinite;
}
#form_login .show_alert.show_alert-danger.inline {
    display: block;
    margin: 0;
}
.upload-photos {
    border: 2px solid #eee;
    float: left;
    margin-right: 10px;
    max-height: 150px;
    padding: 4px;
    width: auto !important;
}
/* Accordian form (Labatt / Tim Hortons )
--------------------------------------------------------------------------------------------------*/

form.form_accordian .alert.alert-danger {
    margin: 0 !important;
    padding: 5px;
}
form.form_accordian ul.thumbnails.image_picker_selector,
ul.thumbnails.image_picker_selector ul {
    overflow: auto;
    padding: 0;
    margin: 0;
    list-style: none
}
form.form_accordian ul.thumbnails.image_picker_selector li.group_title {
    float: none
}
ul.thumbnails.image_picker_selector li {
    margin: 0 12px 12px 0;
    float: left
}
form.form_accordian ul.thumbnails.image_picker_selector li .thumbnail {
    padding: 6px;
    border: 1px solid #ddd;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
form.form_accordian ul.thumbnails.image_picker_selector li .thumbnail img {
    -webkit-user-drag: none;
    height: 100px
}
form.form_accordian ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: #08c
}
.image_picker_selector .thumbnail.selected>p {
    color: #fff
}
form.form_accordian .thumbnail > p {
    text-align: center;
    white-space: pre-wrap;
}
form.form_accordian ul.thumbnails.image_picker_selector li {
    float: left;
    margin: 0 5px 1px 0;
}
form.form_accordian .small-select-img ul.thumbnails.image_picker_selector li .thumbnail img {
    height: 60px;
}
form.form_accordian label {
    font-weight: bold !important;
}
form.form_accordian label.radio-inline {
    font-weight: normal !important;
}
form.form_accordian .file-preview-image {
    height: 100px !important;
}
form.form_accordian .panel-group {
    margin: 0;
}
form.form_accordian .panel-title {
    color: #ffffff;
}
form.form_accordian ul.thumbnails.image_picker_selector li.unselectable {
    display: none !important;
}
form.form_accordian .continue,
form.form_accordian .previous {
    margin-right: 50px;
    width: 100px;
}
form.form_accordian hr {
    width: 100%;
}
form.form_accordian .form-alert .alert {
    display: inline;
    padding: 5px 10px;
    width: auto;
    margin: 5px 0;
}
form.form_accordian .form-alert .alert button {
    display: none;
}
form.form_accordian .col-sm-12 label,
form.form_accordian .col-sm-10 label,
form.form_accordian .col-sm-9 label,
form.form_accordian .col-sm-8 label {
    width: 20%;
}
form.form_accordian .col-sm-12 div.form-field-value,
form.form_accordian .col-sm-10 div.form-field-value,
form.form_accordian .col-sm-9 div.form-field-value,
.form.form_accordian col-sm-8 div.form-field-value {
    width: 80%;
}
form.form_accordian .form-field-value.full-width {
    width: 100% !important;
}



@media (min-width: 200px) {
    .nav-tabs {
        position: relative;
        top: 27px;
    }
    .nav-tabs > li {
        margin: 0 5px;
    }
    .nav-tabs > li > a {
        margin: 0;
    }
    .logo-container {
        background: url("images/TransPort Logo - Hor.png") no-repeat top center;
        width: 350px;
        height: 56px;
        margin: 0 auto;
    }
    .col-separator {
        border: none;
        padding: 0 40px;
        height: auto;
    }
    .main-dashboard {
        height: auto;
    }
    
    .navbar-default .navbar-nav > li > a {
        line-height: auto;
        padding: 12px 20px;
        border: none;
    }
    
    .nav.navbar-nav.navbgr {margin: 0;}
    
    .navbar-user-container {padding-top:5px;}
    
    .logo-container-client {
    display: block;
    margin: 0 auto !important;
    text-align: center;
  }
  
  .main-dashboard div {
  text-align: center;
}
    
}

@media (max-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
    
    .navbar-default .navbar-nav > li > a {
        border: none;
        text-align:center;
    }
    
    .admin-icon {display:none;}
    
    .navbar-user-container {float: none !important;}
    
    .navbar-user { float: left !important;}
    
    footer .logo {float: none !important;margin: 0 auto;}
    
   footer {height: auto !important;}
}

@media screen and (max-width: 640px) {
    
    .dataTables_wrapper .limit_select,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

@media (max-width: 767px) {
    
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
}

@media screen and (max-width: 767px) {
    
    .dataTables_wrapper .table-sortable-info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (min-width: 768px) {
    
    .logo-container-client {
    display: inline;
}

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }
    .carousel-indicators {
        bottom: 20px;
    }
}



@media (min-width: 768px) {
    .container {
        width: 750px;
    }

     .containertop {
        width: 550px;
    }

    .nav-tabs {
        position: relative;
        top: 27px;
    }
    .nav-tabs > li > a {
        border: none;
    }
    .navbar {
        border-radius: 4px;
    }
    .col-separator:last-child {
        border: 0;
    }

    .navbar-user {
        float: left;
    }
    
     .navbar-nav {
        float: left;
        margin: 0;
        padding: 0;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
    
    .navbar-toggle {
        display: none;
    }
    
      
    .navbar-default .navbar-nav > li > a {
        border-right: 1px solid #FFFFFF;
    }
    
    
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
        .container > .navbar-user,
    .container-fluid > .navbar-user,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    
      .navbar-static-top {
        border-radius: 0;
    }
      .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
    
    .store-profile .overview-main {
        height: auto;
    }
    .google-map {
        float: left;
    }
    
}


@media (min-width: 992px) {
    
    .container {
        width: 970px;
    }
    .navbar.navbar-default {
        /*height: 100px;*/
        height:57px;
    }
    
    .nav-tabs {
        position: absolute;
        margin-top: 14px;
        top: inherit;
    }
    .logo-container {
        background: url("/VpsImages/Skin1/VPSLogo.jpg") no-repeat top center;
        width: 250px;
        height: 80px;
        display: inline-block;
        vertical-align: bottom;
    }
    .col-separator {
        padding: 28px;
        border-right: 1px solid #DCDCDC;
        height: 100%;
    }
    .nav-tabs > li > a {
        display: block;
        padding: 7px 10px;
        position: relative;
        font-size: 16px;
        font-weight: normal;
    }
    .main-dashboard {
        height: 200px;
    }
    
      .store-profile .overview-main {
        height: 325px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
    .nav-tabs {
        position: absolute;
        margin-top: 22px;
        top: inherit;
    }
    .navbar-default .navbar-nav > li > a {
        line-height: 1.8em;
    }
    .logo-container {
        background: url("images/TransPort Logo - Hor.png") no-repeat top center;
        width: 350px;
        height: 56px;
        display: inline-block;
        vertical-align: bottom;
    }
    .nav > li > a {
        display: block;
        padding: 7px 15px;
        position: relative;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
