@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600);

/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset */

body *{ font: 14px 'Open Sans',Helvetica, sans-serif; font-weight:600; color:#444; }

input[type="checkbox"] { vertical-align:middle; }
select, textarea, input[type="text"], input[type="password"] { border-radius:3px; padding:6px; border:1px solid #CCC; box-shadow:1px 1px 0px rgba(0,0,0,.15); background:#FFF; }

.cloak { display:none; }

#loading { 
background: #000;
opacity: .25;
padding-top: 15%;
display: none;
font-size: 16px;
text-align: center;
position: fixed;
z-index: 999992;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #ccc; }
#loading .fa { color:#ccc; margin-top:10px; display:block; } 

.imageLoading { 
opacity: 0.85; display:none;
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0;
z-index: 1;
text-align: center;
padding-top: 20%;
background: #FFF;
color: #999;
}
.imageLoading .fa { display: block; color: #999; }

/* block on page messaging */
.blockMessage { min-height:33px; width:auto; margin:10px 0; padding:8px 10px; text-align:center; border-radius:3px; background:#fafafa; border:3px solid #000; position:relative; }
.blockMessage h3 { color:#444; font-weight:600; font-size:16px; line-height:normal; padding-bottom:5px; display:block; } 
.blockMessage p:last-of-type { padding-bottom:0; }
.blockMessage p { color:#777; font-weight:600; font-size:13px; line-height:normal; padding-bottom:5px; display:block; } 
.blockMessage.error { border-color:#F33; }
.blockMessage.success { border-color:#33CC33 }

.blockMessage .close-message {
display: block;
position: absolute;
right: 10px;
top: 10px;
border: 1px solid #AAA;
color: #AAA;
text-align: center;
height: 24px;
width: 24px;
border-radius: 3px;
cursor: pointer;
z-index: 1;
}
.blockMessage .close-message .fa {
line-height: 1;
color: #AAA;
}
.blockMessage .close-message:hover .fa { color:#444; } 

/* form validation */
div.errorWrap { position:relative; }
.errorWrap span.errorMsg { 
background-color: #F33;
position: absolute;
white-space: nowrap;
display: block;
padding: 2px 8px;
z-index: 1;
top: -15px;
font-weight: bold;
color: #FFF;
font-size: 11px;
line-height: 1.5;
}
.errorWrap span.errorMsg:after { 
border-top: 6px solid #F33;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
width: 0;
height: 0;
content: "";
display: block;
position: absolute;
top: 100%;
left: 1em;
}

button, a.button, input.button { font-size:14px; line-height:2.6; cursor:pointer; border:1px solid #DDD; border-radius:4px; outline:none; color:#666; transition: .5s ease all; box-shadow:1px 1px 0px rgba(0,0,0,.15); text-align:center; height:40px; text-decoration:none; position:relative;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
button:active, button:hover, button:focus,
a:active, a:hover, a:focus
{ outline:none; }
button:hover, a.button:hover, input.button:hover { border-color:#999; color:#222; box-shadow:none; }
button .fa, a.button .fa { margin-right:10px; color:#666; }

a.button, input.button{ display:block; height:38px; }

/* disabled button */
button.disabled, a.button.disabled, input.button.disabled { 

opacity: .5;
cursor: default;
border: none;
box-shadow: none;
}

/* downloading button cover */
.busyButtoncover { position:absolute; left:0; right:0; top:0; bottom:0;vertical-align: middle;height: 38px;line-height: inherit;background: #EEE;font-weight: 600;color: #999; text-align:center; border-radius:4px; cursor:progress; }
.busyButtoncover .fa { color:#999; }


#csp-dashboardContainerMain { width:95%; margin:50px auto; position:relative; min-width:499px; max-width:1200px; }
#csp-dashboardContainerMain #csp-dashboardContainerMain,#csp-dashboardContainerMain div[class="cloak"] { width:100%; max-width:none; min-width:0; position:static; margin:0; }
/* header nav bar */
.csp-db-headernav { position:absolute; top:-50px; width:100%; padding:6px 0; background:#f1f1f1; border-radius: 0 0 6px 6px; border:1px solid #DDD; border-top:0; box-shadow:0 0 5px rgba(0,0,0,.15);
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.csp-db-headernav:before {  content: " ";
  background: url(images/powered-by-csp.png) no-repeat left center;
  width: 302px;
  height: 32px;
  display: block;
  float: right;
  margin-right: 12px;
  opacity: .75; transition:opacity .3s linear; }
.csp-db-headernav:hover:before { opacity:1; }
.csp-db-headernav ul { display: block;float: left; padding-left: 5px; }
.csp-db-headernav ul > li { display:inline-block; } 
.csp-db-headernav ul > li .nav-wrap { font-size:14px; font-weight:600; display:block; 
text-decoration:none; padding:5px 10px; color:#777; transition:.3s all linear; border-radius:4px; border: 1px solid transparent; }
.csp-db-headernav ul > li a.nav-wrap:hover { background-color:#EEE; color:#444; background-color: #fafafa;
  border: 1px solid #DDD; }
.csp-db-headernav ul > li .nav-wrap .fa { margin-right:4px; color:#AAA; } 

/******** header ********/
.csp-dashboard-header { padding:15px 0; margin-bottom:25px; border-bottom:8px double #DDD; text-align:center; background:none; border-radius:6px 6px 0 0; }
.csp-dashboard-header .h-title { font-weight:400; font-size:32px; display:block; color:#666; }
.csp-dashboard-header .h-title .fa { margin-right:18px; color:#CCC; vertical-align:bottom; }
/******** order dashboard for decorator and job admin ********/
.csp-dashboard-orderContainer {  }
.csp-dashboard-orderContainer .h-title { font-weight: 700; font-size:18px; margin:0 20px 10px 20px; display:block; }
.csp-dashboard-orderContainer .h-title .fa { margin-right:5px; color:#AAA; } 
.csp-dashboard-orderContainer .info-txt { font-size:14px; font-weight:600; color:#999; display:block; margin:0 15px; }

.csp-dashboard-orderContainer ul.order-block-list { display:block; padding:25px 0; background:#f1f1f1; border-radius:6px; margin-top:25px; text-align:center; }
.csp-dashboard-orderContainer ul.order-block-list li.order-item-wrap { display:inline-block; margin:10px; padding:10px; background:#FFF; border:1px solid #EEE; border-radius:6px; width:20%; min-width:225px; box-shadow:0 0 10px rgba(0,0,0,.15); position:relative; vertical-align:top; }

@media (max-width: 1012px) {
.csp-dashboard-orderContainer ul.order-block-list li.order-item-wrap { width:25%; }
}
@media (max-width: 899px) {
.csp-db-headernav:before {float:none; margin:auto; }
.csp-db-headernav ul { float:none; text-align:center; }
#csp-dashboardContainerMain { padding-top:35px; }
.csp-db-headernav ul > li a.nav-wrap:hover { background:none; border-color:transparent; }
.csp-db-headernav ul > li .nav-wrap { /* font-size:13px; */ }
#csp-dashboardContainerMain #csp-dashboardContainerMain,#csp-dashboardContainerMain div[class="cloak"] { padding-top:0; }
}
@media (max-width: 800px) {
.csp-dashboard-orderContainer ul.order-block-list li.order-item-wrap { width:35%; }
}
@media (max-width: 575px) {
.csp-dashboard-orderContainer ul.order-block-list li.order-item-wrap { width:80%; }
}

li.order-item-wrap .order-img-wrap { max-height:250px; overflow:hidden; display:block; }
li.order-item-wrap .order-img { display:block; width:100%; }
li.order-item-wrap .order-name { display:block; font-size:14px; font-weight:600; border-bottom:4px double #DDD; line-height:3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:8px; }
li.order-item-wrap .order-number { display:block; font-size:16px; font-weight:600; line-height:1.6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
li.order-item-wrap .decorator-name { display:block; font-size:13px; font-weight:400;margin-bottom:5px; line-height:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
li.order-item-wrap .order-button-wrap { display:block; padding:8px 0 5px 0; }
li.order-item-wrap .order-button-wrap button { width:100%; }
	
/*order hidden details */
.hidden-order-details { text-align: left; display:none; }
.hidden-order-details.show-details { display:block; }

.order-details-bg-cover { background:#000; opacity:.45; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:5; }

.order-detail-list { box-shadow:0 0 15px rgba(0,0,0,.25); background:#FFF; border-radius:6px; padding:15px; width:100%; position:absolute; display:block; z-index:6; top:0; left:-15px; }

.order-detail-list > li { border-bottom:1px solid #EEE; padding:15px 0; }
.order-detail-list > li:first-of-type { padding-top:0; } 
.order-detail-list > li:last-of-type { border-bottom:0; padding-bottom:0; }
.order-detail-list > li .assigned-to {  font-size:13px; text-align:center; display:block; }
.order-detail-list .customer-details { }
.order-detail-list .customer-details dl { display:block; margin-bottom:5px; }
.order-detail-list .customer-details dl dt { display:inline-block; width:30%; font-size:13px; vertical-align:top;  font-weight:700; }
.order-detail-list .customer-details dl dd { display:inline-block; width:67%; font-size:13px; color:#777; font-weight:600; }
.order-detail-list .customer-details dl dd span { font-size:13px; color:#777; font-weight:600; display:block; overflow-wrap: break-word;  }
.order-detail-list .view-proof button, 
.order-detail-list .view-art-files button { width:100%; }
	
.order-detail-list .assign-po-number input[type="text"] { width:100%; text-align:center; padding-left:0; padding-right:0; }
.order-detail-list .assign-to-decorator select, 
.order-detail-list .job-status select { width:100%; text-align:center; }
.order-detail-list select option:first-of-type { color:#AAA; }

.order-detail-list .save-cancel-buttons { text-align:center; } 
.order-detail-list .save-cancel-buttons button { display:inline-block; width:46%; margin: 0 3px; }

/* job admin order tabs mod */
#tabs { padding-top:25px; }
#tabs .ui-tabs-panel { background:#f1f1f1; border-radius: 6px; }
#tabs .order-block-list { margin-top:0; }

#tabs .order-sort-options { padding-top:15px; border-radius:0 6px 0 0; background:#f1f1f1; text-align:center; }
#tabs .order-sort-options .option-wrap { display:inline-block; padding-right:15px; }
#tabs .order-sort-options label { margin-right:5px; font-size:16px; margin-left:15px; vertical-align:middle; }
.ui-tabs-nav { display:block; }
.ui-tabs-nav > li a { text-decoration:none; font-size:18px; padding:15px 25px; display:block; }
.ui-tabs-nav > li:first-of-type { margin-right:5px; }
.ui-tabs-nav > li.ui-state-default { display:inline-block; background:#f1f1f1; opacity:.50; border-radius:6px 6px 0 0; }
.ui-tabs-nav > li.ui-state-active { opacity:1; }

#tabs .order-sort-options .option-wrap:first-of-type label { margin-left:0; } 
#tabs .order-sort-options .option-wrap:last-of-type { padding-right:15px; } 

@media (max-width: 1145px) {
#tabs .order-sort-options label { display:block; padding:0 0 5px 0; margin:0; }
}

@media (max-width: 799px) {
#tabs .order-sort-options .option-wrap { padding-bottom:10px; text-align:left; }
#tabs .order-sort-options { text-align:left; padding-left:15px; }
}


/******** graphic design dashboard ********/

.design-details-modal { text-align: left; display:none; }
.design-details-modal.show-details { display:block; }
.design-modal-bg-cover { background:#000; opacity:.45; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:5; }


.design-detail-list { box-shadow:0 0 15px rgba(0,0,0,.25); background:#FFF; border-radius:6px; padding:25px 0; width:100%; position:absolute; display:block; z-index:6; top:0; left:0px; }

.design-detail-list > li { margin:0 25px 25px 25px; padding-bottom:25px; border-bottom:1px solid #EEE; }
.design-detail-list > li:last-of-type { border-bottom:0; } 
.design-detail-list > li > h2 { font-size:22px; font-weight:400; color:#777; display:block; margin-bottom:15px; }
.design-detail-list .proof-comments { }
.design-detail-list .proof-comments p { font-weight:400; margin-bottom:10px; display: inline-block; }
.design-detail-list .proof-comments p:nth-of-type(3) { display:block; }
.design-detail-list .proof-comments p strong { font-weight:700; }
.design-detail-list .proof-comments button { width:100%; max-width:300px; margin-top:20px; }
.design-detail-list .proof-comments .button { width:100%; max-width:300px; }

.customer-details { }
.design-detail-list .customer-details dl { display:inline-block; margin-bottom:8px; width:23%; padding-right:10px; vertical-align:top; min-width:175px; }
.design-detail-list .customer-details dl dt { display:block; font-size:14px; vertical-align:top;  font-weight:700; }
.design-detail-list .customer-details dl dd { display:block; font-size:14px; color:#777; font-weight:600; word-wrap: break-word; }
.design-detail-list .customer-details dl dd span { font-size:13px; color:#777; font-weight:600; display:block;  }

.art-file-list { }
.art-file-list ul.art-file-display { }
.art-file-list ul.art-file-display > li { overflow:hidden; display:inline-block; vertical-align:top; margin:10px; padding:10px; background:#FFF; border:1px solid #EEE; border-radius:6px; width:20%; min-width:175px; box-shadow:0 0 10px rgba(0,0,0,.15); position:relative;}
.art-file-list .art-file-wrap { max-height:250px; overflow:hidden; display:block; }
.art-file-list .art-file-wrap .art-file	{ display:block; width:100%; }
.art-file-list button, .art-file-list a.button { margin-top:10px; width:100%; text-align:left; padding-left:18px; }
.art-file-list a.button { width:auto; }
	
@media (max-width: 1012px) {
.art-file-list ul.art-file-display > li { width:25%; }
}
@media (max-width: 800px) {
.art-file-list ul.art-file-display > li { width:35%; }
}
@media (max-width: 575px) {
.art-file-list ul.art-file-display > li { width:80%; }
}	

.design-detail-list .save-cancel-buttons { text-align:center; background:#CCC; padding-top:20px; border-radius:6px; margin-bottom:0; }
.design-detail-list .save-cancel-buttons button { margin:0 10px; width:100%; max-width:270px; }

.design-details-modal .close-modal { display:block; position:absolute; right:10px; top:10px; border:1px solid #AAA; color:#AAA; text-align:center; height:24px; width:24px; border-radius:3px; cursor:pointer; z-index:7; }
.design-details-modal .close-modal .fa { line-height:1; color:#AAA; }
.design-details-modal .close-modal:hover { color:#444; border-color:#444; } 
.design-details-modal .close-modal:hover .fa { color:#444; } 
	
/********* no orders **********/
.no-orders { min-height:300px; text-align:center; padding:75px 0; }
.no-orders .no-order-wrap { margin:0 auto; width:70%; border:6px double #DDD; padding:35px; border-radius:10px; }
.no-orders .no-order-wrap p { font-size:22px; font-weight:700; color:#999; }

/************** index welcome page *************/
.index-welcome-page .admin-login-wrapper { }
.index-welcome-page .admin-login-wrapper .title { font-size:18px; font-weight:700; color:#444; text-transform:uppercase; display:block; margin-bottom:20px;padding-bottom:10px; border-bottom:4px double #DDD; }
.index-welcome-page .admin-login-wrapper .button-wrap { display:block; margin:auto; max-width:65%; }
.index-welcome-page .admin-login-wrapper .button-wrap .button { margin-bottom:15px; font-size:18px; height:50px; text-align:left; padding-left:85px; transition:none; } 
.index-welcome-page .admin-login-wrapper .button-wrap .small-text { font-size:12px; } 
.index-welcome-page .admin-login-wrapper .button-wrap .button .fa { margin-right:20px; }
@media (max-width: 575px) {
.index-welcome-page .admin-login-wrapper .button-wrap { max-width:100%; }
.index-welcome-page .admin-login-wrapper .button-wrap .button { text-align:center; padding-left:0; } 
.index-welcome-page .admin-login-wrapper .button-wrap .button .fa { display:none; } 
}

/***** reset password page *********/
.password-recovery-page .tooltip { font-size:14px; width:85%; margin:auto; color:#999; }
.password-recovery-page .fieldset { padding-top:20px; } 
.login-container .result { margin:10px auto; width:90%; border:1px solid #EEE; padding:10px;  border-radius:6px; background:#fafafa; }

/******** login page ********/
.center-1.login-page { text-align:center; }
.page-title h1 { font-size:32px; padding:0 25px 20px; font-weight:400; color:#999; }

.page.login-container { width:100%; max-width:600px; min-width:300px; box-shadow:0 0 35px rgba(0,0,0,.2); margin:25px auto 50px auto; border-radius:6px; background:#FFF; }
.page.login-container .page-body { padding:0 25px 25px 25px; }
.customer-blocks .new-wrapper { padding:20px 0; margin-bottom:20px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.customer-blocks .buttons { padding:0; max-width:200px; margin:auto; }
.customer-blocks .buttons input.button { width:100%; }
.customer-blocks .buttons .login-button { margin-top:10px; }
.customer-blocks .title strong { font-size:18px; margin-bottom:15px; display:block; }

.customer-blocks .inputs { width:100%; margin:auto; margin-bottom:10px; }
.customer-blocks .inputs label { display:block; margin-bottom:5px; }
.customer-blocks .inputs input { display:block; height:22px; padding:5px; font-size:14px; margin:auto; }
.customer-blocks .inputs.reversed input[type="checkbox"]{ height:auto; width:auto; display:inline; }
.customer-blocks .inputs.reversed label { width:auto; display:inline; margin:0 0 0 3px; }

.login-header-logo { max-width:225px; padding:15px 0 10px 0; margin:auto;  }
.login-header-logo > img { width:100%; }
	
/***************** 404 page not found ************/
.center-1.page-not-found .page.login-container { box-shadow:none; max-width:none; }

/* file input */
input[type=file] {
    /*display:block;
    height:0;
    width:0;*/
}

/* Append to dashboard.css */
.order-detail-list {
    margin-bottom: 100px;
}
.order-detail-list .save-cancel-buttons button:nth-of-type(3) {
    display: block;
    width: 100%;
    margin-top: 15px;
}
.order-detail-list .customer-details {
    text-align:center;
}
.order-detail-list .customer-details dl {
    display: block;
    margin-bottom: 10px;
}
.order-detail-list .customer-details dl dt {
    display: block;
    width: auto;
    font-size: 14px;
}
.order-detail-list .customer-details dl dd {
    display: block;
    width: auto;
    font-weight:400;
    font-size: 14px;
}
.order-detail-list .customer-details dl dd span {
    font-size: 14px;
    font-weight:400;
}
.order-detail-list > li.assigned-to {
    font-size: 14px;
}

.order-detail-list > li.lineitem-details .orderInfo {
}
.order-detail-list > li.lineitem-details .orderInfo .blockTitle {
    display: block;
    font-weight: 700;
    margin-bottom:10px;
    text-transform:uppercase;
}


    .order-detail-list > li.assign-po-number > .orderInfo .blockTitle {
        display: block;
        font-weight: 700;
        margin-bottom: 10px;
        text-transform: uppercase;
    }



.order-detail-list > li.lineitem-details .orderInfo > table {
    width:100%;
}
.order-detail-list > li.lineitem-details .orderInfo > table tr td {
    padding:5px;
    border-bottom:1px solid #CCC;
    font-weight:400;
}
.order-detail-list > li.lineitem-details .orderInfo > table tr:last-child td {
    border-bottom:none;
}
.order-detail-list > li.lineitem-details .orderInfo > table tr td:first-child {
    padding-left:0;
    font-weight:600;
}
/*.order-detail-list > li.lineitem-details .orderInfo > table tr td:first-child {
    border-right: 1px solid #CCC;
}*/
.order-detail-list > li.lineitem-details .orderInfo > table tr td span {
    font-weight:400;
}

.order-detail-list > li.lineitem-details .orderInfo > table tbody {
    border-bottom: 1px solid #CCC;
}

.csp-dashboard-header {
    padding: 25px 0;
    margin-bottom: 35px;
    border-bottom: 8px double #DDD;
}
@media (max-width: 575px) {
    li.order-item-wrap .order-img-wrap {
        max-height:none;
    }
    .csp-dashboard-header {
        padding-top:60px;
    }
}

.csp-reorder-badge {
    padding: 0 .75em;
    margin-right: 11px;
    line-height: 22px;
    vertical-align: top;
    background: #ffd300;
    color: #444;
    position: absolute;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 9px;
    margin-right: 70%;
    left: -2px;
    -ms-border-top-left-radius: .2em;
    border-top-left-radius: .2em;
    -ms-border-bottom-left-radius: .2em;
    border-bottom-left-radius: .2em;
}

.csp-reorder-badge:after {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    border-style: solid;
    right: -11px;
    border-width: 11px;
    border-left-width: 0;
    border-color: #ffd300 transparent;
}
.has-status {
    top: 33px;
}


.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:#337ab7;
	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:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index:3;
	color:#23527c;
	background-color:#eee;
	border-color:#ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index:2;
	color:#fff;
	cursor:default;
	background-color:#337ab7;
	border-color:#337ab7
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	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;
	line-height:1.3333333
}
.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;
	line-height:1.5
}
.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:focus, .pager li>a:hover {
	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:focus, .pager .disabled>a:hover, .pager .disabled>span {
	color:#777;
	cursor:not-allowed;
	background-color:#fff
}

.paging-load {
	width:100%;
	height:100%;
	text-align: center;
	padding: 60px;
	left: 0;
	right: 0;
	box-sizing: border-box;
	opacity: .5;
}
.paging-load .paging-loading-txt {
	font-size: 18px;
	padding: 15px;
}
.csp-dashboard-orderContainer .k-pager-numbers .k-state-selected {
    line-height: 2em;
}
.csp-dashboard-orderContainer .k-pager-info {
    line-height: 2em;
}
.order-sort-options#filters {
    padding-bottom:15px;
    margin-bottom:20px;
}
#tabs .order-sort-options label {
    width: auto;
    text-align: left;
    float: none;
    text-transform: none;
}

/* active filter on report admin */
.k-grid-filter.k-state-active {
    background-color: #f35800;
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
}

form.k-popup .k-animation-container .k-list-container.k-popup.k-group.k-reset.k-state-border-up { 
overflow-y:auto !important;
}

form.k-filter-menu { padding:8px}
.ui-datepicker.ui-widget.ui-widget-content { background: #fafafa; box-shadow:0px 0px 10px rgba(0,0,0,.35); }
.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon { display:none !important; }

.ui-datepicker-next, .ui-datepicker-prev { text-align:center; }
.ui-datepicker-next:before { content:"\f0a9"; font-family:"FontAwesome"; display:inline-block; font-size:20px; }
.ui-datepicker-prev:before { content:"\f0a8"; font-family:"FontAwesome"; display:inline-block; font-size:20px; }
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
    right: 2px !important;
    top: 5px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {
    left: 2px !important;
    top: 5px !important;
}