/* Minification failed. Returning unminified contents.
(1688,39): run-time error CSS1030: Expected identifier, found '.'
(1688,48): run-time error CSS1031: Expected selector, found ')'
(1688,48): run-time error CSS1025: Expected comma or open brace, found ')'
 */
* {
    margin: 0px;
    padding: 0px;
}

:required:not(:disabled) { background-color: #FEF9E7 !important }

.btn .caret {
    margin-left: 5px !important; /* Just a little more space away from the text. bottstrap css has this at 2px. */
}

.panel-group .panel {
    overflow: visible;
}


select option:disabled {
    background-color: lightgrey;
}

body.mvc-site #footer {
    margin-top: 0px !important; /* neg margin on footer causing calculation issues so removing for mvc part of the site */
}

.gutters-5 {
    padding-left: 5px;
    padding-right: 5px;
}

html {
    min-width: 995px;
}

html, form {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased !important;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0);*/
}

body {
	margin: 0px;
	height: 100%;
	background-color: rgb(255,255,255);
	font-family: Segoe UI,SegoeUI,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11.5px;
	overflow: auto;
}

body.mvc-site {
    overflow: hidden;
}

.float-wrap {
    /* 816 = <number of floats> * (<float width> + 2 * <float border width>) */
    width: 816px;
    border: 1px solid;
    /* causes .float-wrap's height to match its child divs */
    overflow: auto;
}

.left-floater {
    width: 100px;
    height: 100px;
    border: 1px solid;
    float: left;
}

.outer {
    overflow-x: scroll;
}

.body {
    width: 100%;
    height: 100%;
    background-color: #162438;
    margin: 0;
    padding: 0;
}

.button {
    margin: 5px;
    font-family: Calibri,Verdana,Arial;
    font-size: small;
}

.left-justified {
	text-align: left !important;
}


.padding-top-ten {
	padding-top: 10px;
}

.padding-top-six {
	padding-top: 6px;
}

.checkbox-wf-right-label
{
	display: inline-block;
	padding-top: 0px;
	position: relative;
	top: -20px;
}

.checkbox-wf-left-label
{
	display: inline-block;
	position: relative;
	top: 0px;
    margin-left: -20px;
}


.checkbox-wf-right-label > input
{
	display: inline-block;
	padding-top: 0px;
	position: relative;
	top: 20px;
}

.checkbox-wf-left-label > input
{
	display: inline-block;
	position: relative;
	top: 0px;
    margin-left: 10px;
	padding-top: 3px;
	padding-left: 4px;
}

.zero-right-padding
{
	padding-right: 0px;
}

.zero-left-padding
{
	padding-left: 0px;
}

body:not(.mvc-site) select {
    height: 30px !important;
    padding: 0px 6px !important;
}

/*cellspacing for html5*/
table {
    border-collapse: collapse;
    border-spacing: 0px;
}

/*cellpadding for html5*/
th, td {
    padding: 0px;
}

a img {
    border: 0;
}

a:link {
    text-decoration: none;
    color: #10A84A;
}

a:active {
    text-decoration: none;
    color: #10A84A;
}

a:hover {
    text-decoration: underline;
    color: #10A84A;
}

a:visited {
    text-decoration: none;
    color: #10A84A;
}

.screenBody {
    margin: 0 10px;
    clear: both;
}

.Invisible {
    display: none;
    /*	visibility:hidden; */
}

/* ----- Login-related items ----- */

#login {
    width: 453px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

#loginTitle {
	height: 59px;
	background-image: url(/Content/images/LoginTitleBar.png);
	font-size: 19px;
	font-weight: bold;
	font-family: Segoe UI,SegoeUI,Geneva,Arial,Helvetica,sans-serif;
	color: #ffffff;
	text-align: left;
	padding-left: 75px;
	border-radius: 4px;
}

#loginForm {
	padding: 10px;
	border-bottom: 1px solid #D1CBD0;
	border-left: 1px solid #D1CBD0;
	border-right: 1px solid #D1CBD0;
	font-size: 12px;
	font-family: Segoe UI,SegoeUI,Geneva,Arial,Helvetica,sans-serif;
}

.loginButton {
    border: solid 1px black;
    padding: 3px;
}

#loginFields {
	padding: 10px;
	border-bottom: 1px solid #D1CBD0;
	border-left: 1px solid #D1CBD0;
	border-right: 1px solid #D1CBD0;
	font-size: 12px;
	font-family: Segoe UI,SegoeUI,Geneva,Arial,Helvetica,sans-serif;
}

.loginError {
	color: red;
	font-size: 12px;
	font-family: Segoe UI,SegoeUI,Geneva,Arial,Helvetica,sans-serif;
}


/* ----- WaitDialog ----- */

#loader {
    width: 210px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #162438;
    background: #eeeeee;
    position: relative;
    padding: 6px;
}

