/*New buttons*/
.button.new { font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; height:28px; line-height:28px; padding:0 10px !important; margin:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:silver; background-image:-moz-linear-gradient(center top,white 0,#ccc 100%); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0, white), color-stop(1, #ccc)); border:1px solid rgba(0,0,0,.75); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#323a43; text-decoration:none; text-shadow:none; font-size:14px; -webkit-appearance:none; -moz-appearance:none; }
.button.new:hover { background-image:-moz-linear-gradient(center top,#f5f5f5 0,#bbb 100%); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0, #f5f5f5), color-stop(1, #bbb)); }

.button.new.primary { background:red; background-color:rgb(204,25,34); background-image:-moz-linear-gradient(center top,rgb(204,25,34) 39%,rgb(173,0,9) 73%
); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.39, rgba(206,23,32,1)), color-stop(0.73, rgba(173,0,9,1))); color:#fff; }
.button.new.primary:hover { background-image:-moz-linear-gradient(center top,rgb(188,27,16) 39%,rgb(143,0,7) 73%
); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0.39, rgba(188,27,16,1)), color-stop(0.73, rgba(143,0,7,1))); }

.button.new:active { -webkit-transform:translate(0, 1px) !important; -moz-transform:translate(0, 1px) !important; outline:0 !important; }

.button.new:focus, .ui-state-focus, button:focus { outline:none !important; }

.button.new:not(.add):not(.invite) span { position:relative; display:inline; top:auto; right:auto; bottom:auto; left:auto; width:auto; height:auto; margin:0; }

body.schedule-grid { padding-top:50px; }
body.schedule-grid ul,
body.schedule-grid li,
body.schedule-grid h1,
body.schedule-grid h2,
body.schedule-grid h3 { margin:0; padding:0; list-style:none; }

/*Schedule Grid Header*/
#schedule-grid-header { position:fixed; top:0; right:0; left:0; height:50px; background:#191d21; color:white; z-index:20; }
#schedule-grid-header #schedule-grid-name { float:left; width:229px; height:50px; padding:0 10px; line-height:50px; background:#323a43; }
#schedule-grid-header #schedule-grid-name select { width:100%; }
#schedule-grid-header .schedule-grid-controls { float:left; padding:0 10px; height:50px; line-height:50px; }
#schedule-grid-header .schedule-grid-controls + .schedule-grid-controls { float:right; }
#schedule-grid-header .schedule-grid-controls .button { display:inline-block; margin-left:8px; vertical-align:middle; }
#schedule-grid-header .schedule-grid-controls .button:first-child { margin:0; }

/*Positions*/
#schedule-grid-positions { position:fixed; top:0; padding-top:90px; left:0; bottom:0; width:249px; float:left; border-right:1px solid #999; background:white; z-index:5; opacity:0; }
.position-header-left, .position-header-right { position:relative; background:#666; height:30px; background: #eee; background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); background: -o-linear-gradient(top, #fff 0%,#ddd 100%); background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); box-shadow:0 1px 0 rgba(0,0,0,.25); z-index:2; cursor:pointer; }
.position-header-left.hover, .position-header-right.hover { background: #ddd; background: -moz-linear-gradient(top, #fefefe 0%, #ccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ccc)); background: -webkit-linear-gradient(top, #fefefe 0%,#ccc 100%); background: -o-linear-gradient(top, #fefefe 0%,#ccc 100%); background: -ms-linear-gradient(top, #fefefe 0%,#ccc 100%); box-shadow:0 1px 0 rgba(0,0,0,.25); z-index:2; cursor:pointer; }

.position-header-right { z-index:3; }
#schedule-grid-people .container { position:relative; opacity:0; }
.position-header-left { margin-right:-1px; }
#schedule-grid-positions .position-list li { height:60px; border-bottom:1px solid #ccc; text-align:right; padding:10px 10px 0 0; color:#999; font-weight:bold; }

.position-header-left { z-index:30; }
.position-header-left:after { content:""; display:inline-block; border:6px solid transparent; border-width:5px 4px; border-top-color:#333; position:absolute; right:-2px; top:50%; margin-top:-4px; }

.position-header-left.closed:after { border-bottom-color:#333; border-top-color:transparent; margin-top:-9px; }

#schedule-grid-positions h2 { width:239px; text-align:right; font-size:13px; line-height:30px; }

/*/
/* Services Names and Times
/*/
#schedule-grid-services { overflow:hidden; position:fixed; top:50px; left:0; border-bottom:1px solid #999; padding-left:249px; right:0; z-index:6; background:white; opacity:0; }
#schedule-grid-services:before { content:''; display:block; position:fixed; left:0; top:50px; width:249px; height:49px; background:#f2f2f2; border-right:1px solid #999; border-bottom:1px solid #ccc; z-index:50; }
#schedule-grid-services:after { content:''; display:block; position:fixed; left:0; top:100px; width:249px; height:39px; background:#f2f2f2; border-right:1px solid #999; z-index:50; }

.schedule-grid .service-wrapper { width:420px; float:left; }
.schedule-grid .service-wrapper.slots-1 { width:210px; }
.schedule-grid .service-wrapper.slots-3 { width:630px; }
.schedule-grid .service-wrapper.slots-4 { width:840px; }
.schedule-grid .service-wrapper.slots-5 { width:1050px; }
.schedule-grid .service-wrapper.slots-6 { width:1260px; }
.schedule-grid .service-wrapper.slots-7 { width:1470px; }
.schedule-grid .service-wrapper.slots-8 { width:1680px; }
.schedule-grid .service-wrapper.slots-9 { width:1890px; }
.schedule-grid .service-wrapper.slots-10 { width:2100px; }

#schedule-grid-services .service-time { float:left; width:210px; }

#schedule-grid-services .service-name a { display:block; position:relative; color:white; text-decoration:none; height:49px; border-right:1px solid rgba(0,0,0,.5); color:white; font-weight:bold; background: #2a84bd; background: -moz-linear-gradient(top, #2a84bd 0%, #005e9a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a84bd), color-stop(100%,#005e9a)); background: -webkit-linear-gradient(top, #2a84bd 0%,#005e9a 100%); background: -o-linear-gradient(top, #2a84bd 0%,#005e9a 100%); background: -ms-linear-gradient(top, #2a84bd 0%,#005e9a 100%); }
#schedule-grid-services .service-name a:after { display:block; content:""; position:absolute; right:12px; top:50%; margin-top:-8px; width:16px; height:16px; background:url(../images/grid/link-arrow.png); opacity:.2; }
#schedule-grid-services .service-name a:hover:after { opacity:.5; }

#schedule-grid-services .service-name h2 { padding:0 10px; line-height:50px; font-size:14px; }
#schedule-grid-services .service-time { position:relative; }
#schedule-grid-services .service-time-name { position:relative; height:20px; padding:10px; color:white; font-weight:bold; border-right:1px solid rgba(0,0,0,.5); background: #999; background: -moz-linear-gradient(top, #aaa 0%, #858585 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#858585)); background: -webkit-linear-gradient(top, #999 0%,#666 100%); background: -o-linear-gradient(top, #aaa 0%,#858585 100%); background: -ms-linear-gradient(top, #aaa 0%,#858585 100%); }
#schedule-grid-services .service-time-name:first-child { border-color:rgba(0,0,0,.2); }

/*Add team to column*/
.icon-add-team { width:20px; height:20px; background:url(../images/grid/icon-add-team.png) center center no-repeat; position:absolute; top:50%; margin-top:-10px; right:10px; display:block; opacity:.2; border:1px solid transparent;
}
.icon-add-team:hover { opacity:.35; }

#schedule-grid-services #service-nav { position:fixed; left:0; top:50px; width:229px; height:29px; z-index:51; text-align:right; padding:10px; }
#schedule-grid-services #service-nav .button { display:inline-block; margin-left:5px; }

/*Main container*/
#pane-scroll { position:fixed; top:140px; right:0; bottom:0; left:250px; overflow:auto; z-index:2; opacity:0; }

/*People*/
#schedule-grid-people { overflow:hidden; height:auto; position:relative; }
#schedule-grid-people ul { border-bottom:1px solid #ccc; }
#schedule-grid-people li { position:relative; width:209px; height:70px; border-right:1px solid #ccc; float:left; background:#fff; cursor:pointer; }
#schedule-grid-people .person-info { padding:10px; }
#schedule-grid-people .person-info img { float:left; border:1px solid #ccc; -webkit-border-radius:4px; }
#schedule-grid-people .person-info p { margin-left:58px; margin-bottom:0; }
#schedule-grid-people .person-info p span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#schedule-grid-people .person-info .person-name { font-weight:bold; }
#schedule-grid-people .person-info .person-status { text-transform:uppercase; font-style:italic; opacity:.65; }
#schedule-grid-people .dropdown { display:none; position:absolute; right:10px; bottom:10px; margin-right:0; }
#schedule-grid-people li:hover .dropdown { display:block; }
#schedule-grid-people li .dropdown.active { display:block; }
#schedule-grid-people .dropdown > a { display:inline-block !important; padding:0 !important; width:15px; height:15px; text-indent:-9999px; background-position:4px center !important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position:relative; z-index:501; }
#schedule-grid-people .dropdown.active > a { border-bottom:none; border-bottom-right-radius:0; border-bottom-left-radius:0; }

#schedule-grid-people .dropdown > div { top:15px; left:auto; right:0; width:160px; padding:0; border-top:1px solid #ccc; border-radius:0; z-index:500; }
#schedule-grid-people .dropdown > div > a { font-size:12px; color:black; font-weight:bold; margin:0; padding:8px 10px !important; }
#schedule-grid-people .dropdown a:hover { color:#333; background:rgba(0,0,0,.05); }

/*#schedule-grid-people .people-band { margin-bottom:30px; }*/

#schedule-grid-people li.empty { background:#f2f2f2; cursor:pointer; }
#schedule-grid-people li.empty:before { content:'+'; display:block; width:48px; height:48px; position:absolute; left:50%; top:50%; margin-left:-24px; margin-top:-24px; background:rgba(0,0,0,.1); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.25); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,.25); box-shadow:inset 0 0 4px rgba(0,0,0,.25); font-size:48px; color:rgba(0,0,0,.3); text-align:center; line-height:50px; font-weight:bold; }

#schedule-grid-people li.person-pending { background:#f7ce28 url(../images/grid/bg-grid-pending.png); }
#schedule-grid-people li.person-conflict,
#schedule-grid-people li.person-declined { background:#e93535 url(../images/grid/bg-grid-conflict.png); color:white; }
#schedule-grid-people li.person-conflict .person-status { opacity:.75; font-weight:bold; }
#schedule-grid-people li.person-away { background:#ddd url(../images/grid/bg-grid-away.png); }
#schedule-grid-people li.person-participating { background:#21a230 url(../images/grid/bg-grid-participating.png); }

/*Add Person Overlay*/
.ui-widget-overlay { position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); z-index:100; }
.ui-dialog-content { overflow:hidden; overflow-y:auto; }
.ui-dialog.confirm { position:fixed; top:0; left:0; padding:20px; }
.ui-dialog.confirm .ui-dialog-content { font-size:16px; font-weight:bold; height:auto !important; padding-bottom:48px; }
.ui-dialog.confirm .ui-dialog-buttonset .button { display:inline-block; margin-right:12px; }
.dialogAjax { display:none; position:absolute; padding:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  width:450px; height:535px; background:white; z-index:60000 !important; }
.dialogAjax header,
.ui-dialog-titlebar { padding:0 20px; height:65px; line-height:65px; background:#e2e2e2; border-radius:none; border-top-left-radius:4px; border-top-right-radius:4px; z-index:5; }
.dialogAjax.fixed-header header { position:absolute; top:0; right:0; left:0; }
.dialogAjax header h1 { font-size:18px; font-weight:normal; line-height:65px; }
.dialogAjax .contentWrap { overflow:hidden; overflow-y:scroll; }
.dialogAjax .people .item-list { height:auto; padding-top:65px; }
.dialogAjax .people .item-list li { padding:10px 20px !important; overflow:hidden; height:auto; }
.dialogAjax .people .item-list img { left:0; top:0; position:relative; float:left; border:1px solid #ccc; }
.dialogAjax .people .item-list h2 { margin:0 0 0 10px; line-height:1; }
.dialogAjax .people .item-list span { margin:0; }
.dialogAjax .top-close { width:24px; height:24px; background:url(../images/icons/note-delete-24.png) center center no-repeat; position:absolute; top:18px; right:20px; z-index:5; border:none; text-indent:-9999px; cursor:pointer; opacity:.5; }
.dialogAjax .top-close:hover { opacity:.85; }


.dialogAjax .item-list .button.add { float:none; position:absolute; right:20px; top:10px; padding:0 !important; font-size:14px; background-position:right center; margin:-2px 0 0 0 !important; width:65px; height:30px; line-height:30px; padding-left:7px !important; }
.dialogAjax .item-list .button.add span { width:16px; height:16px; margin-top:-8px; right:5px; background:url(../images/icons/add-16.png) center center no-repeat; }
.dialogAjax .item-list .button.invite { float:none; position:absolute; right:105px; top:10px; padding:0 !important; font-size:14px; background-position:right center; margin:-2px 0 0 0 !important; width:65px; height:30px; line-height:30px; padding-left:7px !important; }
.dialogAjax .item-list .button.invite span { width:16px; height:16px; margin-top:-8px; right:5px; background:url(../images/icons/invite-16.png) center center no-repeat; }
.dialogAjax .item-list .added { position:absolute; right:20px; top:10px; display:block; width:72px; height:30px; background:url(../images/icons/added-24.png) center center no-repeat; text-indent:-9999px; }
.dialogAjax .people .item-list .added { position:absolute; right:20px; top:10px; display:block; width:156px; height:30px; background:url(../images/icons/added-24.png) center center no-repeat; text-indent:-9999px; }


/*Add Position Overlay*/
.dialogAjax.add-new-position .content { padding:20px; }
.dialogAjax.add-new-position select { display:block; width:100%; }
.dialogAjax.add-new-position .ui-dialog-buttonset { padding:20px; }
.dialogAjax.add-new-position .row { margin-top:24px; }
.dialogAjax .ui-dialog-buttonset .button { display:inline-block; }
.dialogAjax .ui-dialog-buttonset .button + .button { margin-left:12px; }
.dialogAjax .ui-dialog-buttonset .close { position:relative; top:0; right:0; bottom:0; left:0; }

/*Print schedule overlay*/
.dialogAjax.print-schedule select { display:block; width:100%; }
.dialogAjax.print-schedule .row { margin-top:24px; }

/*Send reminder overlay*/
.dialogAjax.send-reminder { height:auto; }
.dialogAjax.send-reminder .content { padding:20px; }
.dialogAjax.send-reminder .ui-dialog-buttonset { padding:20px; }

/*Clear positions overlay*/
.dialogAjax.clear-positions { height:auto; }
.dialogAjax.clear-positions .content { padding:20px; }
.dialogAjax.clear-positions .ui-dialog-buttonset { padding:20px; }
.dialogAjax.clear-positions p { padding:20px 20px 0; }

/*Fill to right*/
.dialogAjax.fill-to-right { height:auto; }
.dialogAjax.fill-to-right .content { padding:20px 20px 0; }
.dialogAjax.fill-to-right .ui-dialog-buttonset { padding:20px; }

/*jQuery UI Dialog overrides*/
.ui-resizable-handle, .ui-dialog-titlebar { display:none !important; }

/*Loading schedule overlay*/
#loading-schedule { position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.25); z-index:5000; opacity:0; }
#loading-schedule-inner { position:relative; padding:0 24px; height:50px; background:white; background:white url(../images/grid/loading.gif) 24px center no-repeat; box-shadow:0 2px 6px rgba(0,0,0,.25); }

/*Fancy jScrollPane styles*/

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; z-index:51; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; z-index:50; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #dde; background:rgba(0,0,0,.05); box-shadow:inset 0 0 6px rgba(0,0,0,.25); position: relative; border-radius:200px; }
.jspDrag { background: #bbd; background: #666; background: -moz-linear-gradient(top, #aaa 0%, #858585 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#858585)); background: -webkit-linear-gradient(top, #999 0%,#666 100%); background: -o-linear-gradient(top, #aaa 0%,#858585 100%); background: -ms-linear-gradient(top, #aaa 0%,#858585 100%); box-sizing:border-box; border:1px solid rgba(0,0,0,.15); box-shadow:inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(0,0,0,.5); position: relative; top: 0; left: 0; cursor: pointer; border-radius:200px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspVerticalBar .jspDrag { background: #666; background: -moz-linear-gradient(left, #aaa 0%, #858585 100%); background: -webkit-gradient(linear, left left, left bottom, color-stop(0%,#aaa), color-stop(100%,#858585)); background: -webkit-linear-gradient(left, #999 0%,#666 100%); background: -o-linear-gradient(left, #aaa 0%,#858585 100%); background: -ms-linear-gradient(left, #aaa 0%,#858585 100%); }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }