@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
html{height:100%;margin:0px;padding:0px;}
body{height:100%;margin:0px;padding:0px;}/*background-image:url("../images/system/bkg.gif");}*/
.wrapper{position:relative;min-height:100%;height:auto!important;height:100%;}

.navbar-toggle{background-color:#001f3f}

.asside-mobile{min-height:0px;display:none;}
.navbar-mobile .navbar-nav{margin:0px;padding:0px;}
.navbar-mobile .navbar-collapse{border:1px solid transparent!important;box-shadow:none;}
.navbar-mobile .navbar-form{margin:0px;padding:0px 0px 10px 10px;border:1px solid transparent!important;box-shadow:none;}

.pull-right {float:right!important;}
.navbar-nav .form-group{margin-bottom:0px}
.body-bs5 .dropdown-menu-right {right:0;left: auto;}
.body-bs5 select.form-control{-webkit-appearance:menulist!important;-moz-appearance:menulist!important;-ms-appearance:menulist!important;-o-appearance:menulist!important;appearance:menulist!important;}  
.body-bs5 nav.navbar{padding-right:10px;}  
.body-bs5 .navbar-light{border-bottom:1px solid #ccc}  
.body-bs4 .navbar-light{border-bottom:1px solid #ccc}  
.body-bs5 .navbar--dark select{background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important;color: var(--bs-navbar-color);}  
.body-bs5 .navbar--light select{background-color:transparent;color: var(--bs-navbar-color);}    
.body-bs4 .navbar--dark select{background-color:transparent;color: rgba(255,255,255,.5);}
.body-bs4 .navbar--light select{background-color:transparent;color: rgba(0,0,0,.5);}

.sidebar-left{background-color:#f8f9fa;margin:0;border:none;border-radius:0;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important;}
.sidebar-menu{list-style:none;margin:0;padding:0;background-color:#f8f9fa;font-family:'Roboto','Titillium web',sans-serif;font-size:13.5px;}
.sidebar-menu a{color:#000;text-decoration:none;}
.sidebar-menu > li{position:relative;margin:0;padding:0}
.sidebar-menu > li > a{padding:8px 5px 8px 5px;display:block;border-left:3px solid transparent}
.sidebar-menu > li > a > .fa{width:20px}
.sidebar-menu > li:hover > a {color:#000;background:#ddd;border-left-color:#001f3f;}
.sidebar-menu > li.active > a{color:#fff;background:#001f3f;border-left-color:#3c8dbc;border-left:4px solid #ff0000;}
.sidebar-menu > li > .treeview-menu{margin:0;background:#f4f4f4;border-bottom:1px solid #c0c0c0;}
.sidebar-menu > li .label,.sidebar-menu > li .badge{margin-top:3px;margin-right:5px}
.sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:14px;color:#4b646f;background:#1a2226}
.sidebar-menu li > a > .fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px;margin-top:3px}
.sidebar-menu li.active > a > .fa-angle-left{transform:rotate(-90deg)}
.sidebar-menu li.active > .treeview-menu{display:block}
.sidebar-menu .treeview-menu > li{margin:0}
.sidebar-menu .treeview-menu > li > a{padding:5px 5px 5px 5px;display:block;color:#000}
.sidebar-menu .treeview-menu > li > a > .fa-angle-left,.sidebar-menu .treeview-menu > li > a > .fa-angle-down{width:auto!important}
.sidebar-menu .treeview-menu > li.active > a{color:#fff;background:#17a2b8;}
.sidebar-menu .treeview-menu > li > a:hover{color:#000;background:#ddd;}
.sidebar-menu .treeview-menu > li.active > a:hover {color:#fff;background:#0792b8;}
.sidebar-menu .treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:0px}
.sidebar-menu .treeview .treeview-menu > li > a{padding-left:14px!important;}
.sidebar-menu .treeview .treeview-menu .treeview .treeview-menu > li > a{padding-left:19px!important;}
.sidebar-menu .treeview .treeview-menu .treeview .treeview-menu .treeview-menu > li > a {padding-left: 25px!important;}
.sidebar-menu .sub-menu{padding-left:4px;}

.sidebar-menu .far{min-width:20px;}
.sidebar-menu .fas{min-width:20px;}
.sidebar-menu .fal{min-width:20px;}
.sidebar-menu .fat{min-width:20px;}
.sidebar-menu .fa-duotone{min-width:20px;}
.sidebar-menu .treeview-menu > li > a > .fa{width:20px}

@media (min-width:768px){
.sidebar-left{position:absolute;top:0;left:0;bottom:0;width:250px;z-index:2100;}
.sidebar-left .navbar-header{float:none}
.sidebar-left .navbar-collapse{padding:0}
}

.input-left-corners{border-top-left-radius:5px!important;border-bottom-left-radius:5px!important;}
.input-right-corners{border-top-right-radius:5px!important;border-bottom-right-radius:5px!important;}


.rep-sticky-header{border-collapse:separate;border-spacing: 0;}
.rep-sticky-header thead{ position:sticky;z-index:5000;}
.rep-sticky-header thead{inset-block-start: 0;}
.rep-sticky-header thead th{background-color:#fff;}
.rep-sticky-header thead th[rowspan]{background-color:#fff;}
.rep-sticky-footer tfoot{ position:sticky;z-index:5000;}
.rep-sticky-footer tfoot{inset-block-end: 0;}

.rep-sticky-header-lowz thead{ position:sticky;z-index:0!important;}


.modal{overflow:auto!important;}/*fix multiple modal scroll issue*/

.docContainer{display:table;margin:0 auto;}
.dshim{width:100%;padding-top:0px;}
.qshim{width:100%;padding-top:5px;}

#two-fa-label{padding-top:8px;margin-left:10px;font-weight:normal!important;font-style:italic;color:#aaa;font-size:0.9em;}
/*#two-fa-label::after{content:'Leave blank to setup for the first time'}*/
.two-fa{
    width:140px!important;
    /*-moz-appearance: textfield;*/
    -webkit-text-security: disc;
    /*text-security: disc;*/
}
.two-fa::-webkit-outer-spin-button,
.two-fa::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.CodeMirror{height:500px;padding:5px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.code-mirror-initscript{padding:10px 0px 4px 0px;}
.code-mirror-initscript .CodeMirror{height:500px;}
.code-mirror-group .CodeMirror{height:300px;}
.code-mirror-html .CodeMirror{height:calc(95vh - 360px);}
.code-mirror-200 .CodeMirror{height:200px!important;}
.code-mirror-300 .CodeMirror{height:300px!important;}
.code-mirror-500 .CodeMirror{height:500px!important;}

.sys-sticky-headers thead {position:sticky;}
.sys-sticky-headers thead{inset-block-start: 0;}
.sys-sticky-headers{border-collapse:separate;border-spacing:0!important;}
.sys-sticky-headers thead th{background-color:#ffffff!important;}
.sys-sticky-headers thead th[rowspan]{background-color:#ffffff!important;}

.table-scroll-100-{max-height:calc(100vh - 100px);overflow: auto!important;}
.table-scroll-150-{max-height:calc(100vh - 150px);overflow: auto!important;}
.table-scroll-200-{max-height:calc(100vh - 200px);overflow: auto!important;}
.table-scroll-250-{max-height:calc(100vh - 200px);overflow: auto!important;}
.table-scroll-300-{max-height:calc(100vh - 300px);overflow: auto!important;}
.design-staff-list-{max-height:calc(100vh - 450px);overflow:auto!important;}
.design-summary{height:580px;overflow-y:auto;}

#optionListParent{max-height:455px;overflow-y:auto;overflow-x:hidden;}
.image-container{height:500px;overflow-y:auto;}

.div-scroll-300{max-height:300px;overflow-y:auto;overflow-x:hidden;}
.div-scroll-450{max-height:450px;overflow-y:auto;overflow-x:hidden;}

.content-left{margin-left:0px!important}
.display-flex{display:flex;}
.btn-nav{flex:1;}

div.toggle.btn[disabled]{opacity:0.9!important;}
div.toggle.btn[disabled] label{cursor:not-allowed!important}
.btn-120{max-width:120px;}
.btn-200{max-width:200px;}
.btn-250{max-width:250px;}


.cursor-progress{cursor:progress;}
.cursor-default{cursor:default;}
.qLinkToEdit{cursor:pointer;}

.code-mirror-css span.cm-atom {color:#CE916a}
.text-jscode{padding-bottom:4px;font-family:"roboto mono"}
.radio-cols{width:60px;}
.radio-tv-widget{width:70px;}
.radio-buddy{width:70px;}
.img-mandatory{border:1px solid #dc3545;background-color:#f2dede;}

.scroll-loader{display:none;padding-bottom:50px;}
#bsRenderTab{margin-top:5px;margin-bottom:5px;}
#bsRenderContent{border-top:1px solid #ddd;padding-top:15px;}
#bsRenderTab .nav-pills>li{margin-right:5px;}
#bsRenderTab .nav-pills>li>a{padding:5px 10px 5px 10px;}

#ajaxloading{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0);z-index:10000;display:none;}
#WarningImg{z-index:5000;display:none;position:absolute;cursor:pointer;}

#misResults{overflow:auto;max-height:50vh;}

.bootbox{z-index:9001!important;
  /*top:-20px;*/
}
.highest-zindex{z-index:9000!important;}
.send-to-front{z-index:5000!important;}
#modalCPDNote{z-index:6000!important;}
.select2-container{z-index:10!important;width:100%!important;}

.bootbox-validation .modal-title{font-weight:bold;}
.bootbox-validation .modal-header{background-color:#f0f0f0;}
.bootbox-validation .modal-footer{background-color:#f0f0f0;}
.bootbox-validation .bootbox-body{text-align:center;font-weight:bold;color:#dc3545;}

.bootbox-message .modal-title{font-weight:bold;}
.bootbox-message .modal-header{background-color:#f0f0f0;}
.bootbox-message .modal-footer{background-color:#f0f0f0;}
.bootbox-message .bootbox-body{text-align:center;font-weight:bold;color:#337ab7;}

.fetching-page{opacity:0.6}
.fetching-entire-page{opacity:0.5}
.table-fix{border-right-style:hidden!important;border-left-style:hidden!important;border-bottom-style:hidden!important;}
.table-fix-side{border-right-style:hidden!important;border-left-style:hidden!important;}

.table tbody>tr.orange td{background-color: #ffe5d0;}
.table tbody>tr:hover.orange td{background-color: #fecba1;}

.td-select-center select{display:inline!important;}
#pageWaiting{color:#337ab7;font-size:6em;}
.panel-light{border-color:#ddd;}
.panel-light>.panel-heading{color:#333;background-color:#fbfbfb;border-color:#ddd;}

.panel-shadow{-webkit-box-shadow: 1px 1px 3px 1px rgba(208,208,208,1);-moz-box-shadow: 1px 1px 3px 1px rgba(208,208,208,1);box-shadow: 1px 1px 3px 1px rgba(208,208,208,1);}
.panel-flat{border-color:#ddd;}
.panel-flat>.panel-heading{color: #333;background-color:#fff;border-color:#ddd;}

.nav-flat{background-color:#f8f8f8;}
.nav-flat>li{background-color:#fff;margin-bottom:0px;border-right:1px solid #ddd}
.nav-flat>li>a{color:#444;padding:10px 15px 6px 15px;border-radius:0px;margin-right:0px;border-top:none;border-left:none;border-right:none;border-bottom:4px solid transparent}
.nav-flat>li.active>a{border-top:none;border-left:none;border-right:none;border-bottom:4px solid #808080;font-weight:bold}
.nav-flat>li.active>a:focus{border-top:none;border-left:none;border-right:none;border-bottom:4px solid #808080}
.nav-flat>li.active>a:hover{border-top:none;border-left:none;border-right:none;border-bottom:4px solid #808080}

.nav-flat-box>li{border-top:1px solid #ddd;}
.nav-flat-box>li:nth-child(1){border-left:1px solid #ddd}

.nav-flat-rounded>li.active {border-top-left-radius:8px!important;}
.nav-flat-rounded>li.active>a {border-top-left-radius:8px!important;}
.nav-flat-rounded>li.active {border-top-right-radius:8px!important;}
.nav-flat-rounded>li.active>a {border-top-right-radius:8px!important;}

.nav-flat-left-rounded>li.active {border-top-left-radius:8px!important;}
.nav-flat-left-rounded>li.active>a {border-top-left-radius:8px!important;}
.nav-flat-right-rounded>li.active {border-top-right-radius:8px!important;}
.nav-flat-right-rounded>li.active>a {border-top-right-radius:8px!important;}

.nav-flat-green{margin-top:10px;background-color:transparent!important;}
.nav-flat-green>li.active>a{border-bottom:4px solid #009048!important;background-color:#dff0d8!important;}
.nav-flat-green>li.active{border-left:1px solid #009048;border-top:1px solid #009048;border-right:1px solid #009048;}

.nav-flat-blue{margin-top:10px;background-color:transparent!important;}
.nav-flat-blue>li.active>a{border-bottom:4px solid #3a87ad!important;background-color:#d2e2ea!important;}
.nav-flat-blue>li.active{border-left:1px solid #3a87ad;border-top:1px solid #3a87ad;border-right:1px solid #3a87ad;}

.outline-primary{border-top:3px solid #337ab7!important;}
.outline-info{border-top:3px solid #3a87ad!important;}
.outline-success{border-top:3px solid #468847!important;}
.outline-warning{border-top:3px solid #f89406!important;}
.outline-danger{border-top:3px solid #b94a48!important;}
.outline-secondary{border-top:3px solid #6c757d!important;}
.outline-lightblue{border-top:3px solid #3c8dbc!important;}
.outline-navy{border-top:3px solid #001f3f!important;}
.outline-purple{border-top:3px solid #605ca8!important;}
.outline-fuchia{border-top:3px solid #f012be!important;}
.outline-maroon{border-top:3px solid #d81b60!important;}
.outline-orange{border-top:3px solid #ff851b!important;}
.outline-darkorange{border-top:3px solid #fd7e14!important;}
.outline-yellow{border-top:3px solid #ffc107!important;}
.outline-olive{border-top:3px solid #3d9970!important;}

.bc-primary{background-color:#337ab7!important;}
.bc-info{background-color: #3a87ad!important;}
.bc-success{background-color: #468847!important;}
.bc-warning{background-color: #f89406!important;}
.bc-danger{background-color: #b94a48!important;}
.bc-secondary{background-color: #6c757d!important;}
.bc-lightblue{background-color: #3c8dbc!important;}
.bc-navy{background-color: #001f3f!important;}
.bc-purple{background-color: #605ca8!important;}
.bc-fuchia{background-color: #f012be!important;}
.bc-maroon{background-color: #d81b60!important;}
.bc-orange{background-color: #ff851b!important;}
.bc-darkorange{background-color: #fd7e14!important;}
.bc-yellow{background-color: #ffc107!important;}
.bc-olive{background-color: #3d9970!important;}


.callout{border-top:1px solid #ddd;margin:10px;border-radius: .25em;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    background-color: #fff;border-left: 5px solid #e9ecef;padding: 0px 10px 10px 10px;
}
.callout h5{font-size:1.25em;}
.callout.callout-danger{border-left-color:#b94a48;}
.callout.callout-info{border-left-color:#3a87ad;}
.callout.callout-warning{border-left-color:#f89406;}
.callout.callout-success{border-left-color:#468847;}



.navbar-course{white-space:nowrap;display:inline-block;overflow:hidden;text-overflow: ellipsis;}

.table-card-form{margin-bottom:0px;}
.table-card-form th{color:#555;padding:4px 4px 2px 4px!important;}
.table-card-form td{padding:0px 4px 4px 10px!important;}
.card-form-mod{color:#555;font-size:0.85em;}
.card-form-mod>span{font-weight:bold;}
#pdfwait{display:none;white-space:nowrap;font-weight:bold;z-index:1000;}
.pdf-page-margin{margin-left:30px;margin-right:15px;}
/* Customise Global Grade Colours */
.risk-blue{background-color:#00B0F0!important;color:#ffffff;font-weight:bold;}
.risk-green{background-color:#33CC00!important;color:#000000;font-weight:bold;}
.risk-amber{background-color:#FF9933!important;color:#000000;font-weight:bold;}
.risk-red{background-color:#FF0033!important;color:#ffffff;font-weight:bold;}

.btn-orange{background-color:#FF9933!important;color:#fff;}

.font-monospace{font-family:Menlo, Monaco, Consolas, "Courier New", monospace!important}
.td-hover-colour{cursor:hand;background-color:#dff0d8;}

.text-warning{color:#FF9933!important;}
.text-danger{color:#dc3545!important;}
.text-grey{color:#999}
.bg-light{background-color:#eee;}

.agg-blue{background-color:#00B0F0;color:#ffffff;font-weight:bold!important;}
.agg-green{background-color:#33CC00;color:#000000;font-weight:bold!important;}
.agg-amber{background-color:#FF9933;color:#000000;font-weight:bold!important;}
.agg-red{background-color:#FF0033;color:#ffffff;font-weight:bold!important;}

.ratingcomp-green{background-color:#dff0d8;}
.ratingcomp-amber{background-color:#fcf8e3;}
.ratingcomp-red{background-color:#f2dede;}
.ratingcomp-blue{background-color:#D1E5F7;}

.td-grade1{background-color:#3300FF!important;color:#ffffff;font-weight:bold;text-align:center;}
.td-grade2{background-color:#33CC00!important;color:#ffffff;font-weight:bold;text-align:center;}
.td-grade3{background-color:#FF9933!important;color:#ffffff;font-weight:bold;text-align:center;}
.td-grade4{background-color:#FF0033!important;color:#ffffff;font-weight:bold;text-align:center;}

.td-ratinggrade1{background-color:#D1E5F7!important;color:#000;font-weight:bold;text-align:center;}
.td-ratinggrade2{background-color:#dff0d8!important;color:#000;font-weight:bold;text-align:center;}
.td-ratinggrade3{background-color:#fcf8e3!important;color:#000;font-weight:bold;text-align:center;}
.td-ratinggrade4{background-color:#f2dede!important;color:#000;font-weight:bold;text-align:center;}
.tv-alt{cursor:pointer;}
.tv-alt:hover th {background-color:#85c1e9!important;}
/* END - Customise Global Grade Colours */

.ofsted-rating-1{background-color:#00341E!important;color:#fff!important;}
.ofsted-rating-2{background-color:#00713D!important;color:#fff!important;}
.ofsted-rating-3{background-color:#268430!important;color:#fff!important;}
.ofsted-rating-4{background-color:#C6480A!important;color:#fff!important;}
.ofsted-rating-5{background-color:#CD1E03!important;color:#fff!important;}

.ofsted-colour-1{color:#00341E!important;}
.ofsted-colour-2{color:#00713D!important;}
.ofsted-colour-3{color:#268430!important;}
.ofsted-colour-4{color:#C6480A!important;}
.ofsted-colour-5{color:#CD1E03!important;}

.copyHighlight{background:url(../images/system/builder/copy.png)right top no-repeat;}

.row-td-middle tbody>tr>td{vertical-align:middle!important;}
.row-th-middle tbody>tr>th{vertical-align:middle!important;}
.table-hand>tbody>tr{cursor:pointer;}


th.num-col{min-width:40px!important}

.btn-no-focus:focus {outline:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;}

.flip-rotate{transform: rotate(90deg) scaleX(-0.9);}

.w-100{width:100%!important}
.w-90{width:90%!important}
.w-80{width:80%!important}
.w-75{width:75%!important}
.w-70{width:70%!important}
.w-66{width:66%!important}
.w-60{width:60%!important}
.w-50{width:50%!important}
.w-45{width:45%!important}
.w-40{width:40%!important}
.w-33{width:33%!important}
.w-30{width:30%!important}
.w-25{width:25%!important}
.w-20{width:20%!important}
.w-15{width:15%!important}
.w-10{width:10%!important}
.w-5{width:5%!important}

.w-100p{width:100px;}
.w-125p{width:125px;}
.w-150p{width:150px;}

.bs3-table-sm{font-size:0.9em}
.bs3-table-sm>tbody>tr>td{padding:4px!important;}

.bs3-pl-0{padding-left:0px!important;}
.bs3-pr-0{padding-left:0px!important;}

.bs3-mt-0{margin-top:0px;}
.bs3-mb-0{margin-bottom:0px;}
.bs3-mt-1{margin-top:.25rem;}
.bs3-mb-1{margin-bottom:.25rem;}
.bs3-mt-2{margin-top:.5rem;}
.bs3-mb-2{margin-bottom:.5rem;}
.bs3-mt-3{margin-top:.75rem;}
.bs3-mb-3{margin-bottom:.75rem;}
.bs3-mt-4{margin-top:1rem;}
.bs3-mb-4{margin-bottom:1rem;}
.bs3-mt-5{margin-top:1.25rem;}
.bs3-mb-5{margin-bottom:1.25rem;}
.bs3-mt-0{margin-top:0px;}
.bs3-mb-0{margin-bottom:0px!important;}

.bs3-ml-10p{margin-left:10px!important;}
.bs3-mt-5p{margin-top:5px!important;}
.bs3-pb-10p{padding-bottom:10px!important;}
.bs3-pt-10p{padding-top:10px!important;}
.bs3-mt-10p{margin-top:10px!important;}

.m-2{margin:.5rem;}
.m-0{margin:0px!important;}
.ml-15p{margin-left:15px;}
.ml-40p{margin-left:40px;}


.p-0{padding:0px!important;}
.pl-0{padding-left:0px!important;}
.pr-0{padding-right:0px!important;}
.pt-0{padding-top:0px!important;}
.pb-0{padding-bottom:0px!important;}
.pt-0{padding-top:0px!important;}
.pb-0{padding-bottom:0px!important;}

.bs-radio-col {padding-right:5px;}
.bs-radio-col.disabled input{display:none}

.text-break{word-break:break-word!important;overflow-wrap:break-word!important;}

.btn-export-hide{display:none;margin-left:-70px;margin-top:-20px;opacity:0.75;}
.input-date{width:11rem!important;}
.addon-combo{padding:0px!important;border:0;}
.input-group-addon .obs-hour{border:0;padding:0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;}
.input-group-addon .obs-mins{border:0;padding:0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;}

.form-control option:checked{background-color:#D1E5F7;}
input.number-nospin::-webkit-outer-spin-button,input.number-nospin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}


.table-borderless td{border:none!important;}
.table-borderless th{border:none!important;}

.height-badge{height:20px;}

.bs-checkbox-fix{padding-bottom:5px;}

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

.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
.toggle.ios .toggle-handle { border-radius: 20px; }
.toggle.android { border-radius: 0px;}
.toggle.android .toggle-handle { border-radius: 0px; }

.dropdown-hover-open:hover .dropdown-menu{display: block;}

.mynavbar-text{color:#777;margin-right:15px;}
.trumbowyg-editor,.trumbowyg-textarea{padding:10px;}
.auto-margin{margin-left:auto;margin-right:auto;}
.td-minwidth{width:1px;}
.table-white{background-color:#ffffff}
.borderless td, .borderless th {border: none!important;}

.google-signin{margin-top:15px;padding-top:10px;border-top:1px solid #bce8f1;}

.table-footer tfoot>tr>td{border-top:2px solid #b0b0b0;vertical-align:middle;}
.table-footer tfoot>tr>th{border-top:2px solid #b0b0b0;vertical-align:middle;}
.table-footer tfoot>tr>td:not(:last-child){border-right:1px solid #b0b0b0;}
.table-footer tfoot>tr>th:not(:last-child){border-right:1px solid #b0b0b0;}
.table-footer tfoot tr{background-color:#f0f0f0;}
.table-footer tfoot tr.total{background-color:#d8d8d8!important;}

.table-footer tfoot{border-bottom:2px solid #b0b0b0;}

.table-tv-items td{text-align:right;padding-left:4px;}
.tfoot-table-tv-items td{text-align:right;padding-left:4px;}

.list-tv-items{margin:0;padding:0;list-style:none;}
.list-tv-items>li>div{display:inline-block;margin-right:10px;width:30px;text-align:right;}
.list-tv-items>li>div.li-pct{width:50px;}
.tfoot-list-tv-items{margin:0;padding:0;list-style:none;}
.tfoot-list-tv-items>li>div{display:inline-block;margin-right:10px;width:30px;}
.tfoot-list-tv-items>li>div.li-pct{width:50px;}

.table-tv-legend {font-size:1em;}
.table-tv-legend th{font-weight:normal;}
.table-tv-legend td{padding-left:10px;text-align:right;}
.tfoot-table-tv-legend {font-size:0.85em;}
.tfoot-table-tv-legend th{font-weight:normal;}
.tfoot-table-tv-legend td{text-align:right;}

.dash-links{margin:20px 0px 10px 10px;}
.dash-links>ul{margin:0;padding:0;list-style:none;}
.dash-links>ul>li{display:block;margin-left:10px;cursor:pointer;padding-bottom:5px;}
.dash-links>ul>li:hover{color:#0000ff}

.panel-midheader{border-top:1px solid #ddd;background-color:#f5f5f5;padding:5px 15px 5px 0px;}
.panel-thick-border{border-width:2px;}
.table-right{width:auto;margin-right:0px;margin-left:auto;}

.toggleContent{margin-left:0px!important;}
.toggleNav{display:none;}
.toggleGrab{left:0px!important;background-image:url('../images/system/menutagr.png')!important;}
.toggleConMenu{left:10px!important;}


.bootfile{position:absolute;visibility:hidden;}
#uploadWait{margin:auto;font-size:24px;text-align:center;display:none;}
.upload-wait{margin:auto;font-size:24px;text-align:center;display:none;}
.cslogo{padding-top:12px;}
.obstitle{float:left;font-size:16px;color:white;padding-left:10px;padding-top:2px;}
.obslogo{float:left;padding-left:6px;}
#hidden-canvas{display:none;}

.eden {
    display:block;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size:12px;
    background:#f8f9fa;
    color:#000;
    text-align:center;
    padding:10px;
    margin-top:0px;
  }
  
  .usershim {
    color:#000;
    padding:0px;
    font-size:12px;
  }
  
  .eden a {
    color:#000;
    text-decoration:none;
    outline:none;
  }
  
  .eden a:hover {
    color:#0000ff;
  }

.timeshim{color:#d0d0d0;padding:4px 0px 4px 0px;font-size:11px;}
.site{
    border-bottom:1px solid #ccc;
    font-size:12px;
    background:#f8f9fa;
    color:#000;
    text-align:center;
    padding:10px;
    margin-top:0px;
  }
.evalsite{font-size:12px;background:#b94a48;color:white;text-align:center;padding:10px;margin-top:0px;}
.top-shim{padding-top:15px!important;}

.homePieTitle{text-align:center;font-weight:bold;font-size:12px;padding-top:10px;}

#pageTiming{display:none;}
.page-timing{font-size:9pt;}
.pageTiming-menu{text-align:center;color:#000;padding:10px 0px 10px 0px;background-color:#f8f9fa;border-bottom:1px solid #ccc}
.pageTiming-document{margin-top:50px;padding:10px 0px 10px 0px;text-align:center;border-top:3px solid rgb(31, 59, 65);background-color:#4a595f;color:#d0d0d0;}

.disp-no{display:none;}
.cat-delete{width:75px;margin-top:2px;margin-bottom:2px;}
.table-preheader{background-color:#3a87ad;color:#ffffff;padding:4px;font-weight:bold;border-top:1px solid #f5f5f5;}

.table12px {background-color:#fff;font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}

.chartNav{margin-left:0px;margin-bottom:0px;}

.sqldebug{padding:5px;border:1px dashed #808080;background-color:#fffff8;}
.colGroup1{text-align:center;}
.colGroup2{text-align:center;}

.stafflist-dropdown{padding:5px;min-width:600px;}
.sessionlist-dropdown{padding:5px;}

.f-nsew{margin-bottom:15px;margin-left:10px;padding:5px;
border:2px solid #404040;background-color:#fffff8;
display:inline-block;
border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px!important;
}



.t-nsew{border-collapse:collapse;}
.t-nsew td{padding:0px;}
.t-nsew .top-left{padding-bottom:1px;padding-left:4px;}
.t-nsew .left{padding-left:4px;}
.t-nsew .bottom-left{padding-top:1px;padding-left:4px;}
.t-nsew .bottom{padding-top:1px;}


.dev-readonly{border:1px solid #ddd!important;background-color:#f8f8f8!important;padding:6px 6px!important;
    border-radius: 4px 4px 4px 4px!important;
    -moz-border-radius: 4px 4px 4px 4px!important;
    -webkit-border-radius: 4px 4px 4px 4px!important;
}

.tcomp-rating{border-collapse:collapse!important;width:100%;font-size:10pt;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;} 
.tcomp-rating th{padding:4px;}
.tcomp-rating td{padding:4px;}

.tcompetency{border-collapse:separate;width:100%;margin-top:5px;border:0px;}
.tcompetency tr.item>th{padding:2px 5px 2px 5px;background-color:#87a8d0;color:#fff;border:2px solid #87a8d0;}
.tcompetency tr.item-group>th{background-color:#465881;color:#fff;border:2px solid #465881;}
.tcompetency tr.itemdesc>td{background-color:#fff!important;border:2px solid #87a8d0;}

.tcompetency .item-body{padding:0px;}
.layout-style-c{background-color:#fff;border:1px solid #ccc;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.tcompetency .outcomehelp{padding:5px;font-weight:normal;}
.ratinghelp{padding:5px 10px 0px 5px;font-weight:normal;}

.comp-shim{font-size:4px;height:4px;border:0px;}
.comp-itershim{font-size:8px;height:8px;}
.comp-dual-sep{margin-top:15px;}

.note-row .ro{border:1px solid #ddd!important;background-color:#fff!important;padding:6px 12px!important;
    border-radius: 4px 4px 4px 4px!important;
    -moz-border-radius: 4px 4px 4px 4px!important;
    -webkit-border-radius: 4px 4px 4px 4px!important;
    font-size:10pt;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;color:#000;
}

.tcompetency .ro{border:1px solid #ddd;background-color:#fff;padding:6px 12px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    font-size:10pt;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;color:#000;
}

.tcompetency .ro-str{border:1px solid #4A9586;background-color:#F3F8F4;}
.tcompetency .ro-afi{border:1px solid #b94a48;background-color:#FFF2F2;}
.tcompetency .ro-shim{margin-top:4px;}    
.tcompetency .ro-fullshim{margin:4px;}    
.tcompetency .ro-combo-freq{width:auto;}
.tcompetency .ro-combo-rating{width:auto;}

.tcompetency .comp-dual{width:100%;}
.tcompetency .shim-comp-dual{padding:4px;}
.tcompetency .comp-stack{padding:4px;}
.tcompetency .comp-stack-sep{margin-top:10px;}

.cat-class{margin-top:4px;}
.str-caption{font-size:14px;padding:2px;font-weight:bold;}
.afi-caption{font-size:14px;padding:2px;font-weight:bold;}

.tcompetency div.group-header{padding:8px 0px 0px 4px;font-weight:bold;}
.tcompetency div.group-header-center{margin-top:8px;padding:2px 0px 2px 0px;font-weight:bold;text-align:center;background-color:#f0f0f0;}
.tcompetency div.combo-sep{margin-top:4px;}
.tcompetency div.combo-sep th{color:#404040}
.tcompetency div.vert-grphdr{font-weight:bold;text-align:center}
.tcompetency div.horz-grphdr{font-weight:bold;text-align:left}

.comp-dual .comp-str{padding-right:2px!important;}
.comp-dual .comp-str textarea{resize:none;border:1px solid green;background-color:#F3F8F4;}
.comp-dual .comp-str .category-combo{resize:none;border:1px solid green;background-color:#F3F8F4;margin-bottom:2px;}
.comp-dual .comp-str .strafi-catcombo{resize:none;border:1px solid green;background-color:#F3F8F4;margin-bottom:2px;}
.comp-dual .comp-afi{padding-left:2px!important;}
.comp-dual .comp-afi textarea{resize:none;border:1px solid red;background-color:#FFF2F2;}
.comp-dual .comp-afi .category-combo{resize:none;border:1px solid red;background-color:#FFF2F2;margin-bottom:2px;}
.comp-dual .comp-afi .strafi-catcombo{resize:none;border:1px solid red;background-color:#FFF2F2;margin-bottom:2px;}

.comp-stack .comp-str textarea{resize:none;border:1px solid green;background-color:#F3F8F4;}
.comp-stack .comp-str .category-combo{resize:none;border:1px solid green;background-color:#F3F8F4;margin-bottom:2px;}
.comp-stack .comp-str .strafi-catcombo{resize:none;border:1px solid green;background-color:#F3F8F4;margin-bottom:2px;}
.comp-stack .comp-afi textarea{resize:none;border:1px solid red;background-color:#FFF2F2;}
.comp-stack .comp-afi .category-combo{resize:none;border:1px solid red;background-color:#FFF2F2;margin-bottom:2px;}
.comp-stack .comp-afi .strafi-catcombo{resize:none;border:1px solid red;background-color:#FFF2F2;margin-bottom:2px;}


.peerComment{display:none;}

.category-combo{font-weight:normal;}
.category-combo optgroup.catcombo-group{background-color:#a0a0a0;color:#fff;}
.category-combo optgroup.catcombo-purpose{background-color:#606060;color:#fff;}
.category-combo option{background-color:#fff;color:#000;}
.category-combo option:checked{background-color:#D1E5F7;color:#000;}

.picklist-optgroup{background-color:#D1E5F7;color:#000;font-size:1.1em!important;}



#graphFrameXtab{border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #000000;
    background-color:#fffffc;
    margin-left:10px;
    padding:10px;
}

#tabularFrameXtab{border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #000000;
    background-color:#fffffc;
    margin-left:10px;
    padding:10px;
}
#tabularFrameXtab table{margin-left:0px;margin-right:auto;}

#graphFrame{border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid #000000;
    background-color:#fffffc;
    margin-left:10px;
    padding:10px;
}


.chart-gauge-small{height:30px;}
.chart-legend{padding:10px 0px 10px 0px;}
.table-legend{border-collapse:collapse;font-size:12px!important;margin: auto;}
.table-legend td{border:1px solid #ddd;padding:2px 2px 2px 8px!important;}
.table-legend td.c2{text-align:right!important;}
.table-legend td.c3{width:99%;}


#modalPopup{position:relative;z-index:6000;}
#modalBox{position:relative;z-index:3000;}
.modal.modal-wide .modal-dialog{width:770px;}
.modal.modal-extrawide .modal-dialog{width:80%;max-width:1280px;}
.autowidth{width:auto!important;}
.container-fluid{padding-left:10px;}
.form-control-inline{display:inline!important;margin-left:5px!important;}
.form-control-condensed{padding:0px 6px 0px 4px!important;height:30px!important;}
.form-control-condensed-right{padding:0px 6px 0px 4px!important;height:30px!important;text-align:right;}
.area-condensed{padding:2px 2px 2px 4px!important;resize:none!important;}
.dropdown-menu{z-index:10000!important;}
.form-control-xs{padding:0px!important;font-weight:normal!important;font-size:12px!important;height:22px!important;}
.form-control-fs{font-family:"Lucida Console",Monaco,"Courier New";font-size:10pt;color:#000000;font-weight:normal;background-color:white;}

.pdf-upload{width:90%;font-size:20pt;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;font-weight:bold;}
.pdf-radio{width: 24px!important; height: 24px;}
.pdf-check{width: 24px; height: 24px;}
.area-pdf-condensed{padding:2px 2px 2px 4px!important;resize:none!important;font-size:18px;}
.form-control-pdf-condensed{padding:0px 2px 0px 4px!important;font-size:18px;height:30px!important;}
.form-control-pdf-condensed-right{padding:0px 2px 0px 4px!important;font-size:18px;height:30px!important;text-align:right;}
.form-control-pdf-fs{font-family:"Lucida Console",Monaco,"Courier New";font-size:18px;}
.combo-pdf{font-weight:normal!important;font-size:18px!important;}
.pdf-hide-element{position:absolute!important;left:1px!important;top:2px!important;font-size:1px;border:0px solid #ffffff;color:#ffffff;width:1px;height:1px;}
.pdf-extra-radio{position:absolute!important;left:1px!important;top:1px!important;font-size:1px!important;width:1px!important;height:1px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;}


.pdf-grey{
    border-radius:10px 10px 10px 10px;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;margin-bottom:10px;padding:10px;
    border: 1px solid #606060;    
    background-color:#f8f8f8;
}
.pdf-grey-heading{
    border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;
    font-family:'Lucida Sans Unicode', 'Lucida Grande',calibri,arial;font-size:10pt;   
    border-top: 1px solid #606060;    
    border-left: 1px solid #606060;    
    border-right: 1px solid #606060; 
    font-weight:bold;padding:5px;background-color:#e0e0e0;
}
.pdf-grey-main{
    border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;margin-bottom:10px;padding:10px;
    border: 1px solid #606060;    
    background-color:#f8f8f8;
}

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

.fa-unicode{font-family:"FontAwesome","Helvetica Neue",Helvetica,Arial,sans-serif;}
.text-date{width:120px;}
.btn-cal{padding:4px; width:30px;}
.btn-lvsave{width:74px;}
.no-resize{resize:none;}
.padding-4{padding:4px;}
.btn-action{margin:0px;font-size:11px;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;}
.btn-med{padding:3px 8px;font-size:12px;line-height:1.5;}
.edit-date{width:7.5em;}
.readonly-date{white-space:nowrap;min-width:6em;width:auto;}
.readonly-datetime{white-space:nowrap;min-width:9em;width:auto;}
.readonly-text{white-space:nowrap;}
.readonly-text-r{text-align:right;min-width:20px;}

.readonly-line{width:100%;}

.readonly-box{border:1px solid #ddd;padding:3px 6px;border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;}

.readonly-area{width:100%;border:1px solid #ddd;background-color:#fff;padding:3px 6px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    color:#000;
    min-height:20px;
    text-align:left;
}

.g_txtcount{position:absolute;display:none;z-index:5000;border:1px solid red;background-color:yellow;color:black;padding:0px 2px 0px 2px;font-family:arial,verdana;font-size:9pt;font-weight:bold;}
.g_calendar{position:absolute;display:none;padding:5px;background-color:#f8f8f8;border:2px solid #404040;z-index:5000;}

.catInfo{text-align:center;padding:0px;}

.header-info{background-color:#3a87ad!important;color:#fff;text-align:center;}

.header-photo{line-height:75px;font-size:14px;}
.header-no-photo{font-size:14px;}

.photo-container-tracking{float:right;margin:10px;}

.photo-container{float:right;}
.staff-photo_{height:75px;}
.staff-photo{width:75px;height:75px;object-fit:cover;border-radius:50%;border:none;}

.photo-container-doc{height:75px;}
.staff-photo-doc_{height:75px;border:none;}
.staff-photo-doc{width:75px;height:75px;object-fit:cover;border-radius:50%;border:none;}
.staff-photo-raw{border:none;}

.photo-container-popup{height:75px;}
.staff-photo-popup{height:75px;border:none;}

.option-red{background-color:#f2dede!important;}
.option-green{background-color:#dff0d8!important;}
.option-amber{background-color:#fcf8e3!important;}

.font-bold{font-weight:bold!important;}
.font-normal{font-weight:normal!important;}

.color-null{color:transparent!important;}
.color-error{color:#b94a48!important;}
.color-danger{color:#b94a48!important;}
.color-warning{color:#f89406!important;}
.color-success{color:#468847!important;}
.color-info{color:#3a87ad!important;}
.color-primary{color:#337ab7!important;}
.color-purple{color:#800080!important;}
.color-black{color:#000000!important;}
.color-dark{color:#606060!important;}
.color-yellow{color:#F9E79F!important}

.bordercolor-warning{border-color:#f89406!important;}
.bordercolor-danger{border-color:#b94a48!important;}
.bordercolor-success{border-color:#468847!important;}

.li-norm{font-size:16px;}
.li-active{font-size:16px;background-color:#dff0d8;}

.slider-val{min-width:40px;margin-left:10px;margin-right:10px;display:inline-block;font-weight:normal}
.slider{appearance:none;-webkit-appearance:none;width:100%;height:14px;border-radius:7px;background:#d8d8d8;outline:none;opacity:0.8;}
.slider:hover{opacity:1;}
.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#3c8dbc;cursor:pointer;}
.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#3c8dbc;cursor:pointer;}  

.badge-error{background-color:#b94a48!important;}
.badge-warning{background-color:#f89406!important;}
.badge-success{background-color:#468847!important;}
.badge-info{background-color:#3a87ad!important;}
.badge-primary{background-color:#337ab7!important;}
.badge-purple{background-color:#800080!important;}
.badge-devplan{background-color:#777;text-align:left!important;white-space:normal!important;}
.badge-support{background-color:#777;text-align:left!important;white-space:normal!important;}
.badge-warning-light{background-color:#fcf8e3!important;color:#606060!important;}
.badge-round{padding:3px 4px!important;}
.fs-10{font-size:10px!important}
.fs-12{font-size:12px!important}
.fs-14{font-size:14px!important}
.fs-16{font-size:16px!important}

.cloud-word{font-weight:bold;text-decoration:underline;text-decoration-style: dotted;color:#003366;}
.text-small{font-size:0.75em!important;}
.text-sml{font-size:0.9em!important;}
.text-med{font-size:1.2em!important;}
.text-large{font-size:1.5em!important;}
.text-super{vertical-align:super;font-size:0.65em;}

.btn-lightgrey{
    color:#000;
    background-color:#dcdcdc;
    border-color:#ccc;
}

.btn-lightgrey:hover, .btn-lightgrey:focus, .btn-lightgrey:active, .btn-lightgrey.active, .open>.dropdown-toggle.btn-lightgrey {
    color:#000;
    background-color:#c0c0c0;
    border-color:#a9a9a9;
}

tr.danger >td {background-color:#f2dede;}
.table-hover tr.danger:hover >td {background-color:#b94a48;}
td.danger{background-color:#f2dede!important;}
tr.warning >td {background-color:#fcf8e3;}
.table-hover tr.warning:hover >td {background-color:#f89406;}
td.warning{background-color:#fcf8e3!important;}
tr.success >td {background-color:#dff0d8;}
.table-hover tr.success:hover >td {background-color:#468847;}
td.success{background-color:#dff0d8!important;}

tr.purple >td {background-color:#E8C6FF;}
.table-hover tr.purple:hover >td {background-color:#800080;}
td.purple{background-color:#E8C6FF!important;}

.td-lightgray{background-color:#f9f9f9!important;}

tr.mandatory >th {color:#b94a48;background-color:#f2dede;}
tr.mandatory >td {background-color:#f2dede;}

.td-totalcorner{background-color:#d0d0d0;border-top:2px solid #404040!important;border-left:2px solid #404040!important;}
tr.rowtotal >td {background-color:#e0e0e0;font-weight:bold;border-top:2px solid #404040!important;border-bottom:2px solid #404040!important;}
.td-coltotal{background-color:#d0d0d0!important;font-weight:bold;border-left:2px solid #404040!important;}
tr.rowsep >td {background-color:#f0f0f0;height:4px;}
.td-colsep{background-color:#f0f0f0!important;width:4px;padding:2px!important;}
.td-right-border{border-right:1px solid #ddd!important;}
tr.td-box>td{border:1px solid #ddd!important;}
.td-total{border-right:2px solid #ccc!important;font-weight:bold;}
.td-totaltotal{border:2px solid #404040!important;background-color:#d0d0d0!important;}
tr.rowtotal >td.td-colsep{border-left:2px solid #404040!important;background-color:#f0f0f0!important;}
tr.rowtotal >td.td-right{border-right:1px solid #aaa!important;}

.th-repcol80{width:80px;}
.th-repcol120{width:120px;}

.deadline-date{color:purple;font-style:italic;}
.plan-date{color:orange;font-style:italic;}
.obs-released{color:purple;font-style:italic;text-align:center;}
.obs-expired{color:#f89406;font-style:italic;text-align:center;}

.btn-bold{font-weight:bold!important;}
.btn-date{height:16px;width:16px;background-image:url(../images/system/icon/cal.gif);background-repeat:no-repeat;background-position:center;}
.control-label{text-align:left!important;}
.hand{cursor:pointer;}
.no-hand{cursor:default!important;}
.man-label{color:#468847!important;}
.no-label-padding{padding-left:0px!important;}

.panel-title-ellipsis{overflow:hidden;text-overflow:ellipsis;width:880px;white-space:nowrap;}
.panel-title-wrap{overflow:hidden;text-overflow:ellipsis;width:880px;}
.catname{font-weight:bold;}
.catclass{font-weight:bold;font-style:italic;padding-left:5px;text-align:right;}
.cattext{padding-left:10px;}
.strtext{background-color:#dff0d8;border:1px solid #468847;margin-bottom:4px;padding:2px;}
.afitext{background-color:#f2dede;border:1px solid #b94a48;margin-bottom:4px;padding:2px;}
.neutraltext{background-color:#fffffd;border:1px solid #aaa;margin-bottom:4px;padding:2px;}

.high_noobs{background-color:#f2dede;color:#000000;font-weight:bold;}
.high_todo{background-color:#fcf8e3;color:#000000;font-weight:bold;}
.high_green{background-color:#dff0d8;color:#000000;font-weight:bold;}

.center-block{display:-webkit-flex;display:flex;align-items:center;}
.dvcenter{display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.no-wrap{white-space:nowrap;}
.wrap{white-space:wrap!important;}
.bootstrap-embed{border-collapse:collapsel}
.bootstrap-embed th{padding:4px 0px 4px 0px;}
.bootstrap-embed td{padding:2px;}

.timecombo{width:65px;padding:0px!important;border:0px;}

.td-obschart-0{max-width:100%;white-space:nowrap;}
.td-obschart-1{max-width:250px;white-space:nowrap;}
.td-obschart-2{max-width:400px;white-space:nowrap;}
.td-obschart-3{max-width:600px;white-space:nowrap;}
.obschart{overflow:auto;overflow-y:hidden;padding-bottom:5px;}

.td-center{text-align:center!important;}
.td-right{text-align:right!important;}
.td-left{text-align:left!important;}
.table-hover tr{cursor:pointer;}
.head-center th{text-align:center!important;}
.table-thnowrap th{white-space:nowrap;}
.table-th-center thead>tr>th{text-align:center;}
.table-th-large thead>tr>th{font-size:1.2em;}
.table-th-large tfoot>tr>th{font-size:1.2em;}

.footer-toolbar{border-bottom:1px solid #ddd;}
.toolbar-spacer{padding:10px;}
.sub-footer{border-top:1px solid #ddd;padding-top:10px;margin-top:10px;}
.sub-footer-noline{padding-top:10px;margin-top:10px;}
.mono-space{font-family:'Roboto Mono','Lucida Console',Consolas,monospace!important;}
.ul-mono-space{font-family:'Roboto Mono','Lucida Console',Consolas,monospace;font-size:14px;}

.hover-link:hover{cursor:pointer;text-decoration:underline;color:#0000ff;}

.table-noline tr>th {border-top:0px!important;}
.table-noline tr>td {border-top:0px!important;}
.table-zero-left-padding td{padding-left:0px!important;}
.table-zero-margin{margin:0px !important;}
.table-padding-4px td,th{padding:4px!important;}
.table-datatable-sm td{padding:2px 2px 2px 6px!important;}
.table-datatable-sm td:first-child{padding-top:5px!important;padding-bottom:5px!important;}
.table-td-2px td{padding:2px!important;}
.table-th-2px th{padding:2px!important;}

.table-12{font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.table-td-middle tr>td{vertical-align:middle!important;}
.table-th-middle tr>th{vertical-align:middle!important;}
.table-thead-center thead>tr>th{text-align:center!important;}

.th-top{vertical-align:top!important;}
.th-middle{vertical-align:middle!important;}
.tr-bottom>th{vertical-align:bottom!important;}
#sessionList .sign{top:90%!important;}

.pdf-star{background-image:url('../images/content/star2_off.gif');background-repeat:no-repeat;width:56px!important;height:56px;vertical-align:middle;padding-top:12px;}
.pdf-star-td{vertical-align:middle;text-align:center;}

#preObsForm.table-condensed {margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:90%;}
#preObsForm th{background-color:#f0f0f0;}

#sessionList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#bulkList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#staffProfileList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#staffActionList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#staffDevPlan.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#staffSupportList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#staffSicknessList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}

#manageStaff.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#manageStaff>thead>tr>th{border-bottom-width:1px!important;}
#repList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}
#systemMatrix.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}
#actList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#staffDocumentList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}

.tList.table-condensed {font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}
.table-dashboard{font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}

.StickyTableHeader {font-size:12px!important;border-top:1px solid #ddd!important;border-bottom:1px solid #ddd!important;}
.StickyTableHeader th{background-color:#ffffff;}

#manageStaffRisk.table-condensed {width:100%;font-size:12px!important;margin:auto;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#manageStaffRisk .tembed{width:100%;}
#manageStaffRisk .tembed .td-fullwidth{width:100%;}

.actionList-details{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;font-size:12px!important;margin-bottom:15px;cursor:pointer;border-bottom:2px solid #808080!important;}
.actionList-details th{background-color:#f0f0f0;}
.actionList-details td{background-color:#ffffff;}
.actionList-details th div.hdr-col{width:80px;}
.actionList-note-0>th{font-size:11px!important;}
.actionList-note-1>th{font-size:11px!important;}
.actionList-note-0>td{background-color:#FCFCE9}
.actionList-note-1>td{background-color:#fcfcDF}
.actionList-who{text-align:right;font-style:italic;font-size:11px;}
.actionList-title{text-align:left;font-weight:bold;font-size:11px;color:#404040;}

.th-canvas{margin-bottom:1px!important;padding-bottom:1px!important;}

.devplanlist-category{font-weight:bold;margin-bottom:4px;}
.supportlist-category{font-weight:bold;margin-bottom:4px;}
.support-feedback{margin-top:5px;padding-top:5px;border-top:1px dotted #aaa;font-style:italic;}
.support-owner{margin-top:15px;font-style:italic;font-size:0.9em;font-weight:bold;color:#428bca}
.support-item-owner{margin-bottom:10px;font-style:italic;font-size:0.9em;font-weight:bold;color:#428bca;text-align:right;white-space:nowrap;}

.action-list{padding:5px 0px 5px 0px!important;}


#manageStaff .checkbox{margin-top:0px!important;margin-bottom:0px!important;font-size:14px;}

#manageStaff .radio{margin-top:0px!important;margin-bottom:0px!important;font-size:14px;}
#manageStaff label{padding-left:0px;font-size:12px;}


.seprow-tier>td{text-align:center;background-color:#a0a0a0!important;color:#ffffff;font-weight:bold;padding:1px!important;margin:0px;}
.tr-bottom>th{vertical-align:bottom!important;}
.th-header >th {background-color:#e0e0e0!important; }
.th-subheader,.th-header{cursor:auto!important;}
.th-subheader >th{background-color:#f0f0f0;}
.tr-shim>td{background-color:#fff;padding:0;font-size:2px;border-bottom:1px solid #999!important;}

.th-header-danger >th {background-color:#f2dede!important; }

#modalCPDbody{padding-bottom:0px!important;padding-top:0px!important;}
#modalCPDbody .table{margin-bottom:10px!important;}
.cpd-createdby{padding-top:20px!important;font-style:italic;font-size:0.9em;}
.cpd-readonly{font-size:1.0em;}

.cpd-subheading>th{text-align:center!important;color:#606060!important;padding:2px!important;font-size:1.1em;background-color:#e0e0e0!important;}

#tCPD tr:first-child td{border-top:0!important;}
#tCPD tr:first-child th{border-top:0!important;}
.cpd-notes>thead>tr>th{background-color:#eceba5;}
.cpd-notes td{font-size:10pt;}
.cpd-notes div.cpdwho{text-align:right;font-weight:normal;font-size:9pt;margin-top:4px;color:#404040;}
.cpd-notes div.cpdtitle{text-align:left;font-weight:bold;font-size:9pt;color:#404040;}

.panelFilter td{padding:2px;}
.panelFilter th{padding:2px;text-align:right;white-space:nowrap;}
.panelFilter .checkbox{margin:0px;}
.panelFilter label{padding-left:0px;}
.th-hidden{color:transparent!important;}
.td-checkbox .checkbox {margin:0px;}
.td-checkbox .checkbox label{padding-left:0px;}
.panelFilter .photo-shim{height:40px;}

.table-responsive{overflow-y: hidden;}
.rpad label{margin-right:.25em;}
.checkbox .cr.big{font-size: 1.25em;}
.radio .cr.big{font-size: 1.25em;}
.checkbox .cr label:after, 
.radio .cr label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    /*display: inline-block;*/
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .25em;
    margin-left:.25em;
    background-color:white;
}

.radio .cr {border-radius: 50%;}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {margin-left: -0.08em;}

.cr label input[type="checkbox"],
.cr label input[type="radio"] {display: none;}

.cr label input[type="checkbox"] + .cr > .cr-icon,
.cr label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.cr label input[type="checkbox"]:checked + .cr > .cr-icon,
.cr label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox .cr label input[type="checkbox"]:disabled + .cr,
.radio .cr label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

#menu-tools {
    position:fixed;
    top:50%;
    z-index:9000;
    border:2px solid #606060;
    background-color:rgba(193, 201, 212, 0.8);
    margin-top:-300px;
    border-radius:10px;
    padding-bottom:6px;
    -webkit-box-shadow: -4px 4px 4px -2px rgba(139,132,189,1);
    -moz-box-shadow: -4px 4px 4px -2px rgba(139,132,189,1);
    box-shadow: -4px 5px 4px -2px rgba(139,132,189,1);
}
#menu-tools img{border:none;cursor:pointer;}
#menu-tools ul{list-style:none;margin:0px;padding:0px 5px 0px 5px;text-align:left;}
#menu-tools li{padding-top:10px;}

#viconmenu {
position:fixed;
top:50%;
z-index:9000;
border:2px solid #606060;
background-color:rgba(193, 201, 212, 0.8);
margin-top:-150px;
border-radius:10px;
padding-bottom:6px;
-webkit-box-shadow: -4px 4px 4px -2px rgba(139,132,189,1);
-moz-box-shadow: -4px 4px 4px -2px rgba(139,132,189,1);
box-shadow: -4px 5px 4px -2px rgba(139,132,189,1);
}
#viconmenu img{border:none;cursor:pointer;}
#viconmenu ul{list-style:none;margin:0px;padding:0px 5px 0px 5px;text-align:left;}
#viconmenu li{padding-top:10px;text-align:center;}
#viconmenu .delete{margin-top:50px;}
#viconmenu .cancel{margin-top:25px;}

#viconmenu3 {
    position:fixed;
    top:50%;
    z-index:9000;
    background-color:rgba(193, 201, 212, 0.8);
    margin-top:-150px;
    left:0px!important;
    border-left:0px;
    border-top:2px solid #606060;
    border-right:2px solid #606060;
    border-bottom:2px solid #606060;
    background-color:rgba(193, 201, 212, 0.8);
    margin-top:-150px;
    border-radius:0px 10px 10px 0px;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow:none;
}
#viconmenu3 img{border:none;cursor:pointer;}
#viconmenu3 ul{list-style:none;margin:0px;padding:0px 3px 8px 3px;text-align:left;}
#viconmenu3 li{padding-top:10px;}
#viconmenu3 .delete{margin-top:50px;}
#viconmenu3 .cancel{margin-top:25px;}


#viconmenu2 {margin-top:20px;border:2px solid #606060;background-color:#E9F1EA;border-radius:15px;display:inline-block;
padding-bottom:6px;
-webkit-box-shadow: 3px 3px 4px 0px rgba(73,105,77,1);
-moz-box-shadow: 3px 3px 4px 0px rgba(73,105,77,1);
box-shadow: 3px 3px 4px 0px rgba(73,105,77,1);
}
#viconmenu2 img{border:none;cursor:pointer;vertical-align: middle;}
#viconmenu2 ul{list-style:none;margin:0px;padding:10px 0px 0px 10px;text-align:center;}
#viconmenu2 li{padding-right:10px;display:inline;}
#viconmenu2 .delete{margin-left:50px;}
#viconmenu2 .cancel{margin-left:20px;}

.c-layout-go2top{display:inline-block;position:fixed;bottom:20px;right:10px;cursor:pointer;z-index:9000;}
.c-layout-go2top>i{opacity:0.5;filter:alphaopacity=50;color:#89939e;font-size:38px;font-weight:300;}
.c-layout-go2top:hover{opacity:0.8;filter:alphaopacity=80}

.torg{border-collapse:collapse;}
.torg th{text-align:left;padding:10px 4px 10px 4px;}
.torg td{text-align:center;font-size:12pt;padding:10px 4px 10px 4px;}
.torg td .label{font-size:125%;}

a{outline:none;}
a img{border:0;}

#dInfo{display:inline-block;position:absolute;visibility:hidden;border:2px solid#404040;background-color:#f0f0f0;padding:10px;}

.heading{width:100%;background-image:url(../images/system/tlback.png);background-repeat:repeat-x;font-family:arial,verdana;font-size:10pt;color:white;text-align:center;font-weight:bold;}

.msg{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size:11pt;color:#003366;text-align:center;font-weight:bold;padding:5px;}
.smallmsg{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size:9pt;color:#003366;text-align:center;font-weight:bold;padding:5px;margin:4px;}
.errmsg{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size:11pt;color:red;text-align:center;font-weight:bold;padding:5px;}
.caveat{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size:8pt;color:#404040;text-align:center;padding:2px;font-style:italic;margin:0;}
.sqlerr{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size:8pt;color:red;text-align:left;font-weight:bold;}
.warn{margin:auto;width:80%;padding:10px;border:2px solid #404040;background-color:#fffff0;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size:11pt;color:darkorange;text-align:center;font-weight:bold;padding:4px;}

.divlink{color:navy;text-decoration:underline;cursor:pointer;}
.repheading{font-family:arial,verdana;font-size:10pt;font-weight:bold;padding:4px 0px 4px 0px;color:#404040;text-align:center;}

.gradeprofile1{background-color:#3300FF;color:#ffffff;font-weight:bold;padding:0px 2px 0px 2px;}
.gradeprofile2{background-color:#33CC00;color:#ffffff;font-weight:bold;padding:0px 2px 0px 2px;}
.gradeprofile3{background-color:#FF9933;color:#ffffff;font-weight:bold;padding:0px 2px 0px 2px;}
.gradeprofile4{background-color:#FF0033;color:#ffffff;font-weight:bold;padding:0px 2px 0px 2px;}
.nogradeprofile{background-color:transparent;color:#000000;font-weight:bold;padding:0px 2px 0px 2px;}

.downloadfile{cursor:pointer;color:blue!important;text-decoration:underline!important;}

.timages{margin-top:20px;font-family:arial,verdana;border-collapse:collapse;background-color:#ffffff;border:2px solid #404040;} 
.timages td{padding:5px;}
.timage{border:1px solid #808080;}
.timage td{text-align:center;border:1px solid #808080;}

.tembed{border-collapse:collapse !important;border:0px !important;}
.tembed td{padding:0px !important;border:0px !important;}

.tembedform{border-collapse:collapse !important;border:0px !important;}
.tembedform th{padding:2px !important;border:0px !important;background-color:transparent!important;color:#000000!important;white-space:nowrap;font-weight:normal;}
.tembedform td{padding:2px !important;border:0px !important;background-color:transparent!important;color:#000000!important;}

.tembednav{border-collapse:collapse !important;border:0px !important;font-size:12px!important;}
.tembednav th{padding:2px!important;border:0px !important;background-color:transparent!important;color:#000000!important;white-space:nowrap;font-weight:bold;}
.tembednav td{padding:2px!important;border:0px !important;background-color:transparent!important;color:#000000!important;}

.radio-row-span{width:90%;}

.tfilter{border-collapse:collapse !important;border:0px !important;}
.tfilter th{padding:2px !important;border:0px !important;background-color:transparent!important;color:#000000!important;}
.tfilter td{padding:2px 4px 2px 2px !important;border:0px !important;background-color:transparent!important;color:#000000!important;}

.tnull{border-collapse:collapse !important;width:100%;font-size:10pt;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;} 
.tnullpad{border-collapse:collapse !important;width:100%;font-size:10pt;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;} 
.tnullpad td{padding:2px !important;border:0px !important;border-bottom:0px !important;}
.tnullnopad{border-collapse:collapse !important;width:100%;margin:0px !important;padding:0px !important;font-size:10pt;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;} 
.tnullnopad td{margin:0px !important;padding:0px !important;border:0px !important;}

.tlayout{margin-top:10px;font-family:calibra,arial;}
.tlayout th{text-align:center;background-color:#0099FF;color:#ffffff;font-weight:bold;font-size:12pt;padding:4px;}
.tlayout td{padding:4px;}

.txt-notes{font-weight:normal!important;}
.cat-note{margin:0 auto;}
.cat-note-heading{font-weight:bold;}
.cat-note-ro{border:1px solid #808080;background-color:#ffffff;padding:2px;font-weight:normal}

.tLayoutD{margin-top:15px;border-collapse:collapse !important;width:calc(100% - 5px);}


.toutcomerating{margin:10px 0px 10px 0px;font-family:'Lucida Sans Unicode', 'Lucida Grande',calibri,arial,verdana;font-size:10pt;border-collapse:collapse;width:100%;border:1px solid #404040;background-color:#ffffff;}
.toutcomerating th{border:1px solid #c0c0c0;padding:2px;text-align:center;}
.toutcomerating th.qheading{text-align:left;background-color:#f0f0f0;}
.toutcomerating td{border:1px solid #c0c0c0;padding:2px;text-align:left;}

.shim-toutcomerating-merge{padding:4px;}
.toutcomerating-merge{margin:10px 0px 0px 0px;font-family:'Lucida Sans Unicode', 'Lucida Grande',calibri,arial,verdana;font-size:10pt;border-collapse:separate!important;width:100%;}
.toutcomerating-merge td{padding:2px;}
.toutcomerating-merge .mtx-row-merge{border:2px solid #e0e0e0;background-color:#e0e0e0;}
.toutcomerating-merge .ratingcaption-merge{font-weight:bold;padding-left:4px;}
.toutcomerating-merge .mtx-note-merge{background-color:#e0e0e0}
.toutcomerating-merge .mtx-combo-ro{font-size:14px;height:28px!important;padding:3px 2px 0px 4px;}

.toutcomenotes{margin:10px 0px 10px 0px;border-collapse:collapse;width:100%;border:1px solid #404040;background-color:#ffffff;}
.toutcomenotes th{text-align:left;border:1px solid #808080;padding:2px;background-color:#e0e0e0;}
.toutcomenotes td{border:1px solid #808080;padding:2px;text-align:center;}
.toutcomenotes th.sel{background-color:#d0d0d0 !important;color:#000;cursor:pointer;}
.toutcomenotes th.groupheader{background-color:#4A9586!important;color:#ffffff;}

.tg_date{border-collapse:collapse !important;} 
.tg_date td{padding:0px 1px 0px 1px !important;border:0px !important;vertical-align:middle!important;}





.sortarrow{color:#000000;font-weight:bold;}

.dispno{display:none;}
.dispyes{display:block;}
#wait {margin:20px;text-align:center;font-family:Calibri,'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;font-size:20pt;font-weight:bold;color:#003366;}

.tmonthhdr{width:281px;border-collapse:collapse;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;font-size:11pt;text-align:center;border:1px solid #000000;background-color:#DBEAF5;}
.tmonthhdr td{padding:2px;}
.tmonthhdr .yearsel{font-weight:bold;}
.tmonthhdr .cancel{width:50%;text-align:right;padding:4px;}
.calcombo{border:1px groove #949494;font-family:arial,verdana;font-size:11pt;color:#000000;}
.tmonthhdr .cancel{border-left:1px solid #000000;color:#ffffff;background-color:#a04040;cursor:pointer;}

.tmonthsel{border-collapse:collapse;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;font-size:11pt;text-align:center;border-right:1px solid #000000;}
.tmonthsel th{text-align:center;border-left:1px solid #000000;width:27px;padding:2px;font-weight:bold;background-color:#208020;color:#ffffff;}
.tmonthsel td{border-left:1px solid #000000;width:23px;background-color:#fffff0;color:#000000;padding:2px;}
.tmonthsel .selhigh{font-weight:bold;background-color:#003366;color:#ffffff;cursor:pointer;}

.tmonth{border-collapse:collapse;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;font-size:11pt;text-align:center;border:1px solid #000000;}
.tmonth th{text-align:center;font-size:10pt;font-weight:bold;background-color: #87CEFA;color: #003366;border:1px solid #000000;}
.tmonth .thdayss{font-weight:bold;background-color:#87CEFA;color:#DBEAF5;border:1px solid #000000;}
.tmonth td{font-size:10pt;padding:6px;width:40px;background-color:#fffff0;color:#000000;border:1px solid #000000;}
.tmonth .calnod{color:#808080;background:#c0c0c0;border:1px solid #808080}
.tmonth .calss{background-color:#DBEAF5;color:#000000;border:1px solid #000000;}
.tmonth .calhigh{font-weight:bold;background-color:#003366;color:#ffffff;cursor:pointer;}
.tmonth .caltoday{font-weight:bold;background-color:#202080;color:#ffffff;}
.tmonth .calselected{font-weight:bold;background-color:#7c9c5f;color:#ffffff;}
.tmonth .calnoterm{background-color:#f2dede;color:#000000;border:1px solid #000000;}

.tsetmonth{border-collapse:collapse;font-family:Calibri,'roboto mono','Lucida Sans Unicode', 'Lucida Grande', sans-serif,arial;font-size:10pt;border:1px solid #000;margin-bottom:4px;}
.tsetmonth th{padding:2px!important;text-align:center;font-size:11pt;font-weight:bold;background-color: #3a87ad;color:#fff;border:1px solid #000;}
.tsetmonth td{text-align:center;background-color:#fffff8;color:#000000;border:1px solid #000000;height:51px;padding:0px!important;}
.tsetmonth .calnod{color:#777;background:#c8c8c8;border:1px solid #777;}
.tsetmonth .calss{background-color:#eee;color:#000000;}
.tsetmonth .calhigh{font-weight:bold;background-color:#003366;color:#ffffff;cursor:pointer;}
.tsetmonth .caltoday{font-weight:bold;background-color:#337ab7;color:#ffffff;}
.tsetmonth .calselected{font-weight:bold;background-color:#7c9c5f;color:#ffffff;}
.tsetmonth .calnoterm{background-color:#f2dede;color:#000000;border:1px solid #000000;}

.paint-month{border-collapse:collapse;border:1px solid #000;margin-bottom:4px;}
.paint-month th{padding:2px!important;text-align:center;font-size:11pt;font-weight:bold;background-color:#6C757D;color:#fff;border:1px solid #000;}
.paint-month td{text-align:center;border:1px solid #000000;height:30px;width:30px;padding:0px}
.paint-month .calnod{color:#777;background:#c8c8c8;border:1px solid #777;}
.paint-month .calss{background-color:#eee;color:#000000;}
.paint-month .calnoterm{background-color:#f2dede;color:#000000;border:1px solid #000000;}
.paint-month .canpick{cursor:pointer;}

#abs-parent{position:relative;display:inline-block;}
#abs-nav{position:absolute;padding:2px 6px 2px 4px;width:100%;color:#fff;top:0px;}
#abs-parent .tsetmonth{margin-right:2px;}
#abs-parent .tsetmonth td{padding:0px!important;}
#abs-parent .abs-month{display:inline;}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dropdown-submenu{position:relative;}
.dropdown-submenu .dropdown-menu{top:0;left:-20px;margin-top:30px;}
.dropdown-submenu .level-submenu{left:-580px}
.dropdown-submenu .staff-submenu{left:-200px}

.table-survey-list{background-color:#fff;}
.table-survey-list th:nth-child(3){min-width:90px;}
.table-survey-list thead th{background-color:#dff0d8;color:#000;}

.drawOuter{margin:5px 0px 5px 0px;}
.drawInner{border:1px solid #aaa;border-radius:4px;padding:0px;}
.drawToolbar{display:flex;justify-content:center;margin-top:5px;}
.drawInner canvas{background-repeat: no-repeat;background-position:center center;}


@media (min-width: 1024px){
    .docoutline{width:100%;min-width:700px;}
    .date-group{margin:0;display:inline-block;}
    .ml-15p{margin-left:15px;}    
    .doc-navbar{z-index:1000;background-color:#f8f8f8;border-bottom:1px solid#e0e0e0;width:100%;margin-bottom:20px;}
    .btn-form-delete{padding-left:100px;}
}

@media (max-width: 1280px){
    #graphFrame{max-width:98%;}
    .graph-frame-xtab{max-width:98%;height:auto;}
}
@media(min-width:1281px){
    #graphFrame{max-width:1600px;}
    .graph-frame-xtab{max-width:1600px;height:auto;}
}

@media (min-width: 1024px){
    .form-inline- {margin-bottom:0px!important;}
    .desktop-nowrap{white-space:nowrap;}
}

@media (width < 1024px) {
  .logo-img{height:20px}
}

@media (max-width: 768px){
    .mainbox{width:100%}
    .row-sep{display:none;}
    #viconmenu{left:10px!important;}
    #menu-tools{left:10px!important;}
    .table-condensed th{font-size:16px!important;}    
    .table-condensed td{font-size:16px!important;}    
    .container-fluid{padding-left:5px!important;padding-right:5px!important;}
    .action-header-name{display:block;line-height:20px;}
    .dropdown-submenu .dropdown-menu{top:0;left:-100px;margin-top:30px;}
    .dropdown-submenu .level-submenu{left:-350px}

    .docoutline{width:100%;}
    .date-group{margin:0;max-width:150px;}
    .input-date{width:11rem!important;}
    .ml-15p{margin-left:0px!important;}

    .doc-navbar{z-index:1000;background-color:#f8f8f8;border-bottom:1px solid#e0e0e0;width:100%;margin-bottom:20px;}
    .btn-form-delete{float:right;}

    .navbar-form{margin-left:0px!important;margin-right:10px!important;}
    .table-survey-list td{font-size:0.95em!important;}
    .table-survey-list th{font-size:0.95em!important;}
    }

@media (max-width: 1024px){
    .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th
    {padding:2px!important;}
    .action-header-name{display:block;line-height:20px;}
}

@media (min-width: 768px){
    .mainbox{width:100%;max-width:600px;margin-left:auto;margin-right:auto;}
    .mainbox-p{width:100%;max-width:600px;}
    .desktop-left-pad{padding-left:20px;}
  }

.table-td-fixed>tbody>tr>td{padding:5px!important;}
.valign-top{vertical-align:top!important;}
.devplan-col1{width:110px;}

.fa-toolbar{width:16px;}

.qGrab.drag{  
  margin-bottom:5px;  
  cursor: move;
  padding-left:15px;
  border-left:10px solid rgba(34,45,50,0.1);
  background-image:url('../images/system/side-grab2.png');
  background-repeat:no-repeat;
  background-position-y: calc(50% + 2px);
  background-position-x: -13px;    
}

.qGrab.over {
  border: 3px dotted #666!important;
  border-radius: 10px;
}

.qGrab{
    padding-right:0px;
    border-right:none;
    background-color:none;
}
.preview-selected{
    border-right:5px solid #3d9970!important;
  background-color:rgb(223,240,216,0.3);
}

.trumbowyg-editor{background-color:#fff;}

.data-quantity {
    position: relative;
    width: 100%;
    max-width: 11rem;
    padding: 0;
    margin: 0;
    border: 0;
  }
  
  .data-quantity input {
    height: 3rem;
    padding: 0 2.0rem;
    border-radius: 2rem;
    border: 0;
    background: #fff;
    color: #222;
    box-shadow: 0 10px 65px -10px rgba(0, 0, 0, 0.25);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    font-weight: bold;
  }
  
  .data-quantity input:focus {
    outline: none;
    box-shadow: 0 5px 55px -10px rgba(0, 0, 0, 0.2), 0 0 4px #3fb0ff; /* Allows border radius on focus */
  }
  
  .data-quantity input[type=number]::-webkit-inner-spin-button,
  .data-quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /*.data-quantity input[type=number] {
    -moz-appearance: textfield;
  }*/
  
  .data-quantity button {
    position: absolute;
    width: 2.8rem;
    height: 2.8rem;
    top: 0.1rem;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    background: #fff
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="50"><path d="M17 25h16M67 25h16M75 17v16" fill="none" stroke="rgb(59,69,66)" stroke-width="1.5px" stroke-linecap="round" stroke-linejoin="round" /></svg>')
      no-repeat 0 0;
    background-size: 5.6rem 2.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    border-radius: 1.4rem;
    cursor: pointer;
    transition: opacity 0.15s;
    opacity: 0.5;
  }
  
  .data-quantity button:active {
    background-position-y: 1px;
    box-shadow: inset 0 2px 12px -4px #c5d1d9;
  }
  
  .data-quantity button:focus {
    outline: none;
  }
  
  .data-quantity button:hover {
    opacity: 1;
  }
  
  .data-quantity button.sub {
    left: 0.6rem;
  }
  
  .data-quantity button.add {
    right: 0.6rem;
    background-position-x: -2.8rem;
  }