#loader td {
    padding: 3px;
}

#loader p {
    margin: 0;
}

#loader img {
    float: left;
    margin-right: 12px;
}

#loader strong {
    display: block;
    margin-bottom: 3px;
}

#loaderContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
}

#loaderContainer td td {
    padding-top: 3px;
    text-align: left;
}

/* entire container, keeps perspective */
.flip-container {
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -webkit-perspective: 1000;
    perspective: 1000;
}
    /* flip the pane when hovered */
    /*.flip-container:hover .flipper, .flip-container.hover .flipper*/
    .flip-container.flip .flipper {
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

.flip-container, .front, .back {
    width: 453px;
    height: 256px;
}

/* flip speed goes here */
.flipper {
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
}

/* back, initially hidden pane */
.back {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* ----- Style and Layout ----- */
.noScroll {
    overflow: hidden !important;
}

.validationFail {
    color: red;
}

.orderButtons {
    margin: 5px 0px 5px 0px;
}

.pageTitle {
    font-family: Calibri;
    font-size: medium;
    font-weight: bold;
    -webkit-text-shadow: 2px 2px 2px #D1CBD0;
    text-shadow: 2px 2px 2px #D1CBD0;
}

.align-right {
    text-align: right;
}

p {
    text-align: left;
}
/* ----- Settings that affect sticky footer ----- */
.tableFooter {
    width: 100%;
    border-spacing: 0px;
    border: 0px;
    padding: 0px;
    background-color: #162438;
    height: 35px;
}

#wrap {
    height: 100%;
    min-height: 100%;
}
/*Sticky Footer Opera Fix*/
body:before { /* thanks to Maleika (Kohoutec)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}

#body {
    position: absolute;
    top: 84px;
    left: 10px;
    right: 10px;
    bottom: 45px;
    overflow: auto;
    /* padding-bottom: 35px;  must be bigger than the footer */
}

/* ----- End sticky footer section ----- */

/* ----- Sticky menu settings ----- */
.header {
    height: 35px;
    background: #162438;
    color: white;
    font-size: 14px;
    font-family: 'Segoe UI','Arial','Calibri';
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.header-account-link {
    font-weight: 700 !important;
}

.header-account-link:hover {
    text-decoration: none;
}

.nav {
    width: 100%;
    background: #162438;
}

.content {
    height: 1200px;
}
/* ----- End sticky menu section ----- */


.Copyright {
    font-size: 10px;
}

/* header */

.cv-header {
    padding: 15px 0 15px 0px;
}

.cv-header.authenticated {
    padding: 0px;
    color: white;
    background-color: #162438;
    height: 30px;
}

/* ----- Footer ------ */


.footer {
    height: 35px;
    padding: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

footer {
    font-size: 14px;
    padding-top: 30px;
    color: #999;
    position: relative;
    min-height: 20px;
    clear: both;
    -webkit-text-shadow: #121213 0 1px 0;
    text-shadow: #121213 0 1px 0;
}

    footer a {
        color: #999;
    }

    footer .section-title {
        color: #fff;
        padding-bottom: 6px;
        background: url(/Content/images/border.png) 0 100% repeat-x;
        border: none;
        -webkit-text-shadow: #0d0d0d 0 1px 1px;
        text-shadow: #0d0d0d 0 1px 1px;
        margin-top: 10px;
        margin-bottom: 18px;
        font-weight: normal;
        font-size: 16px;
        position: relative;
    }



    footer address .street-address {
        vertical-align: top;
        width: 92px;
    }

    footer address strong {
        color: #fff;
    }

    footer address ul {
        margin-left: 0px;
        padding: 0px;
    }

    footer address li {
        line-height: 20px;
        list-style-type: none;
        padding: 1px 0 5px;
    }

        footer address li i {
            padding-right: 10px;
        }

.copyright {
    min-height: 21px;
    border-top: #10A84A 1px solid;
    background: #10A84A;
    color: #fff;
    font-size: 11px;
    padding: 3px 0px 0px 0px;
    text-align: right;
    -webkit-text-shadow: none;
    text-shadow: none;
}

    .copyright > div > div > div:first-child {
        text-align: left;
    }

    .copyright a {
        color: #fff;
    }

    .copyright #go-top {
        text-decoration: underline;
    }

    .copyright span {
        padding: 0 4px;
    }


/* ----- Telerik hacks ----- */

/* DatePicker hack for IE11*/
.RadPicker {
    display: inline-table !important;
}

/* Enter key on multi-line RadTextBox*/
.RadInput textarea {
    white-space: pre !important;
}

/* Override color for CVC styling */
.RadMenu_Black a.rmLink:hover,
.RadMenu_Black a.rmFocused,
.RadMenu_Black a.rmSelected {
    color: #10A84A !important;
}

.RadPanelBar_Office2010Silver {
    background: #f2f2f2 !important;
}

/* Override RadUpload button styling */
.RadUpload_Office2010Silver .ruButton,
.RadUpload .ruButton,
.RadUpload .ruBrowse {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    margin: 0 0 0 5px !important;
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: inline-block !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    width: 80px !important;
}

div.RadUpload_Office2010Silver .ruFileWrap .ruButtonHover,
div.RadUpload_Office2010Silver .ruInputs .ruButtonHover,
div.RadUpload_Office2010Silver .ruActions .ruButtonHover {
    color: #333 !important;
    background-color: #ebebeb !important;
    border-color: #adadad !important;
}

/* Filter textbox too small */
.RadGrid .rgFilterBox {
    height: 20px !important;
}

/* RadComboBox bottom cut off fix */
.rcbReadOnly {
    height: 22px;
}

/* RadComboBox under RadMenu fix */
.rcbSlide {
    z-index: 8020 !important; /* rad menu uses 8000. modals changed to use 8010 */
}

/* RadSlidingPane tab text area too small */
.rspPaneTabContainer {
    height: 114px !important;
}

/* ----- RadComboBox Bootstrap Fix ----- */
.RadComboBox {
    border: none;
}

.RadComboBoxDropDown .rcbCheckBox {
    margin-top: -3px;
    margin-bottom: 0;
    margin-right: 5px;
}

.radMenuNoHover {
    background-image: -webkit-linear-gradient(top,#323232 0,#161616 100%) !important;
    background-image: -moz-linear-gradient(top,#323232 0,#161616 100%) !important;
    background-image: -ms-linear-gradient(top,#323232 0,#161616 100%) !important;
    background-image: -o-linear-gradient(top,#323232 0,#161616 100%) !important;
    background-image: linear-gradient(top,#323232 0,#161616 100%) !important;
    height: 24px;
    cursor: default !important;
}

    .radMenuNoHover .rmRootLink:hover {
        background-color: #161616 !important;
        background-image: -webkit-linear-gradient(top,#323232 0,#161616 100%) !important;
        background-image: -moz-linear-gradient(top,#323232 0,#161616 100%) !important;
        background-image: -ms-linear-gradient(top,#323232 0,#161616 100%) !important;
        background-image: -o-linear-gradient(top,#323232 0,#161616 100%) !important;
        background-image: linear-gradient(top,#323232 0,#161616 100%) !important;
        height: 24px;
        cursor: default !important;
    }

.radPaneNav {
    position: relative;
    margin: 5px;
    right: 0;
    left: 0;
    border-width: 0 0 1px;
}

.radGridPane {
    /*padding: 5px;*/
    overflow: auto;
}

.high-z {
    z-index: 999999999;
}

.riTextBox {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

div.RadGrid .rgRow td,
div.RadGrid .rgAltRow td {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11.5px;
	font-family: Segoe UI,SegoeUI,Geneva,sans-serif;
}

div.RadTabStrip .rtsLink {
    padding: 6px 12px;
}
/* ----- /Telerik Hacks ----- */

/* ----- OrderSummary.ascx settings ----- */
table.sample {
    min-width: 975px;
    width: 100%;
    border-spacing: 2px;
    border: 1px none gray;
    border-collapse: collapse;
    background-color: #f8f8f8;
}

td.tdLabel {
    width: 105px;
    text-align: right;
    vertical-align: top;
}

td.tdContent {
    vertical-align: top;
}

td.tdSpacer {
    width: 8px;
}

#AccessRow td.tdLabel {
    vertical-align: inherit;
}

.accessLabel {
    font-size: 14px;
}

@-ms-viewport {
    width: device-width;
}


@media (max-width: 1199px) {
    .widthBreak {
        display: inherit;
    }
}


@media (min-width: 1200px) {
    .widthBreak {
        display: none !important;
    }
}

.fullWidth {
    width: 100%;
    table-layout: fixed;
}


/* ----- Modal Magic -----*/

.modal {
    overflow-y: auto;
    /*top: 20%;*/
    z-index: 8010 !important; /*telerik put menu items at 8000. They can block out modals. Rad dropdowns modded to use 8020 (See .rcbSlide)*/
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal-content {
    border: 3px solid #10A84A !important;
}

.modal-header-danger {
    color: #b94a48 !important;
    background-color: #f2dede !important;
    border-color: #eed3d7 !important;
    width: 100%;
    font-weight: bolder !important;
    font-size: larger;
    font-family: 'Segoe UI','Arial','Calibri';
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #eed3d7;
    border-radius: 6px 6px 0 0;
}

.modal-header {
    background: whitesmoke; /*#d2d2d2;*/
    border-radius: 6px 6px 0 0;
    color: black;
    width: 100%;
    font-weight: bolder;
    font-size: larger;
    font-family: 'Segoe UI','Arial','Calibri';
}

.modal-footer-danger {
    background-color: #A01919 !important;
    border-radius: 0 0 6px 6px;
}

.modal-footer {
    background-color: whitesmoke; /*#444;*/
    border-radius: 0 0 6px 6px;
}

/*----- CVC Modal Blade -----*/

.modal-blade-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2030;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .5;
}

.modal-blade-container {
    position: fixed;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.modal-blade {
    position: fixed;
    padding: 0px;
    margin: 0px;
     top: 35px;
/*    top: 0px;*/
    left: calc(100% - 768px);
    z-index: 2040;
    width: 768px;
}

.modal-blade .modal-blade-content {
    z-index: 2040;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: auto;
    width: 768px;
    height: 100%;
    border-left: 3px solid #10A84A;
    border-top: 1px solid #333333;
    background-color: white;
    opacity: 1.0;
}

.modal-blade-header {
    background: whitesmoke;
    color: black;
    width: 100%;
    font-weight: bolder;
    font-size: larger;
    font-family: 'Segoe UI','Arial','Calibri';
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-blade-header .close {
    margin-top: -2px;
}

.modal-blade-footer {
    background-color: whitesmoke;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-blade-footer:before, .modal-blade-footer:after {
    display: table;
    content: " "
}

.modal-blade-footer:after {
    clear: both;
}

.modal-blade-footer:before, .modal-blade-footer:after {
    display: table;
    content: " "
}

.modal-blade-footer:after {
    clear: both;
}

.modal-blade-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-blade-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-blade-footer .btn-block + .btn-block {
    margin-left: 0;
}

/* ----- CVC Bootstrap Customizations -----*/

.btn-cvc {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	margin: 5px !important;
	min-width: 60px;
	padding: 1px 10px !important;
	font-size: 11px;
	font-family: Segoe UI,SegoeUI,Geneva,sans-serif;
}

.btn-color-cvc {
	margin: 5px !important;
	min-width: 60px;
	padding: 1px 10px !important;
	font-size: 11px;
	font-family: Segoe UI,SegoeUI,Geneva,sans-serif;
}

.btn-cvc-noTop {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	margin: 0 5px 5px 5px !important;
	font-size: 11px;
	font-family: Segoe UI,SegoeUI,Geneva,sans-serif;
}

    .btn-cvc-noTop:hover, .btn-cvc-noTop:focus, .btn-cvc-noTop:active, .btn-cvc-noTop.active, .open .dropdown-toggle.btn-cvc-noTop,
    .btn-cvc:hover, .btn-cvc:focus, .btn-cvc:active, .btn-cvc.active, .open .dropdown-toggle.btn-cvc {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

    .btn-cvc-noTop:active, .btn-cvc-noTop.active, .open .dropdown-toggle.btn-cvc-noTop,
    .btn-cvc:active, .btn-cvc.active, .open .dropdown-toggle.btn-cvc {
        background-image: none;
    }

    .btn-cvc-noTop.disabled, .btn-cvc-noTop[disabled], fieldset[disabled] .btn-cvc-noTop, .btn-cvc-noTop.disabled:hover,
    .btn-cvc-noTop[disabled]:hover, fieldset[disabled] .btn-cvc-noTop:hover, .btn-cvc-noTop.disabled:focus, .btn-cvc-noTop[disabled]:focus,
    fieldset[disabled] .btn-cvc-noTop:focus, .btn-cvc-noTop.disabled:active, .btn-cvc-noTop[disabled]:active,
    fieldset[disabled] .btn-cvc-noTop:active, .btn-cvc-noTop.disabled.active, .btn-cvc-noTop[disabled].active,
    fieldset[disabled] .btn-cvc-noTop.active,
    .btn-cvc.disabled, .btn-cvc[disabled], fieldset[disabled] .btn-cvc, .btn-cvc.disabled:hover,
    .btn-cvc[disabled]:hover, fieldset[disabled] .btn-cvc:hover, .btn-cvc.disabled:focus, .btn-cvc[disabled]:focus,
    fieldset[disabled] .btn-cvc:focus, .btn-cvc.disabled:active, .btn-cvc[disabled]:active,
    fieldset[disabled] .btn-cvc:active, .btn-cvc.disabled.active, .btn-cvc[disabled].active,
    fieldset[disabled] .btn-cvc.active {
        background-color: #fff;
        border-color: #ccc;
    }

.transparentGrey {
    background-color: rgba(245, 245, 245, 0.95) !important;
}

.control-label-top {
    padding-top: 0px !important;
}

.glyphicon-lock::before {
    content: "\e033" !important;
}

.form-control-special {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: -moz-stack;
    font-size: 13px;
    height: 28px;
    line-height: 1.42857;
    padding: 3px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

.numeric-textbox {
    width: 120px;
    height: 30px;
    text-align: right;
}

.RadAsyncUpload span.ruStyled {
    padding: 0px 2px !important;
}

.dropdown-menu > li > span > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

.dropdown-menu > li > span > a:hover, .dropdown-menu > li > span > a:focus {
    background-color: #429bca;
    color: #fff;
    text-decoration: none;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

/*.RadSplitter .rspPaneTabText {
    white-space: nowrap;
    writing-mode: initial !important;
}*/

/* bootstrap callouts */
.bs-callout {
    padding: 8px;
    margin: 6px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
    color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.bs-adjust-font {
    font-size: 12px;
}

.bs-dash-control {
    height: 26px !important;
    font-size: 12px !important;
}

.bs-dash-first-button {
    margin-left: -0px !important;
}

.col-md-1-5 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 11.666667%;
}

.radTextBootstrapWrap {
    width: 396px !important;
    box-sizing: content-box !important;
}

.radTextBootstrap {
    background-color: white !important;
    height: 30px !important;
}

.cvc-row {
    margin-bottom: 1px !important;
    margin-left: 3px !important;
    /*height: 30px !important;*/
    width: 99%;
}

.cvc-form-control {
    height: 30px !important;
    padding: 0px 6px !important;
}

.cvc-form-group {
    padding: 1px !important;
    margin-bottom: 1px;
}

.rgMasterTable {
	font-size: 11.5px;
	font-family: Segoe UI,SegoeUI,Geneva,sans-serf;
}

.rtsLink {
    padding: 6px 12px;
}

.input-daterange input {
    width: 100px;
}

.input-daterange {
    width: 127px;
}

.input-daterange-left {
    width: 128px;
    margin-left: 0px;
}

.input-datelabel {
    width: 135px;
    margin-left: -21px;
    margin-top: 8px;
}

.input-daterange-left input {
    padding-left: 6px;
    padding-right: 3px;
}

.input-daterange input {
    padding-left: 6px;
    padding-right: 3px;
}

.cvc-shift-right {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#ctl00_PrimaryContent_ctl00_PrimaryContent_OrderDatePanel {
    display: -ms-grid !important;
}

.RadGrid_Bootstrap .rgFilter {
    width: 20px !important;
    height: 20px !important;
    background-position: -15px -4515px !important;
}

.RadSplitter_Bootstrap div.rspSlideTitle, .RadSplitter_Bootstrap span.rspPaneTabText {
    font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.RadComboBoxDropDown_Bootstrap .rcbHovered, .RadComboBoxDropDown_Bootstrap .rcbCheckAllItemsHovered {
    margin: 0;
    padding: 2px 12px;
    color: #000;
    background-color: #7ab5f9 !important;
}

/* test */

.cvc-group-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding: 5px 2px;
}

.cvc-group-description {
    font-size: 12px;
    color: #333;
    padding: 0px 0px;
}

.cvc-group {
    background-color: #fbfbfb;
    padding: 10px 8px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    /*overflow:auto;*/
}

.cvc-padding-left5 {
    padding-left: 5px;
}

.cvc-datelabel {
    margin-left: -10px !important;
}

.cvc-datetime {
    width: 200px;
}

.cvc-date {
    width: 130px;
}

.rmItem {
    border-style: none !important;
}

body:not(.mvc-site) hr {
    margin-top: 1px;
    margin-bottom: 1px;
}

body.mvc-site hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

hr.thin {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/* jqGrid */
.ui-jqgrid-hdiv {
    border-right: 1px solid #DDDDDD;
}

.ui-jqgrid .ui-th-column {
    background-color: whitesmoke;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
    padding-right: 8px !important;
}

/* jqgrid on IE fix*/

input.ui-pg-input {
    display: inline-block;
    width: 30px !important;
}

/* breadcrumb overrides from bootstrap */

.breadcrumb {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-bottom: 0px;
}

    .breadcrumb > li + li::before {
        color: #333 !important;
        content: "> " !important;
        padding: 0px !important;
    }

    .breadcrumb > .active {
        color: #333;
    }

/* select overrides */
select > option {
    padding-left: 3px;
    padding-right: 5px;
}

/* padding fix for hover on rad combo box item */
.RadComboBoxDropDown_Bootstrap .rcbItem {
    padding: 2px 5px !important;
}

/* modal-lg from later versions of bootstrap */
.modal-lg {
    width: 900px;
}

.modal-sm {
    width: 350px;
}




#statusCommentModal .comment-text {
    background-color: rgb(255, 249, 189);
    resize: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

    #statusCommentModal .comment-text[disabled] {
        background-color: #eee;
    }

.square {
    float: left;
    position: relative;
    width: 30%;
    padding-bottom: 30%; /* = width for a 1:1 aspect ratio */
    margin: 1.66%;
    overflow: hidden;
}

.content-square {
    position: absolute;
    height: 80%; /* = 100% - 2*10% padding */
    width: 90%; /* = 100% - 2*5% padding */
    padding: 10% 5%;
}

.table-square {
    display: table;
    height: 100%;
    width: 100%;
}

.table-cell-square {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.orange {
    background-color: #F79865;
}

.teal {
    background-color: #0FA3B1;
}

.baby-blue {
    background-color: #B5E2FA;
}

.blue {
    background-color: #159AF2;
}

.green {
    background-color: #4BED9F;
}

.purple {
    background-color: #9784ED;
}

.red {
    background-color: #ED6161;
}

/* User Allocation */
table#allocations > tbody > tr.active > td {
    background-color: #fff;
}

table#allocations > tbody > tr > td.selectedCell {
    background-color: #dff0d8 !important;
}

/* User Productivity */
table#activities > tbody > tr.active > td {
	background-color: #fff;
}

table#activities > tbody > tr > td.selectedCell {
	background-color: #dff0d8 !important;
}

/* listbox with checkboxes */
.cvc-listbox-menu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .cvc-listbox-menu > li > a {
        display: block;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap;
    }

        .cvc-listbox-menu > li > a:hover, .cvc-listbox-menu > li > a:focus {
            color: #fff;
            text-decoration: none;
            background-color: #428bca;
        }


div.ui-jqgrid-bdiv td a {
    font-weight: 700;
}

/* Workflow components */
.workflow-item {
    padding: 5px 10px;
}

    .workflow-item.selected {
        background-color: #428bca;
        color: white;
    }

        .workflow-item.selected div.workflow-item-actions span.glyphicon {
            color: white;
        }

    .workflow-item .workflow-item-actions {
        visibility: hidden;
    }

    .workflow-item:hover .workflow-item-actions {
        visibility: visible;
    }

.workflow-item-actions span.glyphicon {
    padding-left: 5px;
    color: grey;
}

    .workflow-item-actions span.glyphicon:not(.glyphicon-remove):hover {
        color: #10A84A !important;
    }

.workflow-item-actions span.glyphicon-remove:hover {
    color: red !important;
}

table#activityList tr:first-of-type span.glyphicon-arrow-up {
    visibility: hidden;
}

table#activityList tr:last-of-type span.glyphicon-arrow-down {
    visibility: hidden;
}

table#ruleList tr:first-of-type span.glyphicon-arrow-up {
    visibility: hidden;
}

table#ruleList tr:last-of-type span.glyphicon-arrow-down {
    visibility: hidden;
}

table#operationList tr:first-of-type span.glyphicon-arrow-up {
    visibility: hidden;
}

table#operationList tr:last-of-type span.glyphicon-arrow-down {
    visibility: hidden;
}

.grid-actions {
    padding: 5px 0px;
    background-color: whitesmoke;
}


/* bootstrap multiselect overrides */
button.multiselect {
	text-align: left;
}

	button.multiselect[disabled] {
		background-color: #eee;
		border: 1px solid #ccc;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}

	button.multiselect span.multiselect-selected-text {
		display: block;
		min-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 95%;
	}

	button.multiselect b.caret {
		position: absolute;
		right: 7px;
		top: 14px;
	}

ul.multiselect-container > .active > a:not(:hover) {
	background-color: #fff;
	color: inherit;
}

.required-multiselect {
	background-color: #FEF9E7 !important;
}

.tab-content {

    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: currentcolor rgb(221, 221, 221) rgb(221, 221, 221);

}

.hidden {
    display: none;
}



.cv-menu {
    background-color: #162438;
    width: 59px;
    min-width: 59px;
    max-width: 59px;
    height: 500px;
    position: relative;
    min-height: 1px;
    flex: 1;
    z-index: 1025;
}

    .cv-menu li.menu-item a {
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 12px;
        
    }
    
    .cv-menu li.menu-item a:hover {
        background-color: #455060 !important;
    }

    .cv-menu li.menu-item a:focus {
        background-color: #455060 !important;
    }

        .cv-menu li.menu-item.selected a {
            background-color: #455060 !important;
        }

.cv-menu li.menu-item:first-of-type {
    margin-top: 10px;
}

.cv-menu .menu-item-label {
    margin-top: 6px;
    min-height: 17px;
}

    .cv-menu a {
        color: white;
/*        padding: 10px 15px 0px 15px;
*/        
    }

    .cv-menu a.disabled {
        text-decoration: none !important;
        cursor: default;
        color: white !important;
    }

.cv-menu a:hover {
    background-color: #162438 !important;
    text-decoration: none;
    color: white;
}

    .cv-menu a:focus {
        background-color: #162438 !important;
        text-decoration: none;
        color: white;
    }
/*
    .cv-menu a:visited {
        background-color: #162438 !important;
        text-decoration: none;
        color: white;
    }*/

    .cv-menu li.submenu-item {
        background-color: #455060 !important;
        color: white;
    }

        .cv-menu li.submenu-item a {
            color: white;
            background-color: #455060 !important;
        }

        .cv-menu li.submenu-item a:hover:not(.disabled) {
            color: #10A84A !important;
            background-color: #162438 !important;
        }

            .cv-menu li.submenu-item:hover {
                color: #10A84A !important;
                background-color: #162438 !important;
            }

        .cv-menu li.submenu-item:has(a.disabled):hover {
            color: white !important;
            background-color: #455060 !important;
        }

        .cv-menu li.submenu-item a:visited {
            color: white;
        }

        .cv-menu li.submenu-item a:focus {
            color: #10A84A !important;
        }

.cv-menu li.submenu-item.submenu-header a {
    padding: 5px 10px 5px 10px;
}

.cv-menu li.submenu-item submenu-header-text {
    font-weight: bold;
}

    .cv-menu ul.submenu {
        left: 57px;
        top: 4px;
        background-color: #455060;
        border: 1px solid lightgray;
        overflow: auto;
        padding-top: 0px;
    }

    .cv-menu ul.submenu li.divider {

        margin-top: 0px;
    }

   


#orderBlade {
	position: absolute;
	padding: 0px;
	top: 0px;
	left: 0px;
	z-index: 1020;
}

#orderBlade .order-blade-content {
	padding: 0px;
	margin-right: 0px;
	margin-left: auto;
	width: 768px;
	height: 100%;
	border-left: 3px solid #10A84A;
	background-color: white;
	opacity: 1.0;
}

#orderBladeBackdrop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1015;
	background-color: #000;
	opacity: .5;
}

#orderBladeControls {
	position: absolute;
	left: -28px;
	top: 0px;
	z-index: 800;
	height: 54px;
	width: 27px;
	border-left: 1px solid #10A84A;
	border-bottom: 1px solid #10A84A;
	background: #162438;
	border-bottom-left-radius: 4px;
}

	#orderBladeControls .glyphicon {
		color: white;
		padding: 5px;
		font-size: 16px;
	}

		#orderBladeControls .glyphicon:hover {
			color: #10A84A !important;
		}

#orderBladeTabs ul.nav-tabs > li:not(.active) > a:link,
#orderBladeTabs ul.nav-tabs > li:not(.active) > a:active,
#orderBladeTabs ul.nav-tabs > li:not(.active) > a:hover,
#orderBladeTabs ul.nav-tabs > li:not(.active) > a:visited {
	color: #428bca;
}

#orderBladeTabs .grid-panel {
	margin-bottom: 15px;
}

#orderBladeTabs .nav > li > a > img {
	max-width: 20px;
	position: absolute;
}

#orderItemTabs ul.nav-tabs > li:not(.active) > a:link,
#orderItemTabs ul.nav-tabs > li:not(.active) > a:active,
#orderItemTabs ul.nav-tabs > li:not(.active) > a:hover,
#orderItemTabs ul.nav-tabs > li:not(.active) > a:visited {
	color: #428bca;
}

