body, html {height:100%; width:100%; margin:0; padding:0; background:#ddd;}
body {min-width:320px; font-family:'Open Sans',Arial, sans-serif; font-size:14px;}

* {box-sizing:border-box;}
img {max-width:100%;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}
.inactive, .inactive a {color:#999;}
a.more {padding-left:15px; background-image:url(../img/arrow_more.gif); background-position:center left; background-repeat:no-repeat;}
.marked, .marked label {background-color:#fcc;}
.red, .red a {color:#c00;}
.inactive.red, .inactive.red a, .inactive .red, .inactive .red a {color:#d99;}
.hidden, .printOnly {display:none;}

h1, h2 {color:#0086B3;}
.iSmall:focus, .iHalf:focus, .iMedium:focus, .iLarge:focus, .iFull:focus {background-color:#fff; border-color:#18ACEC;}

.header {position:fixed; top:0; left:0; height:60px; width:100%; overflow:hidden; background-color:#00aee9; z-index:30; background-image:url(../img/logo.png); background-position:center; background-repeat:no-repeat; background-size:auto 90%;}
.adminPage .header {}
.headerContent, .headerContentAdm {position:relative; width:1300px; max-width:100%; top:5px; margin:0 auto;}
.outer {position:relative; width:1300px; max-width:100%; height:100%; margin:0 auto; z-index:10;}
.navCol {position:fixed; top:60px; bottom:0; width:300px; max-width:20%; background:#eee; overflow:auto; z-index:20;}
.mainCol {position:relative; float:right; width:1000px; max-width:80%; min-height:100%; padding-top:108px; padding-bottom:50px; background:#fff;}
.topCol {position:fixed; top:60px; width:1300px; max-width:100%; z-index:5;}
.mce-fullscreen .header {z-index:1;}

#toTop {position:fixed; bottom:0; width:1000px; max-width:80%; z-index:15;}
#toTop span {display:block; position:absolute; right:5px; bottom:5px; height:40px; width:40px; text-align:center; color:#fff; background:#333; border-radius:50%; cursor:pointer;}
.adminPage #toTop span {right:50%; margin-left:-20px;}
#toTop span:before {content:"\f062"; font-family:icomoon; font-size:22px; line-height:37px;}

.headerContent span, .headerContentAdm span {display:block; float:right; color:#000; background-color:#fff; padding:5px 50px 5px 5px; white-space:nowrap;}
#btnLogout {position:absolute; top:5px; right:5px; height:40px; width:40px; color:#fff; background:#111; text-align:center;}
#btnLogout:before {content:"\f08b"; font-family:icomoon; font-size:25px; line-height:38px;}

.navBox {margin:28px 2px 40px;}
.navBox ul {margin:0 0 2px; padding:0;}
.navBox li {list-style-type:none; margin:0 0 2px; padding:0;}
.navBox li a {display:block; padding:10px 10px; text-decoration:none; color:#fff; background-color:#333;}
.navBox li li {border-bottom:none;}
.navBox li li a {font-size:0.85em; padding-left:25px;}
a.navMain {text-transform:uppercase;}
.act a.navMain {background-color:#009ED3;}
.navBox li a:hover {background-color:#fff; color:#000;}
.navCol h3 {margin:28px 2px; color:#000; font-size:1.5em; text-transform:uppercase; text-align:center;}

.breadcrumbs {position:fixed; top:60px; width:1000px; max-width:80%; padding:7px 5px; font-size:13px; line-height:13px; text-align:left; background:#eee; border-bottom:1px #ccc solid; z-index:5;}
.breadcrumbs span {display:block; max-width:842px; margin:0 auto;}
.breadcrumbs a {padding:0 6px 0 8px; border-left:1px #333 solid;}
.breadcrumbs a.active {font-weight:bold;}
.btnFixed {position:fixed; bottom:0; margin:0 -79px; width:842px; max-width:77%; box-sizing:content-box; background:#fff; border-top:2px #333 solid; padding:10px 79px; text-align:center;}

.alertbox {background-color:#dfd; padding:3px 5px; margin:0 0 10px;}
.unread a {font-weight:bold;}
.alertbox .read, .alertbox .read a {color:#6A705D;}

.main {position:relative; width:842px; max-width:96%; margin:0 auto;}
h1 {font-size:2em; font-weight:normal; margin:0 0 20px; padding:0;}
h2 {font-size:1.6em; font-weight:normal; margin:0 0 10px; padding:0;}
h3 {font-size:1.2em; font-weight:normal; margin:0 0 10px; padding:0;}
.large {font-size:1.2em;}
.small {font-size:0.85em;}
hr {clear:both; border:none; color:#0F3647; background-color:#0F3647; height:2px; margin:15px 0;}
hr.liteline {color:#ccc; background-color:#ccc; height:1px;}
.block {display:block;}
.nowrap {white-space:nowrap;}

.tblBox:before, .tblBox:after {content:""; display:table; clear:both;}
.tblFull {display:table; width:100%;}
.tblRow {display:table-row;}
.tblCol {display:table-cell;}
.tblHalf {display:table; width:50%; float:left;}
.tblList {width:100%; border-spacing:0; border-collapse:collapse;}
.tblList .row {padding:3px 0; margin-bottom:2px;}
.li1 {background-color:#ddd;}
.li2 {background-color:#f9f9f9;}

ul.itemList {padding:0;margin:15px 0;}
ul.itemList li {list-style-type:none;padding:4px 15px;margin:0 0 3px; background-color:#eee;border:1px #ccc solid;}
.itemList li {cursor:move;}
.ui-state-disabled li {cursor:default;}
.itemList li span {float:right;}

.message {font-size:1.2em; margin: 0 0 20px;}
.row {clear:both; width:100%;}
.row:before, .row:after, .col:before, .col:after {content:""; display:table; clear:both;}
.col {position:relative; padding:5px 5px;}
.colSmall {position:relative; padding:2px 5px;}

.containerBox {position:relative; background:#fff; border:2px #999 solid; margin:0 0 5px; border-radius:5px;}
.containerBox .row {padding:0 5px;}
.containerBox .rowCheck {padding:0; margin:0 0 5px; border-left:4px transparent solid;}
.greenBorder {border-left:4px #0c0 solid !important;}

.boxEventJobs {position:relative; padding:5px; border:2px #999 solid;}
p.rowCheck {margin:0 0 2px;}
.pdfLink, a.pdfLink {display:block; position:absolute; top:5px; right:5px; color:#fff; background:#0c0; padding:3px 10px;}

.iSmall, .iHalf, .iMedium, .iLarge, .iFull {width:100%; padding-top:2px; padding-bottom:2px; font-family:Arial, sans-serif; font-size:1em; background-color:#eee; border:1px #bbb solid; border-radius:2px;}
input.iSmall, input.iHalf, input.iMedium, input.iLarge, input.iFull {padding:3px 5px;}
.iSmall {max-width:80px;}
.iHalf {max-width:197px;}
.iMedium {max-width:315px;}
.iLarge {max-width:400px;}
.iFull {max-width:820px;}
.btn {font-size:1.2em; color:#fff; background-color:#ccc; border:none; padding:3px 20px; border-radius:3px;}
.btnSubmit {background-color:#0c0;}
.btnYellow {background-color:#fc0;}
.btnDel {background-color:#c00;}
.btnDisabled {background-color:#ccc !important;}
#checkInForm .btn {width:100%; padding:10px 20px;}
.btnCheckin {cursor:pointer;}
.rowCheck {position:relative; height:30px; background:#eee;}
.rowCheck input {position:absolute; top:5px; left:0px;}
.rowCheck label {position:absolute; top:0; left:0px; height:30px; width:100%; padding:5px 10px 5px 40px;}
.rowCheck label:before {content:"\f00d"; font-family:icomoon; display:block; position:absolute; top:0; left:0; height:30px; width:30px; font-size:25px; text-align:center; line-height:30px; color:#c99; background:#ddd; cursor:pointer;}
.rowCheck.rowNotEditable label:before {color:#fff; background-color:#ccc;}
.rowChecked label:before {content:"\f00c"; color:#0c0;}
.rowChecked.rowNotEditable label:before {color:#fff; background-color:#ccc;}
.rowChecked.rowNotEditable label.confirmed:before {background-color:#0c0;}
.confirmform label:before {color:#fff; background-color:#ccc;}
.confirmform .rowChecked label:before {background-color:#0c0;}
.upload-btn-wrapper {overflow:hidden;}
.iFile {position:absolute; left:0; top:0; opacity:0; font-size:40px;}
.btnUpload {padding:1px 10px; white-space:nowrap; color:#0c0; background:#fff; border:2px #0c0 solid;}
.btnUpload.inact {color:#999; border-color:#999;}

.slideboxContent {display:none;}
.opened .slideboxContent {display:block;}
.slideboxOpener {padding:3px 5px; cursor:pointer;}

.dp-modal {z-index:99;}
.colorpicker {z-index:15;}

.userlistForm {position:relative; paddding-bottom:30px;}
#userlist .pFixed {position:fixed; left:0; bottom:0; width:100%; margin:0; padding:1em 0; text-align:center; background-color:#fff;}
#userlist .pFixed.activated {background-color:#ff9;}
@media screen and (max-width:575px){
  .blocker {padding:20px 5px !important;}
  .modal {padding:15px 10px !important;}
  .modal .btn {width:100%;}
}

.col-lg-1 {float:left; width:8.3%}
.col-lg-2 {float:left; width:16.5%}
.col-lg-3 {float:left; width:25%}
.col-lg-4 {float:left; width:33.3%}
.col-lg-5 {float:left; width:41.5%}
.col-lg-6 {float:left; width:50%;}
.col-lg-7 {float:left; width:58.3%;}
.col-lg-8 {float:left; width:66.6%}
.col-lg-9 {float:left; width:75%}
.col-lg-10 {float:left; width:83.3%}
.col-lg-11 {float:left; width:91.6%}
.col-lg-12 {float:left; width:100%}
.col-lg-push-1 {left:8.3%}
.col-lg-push-2 {left:16.5%}
.col-lg-push-3 {left:25%}
.col-lg-push-4 {left:33.3%}
.col-lg-push-5 {left:41.5%}
.col-lg-push-6 {left:50%;}
.col-lg-push-7 {left:58.3%;}
.col-lg-push-8 {left:66.6%}
.col-lg-push-9 {left:75%}
.col-lg-push-10 {left:83.3%}
.col-lg-push-11 {left:91.6%}
.col-lg-pull-1 {right:8.3%}
.col-lg-pull-2 {right:16.5%}
.col-lg-pull-3 {right:25%}
.col-lg-pull-4 {right:33.3%}
.col-lg-pull-5 {right:41.5%}
.col-lg-pull-6 {right:50%;}
.col-lg-pull-7 {right:58.3%;}
.col-lg-pull-8 {right:66.6%}
.col-lg-pull-9 {right:75%}
.col-lg-pull-10 {right:83.3%}
.col-lg-pull-11 {right:91.6%}
.col-center {text-align:center;}
.col-center img {margin:0 auto;}
.col-left {text-align:left;}
.col-left img {margin:0 auto 0 0;}
.col-right {text-align:right;}
.col-right img {margin:0 0 0 auto;}
.hidden-lg-up {display:none}
.hidden-lg-down {display:none}
.hidden-xl-up {display:initial;}

.center-block {max-width:700px; margin-left:auto; margin-right:auto;}
.float-right {float:right;}
.align-top {vertical-align:top;}
.align-middle {vertical-align:middle;}
.align-bottom {vertical-align:bottom;}

@media screen and (max-width:990px){
  .col-md-1 {float:left; width:8.3%}
  .col-md-2 {float:left; width:16.5%}
  .col-md-3 {float:left; width:25%}
  .col-md-4 {float:left; width:33.3%}
  .col-md-5 {float:left; width:41.5%}
  .col-md-6 {float:left; width:50%}
  .col-md-7 {float:left; width:58.3%;}
  .col-md-8 {float:left; width:66.5%}
  .col-md-9 {float:left; width:75%}
  .col-md-10 {float:left; width:83.3%}
  .col-md-11 {float:left; width:91.6%}
  .col-md-12 {float:left; width:100%}
  .col-md-push-0 {left:0;}
  .col-md-push-1 {left:8.3%}
  .col-md-push-2 {left:16.5%}
  .col-md-push-3 {left:25%}
  .col-md-push-4 {left:33.3%}
  .col-md-push-5 {left:41.5%}
  .col-md-push-6 {left:50%;}
  .col-md-push-7 {left:58.3%;}
  .col-md-push-8 {left:66.6%}
  .col-md-push-9 {left:75%}
  .col-md-push-10 {left:83.3%}
  .col-md-push-11 {left:91.6%}
  .col-md-pull-0 {left:0;}
  .col-md-pull-1 {right:8.3%}
  .col-md-pull-2 {right:16.5%}
  .col-md-pull-3 {right:25%}
  .col-md-pull-4 {right:33.3%}
  .col-md-pull-5 {right:41.5%}
  .col-md-pull-6 {right:50%;}
  .col-md-pull-7 {right:58.3%;}
  .col-md-pull-8 {right:66.6%}
  .col-md-pull-9 {right:75%}
  .col-md-pull-10 {right:83.3%}
  .col-md-pull-11 {right:91.6%}
  .col-md-hidden {display:none;}
  .col-md-center {text-align:center;}
  .col-md-center img {margin:0 auto;}
  .col-md-left {text-align:left;}
  .col-md-left img {margin:0 auto 0 0;}
  .col-md-right {text-align:right;}
  .col-md-right img {margin:0 0 0 auto;}
  .hidden-lg-up {display:initial;}
  .hidden-md-down {display:none;}
}

@media screen and (max-width:766px){
  .sectionContainer {padding:30px 0;}
  .col-sm-1 {float:left; width:8.3%}
  .col-sm-2 {float:left; width:16.5%}
  .col-sm-3 {float:left; width:25%}
  .col-sm-4 {float:left; width:33.3%}
  .col-sm-5 {float:left; width:41.5%}
  .col-sm-6 {float:left; width:50%}
  .col-sm-7 {float:left; width:58.3%;}
  .col-sm-8 {float:left; width:66.5%}
  .col-sm-9 {float:left; width:75%}
  .col-sm-10 {float:left; width:83.3%}
  .col-sm-11 {float:left; width:91.6%}
  .col-sm-12 {float:left; width:100%}
  .col-sm-push-1 {left:8.3%}
  .col-sm-push-2 {left:16.5%}
  .col-sm-push-3 {left:25%}
  .col-sm-push-4 {left:33.3%}
  .col-sm-push-5 {left:41.5%}
  .col-sm-push-6 {left:50%;}
  .col-sm-push-7 {left:58.3%;}
  .col-sm-push-8 {left:66.6%}
  .col-sm-push-9 {left:75%}
  .col-sm-push-10 {left:83.3%}
  .col-sm-push-11 {left:91.6%}
  .col-sm-pull-1 {right:8.3%}
  .col-sm-pull-2 {right:16.5%}
  .col-sm-pull-3 {right:25%}
  .col-sm-pull-4 {right:33.3%}
  .col-sm-pull-5 {right:41.5%}
  .col-sm-pull-6 {right:50%;}
  .col-sm-pull-7 {right:58.3%;}
  .col-sm-pull-8 {right:66.6%}
  .col-sm-pull-9 {right:75%}
  .col-sm-pull-10 {right:83.3%}
  .col-sm-pull-11 {right:91.6%}
  .col-sm-hidden {display:none;}
  .col-sm-center {text-align:center;}
  .col-sm-center img {margin:0 auto;}
  .col-sm-left {text-align:left;}
  .col-sm-left img {margin:0 auto 0 0;}
  .col-sm-right {text-align:right;}
  .col-sm-right img {margin:0 0 0 auto;}
  .cc-wrapwidth {-ms-flex-align:unset; align-items:unset; -ms-flex-direction:column; flex-direction:column;}
  .hidden-sm-down {display:none;}
}

@media screen and (max-width:575px){
  .sectionContainer {padding:15px 0;}
  .col-xs-1 {float:left; width:8.3%}
  .col-xs-2 {float:left; width:16.5%}
  .col-xs-3 {float:left; width:25%}
  .col-xs-4 {float:left; width:33.3%}
  .col-xs-5 {float:left; width:41.5%}
  .col-xs-6 {float:left; width:50%}
  .col-xs-7 {float:left; width:58.3%;}
  .col-xs-8 {float:left; width:66.5%}
  .col-xs-9 {float:left; width:75%}
  .col-xs-10 {float:left; width:83.3%}
  .col-xs-11 {float:left; width:91.6%}
  .col-xs-12 {float:left; width:100%}
  .col-xs-push-0 {left:auto}
  .col-xs-push-1 {left:8.3%}
  .col-xs-push-2 {left:16.5%}
  .col-xs-push-3 {left:25%}
  .col-xs-push-4 {left:33.3%}
  .col-xs-push-5 {left:41.5%}
  .col-xs-push-6 {left:50%;}
  .col-xs-push-7 {left:58.3%;}
  .col-xs-push-8 {left:66.6%}
  .col-xs-push-9 {left:75%}
  .col-xs-push-10 {left:83.3%}
  .col-xs-push-11 {left:91.6%}
  .col-xs-pull-1 {right:8.3%}
  .col-xs-pull-2 {right:16.5%}
  .col-xs-pull-3 {right:25%}
  .col-xs-pull-4 {right:33.3%}
  .col-xs-pull-5 {right:41.5%}
  .col-xs-pull-6 {right:50%;}
  .col-xs-pull-7 {right:58.3%;}
  .col-xs-pull-8 {right:66.6%}
  .col-xs-pull-9 {right:75%}
  .col-xs-pull-10 {right:83.3%}
  .col-xs-pull-11 {right:91.6%}
  .col-xs-hidden {display:none;}
  .col-xs-center {text-align:center;}
  .col-xs-center img {margin:0 auto;}
  .col-xs-left {text-align:left;}
  .col-xs-left img {margin:0 auto 0 0;}
  .col-xs-right {text-align:right;}
  .col-xs-right img {margin:0 0 0 auto;}
  .cc-wrapwidth {-ms-flex-align:unset; align-items:unset; -ms-flex-direction:column; flex-direction:column;}
  .hidden-xs-down {display:none;}
}

@media screen and (max-width:1000px){
  body.navOpened {overflow:hidden;}
  .header {height:50px;}
  .headerContent, .headerContentAdm {top:0;}
  .breadcrumbs {top:50px;}
  .userPage .breadcrumbs {display:none;}
  .userPage .mainCol {padding-top:80px;}
  .navCol, .breadcrumbs, .mainCol {max-width:100%;}
  .navCol {top:50px; width:100%;}
  .navCol {left:-100%; transition:0.5s;}
  .navOpened .navCol {left:0;}
  .btnNav {position:fixed; top:5px; left:0px; height:40px; width:40px; color:#fff; background-color:#333; cursor:pointer; z-index:30;}
  .btnNav:before {content:"\f0c9"; display:block; height:40px; width:40px; font-family:icomoon; font-size:25px; text-align:center; line-height:38px;}
  #toTop, .btnFixed {width:100%; max-width:100%; left:0; margin:0; padding-left:0; padding-right:0;}
}

@media screen and (max-width:766px){
  .headerContent span, .headerContentAdm span {float:none; padding-left:60px; background-color:#00aee9;}
}

@media screen and (max-width:575px){
  .tblList .row {padding:10px 0;}
  .containerBox .row {padding-top:0; padding-bottom:0;}
}

@media print {
	body, html {color:#000; background-color:transparent;}
	.printOnly {display:block;}
	.header, .navCol, .breadcrumbs, #toTop, .btn {position:absolute; top:0; left:0; display:none;}
	.outer, .mainCol, .main {float:none; width:auto; max-width:100%; padding:0;}
	.message, .boxEventJobs .slidebox, .confirmform .liteline, .confirmform .rowCheck, .confirmform .rowCheck input, .confirmform .rowCheck label:before {position:absolute; top:0; left:0; display:none;}
	.confirmform .boxEventJobs {padding:5px 0 0; border-width:0; border-top:1px #000 solid !important;}
	.confirmform h3 {margin-bottom:2px;}
	.confirmform .rowCheck.rowChecked {position:relative; display:block; background-color:transparent; height:24px;}
	.confirmform .rowCheck label {padding:2px 10px 2px 40px;}
}