#orderItemTabs .grid-panel {
	margin-bottom: 15px;
}

.orderButtons {
	padding-top: 10px;
	padding-bottom: 10px;
}

#extendedFieldsTabContent {
	overflow-y: scroll;
}

#orderItemTabs .nav > li > a > img {
	max-width: 20px;
	position: absolute;
}


.btn-order-grid {
    background-color: ghostwhite;
    float: left;
    /*font-size: 11px;*/
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 7px;
    width: 70px;
}

.btn-order-grid.dropdown-toggle {
    width: 110px;
    margin-left: 5px !important;
}

.btn-order-grid.dropdown-toggle .caret {
        position: absolute;
        right: 5px;
        top: 8px;
    }

#gridActions a.row-dependent-btn.disabled {
    color: grey;
    pointer-events: none;
}



/* bootstrap multiselect overrides */
.criteria-grid-view button.multiselect {
    text-align: left;
}

    .criteria-grid-view button.multiselect[disabled] {
        background-color: #eee;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .criteria-grid-view button.multiselect span.multiselect-selected-text {
        display: block;
        min-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .criteria-grid-view button.multiselect b.caret {
        position: absolute;
        right: 7px;
        top: 14px;
    }

.criteria-grid-view ul.multiselect-container > .active > a:not(:hover) {
    background-color: #fff;
    color: inherit;
}

/* criteria panel general settings */

.criteria-panel {
    padding: 0px;
    margin: 0px;
    position: absolute;
}

    .criteria-panel span.slider {
        cursor: pointer;
        padding: 15px;
        position: absolute;
        right: 0px;
    }

    /* tab overrides */
    

        .criteria-panel .tab-pane > div {
            padding-top: 5px;
        }

    .criteria-panel .nav-tabs {
        background-color: transparent !important;
    }

        .criteria-panel .nav-tabs li:not(.active) a {
            background-color: #eee;
        }

        .criteria-panel .nav-tabs a {
            outline: 0;
        }

span.dataIndicator {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 9px;
    color: #10A84A;
}

/* shrink criteria vertically */
.criteria-panel .form-horizontal .form-group {
    margin-bottom: 5px;
}

/* skinny the calendar icon for space */
.criteria-panel .form-horizontal div.date .input-group-addon {
    padding: 6px;
}

.grid-panel { /* criteria-grid-panel would be more specific to a criteria view but other views are depending on this now */
    border: 1px solid #ddd;
    margin-bottom: 5px;
    height: 620px; /* Starting point before resize so footer isn't up on the screen for an instant */
    width: 100%;
}

.criteria-content {
    border: 1px solid #ddd;
    margin-bottom: 5px;
    min-height: 200px;
}

.criteria-body {
    margin-top: 10px;
    margin-bottom: 5px;
}

.criteria-panel .criteria-title {
    background-color: whitesmoke;
    padding: 2px 15px;
    position: relative;
    min-height: 40px;
}

.criteria-grid-view.criteriaMinimized .criteria-panel {
    z-index: 100;
}

    .criteria-grid-view.criteriaMinimized .criteria-panel .criteria-title {
        padding: 0px !important;
        height: 100%;
    }

        .criteria-grid-view.criteriaMinimized .criteria-panel .criteria-title .title-text {
            -ms-transform: rotate(90deg);
            -ms-transform-origin: left top 0;
            -webkit-transform: rotate(90deg);
            -webkit-transform-origin: left top 0;
            transform: rotate(90deg);
            transform-origin: left top 0;
            white-space: nowrap;
            position: relative;
            left: 30px;
            top: 40px;
            margin-top: 0px;
            margin-bottom: 0px;
            height: 300px;
        }

.criteria-grid-view.criteriaMinimized .criteria-grid-panel {
    margin-left: 45px !important;
    width: 500px;
}

.criteria-actions {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: 5px;
}

/* Order Search specific */

#orderSearch .criteria-content {
    width: 420px;
}

#orderSearch > .order-search-content > .criteria-grid-panel {
    margin-left: 425px;
    width: 500px;
}

#manageSearchesModal .manage-search-info {
    margin-bottom: 15px;
}

#manageSearchesModal .team-query {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 9px;
    text-align: center;
    color: blue;
}

#manageSearchesModal input.manage-search-desc:disabled {
    text-decoration: line-through;
}
/* Order Pipeline specific */

#orderPipeline .criteria-content {
    width: 375px;
}

#orderPipeline > .order-pipeline-content > .criteria-grid-panel {
    margin-left: 380px;
    width: 500px;
}

table#queueList {
    font-family: Segoe UI,SegoeUI,Geneva,Arial;
    font-size: 11px;
    table-layout: auto;
    empty-cells: show;
    margin-bottom: 5px;
}

	table#queueList td {
		font-family: Segoe UI,SegoeUI,Geneva,Tahoma,sans-serif;
		font-size: 11.5px;
		padding-bottom: 4px;
		padding-top: 4px;
		cursor: default;
	}

    table#queueList thead {
        background-color: whitesmoke;
    }

    table#queueList tr.selected td {
        background-color: #337ab7;
        border-color: #fff;
        color: #fff;
    }

table#virtualQueueList {
    font-family: Segoe UI,SegoeUI,Geneva,Arial;
    font-size: 11px;
    table-layout: auto;
    empty-cells: show;
    margin-bottom: 5px;
}

    table#virtualQueueList td {
        font-family: Segoe UI,SegoeUI,Geneva,Tahoma,sans-serif;
        font-size: 11.5px;
        padding-bottom: 4px;
        padding-top: 4px;
        cursor: default;
    }

    table#virtualQueueList thead {
        background-color: whitesmoke;
    }

    table#virtualQueueList tr.selected td {
        background-color: #337ab7;
        border-color: #fff;
        color: #fff;
    }
/* Vendor Search specific */

#vendorSearch .criteria-content {
    width: 420px;
}

#vendorSearch .grid-panel {
    margin-left: 425px;
    width: 500px;
}

/* Vendor Firm Search specific */

#firmSearch .criteria-content {
    width: 420px;
}

#firmSearch .grid-panel {
    margin-left: 425px;
    width: 500px;
}

/* Client Search specific */

#clientSearch .criteria-content {
    width: 420px;
}

#clientSearch .grid-panel {
    margin-left: 425px;
   /* width: 500px;*/
}

/* orderAllocations */

#orderAllocations .criteria-content {
    width: 375px;
}

#orderAllocations .grid-panel {
    margin-left: 380px;
    width: 500px;
}

/* orderAllocations */

/* productvityBody */

#productvityBody .criteria-content {
	width: 375px;
}

#productvityBody .grid-panel {
	margin-left: 380px;
	width: 500px;
}

/* productvityBody */

#unhandledComments .criteria-content {
    width: 375px;
}

#unhandledComments .criteria-grid-panel {
    margin-left: 380px;
    width: 500px;
}